:root{font-family:Inter,system-ui;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:1rem;padding:1rem 3vw;background:#0d1629;color:white}header a{color:white;text-decoration:none}header div{display:flex;flex-direction:column}main{max-width:1180px;margin:auto;padding:2rem}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;background:linear-gradient(135deg,#10213e,#29396c);color:white;border-radius:22px;padding:2rem}.hero h1{font-size:clamp(2rem,5vw,3.3rem);margin:.4rem 0}.summary,.grid,.results{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.summary article,.panel{background:white;color:#172033;border:1px solid #dbe3ef;border-radius:16px;padding:1rem}.panel{margin-top:1rem}.grid{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;font-size:.84rem}input,select{padding:.75rem;border:1px solid #b9c7da;border-radius:9px}button{margin-top:1rem;padding:.8rem 1rem;border:0;border-radius:9px;background:#2f6fed;color:white;font-weight:800}.results article{background:#eef3fb;padding:1rem;border-radius:12px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:.75rem;border-bottom:1px solid #dbe3ef;text-align:left}#toast{position:fixed;right:1rem;bottom:1rem;background:#101a2e;color:white;padding:.8rem;border-radius:10px;opacity:0}#toast.show{opacity:1}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.results{grid-template-columns:1fr 1fr}}