*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#06100b;--panel:#0b1811;--panel2:#0e2017;--line:#21432e;--green:#5ee58a;--green2:#2ba65b;--text:#edf8f0;--muted:#91aa9a;--warn:#f0b35a;--red:#ec6d6d}
body{margin:0;background:radial-gradient(circle at top,#10261a 0,#06100b 38%,#040a07 100%);color:var(--text);font:15px/1.45 system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}
header{border-bottom:1px solid #173323;background:#07110ccc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.topbar{max-width:1180px;margin:auto;padding:17px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.brand{font-weight:900;letter-spacing:1.7px}.brand span{color:var(--green)}.brand small{color:var(--muted);font-weight:700}
.connection{color:var(--muted);font-size:13px}
main{max-width:1180px;margin:auto;padding:38px 22px 70px}
.hero{padding:25px 0 30px}.hero h1{font-size:clamp(38px,7vw,68px);line-height:.95;margin:8px 0 14px;letter-spacing:-2px}.hero p{font-size:18px;color:var(--muted)}
.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:1.6px}
.card{background:linear-gradient(180deg,#0d1b14,#09140f);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 20px 60px #0005;margin-bottom:18px}
.lookup{max-width:800px}.lookup h2,.card h2{margin-top:0}
.form-grid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
label{display:block;font-weight:800;margin-bottom:6px}
input{width:100%;padding:13px 14px;background:#06100b;color:white;border:1px solid #315b40;border-radius:9px;outline:none;font-size:15px}input:focus{border-color:var(--green)}
button{background:var(--green2);color:white;border:0;border-radius:9px;padding:12px 17px;font-weight:900;cursor:pointer}button:hover{filter:brightness(1.1)}button.secondary{background:#24372c}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}
.muted{color:var(--muted)}.hidden{display:none!important}.error{margin-top:14px;padding:12px;border:1px solid #713a3a;background:#2b1313;border-radius:9px;color:#ffaaaa}
.summary-top,.row-between{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.summary h2{font-size:30px;margin:5px 0}
.status-pill{padding:8px 12px;background:#173923;color:#8ef0aa;border:1px solid #2c6740;border-radius:999px;font-weight:900;white-space:nowrap}
.progress-row{display:flex;gap:18px;align-items:center;margin:22px 0}.progress-number{font-size:35px;font-weight:900;color:var(--green);min-width:90px}
progress{width:100%;height:19px;appearance:none}progress::-webkit-progress-bar{background:#07100c;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,#20994f,#6feb96);border-radius:999px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{background:#07110d;border:1px solid #173625;border-radius:11px;padding:14px}.stats strong{display:block;font-size:18px}.stats span{color:var(--muted);font-size:12px}
.next{border-color:#2b7548}.next h2{font-size:26px;margin:6px 0}
.timeline{position:relative}.milestone{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0}.dot{width:18px;height:18px;border-radius:50%;margin-top:2px;background:#233b2c;border:4px solid #0a1510}.milestone.done .dot{background:var(--green);box-shadow:0 0 0 3px #1b4c2c}.milestone.current .dot{background:var(--warn);box-shadow:0 0 0 3px #5e421c}.milestone strong{display:block}.milestone small{color:var(--muted)}
.part{padding:11px 0;border-bottom:1px solid #183525}.part:last-child{border-bottom:0}.part-top{display:flex;justify-content:space-between;gap:12px}.tag{font-size:11px;font-weight:900;border:1px solid #315a41;border-radius:999px;padding:3px 7px;color:#b5cdbb}
.qc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.qc-item{padding:13px;border:1px solid #1b3c29;border-radius:10px;background:#07110d}.qc-item strong{display:block}.pass{color:#74e995}.fail{color:#ff8888}.hold{color:#f4bf64}.live{color:#71ed98;font-weight:900;font-size:12px;letter-spacing:1px}.footer-card{display:flex;justify-content:space-between;gap:15px}
.toast{position:fixed;right:22px;bottom:22px;background:#153a25;border:1px solid #2a7345;padding:12px 16px;border-radius:10px;box-shadow:0 10px 40px #0008}
@media(max-width:750px){.form-grid,.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.summary-top,.row-between{flex-direction:column}.progress-row{align-items:flex-start;flex-direction:column}.progress-number{min-width:0}.footer-card{flex-direction:column}.connection{display:none}}