:root{--bg:#111;--panel:#1c1c1c;--line:#343434;--text:#f5f3ed;--muted:#aaa;--red:#c01820;--green:#24a56a;--amber:#e5a228;--danger:#e24b52}
*{box-sizing:border-box} body{margin:0;background:#0d0d0d;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
header{position:sticky;top:0;z-index:10;background:#111;border-bottom:3px solid var(--red);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{font-weight:900}.brand small{display:block;color:#bbb;font-weight:600}.mode{font-weight:900;padding:7px 10px;border-radius:999px;background:#2a2a2a}.mode.edit{background:var(--red)}
main{max-width:1050px;margin:auto;padding:16px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
button,input,select,textarea{font:inherit}.btn{border:0;border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer;background:#2b2b2b;color:white}.btn.red{background:var(--red)}.btn.green{background:var(--green)}.btn.outline{border:1px solid #555;background:transparent}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px}.card h2,.card h3{margin-top:0}
.stat{font-size:1.7rem;font-weight:900}.muted{color:var(--muted)}.pill{padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:900}.passed{background:#163e2d;color:#86f0ba}.failed{background:#501d21;color:#ff9aa0}.pending{background:#4a3a13;color:#ffd775}.corrected{background:#173d50;color:#96dfff}
table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#171717}
input,select,textarea{width:100%;background:#111;color:#fff;border:1px solid #444;border-radius:7px;padding:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.label{font-size:.82rem;color:#bbb;margin-bottom:4px}.row{display:flex;gap:8px;align-items:center}
.view{display:none}.view.active{display:block}.driver{cursor:pointer}.driver:hover{background:#222}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}
.round-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.round-tabs button.active{background:var(--red)}.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.check{display:flex;gap:10px;align-items:center;padding:10px;background:#171717;border:1px solid #333;border-radius:8px}.check input{width:auto}
.note{padding:12px;border-left:4px solid var(--amber);background:#2a2214;margin:12px 0}.offline{color:#ffd57e}.online{color:#8eeab9}
.save-status{min-height:42px;padding:11px 13px;border:1px solid #444;border-radius:8px;background:#151515;color:#ddd;font-weight:800}.save-status.saving{border-color:var(--amber);color:#ffd775}.save-status.saved{border-color:var(--green);background:#10281e;color:#86f0ba}.save-status.error{border-color:var(--danger);background:#35171a;color:#ff9aa0}.save-status.queued{border-color:#397ba0;background:#142733;color:#96dfff}.result-actions .btn:disabled{opacity:.55;cursor:wait}
.select-all{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #555;border-radius:8px;background:#111;font-weight:800;white-space:nowrap}.select-all input{width:auto}.check.missing{border-color:var(--danger);background:#35171a}.check.missing span{color:#ffb0b4}
@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.toolbar .btn{flex:1}.form-grid{grid-template-columns:1fr 1fr}.hide-mobile{display:none}}
@media print{header,.toolbar,.no-print{display:none!important}body{background:white;color:black}.card,.table-wrap{border-color:#888;background:white}.view{display:block!important}}

.sponsorbar{display:block;background:#080808;color:#fff;text-align:center;padding:8px 10px;text-decoration:none;font-weight:800;border-bottom:2px solid var(--red)}
.sponsorbar span{color:#ff3940}
dialog{border:1px solid #444;border-radius:12px;background:#171717;color:#fff;box-shadow:0 20px 60px #0009;padding:0}
dialog::backdrop{background:#000a}
.dialog-card{min-width:min(92vw,430px);padding:20px}
.dialog-card.wide{width:min(92vw,760px)}
.dialog-actions{margin-top:16px;justify-content:flex-end}
.form-grid.one{grid-template-columns:1fr}
.topbar{position:relative}
@media(max-width:600px){
  .section-head{align-items:flex-start;flex-direction:column}
  .section-head>.row{width:100%}
  .section-head>.row .btn{flex:1}
}

.sponsor-top{display:block;background:#070707;color:#fff;text-align:center;padding:8px 10px;text-decoration:none;font-weight:800;border-bottom:2px solid var(--red)}
.sponsor-top strong{color:#ff3940}
.setup-card{max-width:780px;margin:35px auto}
.dialog-form{min-width:min(92vw,520px);background:#1c1c1c;color:#fff;padding:18px;border:1px solid #444;border-radius:10px}
dialog{background:transparent;border:0}
dialog::backdrop{background:#000b}
.dialog-actions{justify-content:flex-end;margin-top:14px}