:root{--bg:#f6f8fb;--card:#fff;--accent:#06f;--muted:#6b7280;--success:#10b981;--glass:hsla(0,0%,100%,.6);--maxw:1100px;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body,html{background:var(--bg);color:#0f172a;height:100%;margin:0}.wrap{margin:0 auto;max-width:var(--maxw);padding:0}header{align-items:center;display:flex;gap:18px;margin-bottom:18px}h1{font-size:20px;margin:0}p.lead{color:var(--muted);margin:4px 0 0}.grid{display:grid;gap:18px;grid-template-columns:1fr 360px;margin-top:18px}@media (max-width:880px){.grid{grid-template-columns:1fr}.aside{order:2}}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 6px 18px rgba(12,24,48,.06);padding:18px}.section-title{align-items:center;display:flex;gap:12px;margin-bottom:12px}.kpi{align-items:baseline;display:flex;gap:8px}.kpi strong{font-size:20px}.split{gap:12px}.pie,.split{align-items:center;display:flex}.pie{background:conic-gradient(#06f 0 70%,#60a5fa 70% 100%);border-radius:999px;color:#fff;flex:0 0 110px;font-weight:700;height:110px;justify-content:center;position:relative;width:110px}.pie small{display:block;font-size:12px;opacity:.95}.legend{display:flex;flex-direction:column;gap:8px}.legend .row{align-items:center;display:flex;gap:8px}.dot{border-radius:4px;height:12px;width:12px}.dot.l1{background:#06f}.dot.l2{background:#60a5fa}.details{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:14px}@media (max-width:580px){.details{grid-template-columns:1fr}}.detail{background:linear-gradient(180deg,rgba(2,6,23,.03),rgba(2,6,23,.01));border-radius:10px;padding:12px}.detail h3{font-size:14px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px}.calc{flex-direction:column}.calc,.rowf{display:flex;gap:8px}.rowf{align-items:center}input[type=number],select{border:1px solid #e6e9ef;border-radius:8px;font-size:14px;padding:10px;width:100%}.btn{background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:10px 12px}.muted-box{background:var(--bg);border:1px dashed #e9eef8;border-radius:8px;padding:10px}footer{color:var(--muted);font-size:13px;margin-top:18px}.summary{display:flex;flex-direction:column;gap:8px}.pill{background:var(--glass);border-radius:999px;display:inline-block;font-weight:600;padding:6px 10px}code{background:#f3f4f6;border-radius:6px;font-size:13px;padding:4px 6px}