.button.success{background:#23875c}.button.success:hover{background:#31ae79}.team-filter{max-width:420px}.team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.empty-chart{text-align:center;height:300px;color:var(--muted);place-items:center;padding:20px;display:grid}.stat-card{flex-direction:column;align-items:flex-start;display:flex}.stat-card .metric{margin:7px 0}.metric-tooltip{cursor:help;display:inline-block;position:relative}.metric-tooltip:after{content:attr(data-tooltip);z-index:15;border:1px solid var(--line);width:max-content;max-width:240px;color:var(--text);opacity:0;pointer-events:none;background:#050507;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:500;transition:all .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.metric-tooltip:hover:after{opacity:1;transform:translateY(0)}.pie-layout{grid-template-columns:minmax(235px,1.3fr) minmax(170px,.7fr);align-items:center;gap:18px;height:330px;display:grid}.pie-chart{border-radius:50%;justify-self:center;width:235px;height:235px;position:relative;box-shadow:inset 0 0 0 1px #0005}.pie-chart:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:52px}.pie-legend{color:var(--text);justify-self:start;gap:11px;font-size:16px;display:grid}.pie-legend div{align-items:center;gap:9px;width:max-content;display:flex}.pie-legend span{border-radius:50%;flex:none;width:13px;height:13px}.pie-legend strong{color:var(--text)}.status-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.status-counts div{border:1px solid var(--line);color:var(--text);background:#101014;border-radius:10px;align-items:center;gap:9px;padding:15px;font-size:16px;font-weight:600;display:flex}.status-counts span{border-radius:50%;flex:none;width:13px;height:13px}.status-counts strong{color:var(--text);margin-left:auto;font-size:22px}@media (width<=1100px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.team-grid{grid-template-columns:1fr}.pie-layout{grid-template-columns:1fr;justify-items:center;height:auto}.pie-legend{width:auto}.status-counts{grid-template-columns:1fr}}.login-confirmation h1{margin:24px 0 12px}.login-confirmation p{line-height:1.65}.login-confirmation-button{width:100%;margin-top:12px;padding:13px 16px}.login-cancel{text-align:center;color:var(--muted);margin-top:18px;font-size:14px;display:block}.login-cancel:hover{color:var(--text)}.training-calendar{margin-top:8px}.training-calendar h2{text-transform:capitalize;margin:0}.calendar-weekdays,.calendar-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-weekdays{color:var(--muted);text-transform:uppercase;margin-top:20px;padding:0 5px;font-size:12px}.calendar-cell{border:1px solid var(--line);background:#111116;border-radius:10px;min-height:125px;padding:8px}.calendar-cell>span{font-weight:700}.calendar-cell.today{border:2px solid var(--pink);background:#25101d}.calendar-cell.today>span{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:inline-grid}.calendar-cell.outside{opacity:.42}.calendar-cell .event{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#680032;overflow:hidden}.calendar-cell .event.complete{background:#23875c}.attendance-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.attendance-card{min-width:0;padding:14px}.attendance-card strong{white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;display:block;overflow:hidden}.presence-picker{position:relative}.presence-pill,.presence-option{color:#09090b;cursor:pointer;border:0;border-radius:999px;font-weight:750}.presence-pill{justify-content:space-between;align-items:center;width:100%;padding:8px 10px;display:flex}.presence-menu{z-index:10;background:var(--raised);border:1px solid var(--line);border-radius:12px;gap:5px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 -16px 35px #0009}.presence-option{text-align:left;padding:7px 8px}.presence-option.neutral{color:var(--text);background:#2d2d35}@media (width<=1100px){.attendance-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.calendar-weekdays,.calendar-month{grid-template-columns:repeat(7,minmax(130px,1fr));min-width:910px}.training-calendar{overflow-x:auto}.attendance-board{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-cell{min-height:105px}}:root{color-scheme:dark;--bg:#09090b;--surface:#141419;--raised:#1c1c22;--line:#2d2d35;--text:#f4f4f5;--muted:#a1a1aa;--pink:#e50071;--pink-hi:#ff4fa3;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#101014;height:100vh;padding:24px 14px;position:sticky;top:0}.brand{padding:8px 12px 28px;font-size:18px;font-weight:800}.brand i{color:var(--pink);font-style:normal}.nav{gap:5px;display:grid}.nav a{color:var(--muted);border-radius:10px;padding:11px 12px}.nav a:hover,.nav a.active{color:var(--text);background:var(--raised)}.nav .logout{color:var(--muted);text-align:left;background:0 0;border:0;margin-top:15px;padding:11px 12px}.content{width:100%;max-width:1440px;margin:0 auto;padding:30px}.top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.top h1{margin:0;font-size:27px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h2,.card h3{margin-top:0}.metric{margin:8px 0;font-size:34px;font-weight:800}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.button{background:var(--pink);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.button:hover{background:var(--pink-hi)}.button.secondary{background:var(--raised);border:1px solid var(--line)}.button.danger{background:#5a1c26}.field{color:var(--muted);gap:6px;margin-bottom:13px;font-size:14px;display:grid}.field input,.field select{border:1px solid var(--line);color:var(--text);background:#101014;border-radius:9px;padding:10px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 13px;display:grid}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 8px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}.badge{background:#292934;border-radius:999px;padding:4px 8px;font-size:12px}.notice{color:#ffd1e6;background:#3a1427;border-radius:10px;padding:12px}.status{color:#08080a;border:0;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{width:min(440px,100%)}.calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day{border:1px solid var(--line);min-height:80px;color:var(--muted);border-radius:9px;padding:7px}.event{color:#fff;background:#680032;border-radius:5px;margin-top:5px;padding:4px;font-size:12px;display:block}.actions{gap:6px;display:flex}.attendance{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.attendance button{border:1px solid var(--line);color:var(--text);text-align:left;background:#16161b;border-radius:9px;padding:10px}.attendance button.active{outline:2px solid var(--pink)}.assignment-search{min-width:250px;position:relative}.suggestions{z-index:5;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:5px;position:absolute;top:70px;left:0;right:0;box-shadow:0 14px 34px #0008}.suggestions button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:7px;gap:2px;padding:9px;display:grid}.suggestions button:hover{background:#292934}.suggestions small,.suggestions span{color:var(--muted);padding:4px}.link-button{color:var(--pink-hi);background:0 0;border:0}.modal-backdrop{z-index:30;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 70px #000}@media (width<=720px){.shell{display:block}.sidebar{border-bottom:1px solid var(--line);height:auto;padding:12px;position:static}.brand{padding:4px 4px 10px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.nav .logout{margin:0}.content{padding:18px}.top{align-items:flex-start}.calendar{grid-template-columns:repeat(2,1fr)}.assignment-search{width:100%}}