@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Public+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0F0F13;--surface: #1A1C20;--surface-hover: #25272D;--fg: #f5f5f4;--muted: #8b8b8f;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--accent: #E01020;--accent-hover: #ff1a2e;--cyan: #00E5FF;--gold: #FFAA00;--purple: #A855F7;--green: #22C55E;--font-display: "Space Grotesk", Georgia, sans-serif;--font-body: "Public Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 14px;--radius-sm: 8px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--fg)}.sidebar-logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #e0102099}.sidebar-nav{padding:16px 12px;flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--surface-hover);color:var(--fg)}.nav-item.active{background:#e010201f;color:var(--accent)}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.main-content{flex:1;margin-left:240px;padding:32px 40px;max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--fg)}.page-subtitle{font-size:14px;color:var(--muted);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px #e010204d}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-danger:hover{background:#e010201a}.btn-sm{padding:6px 14px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--fg);margin-bottom:4px}.card-subtitle{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent)}.metric-card.cyan:before{background:var(--cyan)}.metric-card.gold:before{background:var(--gold)}.metric-card.green:before{background:var(--green)}.metric-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.metric-value{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--fg);line-height:1.2}.metric-unit{font-size:1rem;color:var(--muted);margin-left:4px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-card.full-width{grid-column:1 / -1}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-strong);white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--fg)}.data-table td.mono{font-family:var(--font-mono);font-size:13px}.data-table tr:hover td{background:var(--surface-hover)}.data-table .actions-cell{display:flex;gap:8px}.form-container{max-width:720px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-body);font-size:15px;transition:border-color .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e010201a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;margin-top:28px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#e010201a;display:flex;align-items:center;justify-content:center}.empty-state-text{font-size:16px;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--muted);font-size:14px}.spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--fg);margin-bottom:16px;margin-top:8px}@media (max-width: 900px){.sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.sidebar-nav{flex-direction:row;padding:8px}.sidebar-header,.sidebar-footer{display:none}.main-content{margin-left:0;padding:20px}.metrics-grid{grid-template-columns:1fr 1fr}.charts-grid,.form-row,.form-row-3{grid-template-columns:1fr}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important}.recharts-cartesian-axis-tick text{fill:var(--muted)!important;font-family:var(--font-mono)!important;font-size:11px!important}.recharts-cartesian-grid line{stroke:var(--border)!important}.recharts-legend-item-text{color:var(--muted)!important;font-size:13px!important}