:root{font-family:Inter,system-ui,Arial,sans-serif;color:#193449;background:#f3f8fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px}button:focus-visible,input:focus-visible{outline:3px solid #62c6d2}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.center form,.center article{width:min(100%,410px);background:#fff;padding:34px;border-radius:18px;box-shadow:0 12px 45px #173f5415}.center label{display:block;margin:18px 0;font-weight:600}.center input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #c9dbe4;border-radius:8px}.center button{background:#087b91;color:#fff;width:100%}.symbol{font-size:38px}.layout{display:flex;min-height:100vh}aside{background:#102d43;color:#fff;width:245px;flex-shrink:0;padding:24px 15px;display:flex;flex-direction:column}aside h2{margin:10px 8px 30px}aside small{display:block;font-size:12px;color:#9ed7dc}nav{display:grid;gap:6px}nav button{background:transparent;color:#d6e8ef;text-align:left}nav button.active,nav button:hover{background:#1e6579;color:#fff}aside footer{margin-top:auto;padding:16px;color:#b6d0d9}.workspace{flex:1;min-width:0}header{height:75px;background:#fff;border-bottom:1px solid #e3edf1;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0}header button{background:#e7f3f5;margin-left:15px}main:not(.center){padding:32px;max-width:1300px;margin:auto}h1{font-size:30px}.eyebrow{font-size:12px;letter-spacing:1px;color:#087b91;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.metrics article,section{background:#fff;border:1px solid #e0ebf0;border-radius:15px;padding:25px}.metrics h2{font-size:28px;margin:12px 0}section{margin:22px 0;min-height:180px}small{color:#6d8794}@media (max-width:850px){.layout{display:block}aside{width:100%;padding:12px}aside h2{margin:4px}nav{display:flex;overflow-x:auto}nav button{white-space:nowrap}aside footer{display:none}.metrics{grid-template-columns:repeat(2,1fr)}header{padding:0 16px}main:not(.center){padding:20px}}@media (max-width:480px){.metrics{grid-template-columns:1fr}header{font-size:13px}}