:root{color-scheme:dark;--bg:#081019;--panel:#102632;--line:#31576a;--ink:#f7fbff;--muted:#a5bac5;--cyan:#65ead5;--gold:#ffd36d;--red:#ff7d88}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 0,#155a6d,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,system-ui}main{max-width:1600px;margin:auto;padding:16px}nav,.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}a,button{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#173a48;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto}.brand i,small{color:var(--cyan)}header{display:grid;grid-template-columns:1fr auto;gap:24px;padding:38px;margin-top:12px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#153f52,#112530)}small{font-weight:900;letter-spacing:.11em}h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.91;margin:.2em 0}p,span,.note{color:var(--muted)}.state{min-width:230px;padding:17px;border-radius:15px;background:#081b25}.state span,.state strong,.state small{display:block}.state strong{font-size:1.8rem;margin:7px 0}.panel,.kpis article,.gate{margin-top:11px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.gate{display:flex;justify-content:space-between;align-items:center;border-left:5px solid var(--gold)}.gate.pass{border-color:var(--cyan)}.gate h2,.panel h2{margin:.25em 0}.head{display:flex;justify-content:space-between;gap:12px;align-items:start}.form{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}label{color:var(--muted);font-weight:750}input,select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#081b25;color:var(--ink);font:inherit}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpis strong{display:block;font-size:1.8rem;margin:6px 0}.tabs{margin-top:12px}.tabs .active{background:var(--cyan);color:#08282b}.roster,.lanes,.relay,.list,.matrix,.metrics{display:grid;gap:8px;margin-top:12px}.roster{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.athlete,.lane,.relay article,.list article,.matrix article,.metrics article{padding:13px;border-radius:11px;background:#081b25}.athlete b,.athlete span,.lane b,.lane span,.relay b,.relay span,.list b,.list span,.matrix b,.matrix span,.metrics b,.metrics span{display:block}.athlete.attention,.lane.attention{border-left:4px solid var(--gold)}.athlete.hold{border-left:4px solid var(--red)}.lane{min-height:150px}.lane ul{padding-left:20px}.relay{grid-template-columns:repeat(4,1fr)}.relay article strong{font-size:1.5rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.span2{grid-column:span 2}.span3{grid-column:span 3}.matrix{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(4,1fr)}.approval{display:flex;gap:8px;align-items:center;padding:12px;margin-top:12px;border:1px solid var(--line);border-radius:10px}.approval input{width:auto;margin:0}button:disabled{opacity:.45}footer{padding:23px;color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.span2,.span3{grid-column:span 2}.form,.relay,.matrix,.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){main{padding:7px}header,.grid,.kpis{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.form,.relay,.matrix,.metrics{grid-template-columns:1fr}.head,.gate{display:block}}