*{box-sizing:border-box}body{color:#18243a;background:#f5f7fb;margin:0;font:16px system-ui,Arial}header{background:#fff;border-bottom:1px solid #e6e9f1;justify-content:space-between;align-items:center;padding:22px max(20px,50vw - 500px);display:flex}a{color:#1764c0;text-decoration:none}header>a{color:#152b4a;font-size:25px;font-weight:800}nav{gap:16px;display:flex}main{max-width:960px;margin:50px auto;padding:0 20px}.panel{background:#fff;border:1px solid #e5eaf1;border-radius:20px;margin-bottom:20px;padding:28px;box-shadow:0 10px 35px #18243a0b}h1{font-size:34px}p{color:#59657a;line-height:1.6}input,button{font:inherit;border-radius:10px;padding:12px 14px}input{border:1px solid #cbd4e0;width:100%;margin:8px 0 14px}button{color:#fff;cursor:pointer;background:#1c63c8;border:0}button:disabled{opacity:.5}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;display:grid}.metric{background:#eef4ff;border-radius:14px;padding:20px}.metric b{font-size:30px;display:block}.error{color:#b00020}.success{color:#167346}label{font-weight:600}