:root{--navy:#002b5c;--orange:#ff6048;--line:#d8e4ef;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:#f3f7fb;color:var(--navy);font-family:Arial,sans-serif}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:30px 18px;background:var(--navy);color:#fff}aside img{width:180px;padding:14px;border-radius:12px;background:#fff}nav{display:grid;gap:7px;margin-top:30px}nav a{padding:13px;border-radius:10px;color:#fff;text-decoration:none;font-weight:800}nav a:hover,nav a.active{background:#ffffff20}main{max-width:1450px;width:100%;padding:55px;margin:auto}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:.15em;font-size:12px}h1{margin:8px 0;font-size:48px}.lead{color:var(--muted)}.cards{margin:30px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.card b{display:block;font-size:34px}.card span{color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin-bottom:16px}.panel h2{margin-top:0}.row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f7}.row:last-child{border:0}.error{padding:20px;border-radius:12px;background:#ffe8e4;color:#9d250f}
@media(max-width:900px){.layout{display:block}aside{padding:15px}aside img{width:145px}nav{display:flex;overflow:auto;margin-top:12px}nav a{white-space:nowrap}main{padding:35px 18px}.cards{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}h1{font-size:38px}}