@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--bg-subtle:#21262d;--border:#30363d;--border-subtle:#21262d;--border-strong:#484f58;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--text-inverse:#0d1117;--accent:#2f81f7;--accent-hover:#388bfd;--accent-subtle:#1f3a5f;--accent-muted:#1f6feb33;--status-success:#3fb950;--status-success-subtle:#1a3a20;--status-warning:#d29922;--status-warning-subtle:#3a2a10;--status-error:#f85149;--status-error-subtle:#3a1a1a;--status-info:#58a6ff;--status-info-subtle:#1a2a3a;--status-neutral:#484f58;--status-neutral-subtle:#21262d;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:240px;--sidebar-collapsed:0px;--topbar-height:52px;--bottom-nav-height:60px;--content-max-width:1400px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:1;--z-dropdown:100;--z-sidebar:200;--z-topbar:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.3}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-size:var(--text-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--accent-subtle);color:var(--text-primary)}input,textarea,select{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);border:none;outline:none}button:disabled{opacity:.5;cursor:not-allowed}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-ui);white-space:nowrap;display:inline-flex}.badge-success{background:var(--status-success-subtle);color:var(--status-success)}.badge-warning{background:var(--status-warning-subtle);color:var(--status-warning)}.badge-error{background:var(--status-error-subtle);color:var(--status-error)}.badge-info{background:var(--status-info-subtle);color:var(--status-info)}.badge-neutral{background:var(--status-neutral-subtle);color:var(--status-neutral)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-surface);z-index:var(--z-base);position:sticky;top:0}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tr:hover td{background-color:var(--bg-elevated)}.data-table tr:last-child td{border-bottom:none}.data-table td.mono-cell{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.panel-body{padding:var(--space-4) var(--space-5)}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.console-layout{min-height:100vh;display:flex}.console-main{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.console-content{padding:var(--space-6);margin-top:var(--topbar-height);max-width:var(--content-max-width);flex:1;width:100%}@media (max-width:768px){:root{--text-base:14px}.console-main{margin-left:0;margin-bottom:var(--bottom-nav-height)}.console-content{padding:var(--space-4)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table th:first-child,.data-table td:first-child{background:var(--bg-surface);z-index:var(--z-base);position:sticky;left:0}.data-table tr:hover td:first-child{background-color:var(--bg-elevated)}.truncate{max-width:160px}}@media (max-width:480px){.console-content{padding:var(--space-3)}}