:root{--bg:#f2f4f8;--surface:hsla(0,0%,100%,.84);--surface-strong:#fff;--text:#0b1220;--muted:#5f6c86;--accent:#0e7490;--accent-2:#ca8a04;--line:rgba(15,23,42,.1);--glow:rgba(14,116,144,.2)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Sora,Manrope,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 0,rgba(14,116,144,.18),transparent 40%),radial-gradient(circle at 96% 100%,rgba(202,138,4,.14),transparent 38%),var(--bg);color:var(--text)}.page{display:grid;grid-template-columns:284px 1fr;min-height:100vh}.sidebar{background:radial-gradient(circle at 10% 12%,rgba(125,211,252,.2),transparent 35%),linear-gradient(170deg,#0a2238,#0b1424);color:#e2e8f0;padding:26px 20px;border-right:1px solid hsla(0,0%,100%,.08);box-shadow:inset -1px 0 0 hsla(0,0%,100%,.05)}.sidebar h1{margin:0;font-size:1.18rem;letter-spacing:.02em;color:#eff6ff}.nav{margin-top:16px;display:grid;grid-gap:8px;gap:8px}.nav button{border:1px solid rgba(148,163,184,.2);background:hsla(0,0%,100%,.02);color:#dbeafe;border-radius:10px;padding:10px;text-align:left;cursor:pointer;transition:all .2s ease}.nav button:hover{border-color:rgba(186,230,253,.45);transform:translateX(1px)}.nav button.active{background:linear-gradient(120deg,rgba(14,116,144,.28),rgba(125,211,252,.18));border-color:rgba(186,230,253,.65);color:#fff}.filter{margin-top:16px;display:grid;grid-gap:10px;gap:10px}.filter label{display:grid;grid-gap:5px;gap:5px;font-size:.79rem;color:#bfdbfe;letter-spacing:.01em}.filter input,.filter select{width:100%;border-radius:9px;border:1px solid rgba(148,163,184,.24);padding:7px 8px;background:rgba(15,23,42,.48);color:#f8fafc}.content{padding:22px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.hero h2{margin:0;font-size:1.5rem;letter-spacing:.01em}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h4{margin:0;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.card .value{margin-top:8px;font-size:1.45rem;font-weight:800;color:#081529}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.table-wrap{overflow:auto;max-height:440px}.table{width:100%;border-collapse:collapse;font-size:.84rem}.table td,.table th{border-bottom:1px solid #e7edf7;padding:8px;text-align:left;white-space:nowrap}.table th{background:#f3f7ff;color:#334155}.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:linear-gradient(120deg,rgba(14,116,144,.14),rgba(202,138,4,.14));color:#0b4a66;font-size:.76rem;margin-right:7px;margin-bottom:7px;border:1px solid rgba(14,116,144,.14)}.download-btn{border:1px solid rgba(14,116,144,.25);background:linear-gradient(140deg,#083344,#0e7490);color:#f0f9ff;border-radius:10px;padding:8px 11px;cursor:pointer;font-weight:600;box-shadow:0 8px 18px var(--glow);transition:transform .2s ease}.download-btn:hover{transform:translateY(-1px)}.download-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width:1024px){.page{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media (max-width:700px){.content,.sidebar{padding:16px}.kpis{grid-template-columns:1fr}}