:root,:root[data-theme=dark]{color-scheme:dark;--bg:#0b1220;--surface:#111827;--surface-strong:#162033;--subtle:#172033;--field:#0f172a;--ink:#f8fafc;--muted:#cbd5e1;--line:#263244;--teal:#14b8a6;--teal-dark:#5eead4;--teal-soft:rgba(20,184,166,0.14);--danger:#fca5a5;--danger-bg:rgba(127,29,29,0.26);--danger-line:#b91c1c;--badge-bg:rgba(79,70,229,0.18);--badge-ink:#c7d2fe;--shadow:0 18px 44px rgba(0,0,0,0.3)}:root[data-theme=light]{color-scheme:light;--bg:#f6f8fb;--surface:#ffffff;--surface-strong:#ffffff;--subtle:#f8fafc;--field:#ffffff;--ink:#101828;--muted:#475467;--line:#d9e1ec;--teal:#0e9384;--teal-dark:#0b6f64;--teal-soft:#e6fffb;--danger:#b42318;--danger-bg:#fff1f0;--danger-line:#fda29b;--badge-bg:#eef4ff;--badge-ink:#3538cd;--shadow:0 10px 28px rgba(16,24,40,0.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Segoe UI,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,strong{color:var(--ink)}.shell{min-height:100vh;padding:20px;background:radial-gradient(circle at top right,rgba(20,184,166,.12),transparent 34rem),radial-gradient(circle at bottom left,rgba(79,70,229,.08),transparent 30rem),var(--bg)}.container{max-width:1320px;margin:0 auto}.header{justify-content:space-between;gap:16px;margin-bottom:16px}.brand,.header,.headerActions{display:flex;align-items:center}.brand,.headerActions{gap:10px}.headerActions{flex-wrap:wrap;justify-content:flex-end}[dir=rtl] .headerActions{justify-content:flex-start}.mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--teal);color:#ffffff;font-weight:900}.panel,.subPanel,.table{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login{max-width:460px;margin:72px auto;padding:24px}.loginTop{display:flex;justify-content:flex-end;margin-bottom:18px}.layout{display:grid;grid-template-columns:230px 1fr;gap:16px}.sidebar{height:fit-content;position:sticky;top:20px;display:grid;gap:8px}.navButton{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:space-between;font-weight:800}.navButton.active{color:#ffffff;background:var(--teal);border-color:var(--teal)}.navButton.active small{color:#ffffff}.navBadge,.notificationButton span,.unreadPill{display:inline-flex;min-width:22px;min-height:22px;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#ef4444;color:#ffffff;font-size:12px;font-weight:900;line-height:1}.notificationButton{position:relative;min-width:46px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.35);border-radius:14px;background:rgba(239,68,68,.12);color:#fecaca}.notificationButton span{position:absolute;top:-8px;inset-inline-end:-8px;box-shadow:0 0 0 3px var(--bg)}.content{padding:20px;min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.split,.stack{display:grid;gap:14px}.split{grid-template-columns:360px 1fr}.subPanel{padding:18px}.button{min-height:42px;padding:9px 14px;border:1px solid var(--teal);border-radius:12px;background:var(--teal);color:#ffffff;font-weight:900}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}.button.secondary:hover,.navButton:hover,.segmentedButton:hover,.threadItem:hover{border-color:var(--teal)}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong)}.segmentedButton{min-height:32px;padding:6px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-weight:900}.segmentedButton.active{background:var(--teal);border-color:var(--teal);color:#ffffff}.input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);outline-color:var(--teal)}.input::placeholder{color:var(--muted)}select option{background:var(--surface);color:var(--ink)}.compactInput{min-height:38px}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.table{overflow-x:auto;overflow-y:hidden}.tableToolbar{justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.searchField,.tableToolbar{display:flex;align-items:center}.searchField{gap:10px;min-width:min(100%,420px);min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);color:var(--teal-dark)}.searchField input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-weight:800}.searchField input::placeholder{color:var(--muted);font-weight:700}.emptyState{padding:24px;color:var(--muted);font-weight:900;text-align:center}.tableHead,.tableRow{display:grid;gap:12px;align-items:center;padding:12px 14px}.tableHead{background:var(--surface-strong);color:var(--muted);font-size:13px;font-weight:900}.tableHead,.tableRow{border-bottom:1px solid var(--line)}.tableHead>*,.tableRow>*{min-width:0}.tableRow small,.tableRow span,.tableRow strong{overflow-wrap:anywhere}.tableRow:last-child{border-bottom:0}.studentRow{min-width:1040px;grid-template-columns:minmax(240px,2fr) 128px 150px 150px 120px 96px 86px}.adminRow{grid-template-columns:minmax(180px,1.4fr) 120px 120px 110px}.jobRow{grid-template-columns:minmax(220px,1.4fr) 130px 160px minmax(180px,1fr)}.studentRow .button{min-height:38px;padding-inline:12px}.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.planHeader{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.price{color:var(--teal-dark);white-space:nowrap}.settingsCard{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--surface-strong),var(--surface)),var(--surface)}.settingsCopy{max-width:720px}.eyebrow{display:inline-flex;margin-bottom:8px;color:var(--teal-dark);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.settingsAction{justify-content:flex-end;flex-wrap:wrap}.settingsAction,.toggleField{display:flex;align-items:center;gap:10px}.toggleField{min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:18px;background:var(--field);font-weight:800}.toggleField input{width:18px;height:18px;accent-color:var(--teal)}.switchButton{position:relative;width:58px;height:34px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--field);padding:3px}.switchButton span{display:block;width:26px;height:26px;border-radius:999px;background:var(--muted);transition:transform .18s ease,background .18s ease}.switchButton.on{border-color:var(--teal);background:var(--teal-soft)}.switchButton.on span{background:var(--teal);transform:translateX(24px)}[dir=rtl] .switchButton.on span{transform:translateX(-24px)}.badge.success{background:var(--teal-soft);color:var(--teal-dark)}.badge.warning{background:rgba(245,158,11,.14);color:#f59e0b}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.progressPanel{display:grid;gap:12px;margin:16px 0;padding:16px;border:1px solid rgba(20,184,166,.32);border-radius:18px;background:linear-gradient(135deg,var(--teal-soft),transparent 55%),var(--subtle)}.warningPanel{border-color:rgba(245,158,11,.5);background:linear-gradient(135deg,rgba(245,158,11,.12),transparent 55%),var(--subtle)}.progressHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.scoreRing{width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;color:#ffffff;background:var(--teal);font-weight:950;box-shadow:0 14px 30px rgba(20,184,166,.22)}.progressMetrics{margin:0}.nextActivity,.progressLists>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.progressLists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.event,.metric{display:grid;gap:3px;padding:11px;background:var(--subtle);border:1px solid var(--line);border-radius:12px}.metric span,.muted,small{color:var(--muted);font-size:13px;font-weight:700}.idPill{display:inline-flex;width:fit-content;min-height:30px;align-items:center;padding:4px 10px;border-radius:999px;color:var(--teal-dark);background:var(--teal-soft);border:1px solid rgba(20,184,166,.5);font-weight:900;letter-spacing:.08em}.idPill.compact{min-height:24px;padding:3px 8px;font-size:12px}.badge{display:inline-flex;width:fit-content;min-height:28px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--badge-bg);color:var(--badge-ink);font-weight:900}.error{padding:12px 14px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:12px;margin-bottom:14px;font-weight:800}.eventList,.messageList{display:grid;gap:8px}.threadItem{width:100%;display:grid;gap:7px;text-align:start;border:0;border-bottom:1px solid var(--line);background:var(--surface);padding:12px 14px;color:var(--ink)}.threadItem.unread{background:linear-gradient(90deg,rgba(239,68,68,.12),transparent 42%),var(--surface);border-inline-start:4px solid #ef4444}.supportHeader,.threadTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.threadSender{color:var(--ink);font-size:13px;font-weight:900}.threadPreview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.threadItem:last-child{border-bottom:0}.contextGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.contextGrid>div,.miniList{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--subtle)}.contextGrid small,.miniList small{color:var(--muted);font-weight:800}.contextGrid strong{overflow-wrap:anywhere}.message{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--subtle)}@media (max-width:1100px){.layout,.planGrid,.split,.summaryGrid{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.adminRow,.formGrid,.jobRow{grid-template-columns:1fr}.studentRow{min-width:920px}.tableHead{display:none}}@media (max-width:640px){.shell{padding:12px}.brand,.header,.headerActions,.planHeader,.settingsAction,.settingsCard,.tableToolbar{align-items:stretch;flex-direction:column}.loginTop{justify-content:stretch}.segmented{justify-content:center}.progressHeader,.progressLists,.sidebar{grid-template-columns:1fr}.progressHeader{flex-direction:column}}