:root{--navy:#071a33;--dark:#0c294d;--cyan:#20d8cf;--blue:#5578ff;--gold:#f3c953;--ink:#17233a;--muted:#63758b;--pale:#eef7fb;--line:#c9dce7;--white:#fff;--red:#d95365;--green:#159773}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);background:#f5f9fc}header{height:72px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:10px max(24px,5vw);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand img{width:46px;height:46px;border-radius:12px}.brand b,.brand span{display:block}.brand b{color:var(--cyan);letter-spacing:1px}.brand span{font-size:13px}main{max-width:1180px;margin:auto;padding:28px 20px 70px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 25px #1232  }.login{max-width:520px;margin:55px auto}.eyebrow{font-weight:800;font-size:12px;letter-spacing:1.5px;color:#168e89}h1{font-size:clamp(29px,5vw,48px);line-height:1.05;margin:8px 0 16px}h2{margin-top:0;font-size:21px}label{display:block;font-weight:700;font-size:14px;margin:14px 0}input,select,textarea{width:100%;border:1px solid #aac3d2;border-radius:11px;padding:12px;margin-top:7px;font:inherit;background:white}textarea{min-height:130px;resize:vertical}button{border:0;border-radius:11px;padding:12px 18px;font-weight:800;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#061a31;cursor:pointer}.ghost{background:transparent;color:white;border:1px solid #ffffff55}.secondary{background:var(--dark);color:white}.hidden{display:none!important}.msg{min-height:20px;color:var(--muted)}.hero{background:linear-gradient(125deg,var(--navy),var(--dark));color:white;border-radius:24px;padding:32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero h1{font-size:36px}.hero p{max-width:700px}.score{min-width:220px;background:#ffffff12;border:1px solid #ffffff33;border-radius:18px;padding:24px}.score span,.score strong{display:block}.score strong{font-size:30px;color:var(--gold);margin-top:8px}nav{display:flex;gap:8px;overflow:auto;padding:18px 0}nav button{background:white;border:1px solid var(--line);color:var(--dark);white-space:nowrap}nav button.active{background:var(--cyan);border-color:var(--cyan)}.panel{display:none}.panel.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metrics article{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted);font-size:13px}.metrics strong{font-size:24px;margin-top:7px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.tablewrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.bars{min-height:220px}.barrow{display:grid;grid-template-columns:120px 1fr 85px;gap:10px;align-items:center;margin:17px 0}.track,.progress{height:13px;background:#dcecf3;border-radius:10px;overflow:hidden}.track i,.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:10px}.big{font-size:38px;font-weight:900;color:var(--blue);margin:30px 0 12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.mini{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.mini h3{margin:0 0 8px}.mini small{color:var(--muted)}.mini button{background:#fee4e8;color:#892237;padding:7px 10px;margin-top:10px}.notice{background:#fff6d7;border-left:5px solid var(--gold);padding:13px}.output{min-height:260px}.positive{color:var(--green)}.negative{color:var(--red)}footer{text-align:center;padding:28px;color:var(--muted);font-size:13px}@media(max-width:800px){.metrics,.grid,.cards{grid-template-columns:1fr}.formrow{grid-template-columns:1fr 1fr}.hero{display:block}.score{margin-top:20px}.brand span{display:none}}@media(max-width:480px){.formrow{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}main{padding:18px 12px}.card{padding:17px}}