:root{--bg:#070f1c;--surface:#0f1a2d;--surface-2:#132039;--ink:#edf3ff;--muted:#9caecc;--line:#2b4263;--accent:#6b9fd4;--green:#5dd39e;--orange:#f0a35e;--red:#e85d5d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1540px,96vw);margin:0 auto}.nav{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #1e3453;grid-template-columns:auto 1fr auto;align-items:center;padding:1rem 0;font-size:.74rem;display:grid}.brand{align-items:center;gap:.55rem;font-weight:700;display:flex}.brand:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #6b9fd421}.nav-links{color:var(--muted);justify-self:center;gap:1.8rem;display:flex}.nav-links a.active{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:.2rem}.button{color:#e8f2ff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#132846;border:1px solid #3a5d8a;border-radius:999px;padding:.58rem .95rem;font-family:inherit;font-size:.7rem;font-weight:700;transition:opacity .14s}.button:hover{opacity:.85}.button.primary{background:var(--accent);border-color:var(--accent);color:#0c1322}.button.success{background:var(--green);border-color:var(--green);color:#0c1322}.button.danger{background:var(--red);border-color:var(--red);color:#fff}.grid{grid-template-columns:1.16fr .84fr;gap:.8rem;min-height:82vh;margin-top:1rem;display:grid}.grid-full{grid-template-columns:1fr}.panel{border:1px solid var(--line);background:linear-gradient(160deg,#101b2e,#0d1828);border-radius:20px;padding:1.2rem}.kicker{letter-spacing:.18em;text-transform:uppercase;color:#aec2e2;font-size:.72rem;font-weight:700}h1{letter-spacing:-.04em;margin:.1rem 0 .5rem;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95}h2{letter-spacing:-.03em;margin:.2rem 0 .5rem;font-size:2rem}.muted{color:var(--muted);margin:0;line-height:1.45}.player{aspect-ratio:16/9;color:#4a6888;background:#0a1425;border:1px solid #35547e;border-radius:14px;justify-content:center;align-items:center;margin-top:.8rem;font-size:.8rem;display:flex;overflow:hidden}.thread{gap:.45rem;margin-top:.7rem;display:grid}.thread-item{background:#111f35;border:1px solid #35547f;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .65rem;font-size:.85rem;display:grid}.thread-item .body{line-height:1.4}.thread-item .meta{color:#7a9bc4;margin-top:.15rem;font-size:.68rem}.badge{letter-spacing:.08em;text-transform:uppercase;color:#d4e5ff;white-space:nowrap;border:1px solid #466a98;border-radius:999px;padding:.17rem .42rem;font-size:.62rem}.badge.approved{border-color:var(--green);color:var(--green)}.badge.needs-change{border-color:var(--orange);color:var(--orange)}.badge.open{border-color:var(--accent);color:var(--accent)}.table{border:1px solid #2f496f;border-radius:12px;margin-top:.7rem;overflow:hidden}.table .row{border-top:1px solid #253d61;grid-template-columns:1.4fr .7fr .7fr .5fr .5fr;align-items:center;gap:.5rem;padding:.6rem .7rem;display:grid}.table .row:first-child{letter-spacing:.12em;text-transform:uppercase;color:#abc0e1;border-top:0;padding:.45rem .7rem;font-size:.68rem}.badge-link{letter-spacing:.08em;text-transform:uppercase;color:#d4e5ff;border:1px solid #466a98;border-radius:999px;padding:.17rem .42rem;font-size:.62rem;transition:border-color .14s;display:inline-flex}.badge-link:hover{border-color:var(--accent);color:var(--accent)}.stats{flex-wrap:wrap;gap:.8rem;margin-top:.8rem;display:flex}.stat{background:#0a1524;border:1px solid #2b4263;border-radius:14px;flex:1;min-width:120px;padding:.7rem 1rem}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:#6b9fd4;font-size:.6rem;font-weight:700}.stat-value{letter-spacing:-.02em;margin-top:.15rem;font-size:1.6rem;font-weight:700}.stat-sub{color:#7a9bc4;margin-top:.1rem;font-size:.68rem}.gate-grid{gap:.5rem;margin-top:.7rem;display:grid}.gate{background:#0d1828;border:1px solid #2b4263;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .85rem;display:flex}.gate-info{flex-direction:column;gap:.15rem;display:flex}.gate-role{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.65rem;font-weight:700}.gate-state{font-size:.82rem}.gate-actions{gap:.35rem;display:flex}.timeline{gap:0;margin-top:.7rem;display:grid}.timeline-item{border-bottom:1px solid #1e3453;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.55rem 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.timeline-dot.approved{background:var(--green)}.timeline-dot.change{background:var(--orange)}.comment-form{grid-template-columns:auto 1fr auto;align-items:end;gap:.5rem;margin-top:.7rem;display:grid}.input{color:#e9f0ff;background:#0d1a2e;border:1px solid #325276;border-radius:10px;outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .14s}.input:focus{border-color:var(--accent)}.input::placeholder{color:#4a6888}.textarea{resize:vertical;min-height:72px;line-height:1.5}@media (max-width:980px){.grid{grid-template-columns:1fr;min-height:auto}.table .row{grid-template-columns:1fr 1fr}}