:root{--bg:#0d0e12;--panel:#15161c;--panel2:#1c1d25;--line:#262833;--txt:#f2f2f5;--muted:#9a9aa8;--muted2:#62626e;--g1:#ff3b1f;--g2:#ff8a1e;--grad:linear-gradient(120deg, #ff3b1f, #ff8a1e);--ok:#2fbf71;--warn:#f5b942;--bad:#ff4d4d;--fixture:#c45c26;--fixture-bg:#3a2418}.side{background:var(--panel);border-right:1px solid var(--line);z-index:20;flex-direction:column;gap:4px;width:230px;padding:22px 14px;display:flex;position:fixed;top:0;bottom:0}.brand{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 10px 4px;font-size:22px;font-style:italic;font-weight:800}.brand small{-webkit-text-fill-color:var(--muted2);letter-spacing:1px;font-size:11px;font-style:normal;font-weight:500;display:block}.navbtn{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.navbtn:hover{background:var(--panel2);color:var(--txt)}.navbtn.on{background:var(--panel2);color:var(--txt);box-shadow:inset 3px 0 0 var(--g1);font-weight:600}.navbtn .cnt{background:var(--grad);color:#fff;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.side .foot{color:var(--muted2);margin-top:auto;padding:10px;font-size:11px;line-height:1.5}.logoutbtn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;width:100%;margin-top:8px;padding:7px 10px;font-family:inherit;font-size:11.5px}.logoutbtn:hover{color:var(--txt)}.shell-body{min-height:100vh;display:flex}.main{flex:1;max-width:1200px;margin-left:230px;padding:26px 32px}.pagehead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pagehead h1{font-size:21px;font-weight:700}.sub{color:var(--muted);font-size:12.5px}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.card .lbl{color:var(--muted);font-size:12px;font-weight:500}.card .num{margin:2px 0;font-size:26px;font-weight:800}.card .delta{color:var(--muted2);font-size:11.5px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:22px;padding:18px}.panel h3{margin-bottom:14px;font-size:14px;font-weight:600}.chart-placeholder{height:170px;color:var(--muted2);border:1px dashed var(--line);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.6px;color:var(--muted2);text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px;font-size:13px}tr:last-child td{border-bottom:none}.pill{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.pill.student{color:#7c9cff;background:#3d6bff26}.pill.creator{color:var(--g2);background:#ff8a1e24}.pill.ok{color:var(--ok);background:#2fbf7121}.pill.pending{color:var(--warn);background:#f5b94221}.av{color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:9px;font-size:11px;font-weight:700;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{background:var(--panel);border:1px solid var(--line);min-width:220px;color:var(--txt);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.search:focus{border-color:var(--g2)}.btn{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:12.5px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--panel);border:1px solid var(--line);color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--txt)}.btn.ghost.on{color:var(--txt);border-color:var(--g2)}.btn.sm{border-radius:8px;padding:7px 12px;font-size:11.5px}.btn.ok{color:var(--ok);background:#2fbf7126}.btn.bad{color:var(--bad);background:#ff4d4d21}.modgrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.modcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.mod-section-title{margin-bottom:12px;font-size:14px;font-weight:600}.empty{color:var(--muted2);text-align:center;padding:36px;font-size:13px}.consent-note{margin-top:12px}.login-screen{background:var(--bg);z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.loginbox{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:360px;max-width:100%;padding:32px 30px}.loginbox .brand{margin-bottom:4px;padding:0;font-size:28px}.loginbox>p{color:var(--muted);margin-bottom:22px;font-size:12.5px}.loginbox label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted2);margin:14px 0 6px;font-size:11px;font-weight:600;display:block}.loginbox input{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--txt);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:13.5px}.loginbox input:focus{border-color:var(--g2)}.loginbox .btn{width:100%;margin-top:22px;padding:13px}.loginerr{color:var(--bad);margin-top:10px;font-size:12px}.loginhint{color:var(--muted2);text-align:center;margin-top:16px;font-size:11px;line-height:1.45}.fixture-entry{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.fixture-entry .btn{margin-top:10px}.toast{border:1px solid var(--line);opacity:0;pointer-events:none;z-index:99;color:var(--txt);background:#23242d;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.fixture-banner{z-index:30;background:var(--fixture);color:#fff;text-align:center;letter-spacing:.02em;padding:.55rem 1rem;font-size:.85rem;font-weight:600;position:sticky;top:0}.fixture-chip{background:var(--fixture-bg);color:#ffb38a;border:1px solid var(--fixture);letter-spacing:.06em;vertical-align:middle;margin-left:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:800;display:inline-block}@media (width<=900px){.cards{grid-template-columns:1fr 1fr}.modgrid{grid-template-columns:1fr}.side{width:64px}.side .navbtn span,.brand small,.side .foot,.navbtn .cnt{display:none}.brand{font-size:16px}.main{margin-left:64px;padding:18px}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;font-size:14px;display:flex}#root{flex:1;width:100%;min-height:100vh}.shell{background:var(--bg);min-height:100vh;color:var(--txt);font-family:Poppins,sans-serif}.form-error{color:var(--bad);margin:8px 0;font-size:13px}.mod-actions{flex-wrap:wrap;align-items:flex-start}.mod-actions .confirm-box{flex:100%}.confirm-box{border:1px solid var(--line);background:var(--panel2);border-radius:12px;margin-top:8px;padding:.85rem}.confirm-box label{color:var(--muted2);flex-direction:column;gap:4px;margin-top:8px;font-size:11px;display:flex}.confirm-box input{background:var(--panel);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:8px 10px;font-family:inherit}.confirm-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-danger{color:var(--bad)!important;background:#ff4d4d33!important}.btn-primary{background:var(--grad);color:#fff}.thumb .fixture-chip{width:fit-content;margin:8px auto 0;display:block}