:root{--bg: #0b0d12;--card: #1a2029;--text: #e6e8eb;--muted: #9aa4b2;--accent: #2563eb;--pos: #16a34a;--neg: #dc2626;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--font-s: 12px;--font-m: 14px;--font-l: 16px;--font-xl: 20px;--font-2xl: 24px}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.4}.container{padding:var(--space-6)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5)}.card{background:var(--card);border-radius:var(--radius);padding:var(--space-5);border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 2px #0000004d}.card:hover{border-color:#ffffff1f}.kpis{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.section-two-col{grid-column:1 / -1;display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}@media (max-width: 900px){.kpis{grid-template-columns:1fr 1fr}.section-two-col{grid-template-columns:1fr}}.muted{color:var(--muted)}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:8px 12px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--font-m)}.table th{color:var(--muted);font-weight:600}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.badge-pos{color:var(--pos)}.badge-neg{color:var(--neg)}.small{font-size:var(--font-s)}.title{font-size:var(--font-xl);font-weight:700;margin:0 0 var(--space-3) 0}.subtitle{font-size:var(--font-m);margin:0;color:var(--muted)}.value-pos{color:var(--pos)}.value-neg{color:var(--neg)}.skeleton{background:#ffffff0f;border-radius:var(--radius);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-40%;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(250%)}}.skeleton-kpi{height:84px}.skeleton-table{height:260px}.skeleton-chart{height:220px}.skeleton-list{height:160px}.app-layout{height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--card);border-bottom:1px solid rgba(255,255,255,.1)}.main-content{flex:1;display:flex;overflow:hidden}.page-content{flex:1;overflow-y:auto;padding:var(--space-6)}.navigation{width:200px;background:var(--card);border-right:1px solid rgba(255,255,255,.1);padding:var(--space-4) 0}.nav-links{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:block;padding:var(--space-3) var(--space-4);color:var(--muted);text-decoration:none;font-size:var(--font-m);transition:all .2s ease;border-left:3px solid transparent}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:var(--accent);background:#2563eb1a;border-left-color:var(--accent)}@media (max-width: 768px){.main-content{flex-direction:column}.navigation{width:100%;order:2}.nav-links{flex-direction:row;justify-content:center;padding:var(--space-2) 0}.nav-link{border-left:none;border-bottom:3px solid transparent;text-align:center;min-width:80px}.nav-link.active{border-left:none;border-bottom-color:var(--accent)}.page-content{order:1;padding:var(--space-4)}}