:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090b10;color:#edf0f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#202965 0,transparent 33%),#090b10}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{padding:34px 20px;border-right:1px solid #252b3a;background:#0d1017cc;display:flex;flex-direction:column}.brand{color:#8194ff;font:800 14px/1.2 monospace;letter-spacing:2px;text-decoration:none;margin:7px 12px 48px}.brand span{display:block;color:#6e778a;font-size:10px;letter-spacing:3px;margin-top:6px}nav{display:grid;gap:8px}.nav-item{border:1px solid transparent;border-radius:11px;padding:13px 14px;background:transparent;color:#aeb8cd;text-align:left;font-weight:700;font-size:14px;cursor:pointer}.nav-item span{color:#7d92ff;margin-right:9px}.nav-item:hover,.nav-item.active{background:#1a2030;border-color:#303a56;color:#fff}.side-note{margin:auto 12px 8px;color:#707b91;font-size:12px;line-height:1.55}main{padding:46px;width:min(1380px,100%);margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252b3a;padding-bottom:24px}.eyebrow,.card-label{color:#7d92ff;font:700 11px/1 monospace;letter-spacing:2px;margin:0 0 9px}h1{font-size:38px;letter-spacing:-1.2px;margin:0}h2{margin:0;font-size:21px;letter-spacing:-.4px}button{border:0;border-radius:10px;padding:11px 15px;background:#6579ff;color:white;font-weight:750;cursor:pointer}.secondary{background:#202634;color:#d6dced}.view{padding-top:32px}.hero-card,.key-card,.empty-card,.metrics article,.panel,.headline{background:#12161fdd;border:1px solid #252b3a;border-radius:16px}.hero-card{display:flex;gap:20px;align-items:center;padding:30px;max-width:740px}.hero-card p,.key-card p,.panel-heading p{margin:7px 0 0;color:#919bb1;line-height:1.5}.signal{font-size:35px;color:#7d92ff}.empty-card{display:grid;gap:7px;place-items:center;min-height:240px;max-width:740px;margin-top:18px;color:#7e889d}.empty-card strong{color:#cdd5e4}.key-card{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;padding:28px;max-width:1050px}.key-card code{color:#91a1ff}.key-card form{align-self:center;display:grid;gap:8px}label{font-size:12px;color:#9da8bd}.key-line{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid #30384a;border-radius:10px;padding:12px;background:#090c12;color:#fff;outline:none}input:focus{border-color:#6579ff;box-shadow:0 0 0 3px #6579ff20}.error{color:#ff9baa;margin:0;font-size:13px}.headline{margin-bottom:16px;padding:21px 24px;display:flex;justify-content:space-between;align-items:center}.muted,small{color:#8b96ab;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metrics article{padding:19px}.metrics span{display:block;color:#8b96ab;font-size:12px}.metrics strong{display:block;font-size:26px;margin:7px 0}.metrics .good{color:#74e2a2}.metrics .bad{color:#ff9cac}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.badge{font-size:11px;border-radius:99px;padding:6px 9px;background:#222a38;color:#bac4d7;white-space:nowrap}.badge.ok{background:#173528;color:#77e4a7}.badge.off{background:#3b2529;color:#ffadb8}.usage-empty{min-height:90px;border:1px solid #30384a;border-radius:11px;padding:16px;display:grid;gap:7px;color:#9da8bb}.usage-empty strong{font-size:26px;color:#edf0f7}.usage-empty span{color:#8e99ae}details{margin-top:16px;color:#9da8bb}summary{cursor:pointer;font-size:13px}pre{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #30384a;border-radius:10px;background:#090c12;padding:13px;color:#b8d5c4;font-size:11px}dl{margin:0;display:grid;gap:0}dl div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #252b3a}dl div:last-child{border:0}dt{color:#929db2}dd{margin:0;font-weight:700}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px;border-right:0;border-bottom:1px solid #252b3a}.brand{margin:3px 0 17px}.sidebar nav{grid-template-columns:1fr 1fr}.side-note{display:none}main{padding:26px 15px}.key-card,.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:520px){h1{font-size:30px}.key-line{flex-direction:column}.metrics{grid-template-columns:1fr}.headline{align-items:flex-start;gap:12px;flex-direction:column}}