:root{--bg:#07111f;--panel:#0d1a2b;--panel-soft:#11233a;--text:#eff6ff;--muted:#9db3ca;--line:#9db3ca2e;--green:#33d17a;--yellow:#ffd166;--red:#ff6b6b;--blue:#61dafb}*{box-sizing:border-box}html,body{color:var(--text);background:linear-gradient(#06101d 0%,#091728 100%);margin:0;padding:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}.container{max-width:1240px;margin:0 auto;padding:32px 20px 48px}.hero{grid-template-columns:1.3fr .7fr;gap:20px;margin-bottom:22px;display:grid}.card{border:1px solid var(--line);background:#0d1a2beb;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0000002e}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 22px;display:grid}.kpiValue{margin-top:8px;font-size:1.7rem;font-weight:700}.label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.muted{color:var(--muted)}.grid{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.sectionTitle{margin:0 0 14px;font-size:1.1rem}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:11px 0;font-size:.95rem}.table th{color:var(--muted);font-weight:600}.badge{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;display:inline-flex}.badge.green{color:var(--green)}.badge.yellow{color:var(--yellow)}.badge.red{color:var(--red)}.list{gap:12px;display:grid}.listItem{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.progress{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg,#61dafb,#6ee7b7);height:100%;display:block}.headerTitle{margin:8px 0;font-size:clamp(2rem,4vw,3.2rem)}.subtitle{color:var(--muted);max-width:70ch;font-size:1rem;line-height:1.6}.pillRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.small{font-size:.85rem}.footerNote{color:var(--muted);margin-top:18px;font-size:.85rem}.input{width:100%;color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff0d;border-radius:12px;padding:12px 14px}.button{color:#05101c;cursor:pointer;background:linear-gradient(90deg,#61dafb,#6ee7b7);border:0;border-radius:12px;padding:12px 16px;font-weight:700}.button:hover{opacity:.92}select.input{appearance:none}@media (max-width:980px){.hero,.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.kpis{grid-template-columns:1fr}.container{padding:20px 14px 34px}}