:root{--bg:#101418;--panel:#18212a;--panel2:#202c37;--text:#f5f7fb;--muted:#aab5c2;--accent:#e5362e;--line:#33465a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#090d12;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
h1{margin:0;font-size:22px}#status{margin:4px 0 0;color:var(--muted);font-size:13px}.tabs{display:flex;overflow-x:auto;background:#111820;border-bottom:1px solid var(--line)}
.tab{background:transparent;color:var(--muted);border:0;border-right:1px solid var(--line);border-radius:0;padding:12px 14px;font-weight:800}.tab.active{background:var(--panel);color:#fff}
main{padding:14px}.panel{display:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.panel.active{display:block}
button,.filebtn{display:inline-block;background:var(--accent);color:white;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;margin:4px}.secondary{background:#34495e}.hidden{display:none!important}
input,select{width:100%;background:#0e141a;color:white;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}.row,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.inline{display:flex;gap:10px}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metrics div,.card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.metrics b{display:block;font-size:34px}.small,.metrics span{color:var(--muted)}
.cards{display:grid;gap:6px}.card.active{outline:3px solid var(--accent)}.pill-list{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-block;background:#202c37;border:1px solid var(--line);border-radius:999px;padding:6px 10px;margin:4px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.category-grid{grid-template-columns:1fr}}
.field-frame{background:#050708;border-radius:16px;padding:8px;overflow:auto}canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;max-height:72vh;background:#111;border-radius:12px}
table{width:100%;border-collapse:collapse;background:#202c37;border-radius:12px;overflow:hidden;margin:10px 0}td,th{padding:10px;border-bottom:1px solid #33465a;text-align:left}th{background:#111820}.event-log{color:var(--muted);display:grid;gap:4px}.role-banner{background:#202c37;border:1px solid var(--accent);border-radius:12px;padding:10px;margin-bottom:10px}.role-pill{display:inline-block;background:var(--accent);border-radius:999px;padding:5px 10px;font-weight:900}
.logo-preview{max-height:40px;max-width:140px;object-fit:contain;background:white;border-radius:6px;padding:3px}
body.role-player .admin-only,body.role-player .coach-only{display:none!important}body.role-coach .admin-only{display:none!important}