:root{--bg:#f6f7fb;--card:#fff;--text:#182230;--muted:#617083;--line:#d9e0ea;--accent:#2257d6;--soft:#edf3ff;--good:#147a50;--warn:#9a5d00}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:24px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.brand{font-weight:800;letter-spacing:-.02em}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:700}.hero{padding:20px 0 10px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.08;margin:8px 0 10px;letter-spacing:-.04em}.hero p{max-width:780px;color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 3px 18px rgba(20,30,50,.05)}.card h2,.card h3{margin-top:0;line-height:1.2}.kpi{font-size:30px;font-weight:800;margin:4px 0}.muted{color:var(--muted)}.small{font-size:13px}.notice{border-left:4px solid var(--accent);background:var(--soft);padding:12px 14px;border-radius:10px}.warn{border-left-color:#d58b16;background:#fff7e8}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.btn{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:11px 15px;font-weight:800;cursor:pointer}.btn.secondary{background:#eef2f8;color:var(--text)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.result .mini{border:1px solid var(--line);border-radius:12px;padding:12px}.mini strong{display:block;font-size:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sources li{margin:8px 0}.footer{margin:30px 0 10px;color:var(--muted);font-size:13px} @media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.result{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{padding:16px}.grid,.controls{grid-template-columns:1fr}.top{align-items:flex-start}.result{grid-template-columns:1fr 1fr}.hero p{font-size:16px}}