@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1a1a1a;--bg-elevated: #1e1e1e;--bg-input: #1a1a1a;--border-subtle: #222222;--border-strong: #333333;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-muted: #666666;--accent: #3b82f6;--accent-hover: #2563eb;--accent-muted: #1e3a5f;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--notification-dot: #ef4444;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 240px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;height:100%}.main-content{flex:1;margin-left:var(--sidebar-width);overflow-y:auto;min-height:100vh}.page{padding:32px;max-width:1400px}.page-header{margin-bottom:24px}.page-heading{font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.2}.page-subheading{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:background .15s ease}.card:hover{background:var(--bg-card-hover)}.card-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:16px}.kpi-grid{display:flex;gap:16px;margin-bottom:24px}.kpi-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}button,.btn{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--accent);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8125rem}.btn-ghost:hover{background:var(--accent-muted)}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}input,select,textarea{font-family:var(--font-sans);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:8px 12px;outline:none;transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8125rem}th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text-secondary)}td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-card-hover);cursor:pointer}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-bar select{padding:6px 10px;font-size:.8125rem}.filter-bar label{color:var(--text-muted);font-size:.8125rem;display:flex;align-items:center;gap:6px}.divider{border:none;border-top:1px solid var(--border-subtle);margin:16px 0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--notification-dot);color:#fff;font-size:.6875rem;font-weight:600;line-height:1}.notif-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--notification-dot);flex-shrink:0}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.expand-row td{padding:0;border-bottom:1px solid var(--border-subtle)}.expand-content{padding:16px 12px;background:var(--bg-elevated);font-size:.8125rem}@media(max-width:767px){.main-content{margin-left:0;padding-bottom:64px}.page{padding:16px}.kpi-grid{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.kpi-grid>*{flex:0 0 160px}.grid-2,.grid-3{grid-template-columns:1fr}.kpi-grid-4{grid-template-columns:1fr 1fr}}@media(min-width:768px)and (max-width:1023px){.grid-3{grid-template-columns:1fr 1fr}}