:root{--bg:#0f1014;--ink:#f2f4f8;--muted:#a4acb9;--panel:#191c24;--line:#2d3340;--brand:#ce1141;--brand-2:#8f0d2f;--danger:#ff6b6b}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0%,#2a0f18,transparent 45%),radial-gradient(circle at 100% 100%,#1a202c,transparent 40%),var(--bg);color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}main{gap:12px;max-width:1080px;margin:0 auto;padding:16px;display:grid}.hidden{display:none!important}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 28px #00000052}h1,h2,h3,p{margin:0}h1,h2{margin-bottom:8px}label{gap:6px;font-size:.93rem;display:grid}input,textarea,button{font:inherit}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#11141b;border-radius:10px;padding:10px}input:focus,textarea:focus{border-color:var(--brand);outline:2px solid #6f7889}button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 12px;font-weight:600}button:hover{background:var(--brand-2)}button:disabled{opacity:.55;cursor:default}.fullRow{grid-column:1/-1}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger);margin-top:8px;font-size:.9rem}.usersHeader{justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px;display:flex}.sortControl{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.sortDropdown{min-width:190px;position:relative}.sortTrigger{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#11141b;border-radius:10px;padding:10px 34px 10px 10px;position:relative}.sortTrigger:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-60%)rotate(45deg)}.sortDropdown.open .sortTrigger{border-color:var(--brand)}.sortMenu{border:1px solid var(--line);z-index:10;background:#11141b;border-radius:10px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.sortMenu button{text-align:left;background:#191c24;border:1px solid #0000;padding:8px 10px}.sortMenu button:hover{border-color:var(--line);background:#202531}.userGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.userCard{border:1px solid var(--line);text-align:center;background:#12161f;border-radius:14px;padding:12px;overflow:hidden}.userCard:hover{border-color:#5a6579}.userCard strong,.userCard p{overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block}.userCard strong{font-size:.98rem}.userCard p{font-size:.82rem}.userCard .points{color:#ffd26d;margin-top:6px;font-size:.85rem;font-weight:600}.avatar{color:#fff;background:linear-gradient(135deg,#ce1141,#7a0f2e);border-radius:50%;place-content:center;width:44px;height:44px;margin:0 auto 8px;font-weight:700;display:grid}.trackerHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.boardToolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.boardMonthNav{align-items:center;gap:8px;display:flex}.monthChip{border:1px solid var(--line);background:#12161f;border-radius:10px;align-items:center;padding:9px 14px;font-weight:700;display:inline-flex}.viewToggle{gap:8px;display:flex}.boardView{border:1px solid var(--line);background:#12161f;border-radius:12px;padding:10px}.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calHead{text-align:center;color:var(--muted);padding-bottom:4px;font-size:.8rem}.dayCell{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0f131b;border-radius:10px;align-content:space-between;min-height:72px;padding:6px;display:grid}.dayCell.selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.dayCell.outside{opacity:.45}.dayNum{font-size:.85rem}.dayPts{color:var(--muted);font-size:.8rem}.gridTableWrap{overflow-x:auto}.activityGrid{border-collapse:collapse;width:100%;font-size:.9rem}.activityGrid th,.activityGrid td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px}.activityGrid tr{cursor:pointer}.activityGrid tr.selected{background:#ce114133}.quickForm{gap:12px;display:grid}.quickRow{border:1px solid var(--line);background:#12161f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.quickRow p{margin-top:4px}.stepper{align-items:center;gap:6px;display:flex}.stepper button{width:36px;height:36px;padding:0;font-size:1.1rem;line-height:1}.stepper input{text-align:center;width:80px}.stepperUnit{text-align:center;width:80px;color:var(--muted);border:1px solid var(--line);background:#0f131b;border-radius:8px;padding:10px 6px;font-size:.84rem}.quickToggles{gap:8px;display:grid}.togglePill{border:1px solid var(--line);cursor:pointer;background:#12161f;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.togglePill input{width:auto}details summary{cursor:pointer;margin-bottom:10px;font-weight:600}.monthlyForm{margin-top:10px}.monthReadonly{border:1px solid var(--line);color:var(--ink);background:#11141b;border-radius:10px;padding:10px;font-weight:600}.metricRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.metric{border:1px solid var(--line);background:#12161f;border-radius:10px;padding:10px}.metricKey{color:var(--muted);font-size:.85rem}.metricValue{font-size:1.2rem;font-weight:700}.quickActions{gap:8px;display:flex}.logItem{border-bottom:1px solid var(--line);gap:4px;padding:8px 0;display:grid}.logItem:last-child{border-bottom:none}@media (max-width:760px){.grid2{grid-template-columns:1fr}.usersHeader,.boardToolbar,.trackerHeader,.quickRow{flex-direction:column;align-items:flex-start}}