:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f7fb;background:#040b14;--panel:#081422;--line:#21344c;--muted:#91a0b4;--purple:#6c28d8;--green:#37d270;--blue:#2879ef;--orange:#ef8b1e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#081528,#030a12 55%);font-size:11px}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid #4cc9ff;outline-offset:2px}.shell{min-width:320px;min-height:100vh;padding:0 8px 8px}.topbar{height:60px;display:grid;grid-template-columns:170px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #1b2b40}.logo{font-weight:800;font-size:12px}.topbar h1{font-size:18px;margin:0}.topbar p{margin:2px 0;color:#9eabc0;font-size:10px}.top-actions{display:flex;align-items:center;gap:14px}.top-actions button{background:#091523;border:1px solid #263950;border-radius:5px;padding:8px 12px}.founder{font-size:9px}.layout{display:grid;grid-template-columns:170px minmax(0,1fr) 138px;gap:10px}.sidebar{padding-top:9px;border-right:1px solid #17283b}.side-title{display:flex;justify-content:space-between;font-size:8px;font-weight:800;padding:4px}.search{background:#0b1828;border-radius:4px;color:#8291a6;padding:8px;margin:6px 7px 10px 0}.nav{width:calc(100% - 7px);border:1px solid #14263a;background:#07121f;border-radius:5px;margin:0 0 4px;padding:7px 6px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left}.nav.active{background:linear-gradient(90deg,#4c1e9c,#6d2bd7);border-color:#7943e2}.nav-icon{width:22px;height:22px;border-radius:4px;display:grid;place-items:center}.nav span:nth-child(2){display:grid}.nav b{font-size:7px}.nav small{font-size:6px;color:#9ba9ba}.nav i{font-style:normal;font-size:7px}.ok{color:#40d875}.warn{color:#f3bd26}.add{width:calc(100% - 7px);margin-top:8px;padding:9px;border:1px solid #1b2d43;background:#091522;border-radius:5px;display:flex;gap:7px;justify-content:center}.panel{background:linear-gradient(180deg,#081422,#07111d);border:1px solid #20324a;border-radius:6px;padding:9px;box-shadow:0 8px 24px #0004}.metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:10px 0}.metric{height:82px}.metric small{display:block;color:#a3afc0;font-size:7px}.metric b{display:block;font-size:21px;margin:5px 0}.metric span{font-size:6px;color:#a3afc0}.m2 b{color:#ffd43b}.m4 span,.m7 b,.m7 span{color:#42dc79}.m6 b{color:#ff3848}.meter{height:3px;background:#17263a;border-radius:2px;margin-top:7px}.meter i{display:block;height:100%;width:76%;background:#2278f0}.m1 .meter i{background:#22df78}.m2 .meter i{width:20%;background:#ffc729}.m3 .meter i{background:#cf27e6}.m6 .meter i{background:#f42d4a}.section-head{display:flex;justify-content:space-between;margin-bottom:7px;font-size:8px}.registry-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.registry article{position:relative;display:grid;gap:3px}.registry article>b{font-size:7px}.registry article small{font-size:6px}.registry article em{position:absolute;right:3px;bottom:1px;border-radius:3px;padding:2px 5px;font-style:normal;font-size:5.5px}.synced{color:#43df73;border:1px solid #174d2a;background:#092b16}.review{color:#ffd437;border:1px solid #725b0d;background:#332b06}.thumb{height:82px;border:1px solid #34475d;border-radius:4px;background:#e9edf4;position:relative;overflow:hidden}.thumb-side{position:absolute;left:4px;top:4px;width:18%;height:72px;background:#0a1830}.thumb-cards{position:absolute;left:25%;top:8px;width:68%;height:25%;background:linear-gradient(90deg,#8da6c8 0 22%,transparent 22% 26%,#9fb0c9 26% 48%,transparent 48% 52%,#a5b5ca 52% 74%,transparent 74% 78%,#93a8c4 78%)}.thumb-chart{position:absolute;left:25%;top:40%;width:68%;height:45%;background:linear-gradient(160deg,#c5d0dd,#879cb8)}.t0,.t6{background:#081426}.selected{margin-top:9px}.selected h2{font-size:9px;margin:0 0 8px}.env-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.env{border:1px solid #28415d;border-radius:5px;overflow:hidden;background:#050d17}.env>header,.env>footer{display:flex;justify-content:space-between;align-items:center;padding:7px;font-size:7px}.env>small{padding:0 7px;color:#8e9cb0;font-size:6px}.env.green{border-color:#216b3c}.env.blue{border-color:#285ea0}.env.purple{border-color:#6b2487}.env.orange{border-color:#975314}.mini-dash{margin:7px;background:#07111d;border:1px solid #1b2c42;border-radius:3px;padding:6px;color:#5e8fff}.mini-dash.green{color:#9c5fff}.mini-dash.purple{color:#e451d7}.mini-dash.orange{color:#f29331}.mini-top,.mini-bottom{display:flex;justify-content:space-between;font-size:5.5px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.mini-stats b{background:#101c2d;padding:6px 2px;color:#fff;font-size:7px}.mini-dash svg{height:68px;width:100%}.mini-bottom>div{width:48%;background:#0a1727;padding:4px;line-height:1.6}.analysis-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr .75fr;gap:8px;margin-top:9px}.analysis-grid h3,.rightbar h3{font-size:8px;margin:0 0 8px}.compare{display:grid;grid-template-columns:1fr auto 1fr .55fr;gap:6px;align-items:center}.compare div,.compare em{background:#0a1929;border:1px solid #13263a;border-radius:4px;text-align:center;padding:7px;font-style:normal}.compare b{display:block;font-size:18px}.compare small{font-size:6px}.compare em{color:#4dde72;font-size:14px}.changes{list-style:none;padding:0;margin:7px 0;display:grid;gap:5px;font-size:6px}.changes li{display:flex;justify-content:space-between}.changes b{color:#55dc70}.wide{width:100%;border:1px solid #6330bd;background:linear-gradient(90deg,#5416a9,#7026ce);border-radius:3px;padding:6px;font-size:6px}.timeline{display:flex;justify-content:space-between;position:relative;color:#7044dd;margin:18px 5px}.timeline:before{content:"";position:absolute;left:2%;right:2%;top:4px;height:2px;background:#5549bc}.timeline span{z-index:1;display:grid;text-align:center}.timeline small{color:#c5ccda;font-size:6px;margin-top:4px}.version-box{display:grid;grid-template-columns:1.15fr .85fr;gap:7px}.version-box .mini-dash{margin:0}.version-box b{color:#4297ff}.version-box p{font-size:6px}.version-box button{background:#5531bd;border:0;border-radius:3px;padding:6px}.readiness{display:grid;grid-template-columns:110px 1fr;gap:8px}.score{width:105px;height:105px;border-radius:50%;background:conic-gradient(#69ce3e 0,#69ce3e 98%,#23354a 98%);padding:10px;display:grid;place-items:center}.score span{width:85px;height:85px;background:#07131f;border-radius:50%;display:grid;place-items:center;align-content:center}.score b{font-size:25px}.score small{font-size:6px}.readiness ul,.health{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:6px;color:#48dc76}.deploy{width:100%;margin-top:8px;border:1px solid #3a984f;background:#206b32;border-radius:3px;padding:8px}.activity{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:6px}.activity li{display:flex;justify-content:space-between}.dark{background:#0b1828;border-color:#263a54}.rightbar{padding-top:10px;display:grid;gap:8px;align-content:start}.pipeline{list-style:none;padding:0;margin:0 0 8px}.pipeline li{display:grid;grid-template-columns:25px 1fr;min-height:42px;position:relative}.pipeline li:not(:last-child):after{content:"";position:absolute;left:9px;top:18px;bottom:-8px;width:1px;background:#43516a}.pipeline i{width:18px;height:18px;border:1px solid #63738c;border-radius:50%;display:grid;place-items:center;font-style:normal}.pipeline span{display:grid}.pipeline b{font-size:6.5px}.pipeline small{font-size:5.5px;color:#8e9caf}.pipeline .done i{border-color:#54cf6d;color:#55d56f}.pipeline .current i{border-color:#a446ff;color:#a446ff}.health li{display:flex;justify-content:space-between}.bottom{margin-top:8px;border:1px solid #1d3047;border-radius:5px;padding:8px;display:flex;gap:8px;align-items:center}.bottom>b{font-size:7px;margin:0 7px}.bottom button{border:1px solid #223650;background:#091522;border-radius:4px;padding:7px 10px;font-size:6px;display:flex;gap:6px;align-items:center}.fallback{display:grid;gap:8px;color:#ffd36c}.fallback button,.fatal button{width:max-content;border:0;background:#5d29b7;padding:8px 12px;border-radius:5px}.fatal{min-height:100vh;display:grid;place-items:center}.fatal section{max-width:600px;background:#081422;border:1px solid #2c425c;padding:22px;border-radius:8px}.fatal pre{white-space:pre-wrap;background:#02070c;padding:8px}@media(max-width:1300px){.layout{grid-template-columns:160px 1fr}.rightbar{grid-column:1/3;grid-template-columns:1fr 1fr}.metrics,.registry-grid{grid-template-columns:repeat(4,1fr)}.analysis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.topbar{height:auto;grid-template-columns:1fr;padding:10px}.top-actions{flex-wrap:wrap}.layout{grid-template-columns:1fr}.sidebar{display:none}.rightbar{grid-column:auto;grid-template-columns:1fr}.metrics,.registry-grid{grid-template-columns:repeat(2,1fr)}.env-grid{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}.bottom{overflow-x:auto}.bottom button{white-space:nowrap}}@media(max-width:520px){.metrics,.registry-grid,.env-grid,.version-box,.readiness{grid-template-columns:1fr}.score{margin:auto}.topbar h1{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}