:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-sidebar: #0f3460;--accent: #0f3460;--accent-light: #1a4a8a;--text-primary: #e4e6eb;--text-secondary: #a0a3b1;--text-muted: #6c7293;--border-color: #2a2d4a;--error-color: #e74c3c;--warn-color: #f39c12;--info-color: #3498db;--debug-color: #7f8c8d;--trace-color: #9b59b6;--success-color: #2ecc71;--card-radius: 8px;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3);--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}code,pre,.mono{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace}a{color:var(--info-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}table{width:100%;border-collapse:collapse}th,td{padding:10px 14px;text-align:left}th{background-color:var(--accent);color:var(--text-primary);font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition)}tbody tr:nth-child(2n){background-color:#ffffff05}tbody tr:hover{background-color:#ffffff0d;cursor:pointer}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-error{background-color:#e74c3c33;color:var(--error-color);border:1px solid rgba(231,76,60,.3)}.badge-warn{background-color:#f39c1233;color:var(--warn-color);border:1px solid rgba(243,156,18,.3)}.badge-info{background-color:#3498db33;color:var(--info-color);border:1px solid rgba(52,152,219,.3)}.badge-debug{background-color:#7f8c8d33;color:var(--debug-color);border:1px solid rgba(127,140,141,.3)}.badge-trace{background-color:#9b59b633;color:var(--trace-color);border:1px solid rgba(155,89,182,.3)}.badge-raw{background-color:#e67e2233;color:#e67e22;border:1px solid rgba(230,126,34,.3)}.card{background-color:var(--bg-secondary);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:20px;border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:.9em;font-weight:600;transition:all var(--transition)}.btn-primary{background-color:var(--info-color);color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:var(--accent);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--accent-light)}.form-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:.9em;transition:border-color var(--transition)}.form-input:focus{outline:none;border-color:var(--info-color)}.page-title{font-size:1.6em;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.section-title{font-size:1.1em;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.loading{text-align:center;padding:40px;color:var(--text-muted)}.error-msg{color:var(--error-color);padding:12px;background-color:#e74c3c1a;border-radius:6px;border:1px solid rgba(231,76,60,.2)}.app-layout[data-v-56bbb376]{display:flex;min-height:100vh}.sidebar[data-v-56bbb376]{position:fixed;left:0;top:0;bottom:0;width:240px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;z-index:100;border-right:1px solid rgba(255,255,255,.05)}.sidebar-header[data-v-56bbb376]{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.logo[data-v-56bbb376]{font-size:1.3em;font-weight:800;color:#fff;letter-spacing:-.5px}.sidebar-nav[data-v-56bbb376]{display:flex;flex-direction:column;padding:12px 0}.nav-item[data-v-56bbb376]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:.95em;font-weight:500;transition:all var(--transition);border-left:3px solid transparent}.nav-item[data-v-56bbb376]:hover{background-color:#ffffff0d;color:var(--text-primary);text-decoration:none}.nav-item.active[data-v-56bbb376]{background-color:#ffffff14;color:#fff;border-left-color:var(--info-color)}.nav-icon[data-v-56bbb376]{font-size:1.1em;width:20px;text-align:center}.main-content[data-v-56bbb376]{margin-left:240px;flex:1;padding:24px;min-height:100vh}