:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f8fbfc}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{background:#102a43;color:#eaf6f8;padding:26px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.mark{color:#39b8b3;font-size:22px}nav{display:grid;gap:4px}nav button{color:#c9dde1;border:0;text-align:left;background:transparent;padding:10px 12px;border-radius:9px;cursor:pointer}nav button:hover,nav button.active{color:#f8fbfc;background:#1d4860}.connection{margin-top:auto;display:grid;gap:10px}label{display:grid;gap:5px;font-size:12px;color:#c9dde1}input{width:100%;border:1px solid #426779;border-radius:8px;background:#0b1720;color:#f8fbfc;padding:9px}.save{border:0;border-radius:8px;padding:10px;color:#06211f;background:#39b8b3;font-weight:750;cursor:pointer}.content{padding:48px clamp(24px,5vw,76px);max-width:1400px;width:100%}header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{color:#0b8f8c;letter-spacing:.12em;font-size:12px;font-weight:800;margin:0 0 7px}h1{font-size:38px;margin:0;letter-spacing:-.03em}h2{margin:0 0 10px}.health{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;background:#eaf6f8;color:#48616d}.health.healthy{background:#d4f2ef;color:#08635f}.intro{color:#5c6b73;line-height:1.6;max-width:740px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:25px 0}article,.panel{border:1px solid #c9dde1;background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 30px #102a430d}article p{color:#5c6b73;font-size:14px;margin:0 0 15px}article strong{display:block;font-size:24px}article span,.panel p{color:#5c6b73;font-size:13px;line-height:1.55}.docs a{color:#0b8f8c;font-weight:700}@media(max-width:820px){.shell{grid-template-columns:1fr}aside{gap:16px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.connection{margin-top:0}.content{padding:28px 20px}header{align-items:flex-start;flex-direction:column}}