@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#0b0c0e;--bg-panel:#151619;--bg-elevated:#1b1d21;--border:#232529;--text-primary:#ecedef;--text-muted:#8b8f97;--text-dim:#5a5d64;--color-burgundy:#800020;--color-gold:#ffce1b;--color-terracotta:brown;--color-rust:#be5103;--accent:#ffce1b;--accent-secondary:#be5103;--accent-burgundy:#800020;--accent-terracotta:brown;--accent-dim:#ffce1b1f;--burgundy-dim:#80002026;--severity-high:brown;--severity-medium:#be5103;--severity-info:#ffce1b;--severity-none:#3a9d6f;--green:#3a9d6f;--red:brown;--amber:#be5103;--gold:#ffce1b;--font:"Space Grotesk", -apple-system, sans-serif;--mono:"IBM Plex Mono", monospace;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}.status-dot,.live-dot,.dot-pulse span,.ai-orb{border-radius:50%!important}html{scroll-behavior:smooth;background-color:var(--bg-base);height:100%}body{font-family:var(--font);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}.font-data,.font-mono,pre,code,.stat-value,.metric-chip-val{font-family:var(--mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px;text-decoration:none;display:flex}.sidebar-logo-mark{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-mark svg{filter:drop-shadow(0 0 6px #e0a53940);width:100%;height:100%;display:block}.sidebar-brand{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar-tagline{color:var(--color-gold);font-size:11px;font-family:var(--mono);margin-top:1px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-section-label{color:var(--text-dim);margin-top:20px;margin-bottom:8px;padding:0 20px;font-size:11px;font-weight:600}.sidebar-section-label:first-child{margin-top:0}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-item.active{color:var(--color-gold);border-left:3px solid var(--color-gold);background:0 0;padding-left:17px}.nav-item-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-item-icon{opacity:1;color:var(--color-gold)}.sidebar-status{border-top:1px solid var(--border);background:var(--bg-panel);padding:14px 20px}.status-row{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.status-row:last-child{margin-bottom:0}.status-dot{flex-shrink:0;width:6px;height:6px}.status-dot.online{background:var(--severity-none)}.status-dot.idle{background:var(--color-gold)}.status-dot.clean{background:var(--severity-none)}.main-content{margin-left:var(--sidebar-w);background:var(--bg-base);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:50;background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-primary);font-size:15px;font-weight:600}.topbar-breadcrumb{color:var(--text-muted);font-size:13px}.topbar-divider{color:var(--text-dim)}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.page-content{flex:1;padding:24px 28px}.page-header{margin-bottom:24px}.page-title{color:var(--text-primary);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13.5px}.top-metrics-strip{border:1px solid var(--border);background:var(--bg-panel);grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid}.metric-segment{border-right:1px solid var(--border);padding:16px 20px}.metric-segment:last-child{border-right:none}.metric-segment-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.metric-segment-value{font-family:var(--mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.metric-segment-sub{color:var(--text-dim);font-size:11px;font-family:var(--mono);margin-top:4px}.card{background:var(--bg-panel);border:1px solid var(--border);padding:20px;position:relative}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:14px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.data-table-wrap{border:1px solid var(--border);background:var(--bg-panel)}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-panel);padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-elevated)}.btn{font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-gold);color:#0b0c0e;border-color:var(--color-gold)}.btn-primary:hover{background:#e5b810;border-color:#e5b810}.btn-outline{border-color:var(--border);color:var(--text-primary);background:var(--bg-panel)}.btn-outline:hover{background:var(--bg-elevated);border-color:var(--color-gold);color:var(--color-gold)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--color-gold);background:var(--bg-elevated)}.btn-sm{padding:6px 12px;font-size:12px}.status-indicator{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.status-dot-sm{width:6px;height:6px}.console-panel{border:1px solid var(--border);background:var(--bg-panel);flex-direction:column;display:flex}.console-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.console-feed{font-family:var(--font);flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.console-item{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.console-item:first-child{border-top:none;padding-top:0}.console-timestamp{font-family:var(--mono);color:var(--color-gold);font-size:11px}.console-text{color:var(--text-primary);font-size:13px;line-height:1.6}.console-input-row{border-top:1px solid var(--border);background:var(--bg-base);padding:8px 12px;display:flex}.console-input{color:var(--text-primary);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:6px 8px;font-size:13px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-xs{font-size:12px}.text-sm{font-size:13px}