:root{--bg: #0c0c0f;--bg-card: #16161a;--border: #2a2a2e;--text: #f1f5f9;--text-muted: #94a3b8;--primary: #22c55e;--primary-hover: #16a34a;--danger: #ef4444;--success: #22c55e;--warning: #eab308;--teal: #06b6d4;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .15);--radius: var(--radius-md);--spacing: var(--space-4)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;min-height:44px}input,textarea,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-card);border-right:1px solid var(--border);padding:var(--space-2)}.sidebar a{display:block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--text);margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.sidebar a:hover{background:var(--border);text-decoration:none}.sidebar a.active{background:var(--primary);color:#fff;border-left-color:var(--success)}.main{flex:1;padding:var(--space-2);overflow:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:none;background:var(--primary);color:#fff;font-weight:var(--font-weight-medium);min-height:44px}.btn:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#22c55e4d}.form-group{margin-bottom:var(--space-2)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select,.input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}tr:hover td{background:#ffffff08}.login-page{max-width:360px;margin:80px auto;padding:var(--space-4)}.login-page h1{margin-bottom:var(--space-4)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.grid-cards .card{margin:0}.sidebar-group-label{font-size:8px;font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-2) 0 var(--space-1);padding:0 var(--space-2)}.sidebar-group-label:first-child{margin-top:0}.header-right{display:flex;align-items:center;gap:var(--space-2)}.live-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#22c55e26;color:var(--success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.header-updated{font-size:var(--font-size-sm);color:var(--text-muted)}@keyframes live-pulse{0%{opacity:.7}to{opacity:1}}.live-pill{animation:live-pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.live-pill{animation:none}}.trend-up{color:var(--success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.trend-down{color:var(--danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.recharts-default-tooltip,.recharts-default-tooltip *{color:var(--text)!important;fill:var(--text)!important}