:root{color:#e8f0fa;background:#101827;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}header{background:#1a273b;border-bottom:1px solid #34465d;align-items:center;gap:12px;padding:19px 24px;display:flex}header strong{font-size:22px}header span{color:#a8bcd0;font-size:13px}.shell{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}nav{background:#151f2e;flex-direction:column;gap:3px;max-height:calc(100vh - 66px);padding:12px;display:flex;overflow:auto}nav button{text-align:left;color:#b9cce1;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px}nav button.active,nav button:hover{color:#fff;background:#2b5c83}main{width:100%;max-width:1250px;padding:28px}h1{font-size:29px}.panel{background:#1e2c40;border:1px solid #374b63;border-radius:13px;margin-top:18px;padding:22px}.fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}label{color:#c1d1e3;margin:10px 0;font-size:13px;display:block}input,select{color:#fff;background:#111d30;border:1px solid #53667e;border-radius:7px;width:100%;margin-top:6px;padding:11px;display:block}button{color:#fff;cursor:pointer;background:#328ac9;border:0;border-radius:8px;margin:8px 8px 8px 0;padding:11px 15px}.secondary{background:#43566f}.metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0;display:grid}.metrics>div{background:#152337;border-radius:8px;padding:14px}.metrics small,.metrics b{display:block}.metrics small{color:#a5bad0}.metrics b{margin-top:8px;font-size:21px}.note{color:#b3c5d8;font-size:13px;line-height:1.6}svg{background:#101d2e;border:1px solid #3c4c62;border-radius:9px;width:100%;max-height:420px;margin:12px 0}svg text{fill:#e8f0fa;font-size:12px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #3c4c62;padding:10px}ol{line-height:1.9}@media (width<=760px){.shell{display:block}nav{flex-direction:row;max-height:none;overflow:auto}nav button{min-width:150px}main{padding:15px}}