:root{--bg: #0a0e1a;--surface: rgba(30, 32, 48, .65);--surface-border: rgba(255, 255, 255, .1);--surface-hover: rgba(255, 255, 255, .03);--text-primary: #e8eaed;--text-secondary: #b0b7bd;--text-label: #8a95ab;--accent: #6eabff;--green: #34d399;--gold: #d4a840;--red: #ef4444;--purple: #a78bfa;--radius-card: 14px;--radius-btn: 8px;--sidebar-w: 220px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}html,body,#root{height:100%;font-family:var(--font);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-w);padding:2rem;min-width:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--surface-border);padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:100}.sidebar-brand{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.sidebar-sub{font-size:.7rem;color:var(--text-label);margin-bottom:2rem;text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.6rem;background:transparent;border:none;color:var(--text-secondary);padding:.55rem .75rem;border-radius:var(--radius-btn);text-align:left;cursor:pointer;font-size:.85rem;font-family:var(--font);transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#6eabff26;color:var(--accent)}.nav-icon{font-size:1rem;width:1.4rem;text-align:center}.mobile-topbar{display:none}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);padding:1rem}.card-title{font-size:.75rem;font-weight:600;color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);padding:1rem 1.15rem}.kpi-label{font-size:.7rem;font-weight:500;color:var(--text-label);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-value.positive{color:var(--green)}.kpi-value.negative{color:var(--red)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;margin-bottom:1.5rem}.chart-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);padding:1rem 1.15rem}.chart-card canvas{width:100%!important;max-height:250px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}thead th{text-align:left;font-weight:600;color:var(--text-label);padding:.55rem .75rem;border-bottom:1px solid var(--surface-border);white-space:nowrap}tbody td{padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);white-space:nowrap}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff08}tbody tr.clickable{cursor:pointer}.mono{font-family:var(--mono);font-size:.75rem}.truncate{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:#34d39926;color:var(--green)}.badge-gold{background:#d4a84026;color:var(--gold)}.badge-red{background:#ef444426;color:var(--red)}.badge-purple{background:#a78bfa26;color:var(--purple)}.badge-accent{background:#6eabff26;color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:var(--radius-btn);padding:.35rem .75rem;font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.btn:hover{opacity:.85}.btn-accent{background:var(--accent);color:#0a0e1a}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--surface-border)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.btn-back{background:transparent;color:var(--text-secondary);border:none;padding:.35rem 0;font-family:var(--font);font-size:.85rem;cursor:pointer;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.3rem}.btn-back:hover{color:var(--accent)}.selector-group{display:flex;gap:.4rem;margin-bottom:1rem}.selector-btn{border:1px solid var(--surface-border);background:transparent;color:var(--text-label);border-radius:var(--radius-btn);padding:.4rem .9rem;font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.selector-btn:hover{border-color:var(--accent);color:var(--text-primary)}.selector-btn.active{background:#6eabff33;border-color:var(--accent);color:var(--accent);font-weight:600}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.input{background:#ffffff0d;border:1px solid var(--surface-border);border-radius:var(--radius-btn);padding:.45rem .75rem;color:var(--text-primary);font-family:var(--font);font-size:.85rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-label)}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;font-size:.8rem;color:var(--text-label)}.pagination button{background:transparent;border:1px solid var(--surface-border);color:var(--text-secondary);padding:.3rem .65rem;border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font);font-size:.8rem}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--green);color:#0a0e1a;padding:.6rem 1.2rem;border-radius:var(--radius-btn);font-weight:600;font-size:.85rem;z-index:1000;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.info-label{color:var(--text-label);font-size:.8rem}.info-value{color:var(--text-primary);font-size:.8rem;font-weight:500}.page-title{font-size:1.35rem;font-weight:700;margin-bottom:1.25rem}.section-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.loading{color:var(--text-label);text-align:center;padding:3rem 0;font-size:.9rem}@media(max-width:700px){.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--surface-border);padding:.65rem 1rem;position:sticky;top:0;z-index:100}.mobile-brand{font-size:.95rem;font-weight:700;color:var(--accent)}.mobile-nav{display:flex;gap:.25rem}.mobile-nav .nav-item{font-size:.75rem;padding:.35rem .55rem}.main-content{margin-left:0;padding:1rem}.kpi-grid{grid-template-columns:1fr 1fr}.chart-grid,.detail-grid{grid-template-columns:1fr}}