:root{--islamic-primary: #0f5132;--islamic-primary-light: #198754;--islamic-primary-dark: #0a3622;--islamic-accent: #d4a017;--islamic-accent-hover: #b8860b;--islamic-secondary: #8d6e63;--control-active: #20c997;--control-highlight: #fff8e1;--control-border: #e9ecef;--islamic-light: #f8f9fa;--islamic-bg: #fdfbf7;--surface-card: #ffffff;--islamic-text: #2c1810;--islamic-text-secondary: #5a5a5a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(15, 81, 50, .08);--shadow-lg: 0 12px 24px rgba(15, 81, 50, .12)}body{background:linear-gradient(135deg,var(--islamic-light) 0%,var(--islamic-bg) 100%);color:var(--islamic-text);font-family:Lora,Georgia,Times New Roman,serif;letter-spacing:.3px}.mat-mdc-card{margin-bottom:1.5rem;background:var(--surface-card);border:1px solid rgba(15,81,50,.05);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;transition:transform .2s ease,box-shadow .2s ease}.mat-mdc-card:hover{box-shadow:var(--shadow-lg)!important}.mat-mdc-raised-button.mat-primary{background:linear-gradient(135deg,var(--islamic-primary) 0%,var(--islamic-primary-dark) 100%)!important;box-shadow:0 4px 10px #0f51324d}.mat-mdc-raised-button.mat-accent{background:linear-gradient(135deg,var(--islamic-accent) 0%,var(--islamic-accent-hover) 100%)!important;color:#fff!important}.app-nav .mat-button,.app-nav a.mat-button,.app-nav .menu-content button.mat-button{color:var(--islamic-text)!important}.mat-mdc-form-field-flex{background-color:var(--surface-card)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--control-border)}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex{border-color:var(--control-active);background-color:#fff!important;box-shadow:0 0 0 3px #20c9971a}.mat-mdc-checkbox-checked .mat-mdc-checkbox-background,.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle{background-color:var(--control-active)!important;border-color:var(--control-active)!important}.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mat-mdc-slide-toggle-bar{background-color:#20c99780!important}.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mat-mdc-slide-toggle-thumb{background-color:var(--islamic-primary)!important}.mat-mdc-button:hover:not([disabled]){background-color:#1b5e2014!important}button,a.mat-button,.mat-button,.mat-raised-button,.mat-stroked-button,.mat-flat-button,.mat-icon-button,.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-stroked-button,.mat-mdc-flat-button,.mat-mdc-icon-button{color:#fffffff2!important}button[disabled],.mat-button[disabled],.mat-raised-button[disabled],.mat-stroked-button[disabled],.mat-flat-button[disabled],.mat-icon-button[disabled],.mat-mdc-button[disabled],.mat-mdc-raised-button[disabled],.mat-mdc-stroked-button[disabled],.mat-mdc-flat-button[disabled],.mat-mdc-icon-button[disabled]{color:#ffffff73!important}.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label{color:var(--islamic-text-secondary)!important}.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label{color:var(--islamic-primary)!important;font-weight:600}.mat-mdc-tab mat-icon,.mat-mdc-tab-link mat-icon{color:inherit!important}.mat-button-toggle-button,.mat-button-toggle .mat-button-toggle-label-content{color:var(--islamic-text)!important}.mat-button-toggle-checked .mat-button-toggle-button,.mat-button-toggle-checked .mat-button-toggle-label-content{color:var(--islamic-primary)!important;font-weight:600}.mat-mdc-select-value,.mat-mdc-select-value-text,.mat-mdc-select-placeholder{color:var(--islamic-text)!important}.mat-mdc-form-field .mat-mdc-floating-label{color:var(--islamic-text-secondary)!important}.mat-mdc-form-field.mat-focused .mat-mdc-floating-label{color:var(--islamic-primary)!important}.mat-mdc-form-field{width:100%}.mat-mdc-select{background:#fff!important;border-radius:6px;font-family:Poppins,Segoe UI,sans-serif}.mat-mdc-select-panel{background:#fff!important}.mat-mdc-option{font-family:Poppins,Segoe UI,sans-serif;background:#fff;color:var(--islamic-text)!important}.mat-mdc-option:hover{background:#f5f1e8cc!important;color:var(--islamic-primary)!important}.mat-mdc-option.mat-selected{background:linear-gradient(135deg,#f5f1e899,#fffbf066)!important;color:var(--islamic-primary)!important;font-weight:600}.mat-mdc-menu-item,.mat-mdc-menu-item .mat-mdc-menu-item-text,.mat-mdc-menu-panel button.mat-mdc-menu-item{color:var(--islamic-text)!important}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-focused:not([disabled]){background:#f5f1e8cc!important;color:var(--islamic-primary)!important}.mat-mdc-menu-panel{background:#fff!important}.mat-mdc-form-field-focus-overlay{background-color:#1b5e200a!important}.loading-card,.error-card{text-align:center;padding:2rem}.loading-card mat-card-content,.error-card mat-card-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.voice-indicator{display:inline-flex;align-items:center;gap:6px;margin-right:8px;color:#000000bf}.voice-indicator .voice-label{font-size:.85rem;opacity:.85}mat-card-header{margin-bottom:1rem}mat-card-actions{padding:16px!important;display:flex;gap:.5rem;align-items:center}mat-icon{vertical-align:middle}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}select,option{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Segoe UI,system-ui,-apple-system,sans-serif}[dir=rtl],[lang=ar]{font-family:Scheherazade New,Amiri Quran,Amiri,Noto Naskh Arabic,sans-serif}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width: 768px){body{font-size:14px}button:not(.action-btn):not(.color-option):not(.color-btn):not(.delete-btn):not(.close-btn){min-height:44px}input[type=text],input[type=email],input[type=password],select,textarea{min-height:44px}.app-main{padding:1rem!important}}html{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media (max-width: 768px){p,li{line-height:1.6}}img{max-width:100%;height:auto}.session-hud .hud-btn,.student-hud .hud-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:6px;font-size:.82rem;font-family:inherit;font-weight:500;cursor:pointer;white-space:nowrap;min-height:36px;transition:background .15s ease;text-decoration:none;line-height:1}.session-hud .hud-btn:hover:not(:disabled),.student-hud .hud-btn:hover:not(:disabled){background:#ffffff3d}.session-hud .hud-btn:disabled,.student-hud .hud-btn:disabled{opacity:.45;cursor:default}.session-hud .hud-btn mat-icon,.student-hud .hud-btn mat-icon{font-size:1.1rem;width:1.1rem;height:1.1rem;color:inherit;vertical-align:middle}.session-hud .hud-btn--warn,.student-hud .hud-btn--warn{background:#d32f2fc7;border-color:#ff646473}.session-hud .hud-btn--warn:hover:not(:disabled),.student-hud .hud-btn--warn:hover:not(:disabled){background:#d32f2f}.session-hud .hud-icon-btn,.student-hud .hud-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#ffffff1a;color:#ffffffe0;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.session-hud .hud-icon-btn:hover,.student-hud .hud-icon-btn:hover{background:#fff3}.session-hud .hud-icon-btn mat-icon,.student-hud .hud-icon-btn mat-icon{font-size:1.15rem;width:1.15rem;height:1.15rem;line-height:1;color:inherit}.session-hud .hud-icon-btn.hud-icon-btn--active,.student-hud .hud-icon-btn.hud-icon-btn--active{background:#d4af3747;color:#ffd54f}.session-hud .hud-right.controls-hidden>*:not(.retain){display:none!important}.session-hud .hud-right.controls-hidden>.retain{display:inline-flex!important}.session-hud .voice-status-pill,.student-hud .voice-status-pill{display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .68rem;border-radius:20px;font-size:.78rem;font-weight:600;font-family:inherit;background:#ffffff17;color:#ffffffa6;border:1px solid rgba(255,255,255,.12);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s,border-color .2s;line-height:1}.session-hud .voice-status-pill:hover:not(:disabled),.student-hud .voice-status-pill:hover:not(:disabled){background:#ffffff29;color:#fff}.session-hud .voice-status-pill:disabled,.student-hud .voice-status-pill:disabled{cursor:not-allowed;opacity:.7}.session-hud .voice-status-pill mat-icon,.student-hud .voice-status-pill mat-icon{font-size:1rem;width:1rem;height:1rem;line-height:1;color:inherit}.session-hud .voice-status-pill.voice-status--active,.student-hud .voice-status-pill.voice-status--active{background:#2e7d3259;color:#a5d6a7;border-color:#2e7d3280}.session-hud .voice-status-pill.voice-status--connecting,.student-hud .voice-status-pill.voice-status--connecting{background:#d4a01740;color:#ffd54f;border-color:#d4a01766;animation:voice-pulse 1.4s ease-in-out infinite}.session-hud .voice-status-pill.voice-status--muted,.student-hud .voice-status-pill.voice-status--muted{background:#d32f2f38;color:#ef9a9a;border-color:#d32f2f61}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.55}}.app-nav,.app-nav .nav-content{color:var(--islamic-text)!important}.app-nav a.mat-button,.app-nav button.mat-button,.app-nav .mat-mdc-button,.app-nav .mat-button,.app-nav a.mat-mdc-button{color:var(--islamic-text)!important;background:transparent!important}.app-nav mat-icon,.app-nav .mat-icon{color:var(--islamic-text)!important}