@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--student-primary: #1B5E20;--student-primary-light: #4CAF50;--student-primary-dark: #0D3B13;--student-surface: #F1F8E9;--student-on-primary: #FFFFFF;--instructor-primary: #880E4F;--instructor-primary-light: #E91E63;--instructor-primary-dark: #560027;--instructor-surface: #FCE4EC;--instructor-on-primary: #FFFFFF;--admin-primary: #0D47A1;--admin-primary-light: #2196F3;--admin-primary-dark: #002171;--admin-surface: #E3F2FD;--admin-on-primary: #FFFFFF;--hifz-primary: #00695C;--hifz-primary-light: #009688;--hifz-surface: #E0F2F1;--background: #FAFAFA;--surface: #FFFFFF;--surface-variant: #F5F5F5;--error: #D32F2F;--error-light: #FFEBEE;--success: #2E7D32;--success-light: #E8F5E9;--warning: #F57F17;--warning-light: #FFF8E1;--text-primary: #1C1B1F;--text-secondary: #49454F;--text-hint: #79747E;--text-disabled: #CAC4D0;--divider: #E0E0E0;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.05);--grade-a-plus: #1B5E20;--grade-a: #2E7D32;--grade-b-plus: #388E3C;--grade-b: #F57F17;--grade-c: #E65100;--grade-d: #BF360C;--grade-f: #D32F2F;--avatar-1: #1B5E20;--avatar-2: #880E4F;--avatar-3: #0D47A1;--avatar-4: #E65100;--avatar-5: #4A148C;--chat-bubble-sent: #1B5E20;--chat-bubble-received: #F5F5F5;--chat-bubble-sent-text: #FFFFFF;--chat-bubble-received-text: #1C1B1F;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--primary: var(--student-primary);--primary-light: var(--student-primary-light);--primary-dark: var(--student-primary-dark);--primary-surface: var(--student-surface);--on-primary: var(--student-on-primary)}body.theme-student{--primary: var(--student-primary);--primary-light: var(--student-primary-light);--primary-dark: var(--student-primary-dark);--primary-surface: var(--student-surface)}body.theme-instructor{--primary: var(--instructor-primary);--primary-light: var(--instructor-primary-light);--primary-dark: var(--instructor-primary-dark);--primary-surface: var(--instructor-surface)}body.theme-admin{--primary: var(--admin-primary);--primary-light: var(--admin-primary-light);--primary-dark: var(--admin-primary-dark);--primary-surface: var(--admin-surface)}body.theme-hifz{--primary: var(--hifz-primary);--primary-light: var(--hifz-primary-light);--primary-surface: var(--hifz-surface)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:480px;margin:0 auto;width:100%;min-height:100vh;background:var(--surface);position:relative}.app-bar{background:var(--primary);color:var(--on-primary);padding:12px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100;min-height:56px;box-shadow:var(--shadow-sm)}.app-bar h1{font-size:20px;font-weight:500;flex:1}.app-bar-back{background:none;border:none;color:inherit;cursor:pointer;padding:8px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px}.app-bar-action{background:none;border:none;color:inherit;cursor:pointer;padding:8px;border-radius:var(--radius-full);font-size:16px;position:relative}.card{background:var(--surface);border-radius:var(--radius-md);padding:16px;margin:8px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--divider)}.card-elevated{box-shadow:var(--shadow-md);border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;line-height:1.4;min-height:40px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background:var(--text-disabled);cursor:not-allowed}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-surface)}.btn-text{background:transparent;color:var(--primary);padding:8px 12px}.btn-text:hover{background:var(--primary-surface)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-success{background:var(--success);color:#fff}.btn-block{width:100%}.btn-sm{padding:6px 16px;font-size:12px;min-height:32px}.btn-lg{padding:14px 32px;font-size:16px;min-height:48px}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--divider);background:var(--surface);color:var(--text-secondary);transition:all .2s ease;white-space:nowrap}.chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.chip:hover:not(.active){background:var(--surface-variant)}.chip-group{display:flex;gap:8px;overflow-x:auto;padding:8px 16px;-ms-overflow-style:none;scrollbar-width:none}.chip-group::-webkit-scrollbar{display:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;padding-left:4px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--divider);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;color:var(--text-primary);background:var(--surface);transition:border-color .2s ease;outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1b5e201a}.form-input.error{border-color:var(--error)}.form-error{color:var(--error);font-size:12px;margin-top:4px;padding-left:4px}.form-helper{color:var(--text-hint);font-size:12px;margin-top:4px;padding-left:4px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2349454F' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-input{resize:vertical;min-height:120px}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{width:56px;height:56px;font-size:22px}.avatar-xl{width:80px;height:80px;font-size:32px}.avatar-1{background:var(--avatar-1)}.avatar-2{background:var(--avatar-2)}.avatar-3{background:var(--avatar-3)}.avatar-4{background:var(--avatar-4)}.avatar-5{background:var(--avatar-5)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;background:var(--error)}.badge-primary{background:var(--primary)}.badge-success{background:var(--success)}.badge-warning{background:var(--warning)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fff3e0;color:#e65100}.status-in-progress{background:#e3f2fd;color:#0d47a1}.status-ready{background:#f3e5f5;color:#7b1fa2}.status-revision{background:#fff8e1;color:#f57f17}.status-completed,.status-published{background:#e8f5e9;color:#1b5e20}.status-ended{background:#efebe9;color:#4e342e}.status-draft{background:#f5f5f5;color:#616161}.status-approved{background:#e0f2f1;color:#00695c}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:13px;color:var(--text-hint)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.empty-state-text{font-size:14px;color:var(--text-hint)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.animate-scale-in{animation:scaleIn .3s ease}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:16px}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:85vh;overflow-y:auto;animation:scaleIn .2s ease;box-shadow:var(--shadow-lg)}.modal-header{padding:20px 24px 12px;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-hint);padding:4px}.modal-body{padding:12px 24px}.modal-footer{padding:12px 24px 20px;display:flex;justify-content:flex-end;gap:8px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .2s}.list-item:hover{background:var(--surface-variant)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:15px;font-weight:500;color:var(--text-primary)}.list-item-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.list-item-meta{font-size:12px;color:var(--text-hint);margin-top:2px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:24px 16px}.podium-item{display:flex;flex-direction:column;align-items:center;text-align:center}.podium-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;margin-bottom:8px}.podium-1 .podium-rank{background:gold}.podium-2 .podium-rank{background:silver}.podium-3 .podium-rank{background:#cd7f32}.podium-name{font-size:13px;font-weight:600;margin-top:6px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:18px;font-weight:700;color:var(--primary)}.tabs{display:flex;border-bottom:2px solid var(--divider);padding:0 16px;background:var(--surface)}.tab{flex:1;padding:12px 8px;text-align:center;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:24px;z-index:50;transition:transform .2s}.fab:hover{transform:scale(1.05)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#323232;color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;z-index:2000;animation:slideUp .3s ease;max-width:90%;text-align:center}.progress-bar{width:100%;height:4px;background:var(--divider);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:8px 16px;background:var(--surface-variant);border-radius:var(--radius-full);border:1px solid var(--divider)}.search-bar input{flex:1;border:none;background:none;font-size:15px;font-family:inherit;color:var(--text-primary);outline:none}.search-bar input::placeholder{color:var(--text-hint)}.arabic-text{font-family:Amiri,Traditional Arabic,serif;direction:rtl;text-align:right;font-size:24px;line-height:2;color:var(--text-primary)}.star-rating{display:flex;gap:4px}.star{font-size:24px;cursor:pointer;color:#e0e0e0;transition:color .2s}.star.filled{color:gold}@media(min-width:768px){.app-container{box-shadow:var(--shadow-lg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--text-disabled);border-radius:2px}.refresh-indicator{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--text-hint);font-size:13px}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b5e20,#2e7d32,#388e3c);padding:24px}.splash-content{text-align:center;color:#fff}.splash-logo{margin-bottom:24px}.splash-logo-icon{font-size:72px;display:inline-block;animation:scalePulse 2s ease-in-out infinite}@keyframes scalePulse{0%,to{transform:scale(.9)}50%{transform:scale(1.1)}}.splash-title{font-size:28px;font-weight:700;letter-spacing:4px;margin-bottom:32px;display:flex;justify-content:center;flex-wrap:wrap}.wave-char{display:inline-block;animation:waveText 1.5s ease-in-out infinite}@keyframes waveText{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-dua{margin:32px auto;max-width:360px;padding:20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-dua-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:22px;line-height:2;direction:rtl;text-align:center;margin-bottom:12px}.splash-dua-ref{font-size:13px;opacity:.7}.splash-loader{width:120px;height:3px;background:#fff3;border-radius:2px;margin:24px auto 0;overflow:hidden}.splash-loader-bar{width:40%;height:100%;background:#fff;border-radius:2px;animation:loaderSlide 1.5s ease-in-out infinite}@keyframes loaderSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b5e20,#2e7d32,#43a047);padding:24px}.login-content{width:100%;max-width:400px;text-align:center}.login-header{color:#fff;margin-bottom:32px}.login-logo{font-size:56px;margin-bottom:12px}.login-title{font-size:28px;font-weight:700;letter-spacing:1px}.login-subtitle{font-size:15px;opacity:.8;margin-top:4px}.login-card{background:#fff;border-radius:20px;padding:32px 24px;box-shadow:0 20px 60px #0003}.login-card-title{font-size:22px;font-weight:600;color:#1c1b1f}.login-card-subtitle{font-size:14px;color:#79747e;margin-top:4px;margin-bottom:24px}.login-error{background:#ffebee;color:#d32f2f;padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:left}.google-sign-in-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:1px solid #E0E0E0;border-radius:9999px;background:#fff;cursor:pointer;font-size:16px;font-weight:500;font-family:inherit;color:#1c1b1f;transition:all .2s;min-height:52px}.google-sign-in-btn:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000001a}.google-sign-in-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.login-note{font-size:12px;color:#79747e;margin-top:16px}.login-footer{margin-top:24px;color:#fff}.login-footer-text{font-family:Amiri,serif;font-size:24px;opacity:.8}.register-page{min-height:100vh;background:var(--background)}.register-content{max-width:480px;margin:0 auto;padding:24px 16px}.register-avatar{text-align:center;margin-bottom:12px}.register-avatar img{width:72px;height:72px;border-radius:50%;border:3px solid var(--primary)}.register-email{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.register-admin-notice{background:#e3f2fd;color:#0d47a1;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:center}.register-error{background:#ffebee;color:#d32f2f;padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.register-form{margin-top:8px}.form-row{display:flex;gap:12px}.flex-1{flex:1}.phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--divider);border-radius:var(--radius-sm);overflow:hidden}.phone-prefix{padding:12px;background:var(--surface-variant);font-size:16px;color:var(--text-secondary);border-right:1px solid var(--divider);font-weight:500}.phone-input{border:none!important;border-radius:0!important}.phone-input:focus{box-shadow:none!important}.phone-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1b5e201a}.dashboard-content{padding:8px 0 24px}.dashboard-welcome{margin:12px 16px}.dashboard-welcome-info{display:flex;align-items:center;gap:16px}.dashboard-name{font-size:18px;font-weight:600}.dashboard-role{font-size:13px;color:var(--text-secondary);margin-top:2px}.dashboard-section{margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px}.dashboard-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative;font-family:inherit}.dashboard-card:hover{background:var(--primary-surface);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.dashboard-card-icon{font-size:28px}.dashboard-card-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.3}.dashboard-card .badge{position:absolute;top:6px;right:6px}.dashboard-section-quiz{padding:0}.section-title-quiz{padding:0 16px;margin-bottom:12px;color:#1a1a1a;font-size:15px;font-weight:700}.dashboard-grid-quiz{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.dashboard-card--create-quiz{background:#e91e63;border:none;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:20px 16px}.dashboard-card--create-quiz .dashboard-card-icon,.dashboard-card--create-quiz .dashboard-card-label{color:#fff}.dashboard-card--create-quiz:hover{background:#c2185b;border-color:transparent;box-shadow:0 6px 10px #e91e634d}.dashboard-card--my-quizzes{background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:20px 16px}.dashboard-card--my-quizzes .dashboard-card-icon{filter:none}.dashboard-card--my-quizzes .dashboard-card-label{color:#1a1a1a}.dashboard-card--my-quizzes:hover{background:#fff;border-color:#e91e63;box-shadow:0 4px 12px #e91e631f}.dashboard-card-row{display:flex;align-items:center;width:calc(100% - 32px);margin:12px 16px 0;padding:16px;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:0 4px 6px #0000000d;cursor:pointer;transition:all .2s;font-family:inherit;text-align:left}.dashboard-card-row:hover{border-color:#e91e63;box-shadow:0 4px 12px #e91e631f}.dashboard-card-row-icon{font-size:24px;margin-right:12px;flex-shrink:0}.dashboard-card-row-label{font-size:14px;font-weight:700;color:#1a1a1a}.dashboard-card-row-spacer{flex:1}.dashboard-card-row-arrow{font-size:18px;color:#9e9e9e;flex-shrink:0}.student-dashboard-mobile .student-content{padding-top:0;background:#f5f5f5}.student-dashboard-header{background:var(--student-primary, #1B5E20);color:var(--student-on-primary, #fff);padding:14px 16px 32px;position:relative;border-radius:0 0 28px 28px;box-shadow:0 4px 12px #00000014}.student-header-welcome{font-family:Amiri,serif;font-size:13px;margin:0 0 6px;opacity:.95;letter-spacing:.02em}.student-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-header-name-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left}.student-header-name-wrap:hover{opacity:.9}.student-header-title{font-size:22px;font-weight:700;margin:0;line-height:1.2;flex:1;min-width:0;letter-spacing:-.01em}.student-header-name-chevron{font-size:14px;opacity:.9;flex-shrink:0}.student-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.student-header-btn{width:42px;height:42px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:transparent;padding:0;flex-shrink:0}.student-header-btn-support{background:#fff;border-color:var(--student-primary, #1B5E20);color:var(--student-primary, #1B5E20)}.student-header-btn-icon-support{font-size:20px}.student-header-btn-logout{background:#d32f2f;border-color:#fff;color:#fff}.student-header-btn-icon{font-size:20px;font-weight:700;line-height:1}.student-header-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#d32f2f;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.student-stats-card{display:flex;align-items:center;justify-content:space-around;background:#2d2d2d;color:#fff;border-radius:16px;padding:20px 16px;margin:-20px 16px 16px;box-shadow:0 4px 16px #0003;position:relative;z-index:1;cursor:pointer;transition:background .2s}.student-stats-card:hover{background:#363636}.student-stats-card:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.student-stats-item{text-align:center;flex:1}.student-stats-value{display:block;font-size:26px;font-weight:700;line-height:1.2}.student-stats-value-pink{color:#e91e63}.student-stats-value-orange{color:#ffb74d}.student-stats-label{font-size:12px;color:#ffffffd9;margin-top:4px;display:block}.student-stats-divider{width:1px;height:36px;background:#ffffff40;flex-shrink:0}.student-completed-empty{margin:0 16px 16px;font-size:14px;color:var(--text-hint)}.student-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.student-level-pill{display:inline-block;padding:6px 16px;border-radius:20px;background:#d32f2f;color:#fff;font-size:14px;font-weight:600}.student-trophy-btn{width:44px;height:44px;border:none;background:transparent;font-size:28px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.student-section-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 16px 12px;padding:0}.student-quiz-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:16px;margin:0 16px 12px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s}.student-quiz-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.student-quiz-card-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:#e8f5e9;color:var(--student-primary, #1B5E20);display:flex;align-items:center;justify-content:center;font-size:24px}.student-quiz-card-body{flex:1;min-width:0}.student-quiz-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.student-quiz-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.student-quiz-card-live{font-size:12px;font-weight:600;color:#fff;background:#388e3c;padding:4px 10px;border-radius:12px;flex-shrink:0}.student-quiz-card-meta{font-size:13px;color:var(--text-hint);margin:0 0 10px}.student-quiz-card-hint{display:flex;align-items:center;gap:8px;background:#fff9c4;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#5d4037}.student-quiz-card-hint-icon{font-size:16px;flex-shrink:0}.student-quiz-card-take{width:100%;padding:10px 16px;border-radius:12px;border:none;background:var(--student-primary, #1B5E20);color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.student-quiz-card-take:hover{background:var(--student-primary-dark, #0D3B13)}.student-quiz-card-completed .student-quiz-card-take,.student-quiz-card-completed .student-quiz-card-hint{display:none}.student-quiz-card-score{font-size:15px;font-weight:700;color:var(--student-primary)}.student-quiz-card-pending{font-size:12px;font-weight:600;color:#f57f17;background:#fff8e1;padding:4px 10px;border-radius:12px}.student-content{padding-bottom:100px}.student-profile-expanded{margin:0 16px 16px;background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.student-profile-expanded-inner{padding:16px}.student-profile-expanded-avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.student-profile-expanded-level{font-size:12px;font-weight:600;color:#fff;background:var(--student-primary, #1B5E20);padding:4px 12px;border-radius:12px}.student-profile-expanded .student-profile-edit,.student-profile-expanded .profile-detail-row{margin-top:8px}.student-profile-expanded .btn-text{margin-top:12px}.student-profile-header{display:flex;align-items:center;gap:12px}.student-profile-info{flex:1}.student-profile-info h2{font-size:17px;font-weight:600}.student-profile-level{margin-top:4px}.student-profile-toggle{color:var(--text-hint);font-size:12px}.student-profile-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider)}.profile-detail-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:14px;color:var(--text-secondary)}.student-profile-edit{padding-top:8px}.student-score-summary{display:flex;justify-content:space-around;padding:20px 16px}.score-stat{text-align:center}.score-stat-value{display:block;font-size:24px;font-weight:700;color:var(--primary)}.score-stat-label{font-size:12px;color:var(--text-hint);margin-top:2px}.student-section{margin-top:8px}.quiz-card{cursor:pointer;transition:transform .2s}.quiz-card:hover{transform:translateY(-1px)}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiz-card-header h4{font-size:15px;font-weight:600;flex:1}.quiz-score{font-size:16px;font-weight:700;color:var(--primary)}.quiz-card-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.quiz-card-meta{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--text-hint);flex-wrap:wrap}.assignment-card{cursor:pointer;transition:transform .2s}.assignment-card:hover{transform:translateY(-1px)}.assignment-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.assignment-card-header h4{font-size:15px;font-weight:600}.assignment-card-portion{font-size:13px;color:var(--text-secondary);margin-top:2px}.assignment-card-meta{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--text-hint);flex-wrap:wrap}.student-quick-actions{padding:16px}.student-dashboard-mobile .chip-group{padding:12px 16px 0}.student-dashboard-mobile .empty-state{margin:16px;padding:24px 16px}.my-quiz-card{transition:transform .15s}.my-quiz-card:hover{transform:translateY(-2px)}.quiz-creator-instructions{cursor:pointer}.quiz-creator-instructions pre{background:var(--surface-variant);padding:12px;border-radius:8px;font-family:Roboto Mono,monospace;line-height:1.5}.form-textarea{width:100%;padding:12px;border:1.5px solid var(--divider);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;background:var(--surface);color:var(--text-primary);box-sizing:border-box;transition:border-color .2s}.tab-container{display:flex;gap:0;padding:0 16px;margin-bottom:16px}.tab-btn{flex:1;padding:10px;border:none;background:var(--surface-variant);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:first-child{border-radius:12px 0 0 12px}.tab-btn:last-child{border-radius:0 12px 12px 0}.tab-btn.active{background:var(--primary);color:#fff}.verse-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.verse-picker-modal{width:100%;max-width:400px;padding:20px}.verse-picker-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.verse-picker-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.verse-picker-select{flex:1;height:48px;padding:0 12px;border:1px solid #E0E0E0;border-radius:8px;background:#fff;font-size:14px;color:var(--text-primary);cursor:pointer}.verse-picker-select:focus{outline:none;border-color:#4caf50}.verse-picker-ayah{width:70px;height:48px;padding:0 8px;border:1px solid #E0E0E0;border-radius:8px;background:#fff;font-size:14px;text-align:center;color:var(--text-primary)}.verse-picker-ayah:focus{outline:none;border-color:#4caf50}.verse-picker-ayah::placeholder{color:var(--text-hint)}.verse-picker-actions{display:flex;justify-content:flex-end;gap:8px}.verse-picker-confirm{background:#4caf50!important;border-color:#4caf50!important}.verse-picker-confirm:hover{background:#43a047!important;border-color:#43a047!important}.take-quiz-page{display:flex;flex-direction:column;height:100vh;color:var(--text-primary);background:var(--surface)}.take-quiz-instructions-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.take-quiz-instructions-card{max-width:420px;width:100%;padding:24px;border-radius:16px;box-shadow:var(--shadow-lg);background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.take-quiz-instructions-title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.take-quiz-instructions-text{font-size:14px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;margin:0}.take-quiz-instructions-btn{width:100%;margin-top:20px}.take-quiz-confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px;animation:fadeIn .2s ease}.take-quiz-confirm-card{max-width:360px;width:100%;padding:24px;border-radius:16px;box-shadow:0 12px 40px #00000026;background:var(--surface, #fff);color:var(--text-primary)}.take-quiz-confirm-title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.take-quiz-confirm-message{font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;margin:0 0 20px}.take-quiz-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.take-quiz-confirm-cancel{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:2px solid var(--outline, #ddd);background:transparent;color:var(--text-secondary);cursor:pointer}.take-quiz-confirm-cancel:hover{background:var(--surface-variant, #f0f0f0)}.take-quiz-confirm-ok{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:none;background:var(--student-primary, #1B5E20);color:var(--student-on-primary, #fff);cursor:pointer}.take-quiz-confirm-ok:hover{background:#145214;filter:brightness(1.05)}.icon-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:8px}.icon-btn:hover{background:var(--surface-variant)}.icon-btn-material{display:inline-flex;align-items:center;justify-content:center;color:inherit}.icon-btn-material .material-icons{font-size:22px;font-family:Material Icons;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal}.countdown-bar{background:#e8f5e9;color:#1b5e20;padding:8px 16px;text-align:center;font-size:14px;font-weight:600}.countdown-bar.urgent{background:#ffebee;color:#c62828;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.question-card{background:var(--surface-variant);border-left:4px solid var(--primary)}.option-card{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;border:2px solid var(--divider);border-radius:14px;cursor:pointer;transition:all .2s;background:var(--surface)}.option-card:hover,.option-card.selected{border-color:var(--primary);background:var(--primary-light)}.option-label{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;background:var(--surface-variant);color:var(--text-secondary);flex-shrink:0}.option-card.selected .option-label{background:var(--primary);color:#fff}.option-text{font-size:14px;line-height:1.4;color:var(--text-primary)}.quiz-nav-buttons{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--divider);background:var(--surface)}.preview-item{display:flex;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;margin-bottom:6px;transition:all .15s}.preview-item:hover{background:var(--surface-variant)}.preview-item.current{border-color:var(--primary);background:var(--primary-light)}.preview-item.done{border-color:var(--success)}.preview-item.partial{border-color:#f57c00}.preview-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--surface-variant);color:var(--text-secondary);flex-shrink:0}.preview-item.done .preview-number{background:var(--success);color:#fff}.preview-item.partial .preview-number{background:#f57c00;color:#fff}.preview-item.current .preview-number{background:var(--primary);color:#fff}.take-quiz-preview-overlay{padding:20px;align-items:center;justify-content:center}.take-quiz-preview-modal{width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;padding:20px 24px 24px;border-radius:16px;box-shadow:var(--shadow-lg)}.take-quiz-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0}.take-quiz-preview-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.take-quiz-preview-close{padding:8px;margin:-8px -8px -8px 0;font-size:20px;color:var(--text-secondary)}.take-quiz-preview-close:hover{color:var(--text-primary)}.take-quiz-preview-progress{font-size:14px;color:var(--text-hint);margin:0 0 16px;padding:0}.take-quiz-preview-list{max-height:60vh;overflow-y:auto;padding:0 2px 8px 0;margin:0 -2px 0 0}.take-quiz-preview-list .preview-item{padding:12px 14px;margin-bottom:10px;border-radius:12px;gap:12px}.take-quiz-preview-list .preview-item:last-child{margin-bottom:0}.preview-item-body{flex:1;min-width:0}.preview-item-text{font-size:13px;line-height:1.45;color:var(--text-primary);margin:0}.preview-item-meta{font-size:12px;color:var(--text-hint);margin:4px 0 0}.preview-item-not-answered{font-size:12px;color:var(--error);margin:4px 0 0}.verse-reference-section{margin-top:24px}.verse-reference-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.verse-reference-icon{font-size:20px;line-height:1.2}.verse-reference-label{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.verse-reference-hint{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.verse-reference-input{display:block;width:100%;margin-top:8px;height:48px;padding:0 14px;border:1px solid #4CAF50;border-radius:12px;background:#f5f5f5;font-size:16px;color:var(--text-primary)}.verse-reference-input:focus{outline:none;background:#fff;border-color:#2e7d32}.verse-reference-input::placeholder{color:var(--text-hint)}.verse-reference-input--readonly{cursor:pointer;caret-color:transparent}.verse-reference-input--readonly:focus{outline:none}.quiz-review-page{min-height:100vh;background:var(--surface);padding-bottom:24px}.app-bar--primary{background:var(--primary);color:#fff}.app-bar--primary .quiz-review-title{font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-review-lang{padding:6px 10px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:transparent;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.quiz-review-content{padding:16px}.quiz-review-score-card{margin-bottom:16px;padding:20px;text-align:center}.quiz-review-score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.quiz-review-score-circle.excellent{background:#4caf50}.quiz-review-score-circle.good{background:#8bc34a}.quiz-review-score-circle.low{background:#ff9800}.quiz-review-percentage{font-size:24px;font-weight:700;color:#fff}.quiz-review-score-detail{font-size:16px;font-weight:700;color:var(--text-primary);margin:12px 0 0}.quiz-review-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px;font-size:13px;color:var(--text-secondary)}.quiz-review-correct:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#4caf50;margin-right:6px;vertical-align:middle}.quiz-review-wrong:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#f44336;margin-right:6px;vertical-align:middle}.quiz-review-marks{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--divider)}.quiz-review-marks-label{display:block;font-size:10px;text-transform:uppercase;color:var(--text-hint);margin-bottom:2px}.quiz-review-marks-value{font-size:16px;font-weight:700;color:var(--text-primary)}.quiz-review-marks-value.bonus{color:#f9a825}.quiz-review-marks-divider{width:1px;height:36px;background:var(--divider)}.quiz-review-share{margin-top:16px}.quiz-review-pending{margin-bottom:16px;padding:20px;text-align:center}.quiz-review-pending-icon{font-size:32px;margin-bottom:12px}.quiz-review-pending-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.quiz-review-pending-msg{font-size:13px;color:var(--text-secondary);margin:8px 0 0}.quiz-review-warning{background:#fff8e1;color:#e65100;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.quiz-review-questions{display:flex;flex-direction:column;gap:12px}.quiz-review-question-card{padding:16px}.quiz-review-question-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiz-review-q-num{font-size:12px;color:var(--text-secondary)}.quiz-review-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.quiz-review-badge.correct{background:#4caf50;color:#fff}.quiz-review-badge.wrong{background:#f44336;color:#fff}.quiz-review-your-answer{font-size:12px;color:var(--text-hint)}.quiz-review-question-text{font-size:15px;font-weight:700;color:var(--text-primary);margin:8px 0 12px;line-height:1.5}.quiz-review-options{display:flex;flex-direction:column;gap:4px}.quiz-review-option{padding:10px 12px;font-size:14px;color:var(--text-primary);border-radius:8px;background:var(--surface-variant)}.quiz-review-option.selected{background:#e3f2fd;border:1px solid var(--primary)}.quiz-review-option.correct{background:#e8f5e9;color:#2e7d32}.quiz-review-option.wrong{background:#ffebee;color:#c62828}.quiz-review-verse{margin-top:12px;padding-top:12px;border-top:1px solid var(--divider)}.quiz-review-verse-correct,.quiz-review-verse-label{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.quiz-review-verse-yours{font-size:12px;padding:4px 8px;border-radius:4px;margin:0}.quiz-review-verse-yours.correct{background:#4caf50;color:#fff}.quiz-review-verse-yours.wrong{background:#f44336;color:#fff}.quiz-review-verse-yours.missing{color:var(--text-hint);background:transparent}.completed-quizzes-page{min-height:100vh;background:#f5f5f5}.completed-quizzes-header{background:var(--student-primary, #1B5E20);color:var(--student-on-primary, #fff);padding:14px 16px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.completed-quizzes-back{width:40px;height:40px;border:none;background:transparent;color:inherit;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.completed-quizzes-back:hover{background:#ffffff26}.completed-quizzes-title{font-size:20px;font-weight:700;margin:0;flex:1}.completed-quizzes-content{padding:16px 16px 80px}.completed-quizzes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-hint)}.completed-quizzes-loading .spinner{width:40px;height:40px;border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.completed-quizzes-error{padding:24px;text-align:center;color:var(--error);font-size:14px}.completed-quizzes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.completed-quizzes-empty-icon{font-size:48px;margin-bottom:16px}.completed-quizzes-empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.completed-quizzes-empty-text{font-size:14px;color:var(--text-hint);margin:0}.completed-quizzes-list{display:flex;flex-direction:column;gap:12px}.completed-quizzes-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s}.completed-quizzes-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.completed-quizzes-card-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:#e8f5e9;color:var(--student-primary);display:flex;align-items:center;justify-content:center;font-size:24px}.completed-quizzes-card-body{flex:1;min-width:0}.completed-quizzes-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.completed-quizzes-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.completed-quizzes-card-pct{font-size:18px;font-weight:700;color:var(--student-primary);flex-shrink:0}.completed-quizzes-card-meta{font-size:13px;color:var(--text-secondary);margin:0 0 4px}.completed-quizzes-card-date{font-size:12px;color:var(--text-hint);margin:0 0 12px}.completed-quizzes-card-btn{padding:8px 16px;border-radius:10px;border:none;background:var(--student-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.completed-quizzes-card-btn:hover{background:var(--student-primary-dark, #0D3B13)}.scoreboard-page-mobile{min-height:100vh;background:var(--background, #FAFAFA)}.scoreboard-header{background:var(--student-primary, #1B5E20);color:var(--student-on-primary, #fff);padding:14px 16px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.scoreboard-back{width:40px;height:40px;border:none;background:transparent;color:inherit;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.scoreboard-back:hover{background:#ffffff26}.scoreboard-title{font-size:20px;font-weight:700;margin:0;flex:1}.scoreboard-section{margin:0 16px 24px}.section-title{font-size:16px;font-weight:700;margin-bottom:12px;padding-top:8px}.date-badge{display:inline-block;background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:12px}.podium{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding:16px 0 0}.podium-place{display:flex;flex-direction:column;align-items:center;flex:1;max-width:120px}.podium-place.hidden{visibility:hidden}.podium-crown{font-size:28px;margin-bottom:-4px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.podium-avatar{font-size:36px;margin-bottom:4px}.podium-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2;margin-bottom:4px;max-width:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podium-score{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:0}.verse-picker-multi-overlay{z-index:1001}.verse-picker-multi-modal{max-width:420px;width:95%}.verse-picker-multi-row{display:flex;align-items:center;gap:8px;margin-top:16px}.verse-picker-multi-select{flex:1;min-width:0}.verse-picker-multi-add{width:48px;height:48px;border:none;border-radius:8px;background:#4caf50;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.verse-picker-multi-add:hover{background:#43a047}.verse-picker-multi-label{font-size:12px;color:var(--text-primary);margin:12px 0 6px}.verse-picker-multi-list{max-height:120px;overflow-y:auto;margin-bottom:16px}.verse-picker-multi-empty{font-size:13px;color:var(--text-hint);margin:0;padding:8px 0}.verse-picker-multi-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:6px;background:#e3f2fd;border-radius:8px;font-size:13px;color:var(--text-primary)}.verse-picker-multi-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.verse-picker-multi-remove{width:24px;height:24px;border:none;border-radius:50%;background:#f44336;color:#fff;font-size:18px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.verse-picker-multi-remove:hover{background:#d32f2f}.verse-picker-multi-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--divider)}.verse-picker-multi-clear{background:none;border:none;color:#f44336;font-size:12px;font-weight:600;cursor:pointer}.verse-picker-multi-clear:hover{text-decoration:underline}.verse-picker-multi-actions-right{display:flex;gap:8px}.verse-picker-multi-modal .verse-picker-confirm{background:#4caf50!important;border-color:#4caf50!important}.quiz-details-lang-btn{margin-left:auto;padding:6px 14px;border-radius:20px;border:none;background:#ffffff40;color:var(--on-primary);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}.quiz-details-lang-btn:hover{background:#ffffff59}.quiz-details-card{padding:16px}.quiz-details-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.quiz-details-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.quiz-details-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer}.quiz-details-edit-btn:hover{background:var(--primary-light)}.quiz-details-header{margin-bottom:0}.quiz-details-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quiz-details-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;flex:1;min-width:0}.quiz-details-status{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600;flex-shrink:0}.quiz-details-subtitle{font-size:13px;color:var(--text-hint);margin:4px 0 0}.quiz-details-divider{height:1px;background:var(--divider);margin:12px 0}.quiz-details-section{margin:0}.quiz-details-label{font-size:12px;color:var(--text-hint);margin:0 0 4px}.quiz-details-value{font-size:14px;color:var(--text-primary);margin:0;line-height:1.4}.quiz-details-value-multiline{white-space:pre-wrap}.quiz-details-bonus-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.quiz-details-bonus-item{font-size:13px}.quiz-details-bonus-item strong{margin-left:4px}.quiz-details-meta-row{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-secondary)}.quiz-details-meta-item{margin:0}.quiz-details-scheduled{color:var(--warning, #E65100);font-weight:600}.quiz-details-footer{font-size:12px;color:var(--text-hint)}.quiz-details-footer-line{margin:2px 0}.quiz-details-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.quiz-details-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:20px}.quiz-details-modal-title{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.quiz-details-modal .form-group{margin-bottom:16px}.quiz-details-modal .form-label{display:block;font-size:12px;color:var(--text-hint);margin-bottom:4px}.quiz-details-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.quiz-details-question-row{position:relative}.quiz-details-question-edit-btn{flex-shrink:0;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:var(--primary);font-size:14px;cursor:pointer}.quiz-details-question-edit-btn:hover{background:var(--primary-light)}.quiz-details-modal-question{max-height:85vh;overflow-y:auto}.quiz-details-edit-hint{font-size:11px;color:var(--text-hint);font-style:italic;margin:2px 0 8px}.quiz-details-correct-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.quiz-details-correct-check{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);cursor:pointer}.quiz-details-correct-check input{width:18px;height:18px;accent-color:var(--primary)}.quiz-details-switch-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.quiz-details-switch{width:18px;height:18px;accent-color:var(--primary)}.quiz-details-modal-question .verse-reference-input{display:block;width:100%;cursor:pointer;caret-color:transparent}.quiz-details-modal-question .verse-reference-input:focus{outline:none}.hifz-instructor-page{--primary: #00695C;--primary-light: #E0F2F1}.review-banner{display:flex;justify-content:space-between;align-items:center;margin:0 16px 12px;padding:14px 16px;background:linear-gradient(135deg,#7b1fa2,#9c27b0);color:#fff;border-radius:14px;cursor:pointer;transition:transform .15s}.review-banner:hover{transform:translateY(-2px)}.review-badge{background:#fff;color:#7b1fa2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.review-badge.small{width:24px;height:24px;font-size:12px;background:#7b1fa2;color:#fff}.student-row{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--divider)}.student-row:last-child{border-bottom:none}.student-row:hover{background:var(--surface-variant);margin:0 -16px;padding:10px 16px;border-radius:8px}.assignment-card{padding:10px 0;border-bottom:1px solid var(--divider);cursor:pointer}.assignment-card:last-child{border-bottom:none}.full-modal{max-height:90vh;height:90vh;display:flex;flex-direction:column}.stat-card{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:var(--surface-variant);border-radius:12px}.stat-value{font-size:18px;font-weight:700;color:var(--primary)}.stat-label{font-size:11px;color:var(--text-hint);margin-top:2px}.form-textarea{width:100%;padding:12px;border:1.5px solid var(--divider);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;background:var(--surface);color:var(--text-primary);box-sizing:border-box}.form-textarea:focus{border-color:var(--primary);outline:none}.detail-grid{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-label{font-size:13px;color:var(--text-hint)}.detail-value{font-size:13px;font-weight:500;color:var(--text-primary);text-align:right}.star-btn{background:none;border:none;font-size:28px;cursor:pointer;padding:0;transition:transform .15s}.star-btn:hover{transform:scale(1.2)}.chat-container{display:flex;flex-direction:column;height:100vh;background:#ece5dd}.chat-header{background:#075e54;flex-shrink:0}.chat-header h1{font-size:16px}.messages-container{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column}.date-header{text-align:center;margin:12px 0 6px;font-size:12px;color:var(--text-hint);background:#e1f5fe;padding:4px 12px;border-radius:8px;display:inline-block;align-self:center}.message-bubble{max-width:80%;padding:8px 12px;margin:3px 0;border-radius:12px;position:relative;word-wrap:break-word}.message-status{font-size:12px;color:#4fc3f7}.message-bubble.sent .message-status{color:#34b7f1}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:#075e54;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.admin-support-container{display:flex;height:100vh;background:#ece5dd}.conversations-sidebar{width:360px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #ddd;flex-shrink:0}.sidebar-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#075e54;color:#fff}.sidebar-header h2{font-size:18px;margin:0;display:flex;align-items:center;gap:8px}.unread-badge{background:#ff5252;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.search-box{padding:8px}.search-box input{width:100%;padding:8px 14px;border:none;border-radius:20px;background:#f0f0f0;font-size:14px;outline:none;box-sizing:border-box}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#ebebeb}.conversation-item.unread{background:#f0fff4}.conv-avatar{width:48px;height:48px;border-radius:50%;background:#075e54;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.conv-info{flex:1;min-width:0}.conv-header-row{display:flex;justify-content:space-between;align-items:center}.conv-name{font-weight:600;font-size:15px;color:#111}.conv-time{font-size:11px;color:#999;flex-shrink:0}.conversation-item.unread .conv-time{color:#25d366}.conv-preview-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.conv-preview{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conv-unread-count{background:#25d366;color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;padding:0 6px;flex-shrink:0}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;background:#f8f8f0}.no-chat-icon{font-size:64px;margin-bottom:16px}.chat-area-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#075e54;color:#fff;flex-shrink:0}.chat-area-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.chat-area-info{flex:1}.chat-area-info h3{margin:0;font-size:16px;font-weight:600}.resolved-badge{font-size:11px;background:#fff3;padding:2px 8px;border-radius:8px}.resolve-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:background .2s}.resolve-btn:hover{background:#ffffff4d}.show-mobile{display:none}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.date-header{text-align:center;margin:12px 0 6px;font-size:12px;color:#666;background:#e1f5fe;padding:4px 12px;border-radius:8px;align-self:center}.message-bubble{max-width:70%;padding:8px 12px;margin:3px 0;border-radius:12px;word-wrap:break-word}.message-bubble.sent{align-self:flex-end;background:#dcf8c6;border-bottom-right-radius:4px}.message-bubble.received{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.msg-sender-name{font-size:12px;font-weight:600;color:#075e54;margin-bottom:2px}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px}.message-time{font-size:10px;color:#999}.message-status{font-size:12px;color:#34b7f1}.chat-input-container{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:#f0f0f0;flex-shrink:0}.chat-input{flex:1;border:none;border-radius:24px;padding:10px 16px;font-size:14px;font-family:inherit;resize:none;max-height:100px;outline:none;background:#fff}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:#075e54;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn:hover{background:#128c7e}.send-btn:disabled{background:#999;cursor:not-allowed}@media(max-width:768px){.conversations-sidebar{width:100%}.conversations-sidebar.hidden-mobile,.chat-area.hidden-mobile{display:none}.show-mobile{display:inline-flex}.message-bubble{max-width:85%}}.quran-reader-container{display:flex;flex-direction:column;height:100vh;background:#fff8e1}.quran-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b5e20;color:#fff;flex-shrink:0}.quran-header-info{flex:1;text-align:center}.quran-header h1{margin:0;font-size:20px;font-family:Amiri,serif}.page-indicator{font-size:12px;opacity:.8}.goto-btn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px}.goto-bar{display:flex;gap:8px;padding:8px 16px;background:#e8f5e9;flex-shrink:0}.goto-bar input{flex:1;padding:8px 12px;border:1px solid #A5D6A7;border-radius:8px;font-size:14px;outline:none}.goto-bar button{padding:8px 20px;background:#1b5e20;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.quran-content{flex:1;overflow-y:auto;padding:16px}.quran-loading,.quran-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#666}.quran-error button{padding:8px 24px;background:#1b5e20;color:#fff;border:none;border-radius:8px;cursor:pointer}.spinner{width:40px;height:40px;border:4px solid #E8F5E9;border-top:4px solid #1B5E20;border-radius:50%;animation:spin 1s linear infinite}.quran-page{max-width:700px;margin:0 auto;background:#fffde7;border-radius:12px;padding:24px 20px;box-shadow:0 2px 12px #00000014;border:2px solid #C8E6C9;min-height:70vh}.surah-header-card{text-align:center;background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:16px;border-radius:12px;margin-bottom:16px}.surah-name{font-size:28px;font-family:Amiri,serif;font-weight:700}.surah-english{font-size:14px;opacity:.85;margin-top:4px}.surah-type{font-size:12px;opacity:.7;margin-top:2px}.bismillah{text-align:center;font-size:24px;font-family:Amiri,serif;color:#1b5e20;margin:12px 0 16px;padding:8px}.ayah-text-container{font-family:Amiri,Traditional Arabic,serif;font-size:26px;line-height:2.2;text-align:justify;color:#1a1a1a;word-spacing:4px}.ayah-inline,.ayah-text-arabic{display:inline}.ayah-number-marker{display:inline;color:#1b5e20;font-size:18px;margin:0 4px;font-weight:600}.surah-section{margin-bottom:20px}.quran-bottom-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1b5e20;flex-shrink:0}.nav-arrow{padding:8px 20px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.nav-arrow:hover{background:#ffffff4d}.nav-arrow:disabled{opacity:.4;cursor:not-allowed}.page-info-bottom{color:#fff;font-size:14px;font-weight:600}@media(max-width:600px){.quran-page{padding:16px 12px}.ayah-text-container{font-size:22px;line-height:2}.bismillah{font-size:20px}}.listening-container{display:flex;flex-direction:column;height:100vh;background:#1a1a2e;color:#fff}.listening-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#16213e;flex-shrink:0}.listening-header .back-btn{color:#fff;background:none;border:none;font-size:22px;cursor:pointer}.listening-header h1{flex:1;font-size:18px;margin:0;text-align:center}.settings-btn{background:none;border:none;font-size:22px;cursor:pointer}.listening-loading,.listening-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.listening-error button{padding:8px 24px;background:#0f3460;color:#fff;border:none;border-radius:8px;cursor:pointer}.spinner{width:40px;height:40px;border:4px solid #16213e;border-top:4px solid #e94560;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.now-playing{text-align:center;padding:16px;background:#16213e;margin:8px 12px;border-radius:12px}.now-playing-surah{font-size:18px;font-weight:600;color:#e94560}.now-playing-ayah{font-size:14px;color:#a0a0a0;margin-top:4px}.now-playing-reciter{font-size:13px;color:#53868b;margin-top:4px}.ayah-display{text-align:center;padding:20px 16px;margin:0 12px;background:#0f346080;border-radius:12px;min-height:80px;display:flex;align-items:center;justify-content:center}.ayah-arabic-text{font-family:Amiri,Traditional Arabic,serif;font-size:28px;line-height:2;color:#fff}.ayah-list-scroll{flex:1;overflow-y:auto;margin:8px 12px;border-radius:8px;background:#16213e;max-height:200px}.ayah-list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #1a1a3e;transition:background .15s}.ayah-list-item:hover{background:#0f3460}.ayah-list-item.active{background:#0f3460;border-left:3px solid #e94560}.ayah-list-num{width:30px;height:30px;border-radius:50%;background:#e9456033;color:#e94560;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.ayah-list-text{font-family:Amiri,serif;font-size:16px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.seek-container{display:flex;align-items:center;gap:8px;padding:8px 16px;flex-shrink:0}.time-label{font-size:12px;color:#a0a0a0;min-width:40px;text-align:center}.seek-bar{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:#333;outline:none}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#e94560;cursor:pointer}.playback-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;flex-shrink:0}.control-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.control-btn:hover{background:#ffffff1a}.control-btn:disabled{opacity:.3;cursor:not-allowed}.play-btn{width:64px;height:64px;background:#e94560;font-size:28px;border-radius:50%}.play-btn:hover{background:#c0392b}.repeat-btn.active{color:#e94560}.speed-btn{font-size:14px;font-weight:600;color:#e94560}.settings-panel{background:#16213e;margin:8px 12px;border-radius:12px;padding:16px}.settings-panel h3{margin:0 0 12px;font-size:16px;color:#e94560}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-row label{font-size:14px;color:#a0a0a0}.setting-row select{padding:6px 10px;border-radius:8px;border:1px solid #333;background:#0f3460;color:#fff;font-size:13px;outline:none}.listening-progress{text-align:center;padding:8px;font-size:12px;color:#666;flex-shrink:0}@media(max-width:600px){.ayah-arabic-text{font-size:22px}.playback-controls{gap:12px}.control-btn{width:40px;height:40px;font-size:20px}.play-btn{width:56px;height:56px;font-size:24px}}