:root{--bg:#09100c;--panel:#101a14;--panel2:#132219;--line:#2c3931;--ink:#e8ece8;--muted:#95a198;--green:#9bdbaf;--amber:#e7b76c;--blue:#9bcde3;--red:#ee9b8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,input,select{font:inherit}button{cursor:pointer}.top{height:62px;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{letter-spacing:.09em;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px}.mark{color:var(--green);font-size:23px}.brand em{font-style:normal;color:var(--muted);font-size:10px;padding-left:9px;border-left:1px solid var(--line)}.mode{color:var(--amber);font-size:10px;border:1px solid #775d30;padding:4px 7px}.hero{padding:51px clamp(20px,5vw,74px) 33px;display:flex;justify-content:space-between;align-items:end;gap:26px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 9px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.14em}.hero h1,.detail h2,.dialog h2{font:600 clamp(32px,4vw,54px)/1.05 Georgia,serif;margin:0}.hero p:last-child{max-width:690px;color:var(--muted);margin:13px 0 0}.primary,.secondary{background:var(--green);border:1px solid var(--green);color:#0a140d;padding:11px 15px;font-weight:800;white-space:nowrap}.secondary{background:transparent;color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:20px clamp(20px,5vw,74px)}.metric{background:#0e1611;padding:17px 19px}.metric p,.metric small{margin:0;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:30px;line-height:1.1;margin:8px 0 5px}.metric.green strong{color:var(--green)}.metric.amber strong{color:var(--amber)}.metric.blue strong{color:var(--blue)}.workspace{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.85fr);min-height:600px}.inventory{border-right:1px solid var(--line);padding:24px 17px}.head{display:flex;justify-content:space-between;align-items:start;gap:12px}.head h2{font:600 21px Georgia,serif;margin:0}.head span{font-size:11px;color:var(--muted)}.search{width:100%;margin:20px 0 13px;background:transparent;border:1px solid var(--line);padding:10px;color:var(--ink)}.filters{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:13px}.filters button{border:0;background:transparent;color:var(--muted);padding:5px 8px;font-size:11px}.filters button.on{background:#193524;color:var(--green)}.list{margin-top:10px}.harness{width:100%;background:transparent;border:1px solid transparent;text-align:left;color:var(--ink);padding:14px 9px;display:flex;align-items:center;gap:10px}.harness:hover,.harness.on{background:var(--panel2);border-color:#31513c}.harness strong,.harness small{display:block}.harness strong{font-size:12px}.harness small{color:var(--muted);font-size:10px;margin-top:3px}.harness .copy{flex:1}.chev{color:var(--muted);font-size:20px}.status{width:8px;height:8px;border-radius:999px;background:var(--muted);display:inline-block;flex:0 0 auto}.status.active{background:var(--green);box-shadow:0 0 12px #9bdbaf88}.status.degraded{background:var(--amber);box-shadow:0 0 12px #e7b76c88}.status.draft,.status.verifying{background:var(--blue)}.detail{padding:31px clamp(21px,4vw,51px)}.detail-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.detail h2{font-size:28px}.badges{margin-top:12px;display:flex;gap:6px}.badge{padding:3px 7px;border:1px solid #46534b;color:var(--muted);font-size:10px;text-transform:uppercase}.badge.active{border-color:#3d7853;color:var(--green)}.badge.degraded{border-color:#86622a;color:var(--amber)}.action-set{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.grid{display:grid;grid-template-columns:minmax(220px,.76fr) minmax(340px,1.24fr);gap:14px;margin-top:30px}.card,.health{background:var(--panel);border:1px solid var(--line);padding:21px}.card h3,.health h3{font:600 19px Georgia,serif;margin:0}.card dl{margin:18px 0}.card dt{font-size:10px;color:var(--muted);margin-top:14px}.card dd{margin:3px 0 0}.mono{font-size:11px;overflow-wrap:anywhere;color:#c6d5ca}.link{border:0;background:transparent;padding:0;color:var(--green);font-size:11px;font-weight:800}.policy-note,.health p{color:var(--muted);font-size:11px;margin:13px 0 16px}.feature-list{border-top:1px solid var(--line);margin:0 -21px 16px}.feature{display:flex;align-items:center;gap:11px;padding:10px 21px;border-bottom:1px solid var(--line);cursor:pointer}.feature input{width:15px;height:15px;accent-color:var(--green)}.feature strong,.feature small{display:block}.feature strong{font-size:12px}.feature small{font-size:10px;color:var(--muted);margin-top:1px}.feature.locked{opacity:.48;cursor:not-allowed}.health{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.banner{padding:11px clamp(20px,5vw,74px);background:#193123;color:var(--green);font-size:11px;border-bottom:1px solid var(--line)}.dialog-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px}.dialog{width:min(520px,100%);background:#101913;border:1px solid #4e7258;padding:24px;box-shadow:0 20px 80px #000}.dialog-head{display:flex;align-items:start;justify-content:space-between}.close{border:0;background:transparent;color:var(--muted);font-size:27px}.dialog label{display:block;color:#c6d0c9;font-size:11px;margin:14px 0}.dialog input,.dialog select{display:block;width:100%;background:#0a100d;border:1px solid var(--line);color:var(--ink);padding:10px;margin-top:5px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;justify-content:end;gap:9px;margin-top:20px}.demo-note{color:var(--muted);font-size:10px;margin-top:14px}@media(max-width:800px){.hero{align-items:start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.workspace,.grid{grid-template-columns:1fr}.inventory{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.top{padding:0 16px}.brand em{display:none}.row{grid-template-columns:1fr}.detail-head,.health{flex-direction:column}}
