.groups-page .groups-admin-modern{color:#172554;background:#fff;border:1px solid #d7e2f3;border-radius:20px;width:100%;max-width:1180px;margin:24px auto 0;padding:0;display:block;overflow:hidden;box-shadow:0 12px 32px #21488712}.groups-page .groups-admin-topline{background:linear-gradient(120deg,#fff 0%,#f7faff 100%);border-bottom:1px solid #e8eef8;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.groups-page .groups-admin-topline h2{color:#172554;margin:3px 0 6px;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.25}.groups-page .groups-admin-topline p{color:#64748b;margin:0;line-height:1.55}.groups-page .groups-admin-topline .groups-admin-eyebrow{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.groups-page .groups-admin-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.groups-page .groups-admin-stats span{color:#526581;text-align:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;gap:2px;min-width:84px;padding:10px 13px;font-size:.76rem;display:grid}.groups-page .groups-admin-stats strong{color:#1d4ed8;font-size:1.25rem;line-height:1.1}.groups-page .groups-admin-tabs{background:#fff;border-bottom:1px solid #e8eef8;flex-wrap:wrap;gap:6px;padding:12px 20px 0;display:flex}.groups-page .groups-admin-tabs button{color:#526581;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom-width:2px;border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:9px 14px;font-size:.9rem;font-weight:650;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.groups-page .groups-admin-tabs button:hover{color:#1d4ed8;background:#f3f7ff}.groups-page .groups-admin-tabs button.active{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe #dbeafe #2563eb}.groups-page .groups-admin-tabs button span{color:#475569;background:#e2e8f0;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.73rem;display:inline-grid}.groups-page .groups-admin-tabs button.active span{color:#1d4ed8;background:#dbeafe}.groups-page .groups-admin-content{padding:24px 28px 28px}.groups-page .groups-admin-section-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.groups-page .groups-admin-section-title h3{color:#172554;margin:0 0 5px;font-size:1.1rem;line-height:1.4}.groups-page .groups-admin-section-title p{color:#64748b;margin:0;font-size:.88rem;line-height:1.5}.groups-page .groups-count-pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:32px;padding:0 10px;font-size:.85rem;font-weight:750;display:inline-flex}.groups-page .groups-search-field{color:#475569;gap:7px;margin:15px 0;font-size:.82rem;font-weight:650;display:grid}.groups-page .groups-search-field input,.groups-page .groups-admin-picker input[type=search],.groups-page .groups-settings-form input,.groups-page .groups-settings-form textarea,.groups-page .groups-restriction-form input,.groups-page .groups-restriction-form select{box-sizing:border-box;color:#172554;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:.92rem}.groups-page .groups-search-field input:focus,.groups-page .groups-admin-picker input[type=search]:focus,.groups-page .groups-settings-form input:focus,.groups-page .groups-settings-form textarea:focus,.groups-page .groups-restriction-form input:focus,.groups-page .groups-restriction-form select:focus{border-color:#60a5fa;outline:3px solid #3b82f626}.groups-page .groups-admin-list{overscroll-behavior:contain;background:#fff;border:1px solid #e2e8f0;border-radius:13px;max-height:340px;overflow:auto}.groups-page .groups-modern-row{border-bottom:1px solid #edf2f9;align-items:center;gap:12px;min-height:60px;padding:10px 14px;display:flex}.groups-page .groups-modern-row:last-child{border-bottom:0}.groups-page .groups-modern-row:hover{background:#f8fbff}.groups-page .groups-person-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:750;display:inline-grid}.groups-page .groups-person-name{overflow-wrap:anywhere;color:#243b63;flex:auto;min-width:0;font-size:.9rem}.groups-page .groups-person-name small{color:#64748b;margin-top:3px;font-size:.78rem;line-height:1.45;display:block}.groups-page .groups-status-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;align-items:center;min-height:24px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.groups-page .groups-status-pill.is-muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.groups-page .groups-secondary-action,.groups-page .groups-primary-action{color:#1d4ed8;min-height:34px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;padding:6px 11px;font-size:.8rem;font-weight:700}.groups-page .groups-secondary-action:hover{background:#dbeafe}.groups-page .groups-primary-action{color:#fff;background:#2563eb;border-color:#2563eb}.groups-page .groups-primary-action:hover{background:#1d4ed8;border-color:#1d4ed8}.groups-page .groups-list-empty{text-align:center;padding:22px 16px}.groups-page .groups-disclosure{background:#f8fbff;border:1px solid #dbeafe;border-radius:13px;margin:14px 0 18px}.groups-page .groups-disclosure>summary{cursor:pointer;color:#1d4ed8;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;font-weight:750;list-style-position:inside;display:flex}.groups-page .groups-disclosure>summary small{color:#64748b;font-size:.78rem;font-weight:500}.groups-page .groups-admin-picker{padding:0 14px 14px}.groups-page .groups-picker-toolbar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;font-size:.82rem;display:flex}.groups-page .groups-student-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:4px;max-height:220px;padding:7px;display:grid;overflow:auto}.groups-page .groups-student-option{color:#334155;cursor:pointer;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:8px;font-size:.84rem;display:flex}.groups-page .groups-student-option:hover{background:#f1f5f9}.groups-page .groups-student-option input{accent-color:#2563eb;flex:none}.groups-page .groups-wide-action{width:100%;margin-top:10px}.groups-page .groups-restriction-form{background:#f8fbff;border:1px solid #e2e8f0;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.groups-page .groups-restriction-form label,.groups-page .groups-settings-form label{color:#475569;gap:7px;min-width:0;font-size:.82rem;font-weight:650;display:grid}.groups-page .groups-reason-field{grid-column:1/-1}.groups-page .groups-restriction-form>button{align-self:end;min-height:42px}.groups-page .groups-restrictions-list .groups-modern-row{align-items:flex-start}.groups-page .groups-restrictions-list .groups-person-name{padding-top:3px}.groups-page .groups-modern-log{border-bottom:1px solid #edf2f9;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.groups-page .groups-modern-log:last-child{border-bottom:0}.groups-page .groups-log-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:1.2rem;display:inline-grid}.groups-page .groups-modern-log>div{flex:auto;min-width:0}.groups-page .groups-modern-log strong{color:#243b63;text-transform:capitalize;font-size:.88rem}.groups-page .groups-modern-log p{color:#64748b;overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem}.groups-page .groups-modern-log time{color:#94a3b8;flex:none;font-size:.76rem}.groups-page .groups-settings-form{gap:16px;max-width:760px;display:grid}.groups-page .groups-settings-form textarea{resize:vertical;min-height:110px}.groups-page .groups-settings-form button{justify-self:start;min-width:180px}.groups-page .groups-admin-modern button:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}@media (width<=760px){.groups-page .groups-admin-topline{flex-direction:column;align-items:stretch;gap:15px;padding:19px 17px}.groups-page .groups-admin-stats{justify-content:stretch}.groups-page .groups-admin-stats span{flex:1 1 0;min-width:0}.groups-page .groups-admin-tabs{gap:4px;padding:10px 10px 0}.groups-page .groups-admin-tabs button{flex:auto;min-height:40px;padding:8px 9px;font-size:.8rem}.groups-page .groups-admin-content{padding:18px 13px 16px}.groups-page .groups-modern-row{gap:8px;padding:9px 10px}.groups-page .groups-person-avatar{flex-basis:32px;width:32px;height:32px}.groups-page .groups-status-pill{display:none}.groups-page .groups-restriction-form{grid-template-columns:minmax(0,1fr);padding:12px}.groups-page .groups-reason-field{grid-column:auto}.groups-page .groups-modern-log{gap:8px;padding:12px 10px}.groups-page .groups-modern-log time{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.groups-page .groups-admin-tabs button{transition:none}}.groups-page.groups-page-compact{min-width:0;height:auto;min-height:0;padding-bottom:28px}.groups-page-compact .groups-shell-compact{align-items:stretch;margin-bottom:0;height:auto!important;min-height:0!important}.groups-page-compact .group-conversation-compact{flex-direction:column;align-self:stretch;min-width:0;display:flex;height:auto!important;min-height:0!important}.groups-page-compact .messages-scroll-compact{overscroll-behavior:contain;flex:0 auto;height:clamp(220px,38vh,390px);min-height:220px;max-height:390px;overflow:hidden auto}.groups-page-compact .groups-admin-compact{box-sizing:border-box;width:100%;max-width:1180px;min-height:0;margin:14px auto 0!important}.groups-page-compact .groups-admin-compact .groups-admin-topline{padding:18px 22px}.groups-page-compact .groups-admin-compact .groups-admin-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:5px;padding:10px 14px 0;overflow-x:auto}.groups-page-compact .groups-admin-compact .groups-admin-tabs button{white-space:nowrap;flex:none}.groups-page-compact .groups-admin-compact .groups-admin-content{padding:17px 22px 20px}.groups-page-compact .groups-admin-compact .groups-admin-list{box-sizing:border-box;overscroll-behavior:contain;min-height:0;height:auto!important;max-height:280px!important;overflow:hidden auto!important}.groups-page-compact .groups-admin-compact .groups-history-list{max-height:300px!important}.groups-page-compact .groups-admin-compact .groups-modern-row{min-height:50px;padding:8px 12px}.groups-page-compact .groups-admin-compact .groups-admin-section-title{margin-bottom:12px}.groups-page-compact .groups-admin-compact .groups-search-field{margin:12px 0}.groups-page-compact .groups-admin-compact .groups-disclosure{margin:10px 0 14px}.groups-page-compact .groups-admin-note{margin-top:12px}@media (width<=760px){.groups-page-compact .messages-scroll-compact{height:clamp(180px,34vh,300px);min-height:180px;max-height:300px}.groups-page-compact .groups-admin-compact .groups-admin-topline{padding:16px 14px}.groups-page-compact .groups-admin-compact .groups-admin-tabs{padding:8px 9px 0}.groups-page-compact .groups-admin-compact .groups-admin-content{padding:14px 12px 16px}.groups-page-compact .groups-admin-compact .groups-admin-list{max-height:250px!important}.groups-page-compact .groups-admin-compact .groups-admin-section-title{gap:8px}.groups-page-compact .groups-admin-compact .groups-admin-section-title p{font-size:.82rem}}.groups-page .message-composer{box-sizing:border-box;background:#fff;border-top:1px solid #e5edf8;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.groups-page .message-composer input,.groups-page .message-composer input[type=text]{appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:54px;font:inherit;flex:auto;padding:14px 20px;font-size:1rem;line-height:1.5;transition:background-color .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #17255406;color:#172554!important;background:#f7faff!important;border:1px solid #d8e3f3!important;border-radius:22px!important;outline:none!important}.groups-page .message-composer input::placeholder{color:#8998b1;opacity:1}.groups-page .message-composer input:hover{background:#fff!important;border-color:#bfd0e8!important}.groups-page .message-composer input:focus,.groups-page .message-composer input:focus-visible{background:#fff!important;border-color:#60a5fa!important;outline:none!important;box-shadow:0 0 0 4px #2563eb1c!important}.groups-page .message-composer>button.btn.btn-primary{color:#fff;min-width:82px;min-height:52px;font:inherit;background:#2563eb;border:1px solid #2563eb;border-radius:18px;flex:none;padding:12px 22px;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 4px 10px #2563eb29}.groups-page .message-composer>button.btn.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 6px 14px #2563eb33}.groups-page .message-composer>button.btn.btn-primary:active:not(:disabled){transform:translateY(1px)}.groups-page .message-composer>button.btn.btn-primary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}@media (width<=520px){.groups-page .message-composer{gap:9px;padding:11px 12px}.groups-page .message-composer input,.groups-page .message-composer input[type=text]{min-height:48px;padding:11px 15px;font-size:16px;border-radius:20px!important}.groups-page .message-composer>button.btn.btn-primary{border-radius:17px;min-width:70px;min-height:48px;padding:10px 15px}}@media (prefers-reduced-motion:reduce){.groups-page .message-composer input,.groups-page .message-composer>button.btn.btn-primary{transition:none}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.auth-page{box-sizing:border-box;direction:rtl;background:radial-gradient(circle at 100% 0,#dbeafe,#0000 45%),linear-gradient(135deg,#f8faff,#e8efff);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-card{box-sizing:border-box;color:#14264d;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:440px;padding:40px;box-shadow:0 20px 60px #1e40af1f}.auth-brand{color:#14264d;justify-content:center;align-items:center;gap:12px;margin-bottom:30px;font-size:23px;font-weight:800;text-decoration:none;display:flex}.auth-brand .logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.auth-card h1{text-align:center;margin:0 0 12px;font-size:30px;font-weight:800}.auth-description{color:#64748b;text-align:center;margin:0 0 28px;line-height:1.8}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-card label{margin-top:8px;font-size:14px;font-weight:700}.auth-card input{color:#14264d;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:12px 14px}.auth-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}.auth-submit,.auth-google{width:100%;min-height:48px;font:inherit;cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:700;transition:all .2s}.auth-submit{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;margin-top:12px}.auth-submit:hover,.auth-google:hover{transform:translateY(-1px)}.auth-divider{color:#94a3b8;align-items:center;gap:14px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-google{color:#14264d;background:#fff;border:1px solid #cbd5e1}.auth-google span{color:#4285f4;margin-left:10px;font-weight:800}.auth-message{color:#1d4ed8;overflow-wrap:anywhere;background:#eff6ff;border-radius:10px;margin-top:18px;padding:12px;line-height:1.7}.auth-switch{text-align:center;color:#64748b;margin:24px 0 0}.auth-switch button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;font-weight:800}@media (width<=480px){.auth-card{padding:28px 20px}.auth-card h1{font-size:26px}}.student-dashboard{box-sizing:border-box;width:100%;color:var(--text);flex-direction:column;gap:24px;padding:24px;display:flex}.student-dashboard *{box-sizing:border-box}.student-welcome{border:1px solid var(--border);background:var(--surface);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:36px;display:flex;box-shadow:0 8px 30px #1e40af0d}.student-welcome h1{margin:12px 0;font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.5}.student-welcome p{color:var(--text-secondary,#64748b);margin:0;line-height:1.9}.welcome-eyebrow,.student-section-kicker{color:#6366f1;letter-spacing:1px;font-size:11px;font-weight:800}.welcome-date{border:1px solid var(--border);background:var(--background,#f8fafc);white-space:nowrap;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.welcome-date span{color:var(--text-secondary,#64748b);font-size:12px}.welcome-date strong{font-size:14px}.student-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.student-stat{border:1px solid var(--border);background:var(--surface);border-radius:20px;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s}.student-stat:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1e40af14}.student-stat-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.student-stat-icon,.student-heading-icon{background:#eef2ff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:inline-flex}.student-stat-label{color:var(--text-secondary,#64748b);font-size:13px}.student-stat-value{margin-bottom:8px;font-size:28px;font-weight:850;display:block}.student-stat-note{color:var(--text-secondary,#64748b);font-size:11px;line-height:1.8}.student-main-grid,.student-bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:20px;display:grid}.student-panel{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;padding:28px;box-shadow:0 6px 24px #1e40af09}.student-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.student-panel-heading h2{margin:8px 0 0;font-size:21px;font-weight:800}.student-panel-description{color:var(--text-secondary,#64748b);margin:0;font-size:13px;line-height:2}.student-focus{background:radial-gradient(circle at bottom left, #6366f11a, transparent 45%), var(--surface)}.student-focus-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.student-primary-button,.student-secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:13px;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.student-primary-button{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.student-primary-button:hover{background:#4338ca;transform:translateY(-2px)}.student-secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--border)}.student-secondary-button:hover{border-color:#818cf8}.student-focus-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:18px}.student-focus-footer>span{font-size:12px;font-weight:800}.student-focus-footer p{color:var(--text-secondary,#64748b);margin:8px 0 0;font-size:13px;line-height:1.9}.student-shortcuts{flex-direction:column;gap:8px;display:flex}.student-shortcut{color:var(--text);border:1px solid #0000;border-radius:15px;align-items:center;gap:14px;padding:13px;text-decoration:none;transition:all .2s;display:flex}.student-shortcut:hover{border-color:var(--border);background:var(--background,#f8fafc)}.student-shortcut>span:nth-child(2){flex-direction:column;flex:1;gap:6px;display:flex}.student-shortcut strong{font-size:13px}.student-shortcut small{color:var(--text-secondary,#64748b);font-size:11px}.shortcut-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:inline-flex}.shortcut-blue{background:#dbeafe}.shortcut-purple{background:#ede9fe}.shortcut-green{background:#dcfce7}.shortcut-orange{background:#ffedd5}.shortcut-arrow{color:var(--text-secondary,#64748b)}.student-task-list{margin-top:18px}.student-task{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px 0;display:flex}.student-task:last-child{border-bottom:0}.student-task-number{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:flex}.student-task-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.student-task-content strong{font-size:13px}.student-task-content>span,.student-task-time{color:var(--text-secondary,#64748b);font-size:11px}.student-task-time{white-space:nowrap}.student-text-link{color:#6366f1;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.student-progress-panel{flex-direction:column;display:flex}.student-progress-visual{justify-content:center;padding:22px 0;display:flex}.student-progress-ring{border:9px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:155px;height:155px;display:flex}.student-progress-ring>div{flex-direction:column;align-items:center;gap:8px;display:flex}.student-progress-ring strong{font-size:22px}.student-progress-ring span{color:var(--text-secondary,#64748b);font-size:10px}.student-progress-panel h3{text-align:center;margin:0 0 10px;font-size:16px}.student-progress-panel>.student-panel-description{text-align:center}.student-full-button{width:100%;margin-top:22px}.student-dashboard-footer{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:12px;padding:20px 24px;display:flex}.student-dashboard-footer p{color:var(--text-secondary,#64748b);flex:1;margin:0;font-size:13px}.student-footer-brand{color:#6366f1;font-size:12px;font-weight:850}@media (width<=1000px){.student-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-main-grid,.student-bottom-grid{grid-template-columns:1fr}}@media (width<=600px){.student-dashboard{gap:15px;padding:12px}.student-welcome{flex-direction:column;align-items:stretch;padding:22px}.welcome-date{white-space:normal}.student-metrics{gap:10px}.student-stat{border-radius:16px;padding:15px}.student-stat-value{font-size:22px}.student-stat-top{flex-direction:column;align-items:flex-start;gap:8px}.student-panel{border-radius:18px;padding:19px}.student-focus-actions{flex-direction:column}.student-primary-button,.student-secondary-button{width:100%}.student-task{gap:9px}.student-task-time{font-size:10px}.student-dashboard-footer{flex-wrap:wrap;padding:16px}}.community-heading,.community-post-meta,.community-actions,.community-toolbar,.community-comment-form{align-items:center;gap:.75rem;display:flex}.community-heading,.community-post-meta,.community-toolbar{justify-content:space-between}.community-form,.community-comments{gap:.85rem;margin-top:1rem;display:grid}.community-form label,.community-toolbar label{gap:.35rem;display:grid}.community-form input,.community-form textarea,.community-form select,.community-toolbar select,.community-comment-form textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:var(--surface);color:var(--text);border-radius:.6rem;padding:.7rem}.community-post{overflow:hidden}.community-post h2{margin-bottom:.5rem}.community-post-body{white-space:pre-wrap;overflow-wrap:anywhere}.community-author{align-items:center;gap:.5rem;min-width:0;display:flex}.community-author-meta{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.community-author-meta .badge{white-space:nowrap;flex:none;margin:0}.community-author img,.community-avatar{object-fit:cover;border-radius:50%;width:2.25rem;height:2.25rem}.community-avatar{color:#fff;background:var(--accent);place-items:center;display:grid}.community-post-meta time{opacity:.7;font-size:.8rem}.community-comments{border-top:1px solid var(--border);padding-top:1rem}.community-comment,.community-reply{border-inline-start:3px solid var(--accent-border);padding-inline-start:.85rem}.community-reply{margin-top:.75rem}.community-comment p,.community-reply p{margin:.35rem 0}.community-error{color:#b42318}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}@media (width<=600px){.community-heading,.community-post-meta,.community-toolbar,.community-actions,.community-comment-form{flex-direction:column;align-items:stretch}.community-author-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.community-heading .btn,.community-actions .btn{width:100%}}.dashboard-courses-section{flex-direction:column;gap:22px;width:100%;min-width:0;display:flex}.dashboard-courses-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-courses-heading h2{margin:10px 0;font-size:clamp(23px,3vw,30px);font-weight:850}.dashboard-courses-heading p{color:var(--text-secondary,#64748b);margin:0;font-size:14px;line-height:1.8}.dashboard-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.dashboard-course-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 6px 24px #1e40af0b}.dashboard-course-card:hover{border-color:#c7d2fe;transform:translateY(-5px);box-shadow:0 18px 38px #1e40af1c}.dashboard-course-cover{justify-content:center;align-items:center;min-height:155px;display:flex;position:relative;overflow:hidden}.dashboard-course-cover:before,.dashboard-course-cover:after{content:"";pointer-events:none;border:1px solid #ffffff47;border-radius:50%;width:150px;height:150px;position:absolute}.dashboard-course-cover:before{top:-75px;inset-inline-end:-30px}.dashboard-course-cover:after{bottom:-110px;width:190px;height:190px;inset-inline-start:-30px}.course-blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.course-purple{background:linear-gradient(135deg,#6d28d9,#a78bfa)}.course-green{background:linear-gradient(135deg,#047857,#34d399)}.course-orange{background:linear-gradient(135deg,#c2410c,#fb923c)}.course-pink{background:linear-gradient(135deg,#be185d,#f472b6)}.course-cyan{background:linear-gradient(135deg,#0e7490,#67e8f9)}.course-indigo{background:linear-gradient(135deg,#3730a3,#818cf8)}.dashboard-course-icon{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff30;border:1px solid #ffffff61;border-radius:25px;justify-content:center;align-items:center;width:82px;height:82px;font-size:38px;display:flex;position:relative;box-shadow:0 10px 30px #0f172a1f}.dashboard-course-level{top:14px;z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:750;position:absolute;inset-inline-start:14px}.dashboard-course-number{color:#ffffff38;font-size:45px;font-weight:900;line-height:1;position:absolute;bottom:9px;right:16px}.dashboard-course-body{flex-direction:column;padding:22px;display:flex}.dashboard-course-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.dashboard-course-meta span{background:var(--background,#f8fafc);color:var(--text-secondary,#64748b);border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700}.dashboard-course-body h3{color:var(--text);margin:0 0 7px;font-size:19px;font-weight:850;line-height:1.7}.dashboard-course-english{min-height:24px;color:var(--text-secondary,#64748b);text-align:right;overflow-wrap:anywhere;direction:ltr;margin:0 0 22px;font-size:12px}.dashboard-course-progress-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;font-size:12px;font-weight:750;display:flex}.dashboard-demo-badge{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:750}.dashboard-progress-track{background:var(--border);border-radius:20px;width:100%;height:7px;overflow:hidden}.dashboard-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#818cf8);height:100%;transition:width .3s}.dashboard-progress-note{min-height:38px;color:var(--text-secondary,#64748b);margin:10px 0 18px;font-size:11px;line-height:1.8}.dashboard-course-button{color:#fff;background:#4f46e5;border:1px solid #4f46e5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin-top:auto;padding:12px 15px;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:flex}.dashboard-course-button:hover{background:#4338ca;transform:translateY(-2px)}.dashboard-stat-text{font-size:20px!important}@media (width<=1100px){.dashboard-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.dashboard-courses-heading{flex-direction:column;align-items:stretch}.dashboard-courses-heading .student-secondary-button{width:100%}.dashboard-course-grid{grid-template-columns:1fr;gap:16px}.dashboard-course-cover{min-height:140px}.dashboard-course-body{padding:19px}}.admin-page{--admin-primary:#4f46e5;--admin-primary-dark:#4338ca;--admin-text:#172554;--admin-muted:#64748b;--admin-border:#e2e8f0;--admin-surface:#fff;width:100%;min-height:100vh;color:var(--admin-text);text-align:right;box-sizing:border-box;direction:rtl;background:#f4f7fc;grid-template-columns:260px minmax(0,1fr);font-family:inherit;font-size:14px;line-height:1.7;display:grid}.admin-page *,.admin-page :before,.admin-page :after{box-sizing:border-box}.admin-page button,.admin-page input,.admin-page select{font:inherit}.admin-page button{cursor:pointer}.admin-sidebar{border-left:1px solid var(--admin-border);background:#fff;flex-direction:column;width:260px;height:100vh;min-height:600px;padding:26px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{border-bottom:1px solid #edf0f6;align-items:center;gap:12px;padding:0 6px 28px;display:flex}.admin-brand-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:900;display:inline-flex}.admin-brand>div{flex-direction:column;gap:2px;display:flex}.admin-brand strong{font-size:17px;font-weight:850}.admin-brand small{color:var(--admin-muted);font-size:12px}.admin-sidebar-label{color:#94a3b8;margin:28px 10px 12px;font-size:11px;font-weight:800}.admin-nav{flex-direction:column;gap:7px;display:flex}.admin-nav button{color:#475569;text-align:right;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 13px;transition:background .2s,color .2s;display:flex}.admin-nav button>span:first-child{justify-content:center;align-items:center;width:24px;font-size:19px;display:inline-flex}.admin-nav button:hover{color:var(--admin-primary);background:#f1f5ff}.admin-nav button.active{color:var(--admin-primary);background:#eef2ff;border-color:#e0e7ff;font-weight:800}.admin-nav-count{min-width:25px;height:25px;color:var(--admin-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;margin-right:auto;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.admin-sidebar-bottom{flex-direction:column;gap:18px;margin-top:auto;padding-top:28px;display:flex}.admin-security-note{background:#f0f7ff;border:1px solid #dbeafe;border-radius:14px;padding:16px}.admin-security-note>span{margin-bottom:8px;font-size:20px;display:block}.admin-security-note strong{font-size:13px;display:block}.admin-security-note p{color:var(--admin-muted);margin:6px 0 0;font-size:11px;line-height:1.9}.admin-back-button{border:1px solid var(--admin-border);color:#475569;background:#fff;border-radius:11px;min-height:43px;padding:10px 13px;transition:all .2s}.admin-back-button:hover{color:var(--admin-primary);background:#f8faff;border-color:#a5b4fc}.admin-main{flex-direction:column;gap:25px;min-width:0;padding:30px;display:flex}.admin-topbar{border-bottom:1px solid #e4eaf4;justify-content:space-between;align-items:center;gap:20px;min-height:75px;padding-bottom:22px;display:flex}.admin-breadcrumb{color:var(--admin-muted);font-size:12px}.admin-topbar h1{color:var(--admin-text);margin:5px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:850;line-height:1.5}.admin-topbar-status{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:30px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;font-weight:750;display:inline-flex}.admin-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}.admin-welcome{background:radial-gradient(circle at 90% 10%,#818cf833,#0000 35%),linear-gradient(120deg,#fff,#eef2ff);border:1px solid #dbe4ff;border-radius:22px;justify-content:space-between;align-items:center;gap:25px;min-height:205px;padding:32px;display:flex;position:relative;overflow:hidden}.admin-welcome>div:first-child{z-index:1;position:relative}.admin-eyebrow{color:#6366f1;letter-spacing:1.1px;font-size:10px;font-weight:900;display:inline-block}.admin-welcome h2{color:#172554;margin:12px 0 10px;font-size:clamp(22px,2.3vw,30px);font-weight:850;line-height:1.6}.admin-welcome p{color:#64748b;max-width:650px;margin:0;font-size:14px;line-height:2}.admin-welcome-decoration{color:#4f46e5;background:#ffffffbf;border:1px solid #6366f12e;border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;width:112px;height:112px;font-size:30px;font-weight:900;display:flex;transform:rotate(-5deg);box-shadow:0 15px 40px #4f46e517}.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.admin-stat-card{border:1px solid var(--admin-border);background:var(--admin-surface);border-radius:18px;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #0f172a06}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0f172a0f}.admin-stat-top{align-items:center;gap:11px;margin-bottom:18px;display:flex}.admin-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:21px;font-weight:800;display:inline-flex}.admin-stat-icon.blue{color:#2563eb;background:#dbeafe}.admin-stat-icon.green{color:#15803d;background:#dcfce7}.admin-stat-icon.purple{color:#7c3aed;background:#ede9fe}.admin-stat-icon.orange{color:#c2410c;background:#ffedd5}.admin-stat-caption{color:var(--admin-muted);font-size:12px;font-weight:700}.admin-stat-value{color:#172554;margin-bottom:6px;font-size:32px;font-weight:900;line-height:1.3;display:block}.admin-stat-description{color:#94a3b8;font-size:11px;line-height:1.8;display:block}.admin-table-panel{border:1px solid var(--admin-border);background:#fff;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 4px 18px #0f172a06}.admin-table-heading{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.admin-table-heading h2{color:var(--admin-text);margin:7px 0;font-size:22px;font-weight:850}.admin-table-heading p{color:var(--admin-muted);margin:0;font-size:12px;line-height:1.9}.admin-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:12px;font-weight:750;transition:all .2s;display:inline-flex}.admin-button-primary{border:1px solid var(--admin-primary);background:var(--admin-primary);color:#fff}.admin-button-primary:hover{background:var(--admin-primary-dark)}.admin-button-secondary{color:#475569;background:#fff;border:1px solid #dbe2ee}.admin-button-secondary:hover{color:var(--admin-primary);background:#f5f7ff;border-color:#a5b4fc}.admin-table-toolbar{background:#fcfdff;border-bottom:1px solid #edf0f6;align-items:center;gap:14px;padding:20px 26px;display:flex}.admin-search{color:#94a3b8;background:#fff;border:1px solid #dbe2ee;border-radius:11px;flex:1;align-items:center;gap:10px;min-width:160px;min-height:45px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.admin-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.admin-search>span{font-size:21px}.admin-search input{width:100%;min-width:0;color:var(--admin-text);background:0 0;border:0;outline:none;padding:10px 0;font-size:12px}.admin-filter{color:var(--admin-muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.admin-filter select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ee;border-radius:11px;outline:none;max-width:190px;min-height:44px;padding:9px 12px}.admin-filter select:focus{border-color:#818cf8}.admin-table-meta{color:var(--admin-muted);justify-content:space-between;align-items:center;gap:15px;padding:15px 26px;font-size:11px;display:flex}.admin-table-meta strong{color:var(--admin-primary);font-size:13px}.admin-table-scroll{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}.admin-table th{color:#64748b;border-top:1px solid #edf0f6;border-bottom:1px solid #e8edf5;padding:15px 20px;font-size:11px;font-weight:800}.admin-table td{color:#475569;border-bottom:1px solid #edf0f6;padding:15px 20px;font-size:12px}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#f8faff}.admin-table tbody tr:last-child td{border-bottom:0}.admin-student-name{align-items:center;gap:11px;display:flex}.admin-name-initial{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:850;display:inline-flex}.admin-student-name strong{color:#1e293b;text-overflow:ellipsis;max-width:260px;font-size:12px;font-weight:750;overflow:hidden}.admin-user-id{color:#64748b;direction:ltr;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:5px 8px;font-size:11px;display:inline-block}.admin-role-badge{border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.admin-role-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.admin-role-manager{color:#7e22ce;background:#f3e8ff}.admin-role-student{color:#2563eb;background:#eff6ff}.admin-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:55px 20px;display:flex}.admin-empty>span{color:#6366f1;background:#eef2ff;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.admin-empty h3{margin:16px 0 5px;font-size:17px}.admin-empty p{color:var(--admin-muted);margin:0 0 20px;font-size:12px}.admin-table-footer{color:#94a3b8;background:#fcfdff;border-top:1px solid #edf0f6;justify-content:space-between;gap:15px;padding:16px 24px;font-size:10px;display:flex}.admin-page-footer{color:#94a3b8;justify-content:space-between;gap:15px;padding:5px 2px 15px;font-size:11px;display:flex}.admin-loading,.admin-error{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.admin-loading h2,.admin-error h1{color:var(--admin-text);margin:20px 0 8px;font-size:23px}.admin-loading p,.admin-error p{max-width:600px;color:var(--admin-muted);overflow-wrap:anywhere;margin:0 0 22px;line-height:2}.admin-spinner{border:4px solid #e0e7ff;border-top-color:var(--admin-primary);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite admin-spin}.admin-error-icon{color:#dc2626;background:#fee2e2;border-radius:17px;justify-content:center;align-items:center;width:55px;height:55px;font-size:28px;font-weight:900;display:flex}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.admin-page{grid-template-columns:225px minmax(0,1fr)}.admin-sidebar{width:225px;padding:22px 13px}.admin-main{padding:24px}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-card{padding:19px}}@media (width<=850px){.admin-page{grid-template-columns:1fr}.admin-sidebar{border-left:0;border-bottom:1px solid var(--admin-border);width:100%;height:auto;min-height:0;padding:16px;position:relative;top:auto}.admin-brand{padding-bottom:15px}.admin-sidebar-label{margin-top:15px}.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-nav button{justify-content:center;gap:7px;padding:10px 6px;font-size:11px}.admin-nav-count{margin-right:0}.admin-sidebar-bottom{padding-top:12px}.admin-security-note{display:none}.admin-back-button{width:100%}.admin-main{padding:20px}}@media (width<=600px){.admin-main{gap:17px;padding:13px}.admin-topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:16px}.admin-topbar h1{font-size:25px}.admin-topbar-status{font-size:11px}.admin-nav{grid-template-columns:1fr}.admin-nav button{justify-content:flex-start;padding:11px 13px;font-size:12px}.admin-nav-count{margin-right:auto}.admin-welcome{border-radius:17px;min-height:auto;padding:23px 19px}.admin-welcome h2{font-size:21px}.admin-welcome p{font-size:12px}.admin-welcome-decoration{display:none}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stat-card{border-radius:15px;padding:14px}.admin-stat-top{flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:13px}.admin-stat-icon{border-radius:11px;width:36px;height:36px;font-size:18px}.admin-stat-caption{font-size:11px}.admin-stat-value{font-size:27px}.admin-stat-description{font-size:10px}.admin-table-panel{border-radius:15px}.admin-table-heading{flex-direction:column;align-items:stretch;padding:19px}.admin-table-heading h2{font-size:19px}.admin-table-heading .admin-button{width:100%}.admin-table-toolbar{flex-direction:column;align-items:stretch;padding:15px}.admin-search{width:100%}.admin-filter{justify-content:space-between}.admin-filter select{flex:1;max-width:none}.admin-table-meta{flex-direction:column;align-items:flex-start;gap:5px;padding:13px 15px}.admin-table th,.admin-table td{padding:12px}.admin-table-footer,.admin-page-footer{flex-direction:column;gap:5px}}:root[data-theme=dark] .admin-sidebar,[data-theme=dark] .admin-sidebar,:root[data-theme=dark] .admin-table-panel,[data-theme=dark] .admin-table-panel,:root[data-theme=dark] .admin-stat-card,[data-theme=dark] .admin-stat-card{background:#182235;border-color:#293449}:root[data-theme=dark] .admin-brand,[data-theme=dark] .admin-brand,:root[data-theme=dark] .admin-topbar,[data-theme=dark] .admin-topbar{border-color:#293449}:root[data-theme=dark] .admin-brand strong,[data-theme=dark] .admin-brand strong,:root[data-theme=dark] .admin-topbar h1,[data-theme=dark] .admin-topbar h1,:root[data-theme=dark] .admin-stat-value,[data-theme=dark] .admin-stat-value,:root[data-theme=dark] .admin-table-heading h2,[data-theme=dark] .admin-table-heading h2{color:#f1f5f9}:root[data-theme=dark] .admin-welcome,[data-theme=dark] .admin-welcome{background:linear-gradient(120deg,#182235,#202b49);border-color:#334155}:root[data-theme=dark] .admin-welcome h2,[data-theme=dark] .admin-welcome h2{color:#f1f5f9}:root[data-theme=dark] .admin-welcome-decoration,[data-theme=dark] .admin-welcome-decoration{background:#26334d;border-color:#3d4c6a}:root[data-theme=dark] .admin-nav button,[data-theme=dark] .admin-nav button{color:#cbd5e1}:root[data-theme=dark] .admin-nav button.active,[data-theme=dark] .admin-nav button.active{color:#c7d2fe;background:#29345b;border-color:#3b4673}:root[data-theme=dark] .admin-nav button:hover,[data-theme=dark] .admin-nav button:hover{background:#253149}:root[data-theme=dark] .admin-search,[data-theme=dark] .admin-search,:root[data-theme=dark] .admin-filter select,[data-theme=dark] .admin-filter select,:root[data-theme=dark] .admin-button-secondary,[data-theme=dark] .admin-button-secondary,:root[data-theme=dark] .admin-back-button,[data-theme=dark] .admin-back-button{color:#e2e8f0;background:#111b2d;border-color:#334155}:root[data-theme=dark] .admin-search input,[data-theme=dark] .admin-search input{color:#e2e8f0}:root[data-theme=dark] .admin-table thead,[data-theme=dark] .admin-table thead,:root[data-theme=dark] .admin-table-toolbar,[data-theme=dark] .admin-table-toolbar,:root[data-theme=dark] .admin-table-footer,[data-theme=dark] .admin-table-footer{background:#141e30}:root[data-theme=dark] .admin-table th,[data-theme=dark] .admin-table th,:root[data-theme=dark] .admin-table td,[data-theme=dark] .admin-table td{border-color:#293449}:root[data-theme=dark] .admin-student-name strong,[data-theme=dark] .admin-student-name strong{color:#e2e8f0}:root[data-theme=dark] .admin-table tbody tr:hover,[data-theme=dark] .admin-table tbody tr:hover{background:#202b40}:root[data-theme=dark] .admin-user-id,[data-theme=dark] .admin-user-id{color:#cbd5e1;background:#111b2d;border-color:#334155}:root[data-theme=dark] .admin-loading h2,[data-theme=dark] .admin-loading h2,:root[data-theme=dark] .admin-error h1,[data-theme=dark] .admin-error h1{color:#f1f5f9}.admin-page{--admin-primary:#4f46e5;--admin-primary-dark:#4338ca;--admin-text:#172554;--admin-muted:#64748b;--admin-border:#e2e8f0;--admin-surface:#fff;color:var(--admin-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fc}.admin-page .admin-sidebar,.admin-page .admin-table-panel,.admin-page .admin-stat-card,.admin-page .admin-table-heading,.admin-page .admin-table-meta{background-color:var(--admin-surface)}.admin-page .admin-table-toolbar,.admin-page .admin-table-footer,.admin-page .admin-table thead{background-color:#f8fafc}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page{--admin-text:#e5eaf5;--admin-muted:#a5b4cc;--admin-border:#2b3850;--admin-surface:#172238;color:#e5eaf5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1220!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-sidebar,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-panel,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-stat-card{color:#e5eaf5;background:#172238!important;border-color:#2b3850!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-brand,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-topbar,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-heading,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-meta,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-footer{background-color:#172238!important;border-color:#2b3850!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-welcome{background:radial-gradient(circle at 90% 10%,#6366f129,#0000 38%),linear-gradient(120deg,#172238,#202b49)!important;border-color:#34415d!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-welcome h2,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-topbar h1,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-stat-value,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-heading h2,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-student-name strong{color:#f1f5f9!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-welcome p,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-breadcrumb,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-stat-caption,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-stat-description,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-heading p,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table th,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table td{color:#b8c5d9!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-nav button{color:#cbd5e1!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-nav button.active{color:#c7d2fe!important;background:#29345b!important;border-color:#46527f!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-nav button:hover{background:#253149!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-toolbar,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table thead,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table-footer{background:#111b2d!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table th,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table td{border-color:#2b3850!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-table tbody tr:hover{background:#202b40!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-search,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-filter select,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-button-secondary,:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-back-button{color:#e2e8f0!important;background:#111b2d!important;border-color:#334155!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-search input{color:#e2e8f0!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-user-id{color:#cbd5e1!important;background:#111b2d!important;border-color:#334155!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-role-student{color:#93c5fd!important;background:#172f4c!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-role-manager{color:#d8b4fe!important;background:#382453!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-security-note{background:#142641!important;border-color:#2b4770!important}:where(html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]) .admin-page .admin-security-note strong{color:#e2e8f0!important}:root{--background:#e8f0ff;--surface:#fff;--text:#10264f;--text-h:#10264f;--text-secondary:#64748b;--border:#d5e2fa;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}html,body,#root{color:#10264f;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#e8f0ff!important}body{background-color:#e8f0ff!important}.app,.app-container,.main-content,.page-container,.student-dashboard,.courses-page,.learning-page,.community-page{color:#10264f!important;background-color:#e8f0ff!important}.student-welcome,.student-stat,.student-panel,.student-dashboard-footer,.dashboard-course-card,.dashboard-course-body,.card,.panel,.stat-card,.course-card,.dashboard-card,.welcome-card,.modal-content,.dropdown-menu{color:#10264f!important;background-color:#fff!important;border-color:#d5e2fa!important}.student-dashboard h1,.student-dashboard h2,.student-dashboard h3,.student-dashboard strong,.dashboard-course-body h3{color:#10264f!important}.student-dashboard p,.student-dashboard small,.student-stat-label,.student-stat-note,.student-panel-description,.dashboard-course-english,.dashboard-progress-note{color:#64748b!important}.admin-page{--admin-text:#172554!important;--admin-muted:#64748b!important;--admin-border:#d5e2fa!important;--admin-surface:#fff!important;color:#172554!important;background:#e8f0ff!important}.admin-sidebar,.admin-stat-card,.admin-table-panel,.admin-table-heading,.admin-table-toolbar,.admin-table-footer,.admin-search,.admin-filter select,.admin-back-button{color:#172554!important;background:#fff!important;border-color:#d5e2fa!important}.admin-welcome{background:linear-gradient(120deg,#fff,#eaf1ff)!important;border-color:#d5e2fa!important}.admin-welcome h2,.admin-topbar h1,.admin-stat-value,.admin-table-heading h2,.admin-brand strong,.admin-student-name strong{color:#172554!important}.admin-welcome p,.admin-breadcrumb,.admin-stat-caption,.admin-table-heading p,.admin-table td,.admin-nav button,.admin-filter,.admin-table-meta,.admin-page-footer{color:#64748b!important}.admin-nav button.active{color:#1d4ed8!important;background:#dbeafe!important;border-color:#bfdbfe!important}.admin-table thead{background:#f1f6ff!important}.admin-table th{color:#475569!important}.admin-table td{border-color:#e2e8f0!important}.admin-search input{color:#172554!important;background:0 0!important}.admin-search input::placeholder{color:#94a3b8!important}.admin-filter select{color:#172554!important}.admin-security-note{color:#172554!important;background:#eff6ff!important}html[data-theme=dark],body[data-theme=dark],#root[data-theme=dark],html.dark,body.dark,#root.dark,.dark,[data-mode=dark]{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#e8f0ff!important}:root[data-theme=dark] .admin-page,[data-theme=dark] .admin-page{--admin-text:#172554!important;--admin-muted:#64748b!important;--admin-border:#d5e2fa!important;--admin-surface:#fff!important;color:#172554!important;background:#e8f0ff!important}.theme-toggle,.theme-switch,.theme-button,button[aria-label*=الوضع],button[aria-label*=المظهر],button[aria-label*=الثيم],button[aria-label*=اللون],button[aria-label*=theme i],button[aria-label*=color i],button[title*=الوضع],button[title*=المظهر],button[title*=الثيم],button[title*=اللون],button[title*=theme i],button[title*=color i],[role=button][aria-label*=theme i],[role=button][aria-label*=color i]{visibility:hidden!important;pointer-events:none!important;display:none!important}html,body,#root{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#172554!important;background:#e8f0ff!important}html body #root .app.light{min-height:100vh;color:#172554!important;background:#e8f0ff!important}html body #root .app.light .content,html body #root .app.light main.content,html body #root .app.light .main-content,html body #root .app.light .page-container,html body #root .app.light .app-container,html body #root .app.light .student-dashboard,html body #root .app.light .courses-page,html body #root .app.light .learning-page,html body #root .app.light .community-page{color:#172554!important;background-color:#e8f0ff!important}html body #root .app.light .topbar,html body #root .app.light .nav-scroll{color:#172554!important;background:#fff!important;border-color:#d5e2fa!important}html body #root .app.light .brand,html body #root .app.light .brand strong,html body #root .app.light .nav-link{color:#172554!important}html body #root .app.light .nav-link.active{color:#1d4ed8!important;background:#dbeafe!important}.groups-page{max-width:1280px;margin:0 auto;padding:8px 0 32px}.groups-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.groups-header h1{margin:0 0 6px}.groups-header p{color:#64748b;margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;color:#2563eb!important}.groups-shell{background:#fff;border:1px solid #dbe4f0;border-radius:20px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 12px 36px #1e40af14}.groups-list{background:#f8fafc;border-inline-end:1px solid #e2e8f0;padding:16px}.groups-list-heading{justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.groups-list-heading h2{margin:0;font-size:18px}.groups-list-heading span{color:#2563eb;font-weight:700}.group-list-item{color:#172554;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.group-list-item:hover,.group-list-item:focus-visible,.group-list-item.active{background:#dbeafe;outline:none}.group-list-item>span:last-child{gap:4px;min-width:0;display:grid}.group-list-item strong,.group-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-list-item small{color:#64748b}.unread-badge{color:#fff;text-align:center;background:#2563eb;border-radius:999px;min-width:20px;margin-inline-start:auto;padding:2px 6px;font-size:11px;font-style:normal}.group-avatar,.message-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.group-conversation{background:#fff;flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;min-height:78px;padding:14px 20px;display:flex}.conversation-header h2{margin:0;font-size:18px}.conversation-header p{color:#64748b;margin:4px 0 0;font-size:13px}.conversation-header select{max-width:170px;margin-inline-start:auto}.group-admin-controls{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.group-admin-controls button,.message-delete{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:7px;padding:5px 8px;font-size:11px}.message-delete{background:0 0;padding:0}.groups-back{color:#2563eb;cursor:pointer;background:0 0;border:0;font-weight:700;display:none}.messages-scroll{background:linear-gradient(#f8fbff,#fff);flex:1;padding:24px;overflow-y:auto}.message-row{align-items:flex-end;gap:10px;max-width:78%;margin-bottom:16px;display:flex}.message-row.own{flex-direction:row-reverse;margin-inline-start:auto}.message-row.own .message-content{align-items:flex-end}.message-avatar{border-radius:10px;width:30px;height:30px;font-size:12px}.message-content{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.message-content strong{color:#475569;font-size:12px}.message-bubble{color:#172554;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2ff;border-radius:16px 16px 16px 4px;padding:11px 14px;line-height:1.55}.message-row.own .message-bubble{color:#fff;background:#2563eb;border-radius:16px 16px 4px}.message-content time{color:#94a3b8;font-size:11px}.message-composer{border-top:1px solid #e2e8f0;gap:10px;padding:16px 20px;display:flex}.message-composer input{flex:1;min-width:0}.groups-empty{color:#64748b;text-align:center;flex:1;place-content:center;justify-items:center;padding:40px;display:grid}.group-empty-icon{color:#2563eb;font-size:36px}.groups-muted{color:#64748b;text-align:center}.groups-error{color:#991b1b;background:#fee2e2;border-radius:10px;margin:12px 0;padding:10px 14px}.groups-create{gap:14px;margin-bottom:20px;display:grid}.groups-create label{color:#172554;gap:6px;font-weight:700;display:grid}.groups-create textarea{min-height:80px}.groups-admin-note{margin-top:16px;font-size:13px}.groups-admin-note a{color:#2563eb}.groups-admin-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.groups-panel-card{background:#fff;border:1px solid #dbe4f0;border-radius:16px;align-content:start;gap:10px;padding:18px;display:grid}.groups-panel-card h2{margin:0 0 4px;font-size:16px}.groups-panel-card label{color:#334155;gap:6px;font-weight:700;display:grid}.groups-admin-row,.groups-log-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.groups-admin-row button{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:0;border-radius:7px;padding:5px 8px}.groups-log-row{flex-wrap:wrap;align-items:flex-start}.groups-log-row span{color:#64748b;flex:1}.groups-log-row time{color:#94a3b8;font-size:11px}.restriction-form{gap:8px;display:grid}.admin-nav-link{width:100%;color:inherit;font:inherit;border:0;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;text-decoration:none;display:flex}.admin-nav-link:hover,.admin-nav-link:focus-visible{color:#1d4ed8;background:#eef2ff;outline:none}html body #root .app.light .community-actions .btn,html body #root .app.light .community-heading .btn{color:#172554}html body #root .app.light .community-actions .btn.btn-primary,html body #root .app.light .community-heading .btn.btn-primary{color:#fff}html body #root .app.light .groups-page .btn.btn-primary,html body #root .app.light .community-page .btn.btn-primary{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;color:#fff!important;opacity:1!important;background:#2563eb!important;border-color:#2563eb!important}html body #root .app.light .groups-page .btn.btn-primary:hover:not(:disabled),html body #root .app.light .community-page .btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:#1d4ed8!important;border-color:#1d4ed8!important}html body #root .app.light .groups-page .btn.btn-primary:focus-visible,html body #root .app.light .community-page .btn.btn-primary:focus-visible,html body #root .app.light .groups-page .btn.btn-secondary:focus-visible,html body #root .app.light .community-page .btn.btn-secondary:focus-visible{outline-offset:2px;outline:3px solid #2563eb59}html body #root .app.light .groups-page .btn.btn-primary:disabled,html body #root .app.light .community-page .btn.btn-primary:disabled{cursor:not-allowed;color:#eff6ff!important;opacity:.7!important;background:#93c5fd!important;border-color:#93c5fd!important}html body #root .app.light .groups-page .btn.btn-secondary,html body #root .app.light .community-page .btn.btn-secondary{transition:background-color .16s,border-color .16s,box-shadow .16s;color:#1e3a8a!important;opacity:1!important;background:#eff6ff!important;border-color:#93c5fd!important}html body #root .app.light .groups-page .btn.btn-secondary:hover:not(:disabled),html body #root .app.light .community-page .btn.btn-secondary:hover:not(:disabled){background:#dbeafe!important;border-color:#2563eb!important}@media (width<=720px){.groups-page{padding:0 0 20px}.groups-header{flex-direction:column;align-items:stretch;gap:12px}.groups-header .btn{align-self:flex-start}.groups-shell{border-radius:16px;min-height:0;display:block}.groups-admin-panel{grid-template-columns:1fr}.groups-list{border-inline-end:0}.groups-page.has-conversation .groups-list{display:none}.group-conversation{min-height:calc(100vh - 220px)}.groups-back{display:inline-block}.conversation-header{flex-wrap:wrap;padding:12px}.conversation-header>div:nth-of-type(2){flex:1;min-width:120px}.conversation-header select{width:100%;max-width:none;margin-inline-start:0}.group-admin-controls{flex-wrap:wrap;width:100%;margin-inline-start:0}.messages-scroll{min-height:360px;padding:16px 12px}.message-row{max-width:92%}.message-composer{padding:12px}}html body #root .app.light .student-welcome,html body #root .app.light .student-stat,html body #root .app.light .student-panel,html body #root .app.light .student-dashboard-footer,html body #root .app.light .dashboard-course-card,html body #root .app.light .dashboard-course-body,html body #root .app.light .card,html body #root .app.light .panel,html body #root .app.light .stat-card,html body #root .app.light .course-card,html body #root .app.light .dashboard-card,html body #root .app.light .welcome-card,html body #root .app.light .modal-content,html body #root .app.light .dropdown-menu{color:#172554!important;background-color:#fff!important;border-color:#d5e2fa!important}html body #root .app.light .student-dashboard h1,html body #root .app.light .student-dashboard h2,html body #root .app.light .student-dashboard h3,html body #root .app.light .student-dashboard strong,html body #root .app.light .dashboard-course-body h3,html body #root .app.light .content h1,html body #root .app.light .content h2,html body #root .app.light .content h3{color:#172554!important}html body #root .app.light .student-dashboard p,html body #root .app.light .student-dashboard small,html body #root .app.light .student-stat-label,html body #root .app.light .student-stat-note,html body #root .app.light .student-panel-description,html body #root .app.light .dashboard-course-english,html body #root .app.light .dashboard-progress-note{color:#526581!important}html body #root .app.light .admin-page{--admin-text:#172554!important;--admin-muted:#526581!important;--admin-border:#d5e2fa!important;--admin-surface:#fff!important;color:#172554!important;background:#e8f0ff!important}html body #root .app.light .admin-sidebar,html body #root .app.light .admin-stat-card,html body #root .app.light .admin-table-panel,html body #root .app.light .admin-table-heading,html body #root .app.light .admin-table-toolbar,html body #root .app.light .admin-table-footer,html body #root .app.light .admin-search,html body #root .app.light .admin-filter select,html body #root .app.light .admin-back-button{color:#172554!important;background:#fff!important;border-color:#d5e2fa!important}html body #root .app.light .admin-welcome{color:#172554!important;background:linear-gradient(120deg,#fff,#eaf1ff)!important;border-color:#d5e2fa!important}html body #root .app.light .admin-welcome h2,html body #root .app.light .admin-topbar h1,html body #root .app.light .admin-stat-value,html body #root .app.light .admin-table-heading h2,html body #root .app.light .admin-brand strong,html body #root .app.light .admin-student-name strong,html body #root .app.light .admin-empty h3,html body #root .app.light .admin-loading h2,html body #root .app.light .admin-error h1{color:#172554!important}html body #root .app.light .admin-welcome p,html body #root .app.light .admin-breadcrumb,html body #root .app.light .admin-stat-caption,html body #root .app.light .admin-stat-description,html body #root .app.light .admin-table-heading p,html body #root .app.light .admin-table th,html body #root .app.light .admin-table td,html body #root .app.light .admin-nav button,html body #root .app.light .admin-filter,html body #root .app.light .admin-table-meta,html body #root .app.light .admin-page-footer,html body #root .app.light .admin-loading p,html body #root .app.light .admin-error p{color:#526581!important}html body #root .app.light .admin-nav button.active{color:#1d4ed8!important;background:#dbeafe!important;border-color:#bfdbfe!important}html body #root .app.light .admin-nav button:hover{color:#1d4ed8!important;background:#eff6ff!important}html body #root .app.light .admin-table thead{background:#f1f6ff!important}html body #root .app.light .admin-table th,html body #root .app.light .admin-table td{border-color:#e2e8f0!important}html body #root .app.light .admin-table tbody tr:hover{background:#f8fbff!important}html body #root .app.light .admin-search input{color:#172554!important;background:0 0!important}html body #root .app.light .admin-search input::placeholder{color:#74849b!important}html body #root .app.light .admin-filter select{color:#172554!important}html body #root .app.light .admin-security-note{color:#172554!important;background:#eff6ff!important;border-color:#dbeafe!important}html body #root .app.light .admin-security-note strong{color:#172554!important}html body #root .app.light .admin-security-note p{color:#526581!important}html body #root .app.light .theme-toggle,html body #root .app.light .theme-switch,html body #root .app.light .theme-button{display:none!important}.course-material-card{min-width:0}.course-material-list{overscroll-behavior:contain;flex-direction:column;gap:.7rem;min-width:0;max-height:390px;margin-top:.85rem;padding:.15rem .35rem .15rem .15rem;display:flex;overflow:hidden auto}.course-material-item{background:#0f2b6342;border:1px solid #7899e44d;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;padding:.75rem .85rem;display:grid}.app.light .course-material-item{background:#eef5ff94;border-color:#1f55d529}.course-material-item-info{min-width:0;max-width:100%}.course-material-item h4,.course-material-item p{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;margin:0}.course-material-item h4{margin-bottom:.3rem}.course-material-item-info p{margin-top:.3rem}.course-material-file-name{color:inherit;opacity:.72;font-size:.86rem}.course-material-item .btn{white-space:nowrap;flex-shrink:0}@media (width<=600px){.course-material-list{max-height:320px;padding-inline-end:.15rem}.course-material-item{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.65rem}.course-material-item .btn{width:100%}}:root{font-family:Inter,IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#dbe6ff;background:#081024;margin:0}#root{min-height:100vh}.app{color:#dbe6ff;background:radial-gradient(circle at top,#10244f 0%,#081024 60%);min-height:100vh;padding-bottom:2rem}.app.light{color:#0e1f44;background:radial-gradient(circle at top,#eef4ff 0%,#dce8ff 55%,#cedcf9 100%)}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081024bf;border-bottom:1px solid #7491da40;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app.light .topbar{background:#f0f6ffcc;border-color:#0e1f4426}.brand{align-items:center;gap:.75rem;font-size:1rem;display:flex}.logo{color:#fff;background:linear-gradient(145deg,#24a2ff,#2a4dff);border-radius:.65rem;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-weight:700;display:inline-flex}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.controls label{align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}select,button{font:inherit}select,.theme-toggle{color:inherit;background:#132346e6;border:1px solid #7e9fef66;border-radius:.65rem;padding:.45rem .75rem}.app.light select,.app.light .theme-toggle{background:#ffffffd9;border-color:#2757cc40}.nav-scroll{gap:.5rem;padding:.85rem 1.5rem;display:flex;overflow-x:auto}.nav-link{white-space:nowrap;color:inherit;opacity:.85;border:1px solid #0000;border-radius:999px;padding:.45rem .85rem;text-decoration:none}.nav-link:hover,.nav-link.active{opacity:1;background:#14316d73;border-color:#7aa7ff8c}.app.light .nav-link:hover,.app.light .nav-link.active{background:#4379f424}.content{padding:0 1.5rem}.stack{flex-direction:column;gap:1rem;display:flex}.hero-card,.card{background:#0e1c3bb8;border:1px solid #7899e459;border-radius:1rem;padding:1.1rem}.app.light .hero-card,.app.light .card{background:#ffffffd1;border-color:#1f55d533}.hero-card h1,.card h1,.card h3{margin:.2rem 0 .5rem}.badge{border:1px solid #5db7ff80;border-radius:999px;margin-bottom:.6rem;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.grid{gap:1rem;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.hero-actions,.quick-links,.filter-bar,.pager{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.btn,.pill-link,.pager button{color:inherit;background:#0f2b6394;border:1px solid #66a8ff80;border-radius:.7rem;justify-content:center;align-items:center;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.app.light .btn,.app.light .pill-link,.app.light .pager button{background:#eef5fff2}.btn-primary{color:#fff;background:linear-gradient(120deg,#327dff,#30b8ff);border-color:#0000}.metric{background:#09317a66;border-radius:.8rem;padding:.8rem}.app.light .metric{background:#5589ff1f}.metric strong{font-size:1.4rem;display:block}.list{gap:.45rem;margin:0;padding-inline-start:1.1rem;display:grid}.accent{border-color:#4ab4ff8c}.pdf-preview .pdf-frame{border:1px solid #7ba9ff73;border-radius:.8rem;margin-top:.8rem;overflow:hidden}.pdf-toolbar{background:#113276e6;padding:.55rem .75rem}.pdf-page{background:#081127e6;place-items:center;min-height:180px;font-size:1.2rem;display:grid}.app.light .pdf-page{background:#f9fcfff5}@media (width<=720px){.topbar,.content,.nav-scroll{padding-inline:1rem}.controls{justify-content:space-between;width:100%}}.department-card{text-align:start;width:100%;color:inherit;cursor:pointer}.department-card.active{border-color:#4ab4ffd9;box-shadow:0 0 0 1px #4ab4ff59}.department-card:focus-visible{outline-offset:2px;outline:2px solid #4ab4ffe6}.feature-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-pill{opacity:.85;margin:0;font-size:.72rem}.landing-page{flex-direction:column;gap:2.5rem;padding-bottom:2rem;display:flex}.landing-hero{color:#f3f6ff;background:radial-gradient(circle at 15% 20%,#327dff33,#0000 40%),linear-gradient(135deg,#0b1630,#101f42 60%,#142b58);border:1px solid #6f97ff40;border-radius:1.75rem;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;min-height:400px;padding:clamp(1.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.landing-hero-content{z-index:2;max-width:650px;position:relative}.landing-eyebrow,.landing-section-label{color:#69b8ff;letter-spacing:.06em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800;display:inline-flex}.landing-eyebrow{background:#2c69d226;border:1px solid #69b8ff4d;border-radius:999px;padding:.5rem .85rem}.landing-hero h1{letter-spacing:-.04em;margin:1.5rem 0 1rem;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:850;line-height:1.3}.landing-description{color:#bdcce8;max-width:560px;margin:0;font-size:1.05rem;line-height:2}.landing-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.landing-btn{min-height:48px;font:inherit;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-weight:750;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.landing-btn:hover{transform:translateY(-2px)}.landing-btn-primary{color:#fff;background:linear-gradient(120deg,#347cff,#28b7ff);box-shadow:0 8px 25px #2b7dff3b}.landing-btn-secondary{color:#f3f6ff;background:#ffffff0f;border-color:#acc5ff47}.landing-trust{color:#b7c7e5;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.84rem;display:flex}.landing-trust-icon{color:#48e0ad;background:#38d39f29;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:800;display:grid}.landing-visual{place-items:center;min-height:290px;display:grid;position:relative}.landing-orbit{border:1px solid #7bacff3b;border-radius:50%;width:245px;height:245px;position:absolute}.landing-orbit-one{transform:rotate(35deg)scaleX(.8)}.landing-orbit-two{transform:rotate(-35deg)scaleX(.8)}.landing-main-icon{z-index:1;background:linear-gradient(145deg,#4c84ff59,#22479640);border:1px solid #9fc2ff59;border-radius:2rem;place-items:center;width:150px;height:150px;font-size:4rem;display:grid;transform:rotate(-5deg);box-shadow:0 0 70px #3780ff2b}.landing-float-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1e3eeb;border:1px solid #b1c7ff38;border-radius:1rem;align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex;position:absolute;box-shadow:0 12px 35px #0003}.landing-float-card>span{font-size:1.6rem}.landing-float-card strong,.landing-float-card small{display:block}.landing-float-card strong{font-size:.85rem}.landing-float-card small{color:#aebfe0;margin-top:.2rem;font-size:.72rem}.landing-float-top{top:12%;inset-inline-end:-2%}.landing-float-bottom{bottom:10%;inset-inline-start:-3%}.landing-section{flex-direction:column;gap:1.3rem;display:flex}.landing-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.landing-section-heading h2,.landing-bottom-cta h2{margin:.55rem 0;font-size:clamp(1.35rem,2.5vw,1.9rem);font-weight:850}.landing-section-heading p,.landing-bottom-cta p{color:#8fa2c4;margin:0;line-height:1.8}.app.light .landing-section-heading p,.app.light .landing-bottom-cta p{color:#5e7092}.landing-text-link{color:#6af;flex-shrink:0;font-weight:750;text-decoration:none}.landing-text-link:hover{text-decoration:underline}.landing-features,.landing-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.landing-feature-card,.landing-path-card{background:#0e1c3b94;border:1px solid #7899e438;border-radius:1.15rem;min-width:0;padding:1.3rem;transition:transform .18s,border-color .18s}.landing-feature-card:hover,.landing-path-card:hover{border-color:#599bffa6;transform:translateY(-4px)}.app.light .landing-feature-card,.app.light .landing-path-card{background:#fffc;border-color:#1f55d526}.landing-feature-icon,.landing-path-icon{background:#3970e824;border-radius:.9rem;place-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:grid}.landing-feature-card h3,.landing-path-card h3{margin:0 0 .6rem;font-size:1rem;line-height:1.7}.landing-feature-card p,.landing-path-card p{color:#95a8ca;margin:0;font-size:.88rem;line-height:1.9}.app.light .landing-feature-card p,.app.light .landing-path-card p{color:#627392}.landing-path-card{min-height:225px;color:inherit;flex-direction:column;text-decoration:none;display:flex}.landing-path-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.landing-path-icon{width:54px;height:54px;margin:0;font-size:1.8rem}.landing-path-arrow{color:#8ea6d3;font-size:1.25rem}.landing-path-subtitle{color:#8ca9db;font-size:.78rem}.landing-path-card p{margin-top:.85rem}.landing-path-purple .landing-path-icon{background:#a46bff24}.landing-path-green .landing-path-icon{background:#35d19724}.landing-path-orange .landing-path-icon{background:#ffa34824}.landing-bottom-cta{background:linear-gradient(110deg,#255bc429,#19a9eb12);border:1px solid #6999ff40;border-radius:1.2rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.6rem;display:flex}.landing-bottom-cta h2{margin-top:0}.app.light .landing-hero{color:#10234b;background:radial-gradient(circle at 15% 20%,#4f89ff2e,#0000 40%),linear-gradient(135deg,#fff,#edf3ff 65%,#e0eaff);border-color:#3e71e12e}.app.light .landing-description{color:#53678e}.app.light .landing-btn-secondary{color:#18315e;background:#ffffffbf;border-color:#315aaf33}.app.light .landing-trust{color:#52658b}.app.light .landing-float-card{color:#18315e;background:#fffffff0;border-color:#4b70ba2e}.app.light .landing-float-card small{color:#63779b}.app.light .landing-orbit{border-color:#4677dd30}@media (width<=1050px){.landing-features,.landing-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{grid-template-columns:1fr .75fr}}@media (width<=720px){.landing-page{gap:2rem}.landing-hero{border-radius:1.2rem;grid-template-columns:1fr;gap:.5rem;padding:1.5rem}.landing-hero h1{margin-top:1.1rem;font-size:clamp(1.9rem,8vw,2.6rem)}.landing-description{font-size:.95rem}.landing-visual{min-height:235px}.landing-orbit{width:190px;height:190px}.landing-main-icon{border-radius:1.5rem;width:115px;height:115px;font-size:3rem}.landing-float-top{inset-inline-end:0}.landing-float-bottom{inset-inline-start:0}.landing-float-card{padding:.65rem .75rem}.landing-section-heading{flex-direction:column;align-items:start}.landing-features,.landing-paths{grid-template-columns:1fr}.landing-feature-card{padding:1.1rem}.landing-path-card{min-height:195px}.landing-bottom-cta{flex-direction:column;align-items:stretch;padding:1.25rem}.landing-bottom-cta .landing-btn{width:100%}}@media (prefers-reduced-motion:reduce){.landing-btn,.landing-feature-card,.landing-path-card{transition:none}.landing-btn:hover,.landing-feature-card:hover,.landing-path-card:hover{transform:none}}