@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-color:#000;--panel-bg:#09090b;--panel-border:#27272a;--panel-hover:#18181b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;font-size:.875rem}h1,h2,h3,h4,h5{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:500}h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem}h2{border-bottom:1px solid var(--panel-border);margin-bottom:12px;padding-bottom:8px;font-size:1.125rem}p{color:var(--text-secondary);line-height:1.5}.font-mono{letter-spacing:-.02em;font-family:Courier New,Courier,monospace}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:2px;padding:20px}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--panel-border);background:var(--bg-color);flex-direction:column;width:240px;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:32px;padding-left:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:2px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:none;display:flex}.nav-link:hover{background:var(--panel-hover);color:var(--text-primary)}.nav-link.active{background:var(--panel-hover);color:var(--text-primary);border-left:2px solid var(--accent-primary)}.main-content{flex:1;padding:40px;overflow-y:auto}.btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:6px;padding:6px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.btn:hover{background:#2563eb}.btn-outline{border:1px solid var(--panel-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--panel-hover)}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--panel-border);background:var(--panel-bg);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;font-size:.6875rem;font-weight:500}.data-table td{border-bottom:1px solid var(--panel-border);color:var(--text-primary);padding:10px 12px}.data-table tr:hover td{background:#ffffff05}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:500;display:block}.form-input{background:var(--bg-color);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);border-radius:2px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.875rem}.form-input:focus{border-color:var(--accent-primary);outline:none}.tag{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:2px;align-items:center;gap:4px;padding:2px 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.tag.success{color:var(--success);background:#10b9810d;border-color:#10b9814d}.tag.warning{color:var(--warning);background:#f59e0b0d;border-color:#f59e0b4d}.tag.danger{color:var(--danger);background:#ef44440d;border-color:#ef44444d}.tag.neutral{color:var(--text-secondary);border-color:var(--panel-border);background:var(--panel-bg)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi-block{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:2px;padding:16px}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem}.kpi-value{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700}