@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap";@font-face{font-family:KFGQPC;src:url(/fonts/kfgqpc.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--brand-merah-hati: #8b0000}:root,[data-theme=dark]{color-scheme:dark;--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: linear-gradient(145deg, #1a1c2e 0%, #252742 100%);--bg-card-hover: linear-gradient(145deg, #252742 0%, #2d2f4a 100%);--bg-input: rgba(255, 255, 255, .05);--bg-input-focus: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-disabled: #6b7280;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--shadow-sm: 0 4px 10px rgba(0, 0, 0, .2);--shadow-md: 0 10px 25px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}[data-theme=light]{color-scheme:light;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--bg-card-hover: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);--bg-input: rgba(0, 0, 0, .03);--bg-input-focus: rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .05);--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--success: #059669;--success-bg: rgba(5, 150, 105, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--info: #2563eb;--info-bg: rgba(37, 99, 235, .1);--shadow-sm: 0 4px 10px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-primary)}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit],.nav-item,.clickable{min-height:44px;min-width:44px}.stat-card:hover,.nav-item:hover,.student-pill:hover{transform:none}}html{font-size:16px}@media(max-width:768px){html{font-size:15px}}@media(max-width:480px){html{font-size:14px}}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.no-scroll-x{overflow-x:hidden}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.premium-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.glass-pill{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animate-fade{animation:fadeIn .5s ease forwards}.loading-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem;color:var(--text-muted);font-weight:600}.spinner-p{width:50px;height:50px;border:4px solid var(--border-secondary);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay-p{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content-p{background:var(--bg-secondary);width:90%;max-width:600px;border-radius:32px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-secondary);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-p{padding:2rem 2.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);position:relative}.modal-header-p h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.modal-header-p p{margin:.5rem 0 0;color:var(--text-muted);font-size:.9rem}.btn-close-p{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:var(--text-primary);transition:all .2s}.btn-close-p:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.form-p{padding:2.5rem}.form-group-p{margin-bottom:1.5rem}.form-group-p label{display:block;margin-bottom:.75rem;font-weight:700;font-size:.9rem;color:var(--text-secondary)}.form-p input,.form-p select,.form-p textarea{width:100%;padding:.85rem 1.25rem;border-radius:14px;border:2px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-weight:600;transition:all .2s}.form-p input:focus,.form-p select:focus,.form-p textarea:focus{border-color:var(--accent-primary);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 4px var(--info-bg)}.form-actions-p{display:flex;gap:1rem;margin-top:2.5rem}.btn-submit-p{flex:2;padding:1rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 15px -3px var(--info-bg);transition:all .3s}.btn-cancel-p{flex:1;padding:1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:14px;font-weight:700;cursor:pointer}.btn-submit-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px var(--info-bg)}.btn-cancel-p:hover{background:var(--bg-secondary)}.dashboard-main{flex:1;margin-left:260px;padding:0;min-height:100vh;transition:all .3s ease;background-color:var(--bg-primary)}@media(max-width:1024px){.dashboard-main{margin-left:0;padding-top:5rem}}@media(max-width:768px){.dashboard-main{padding-top:4.5rem}}.dashboard-layout.no-sidebar .dashboard-main,.dashboard-main.full-width{margin-left:0!important;padding-top:0!important}.no-sidebar .detail-header{left:0!important;width:100%!important}.access-denied-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.access-denied-card{background:#1e293be6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:420px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-denied-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(239,68,68,.3))}.access-denied-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.access-denied-message{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0 0 12px}.access-denied-message strong{color:#38bdf8;font-weight:600}.access-denied-hint{color:#64748b;font-size:.9rem;margin:0 0 24px}.access-denied-current-role{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;padding:12px 16px;background:#0003;border-radius:12px}.current-role-label{color:#64748b;font-size:.85rem}.current-role-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.access-denied-actions{display:flex;flex-direction:column;gap:12px}.btn-back-dashboard{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:12px;padding:14px 24px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.btn-back-dashboard:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0ea5e966;filter:brightness(1.1)}.btn-back-dashboard:active{transform:translateY(0)}@media(max-width:480px){.access-denied-card{padding:30px 24px}.access-denied-icon{font-size:48px}.access-denied-title{font-size:1.5rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary);transition:var(--theme-transition)}.auth-card{background:var(--bg-card);padding:2.5rem;border-radius:20px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-secondary);transition:var(--theme-transition)}.register-card{max-width:550px}.form-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.form-section h4{color:var(--accent-primary);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.role-selector-pills{display:flex;background:var(--bg-secondary);padding:.35rem;border-radius:12px;margin-bottom:.5rem;gap:.25rem}.role-selector-pills .pill{flex:1;border:none;background:transparent;padding:.75rem;border-radius:10px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.role-selector-pills .pill.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.input-hint{font-size:.8rem;color:var(--text-muted);margin-top:.4rem;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.auth-form textarea{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-img{height:80px;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header h1{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:1rem}.auth-error{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:.875rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.auth-form input,.auth-form select{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.auth-form input::placeholder{color:var(--text-disabled)}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px #6366f133}.auth-form select option{background:var(--bg-secondary);color:var(--text-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3rem!important}.password-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px;z-index:10}.password-toggle:hover{color:var(--text-primary);background:var(--bg-input)}.password-toggle.active{color:var(--warning);text-shadow:0 0 10px rgba(251,191,36,.5)}.auth-btn{width:100%;padding:1rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-muted)}.auth-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-footer a:hover{color:var(--accent-secondary)}@media(max-width:768px){.auth-container{padding:1.5rem}.auth-card{padding:2rem;max-width:400px}.auth-logo-img{height:70px}.auth-header h1{font-size:1.75rem}.auth-header p{font-size:.95rem}}@media(max-width:480px){.auth-container{padding:2rem 1rem 1rem;align-items:flex-start}.auth-card{padding:1.5rem;margin:0;max-width:100%;border-radius:16px}.auth-logo-img{height:35px;margin-bottom:.5rem}.auth-header{margin-bottom:1rem}.auth-header h1{font-size:1.25rem}.auth-header p{font-size:.8rem;margin-bottom:0}.auth-form .form-group{margin-bottom:1rem}.auth-form input,.auth-form select{padding:.75rem .875rem;font-size:.95rem}.auth-btn{padding:.875rem;font-size:.95rem}.auth-footer{font-size:.85rem;margin-top:1rem}}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-secondary)}.auth-divider span{padding:0 .75rem;font-weight:500}.google-login-wrapper{display:flex;justify-content:center;width:100%}.theme-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;padding:0;width:60px;height:30px;position:relative;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 2px 4px #0000001a}.theme-toggle-btn:hover{border-color:var(--accent-primary)}.toggle-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);transition:all .3s ease;z-index:2}.toggle-icon.active,[data-theme=dark] .toggle-icon.active{color:var(--brand-merah-hati)}.theme-toggle-btn:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);box-shadow:0 1px 3px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1}[data-theme=light] .theme-toggle-btn:after{transform:translate(30px);background:#fff}.sidebar{width:260px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:var(--theme-transition);z-index:1000;overflow:hidden}[data-theme=dark] .sidebar{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-secondary)}.sidebar-header .logo-img{width:40px;height:40px;object-fit:contain}.sidebar-header h2{font-size:1.25rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-header .close-sidebar{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.user-info{padding:1.25rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid var(--border-secondary)}.avatar{width:45px;height:45px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff}.user-details{display:flex;flex-direction:column;gap:.25rem}.username{font-weight:600;color:var(--text-primary);font-size:.95rem}.role-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;width:fit-content}.badge-user{background:var(--bg-input);color:var(--text-muted)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--accent-primary);border-radius:20px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .2s ease}.nav-item:hover{background:var(--bg-input);color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f166;transform:scale(1.02)}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#fff}.nav-icon{font-size:1.25rem;display:flex;align-items:center}.nav-label{font-size:.95rem}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:999px;font-weight:700}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-secondary)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:var(--error-bg);border:1px solid var(--error);border-radius:10px;color:var(--error);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--error);color:#fff}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:10000;background:var(--accent-gradient);color:#fff;border:none;width:45px;height:45px;border-radius:12px;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-md);align-items:center;justify-content:center}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media(max-width:1024px){.sidebar{width:240px}.sidebar-header h2{font-size:1.1rem}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.mobile-toggle{display:flex}.sidebar-backdrop{display:block}.sidebar-header .close-sidebar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-input);border-radius:10px;margin-left:auto}}@media(max-width:480px){.sidebar{width:100%;max-width:300px}}.prayer-widget-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:18px;padding:15px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:transform .3s}.prayer-widget-card:hover{transform:translateY(-3px)}.widget-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.widget-header .icon{font-size:1.5rem;background:rgba(var(--primary-rgb),.1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.title-group h4{margin:0;font-size:1rem;font-weight:700}.title-group .location{font-size:.75rem;color:var(--text-secondary)}.next-prayer-info{background:var(--primary-color);color:#fff;padding:10px 15px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.next-prayer-info .label{font-size:.85rem;font-weight:600}.next-prayer-info .time{font-size:1.2rem;font-weight:800}.mini-times-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mini-time{display:flex;flex-direction:column;align-items:center}.mini-time span{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:2px}.mini-time strong{font-size:.8rem;color:var(--text-primary)}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--admin-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--admin-silver: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);--admin-bronze: linear-gradient(135deg, #d97706 0%, #b45309 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4)}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.dashboard-main-premium{flex:1;margin-left:260px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-primary)}.dashboard-hero-banner{position:relative;padding:4rem 3rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;overflow:hidden;margin-bottom:-2rem}.hero-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.welcome-text h3{font-size:1.1rem;font-weight:500;opacity:.9;margin-bottom:.5rem}.welcome-text h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.5px}.welcome-text p{font-size:1.1rem;opacity:.8}.hero-visual{display:flex;gap:2rem}.float-icon{font-size:3rem;background:#fff3;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 3s ease-in-out infinite}.float-icon.star{animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.dashboard-scroll-content{padding:0 3rem 3rem;max-width:1200px;margin:0 auto;position:relative;z-index:3}.stats-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-premium{position:relative;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,inset 0 0 0 1px var(--glass-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none}.stat-card-premium:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px -12px #4f46e533;background:var(--bg-secondary)}.card-glass-effect{position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:var(--primary-color);filter:blur(40px);opacity:.1;border-radius:50%;transition:all .6s ease}.stat-card-premium:hover .card-glass-effect{width:200px;height:200px;opacity:.2;filter:blur(60px)}.stat-content{display:flex;align-items:center;gap:1.25rem}.icon-wrapper{width:60px;height:60px;background:var(--bg-tertiary);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .3s}.user-total .icon-wrapper{background:#e0f2fe;color:#0ea5e9}.teacher-total .icon-wrapper{background:#fef3c7;color:#d97706}.student-total .icon-wrapper{background:#dcfce7;color:#16a34a}.global-hafalan .icon-wrapper{background:#ede9fe;color:#7c3aed}.quran-total .icon-wrapper{background:#fce7f3;color:#db2777}.progress-percent .icon-wrapper{background:#fff1f2;color:#e11d48}.stat-card-premium:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.text-wrapper{display:flex;flex-direction:column}.text-wrapper .value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.text-wrapper .label{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dashboard-card-premium{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 25px -5px #0000000d;border:1px solid var(--border-primary);margin-bottom:2rem}.card-header-premium h3{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.flex-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-grid-main{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.ranking-flex-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ranking-title{font-size:.95rem;font-weight:700;color:var(--text-muted);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid var(--primary-color);padding-left:.75rem}.ranking-list-premium{display:flex;flex-direction:column;gap:1rem}.ranking-item-premium{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:16px;transition:all .2s}.ranking-item-premium:hover{background:var(--bg-secondary);box-shadow:0 8px 15px -3px #0000000a;transform:translate(5px)}.rank-badge{width:32px;height:32px;background:var(--border-primary);color:#475569;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.rank-1 .rank-badge{background:var(--admin-gold);color:#fff;border:none;box-shadow:0 4px 10px #f59e0b4d}.rank-2 .rank-badge{background:var(--admin-silver);color:#fff;border:none;box-shadow:0 4px 10px #64748b4d}.rank-3 .rank-badge{background:var(--admin-bronze);color:#fff;border:none;box-shadow:0 4px 10px #b453094d}.student-info{flex:1;display:flex;flex-direction:column}.student-info .name{font-weight:700;color:var(--text-primary);font-size:.95rem}.student-info .stats{font-size:.8rem;color:var(--text-muted);font-weight:500}.summary-list-premium{display:flex;flex-direction:column;gap:1.25rem}.summary-item-premium{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px dashed var(--border-secondary)}.summary-item-premium:last-child{border:none}.summary-item-premium .label{color:var(--text-muted)}.summary-item-premium .value{font-weight:700;color:var(--text-primary)}.quick-actions-premium{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.action-btn-p{display:block;width:100%;padding:.875rem;border-radius:14px;text-align:center;font-weight:600;text-decoration:none;transition:all .2s;background:var(--primary-color);color:#fff}.action-btn-p.outline{background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn-p:hover{transform:translateY(-2px);filter:brightness(1.1)}.monitoring-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.monitoring-item-p{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:20px;text-decoration:none;transition:all .3s;border:1px solid transparent}.monitoring-item-p:hover{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 10px 20px -5px #4f46e51a;transform:translateY(-5px)}.monitoring-item-p .icon{font-size:2rem;width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.monitoring-item-p .text h5{margin:0;color:var(--text-primary);font-size:1.05rem;font-weight:700}.monitoring-item-p .text p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.monitoring-item-p .arrow{margin-left:auto;color:var(--border-primary);font-size:1.2rem;transition:all .2s}.monitoring-item-p:hover .arrow{transform:translate(5px);color:var(--primary-color)}.search-wrapper-p{position:relative;width:300px}.search-wrapper-p input{width:100%;padding:.75rem 1rem .75rem 2.8rem;border-radius:14px;border:1.5px solid var(--border-secondary);background:var(--bg-tertiary);font-size:.9rem;transition:all .2s}.search-wrapper-p input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 4px #4f46e51a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.table-wrapper-p{margin-top:1.5rem;overflow-x:auto}.premium-table-minimal{width:100%;border-collapse:collapse}.premium-table-minimal th{text-align:left;padding:1rem;background:var(--bg-tertiary);color:var(--text-muted);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #e2e8f0}.premium-table-minimal td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.95rem}.student-cell{display:flex;align-items:center;gap:.875rem}.student-cell span{font-weight:600}.avatar-s{width:36px;height:36px;background:var(--primary-light);color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.badge-class{background:var(--bg-tertiary);padding:.35rem .75rem;border-radius:10px;font-weight:700;font-size:.8rem;color:var(--text-secondary)}.status-badge{padding:.35rem .75rem;border-radius:10px;font-weight:600;font-size:.8rem}.s-active{background:#dcfce7;color:#166534}.s-inactive{background:#f1f5f9;color:#64748b;font-style:italic}.hafalan-progress-visual{margin-top:2rem}.progress-bar-p{height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000d}.progress-bar-p .fill{height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:12px;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-bar-p .shine{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shine 3s infinite linear}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text-p{display:flex;justify-content:space-between;margin-top:1rem}.progress-text-p .text-left,.progress-text-p .text-right{display:flex;flex-direction:column}.progress-text-p .big{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.progress-text-p .small{font-size:.9rem;color:var(--text-muted);font-weight:600;margin-top:.25rem}.timeline-list-p{position:relative;padding-left:1.5rem}.timeline-item-p{position:relative;padding-bottom:2.5rem}.timeline-item-p .line{position:absolute;left:-15px;top:5px;bottom:-5px;width:2px;background:#e2e8f0}.timeline-item-p:last-child .line{display:none}.timeline-item-p .dot{position:absolute;left:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--primary-color)}.timeline-item-p .content{background:var(--bg-tertiary);padding:1.25rem;border-radius:16px;border:1px solid #f1f5f9}.header-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.type-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px;letter-spacing:.5px}.new_feature .type-badge{background:#ede9fe;color:#7c3aed}.warning .type-badge{background:#fff1f2;color:#e11d48}.general .type-badge{background:#e0f2fe;color:#0ea5e9}.timeline-item-p h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.timeline-item-p p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.loading-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner-p{width:50px;height:50px;border:4px solid var(--border-secondary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.content-fade-in{animation:fadeIn .5s ease-out}@media(max-width:1024px){.dashboard-main-premium{margin-left:0;padding-top:4rem}.dashboard-hero-banner{padding:3rem 1.5rem}.dashboard-scroll-content{padding:0 1.5rem 2rem}.dashboard-grid-main,.ranking-flex-grid{grid-template-columns:1fr}.welcome-text h1{font-size:2rem}}@media(max-width:768px){.stats-grid-premium{grid-template-columns:1fr 1fr}.monitoring-grid-p{grid-template-columns:1fr}.search-wrapper-p{width:100%}.hero-visual{display:none}}@media(max-width:480px){.stats-grid-premium{grid-template-columns:1fr}.dashboard-hero-banner{padding:2.5rem 1rem}.welcome-text h1{font-size:1.75rem}}.user-list-premium{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}.premium-table{width:100%;border-collapse:collapse;font-size:.95rem}.premium-table th{background:var(--bg-input);color:var(--text-muted);font-weight:600;text-align:left;padding:1.25rem 1.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-secondary)}.premium-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-secondary);vertical-align:middle}.premium-table tr:hover{background:var(--bg-input)}.user-avatar-cell{display:flex;align-items:center;gap:1rem}.avatar-circle{width:40px;height:40px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 4px 10px #6366f14d}.id-tag{font-size:.7rem;color:var(--text-muted);font-family:monospace}.username-stack{display:flex;flex-direction:column}.user-bold{font-weight:600;color:var(--text-primary)}.user-email{font-size:.8rem;color:var(--text-muted)}.linked-name{color:var(--success);font-weight:500}.not-linked{color:var(--text-disabled);font-style:italic;font-size:.85rem}.text-right{text-align:right}.action-flex{display:flex;gap:.75rem;justify-content:flex-end}.btn-action{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-input);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.btn-action.edit:hover{background:var(--info-bg);border-color:var(--info);transform:translateY(-2px)}.btn-action.delete:hover{background:var(--error-bg);border-color:var(--error);transform:translateY(-2px)}.loading-placeholder-table{padding:4rem;text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:20px;border:1px dashed var(--border-primary)}.empty-row{padding:4rem!important}.empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{font-size:3rem;opacity:.3}.badge{padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600}.badge-admin{background:var(--error-bg);color:var(--error)}.badge-guru{background:var(--info-bg);color:var(--info)}.badge-murid{background:var(--success-bg);color:var(--success)}.badge-nomurid{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-primary)}.premium-status-cell{display:flex;align-items:center;gap:.75rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.expired{background:var(--error)}.premium-dates{display:flex;flex-direction:column;font-size:.75rem}.date-label{color:var(--text-disabled);font-size:.65rem;text-transform:uppercase}.date-value{color:var(--text-primary);font-weight:500}.not-premium{color:var(--text-disabled);font-size:.85rem}@media(max-width:768px){.premium-table{min-width:800px}}.form-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.form-container{background:var(--bg-card);padding:2rem;border-radius:16px;width:100%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--border-secondary);transition:var(--theme-transition)}.form-container h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px #6366f133}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:var(--bg-input);color:var(--text-muted)}.btn-cancel:hover{background:var(--bg-input-focus);color:var(--text-primary)}.btn-submit{background:var(--accent-gradient);color:#fff}.form-row-premium{display:flex;gap:1rem;margin-bottom:1.25rem}.form-row-premium .form-group{flex:1;margin-bottom:0}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.users-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.users-main-p{margin-left:0;padding:5rem 1rem 2rem}}.u-header-p{margin-bottom:3rem}.u-header-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.u-header-p p{color:var(--text-muted);font-size:1.1rem}.u-stats-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.u-stat-card-p{background:var(--bg-secondary);padding:1.5rem;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary);display:flex;align-items:center;gap:1.25rem;transition:transform .3s}.u-stat-card-p:hover{transform:translateY(-5px)}.u-stat-icon-p{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.u-stat-info-p span{display:block;color:var(--text-muted);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.u-stat-info-p strong{font-size:1.5rem;color:var(--text-primary);font-weight:800}.u-controls-p{background:var(--bg-secondary);padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem}.u-search-p{flex:1;position:relative}.u-search-p input{width:100%;padding:.75rem 1rem .75rem 3rem;border-radius:12px;border:1.5px solid var(--border-secondary);font-size:1rem;transition:all .2s}.u-search-p:before{content:"🔍";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.u-search-p input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.u-actions-p{display:flex;gap:1rem}.u-filter-p{padding:.75rem 1.25rem;border-radius:12px;border:1.5px solid var(--border-secondary);font-weight:600;cursor:pointer;background:var(--bg-secondary)}.u-btn-add-p{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #4f46e54d;transition:all .3s;display:flex;align-items:center;gap:.5rem}.u-btn-add-p:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #4f46e566}@media(max-width:768px){.u-controls-p{flex-direction:column;align-items:stretch}.u-actions-p{flex-direction:column}}.profile-page-premium{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-out}.profile-banner-hero{background:var(--accent-gradient);border-radius:24px;padding:3rem;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem;box-shadow:0 20px 25px -5px #4f46e533}.hero-content{display:flex;align-items:center;gap:2rem}.avatar-wrapper-premium{position:relative}.avatar-large-premium{width:120px;height:120px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;border:2px solid rgba(255,255,255,.3)}.online-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;background:#10b981;border:4px solid var(--accent-primary);border-radius:50%}.hero-text h1{margin:0;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;color:#fff}.hero-badges{display:flex;gap:.8rem;margin-top:.5rem}.role-pill{padding:4px 12px;background:#fff3;border-radius:20px;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.trial-pill{padding:4px 12px;background:#fff6;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid rgba(255,255,255,.6)}.id-pill{font-size:.9rem;opacity:.9;color:#ffffffe6}.hero-actions button{padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-edit-mode{background:#fff;color:var(--accent-primary)}.btn-edit-mode:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.edit-mode-group{display:flex;gap:1rem}.btn-save-changes{background:#10b981;color:#fff}.btn-cancel-edit{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)!important}.profile-main-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.profile-info-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--bg-primary)}@media(max-width:900px){.profile-main-grid,.profile-info-columns{grid-template-columns:1fr}}.profile-info-card-premium{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.full-width{grid-column:span 2}@media(max-width:900px){.full-width{grid-column:span 1}}.card-header-premium{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-secondary);padding-bottom:1rem}.card-header-premium .icon{font-size:1.2rem}.card-header-premium h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.info-list-premium{display:flex;flex-direction:column;gap:1.2rem}.info-item-premium{display:flex;flex-direction:column;gap:.3rem}.info-item-premium .label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.info-item-premium .value{font-weight:600;color:var(--text-primary);font-size:1rem}.value-full{line-height:1.6;color:var(--text-muted)}.premium-input-small,.premium-select-small{padding:.6rem .8rem;border-radius:10px;border:1.5px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;width:100%}.edit-name-hero{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:.5rem 1rem;color:#fff;font-size:2rem;font-weight:800;width:100%;outline:none}.edit-name-hero::placeholder{color:#fff9}.security-card{background:linear-gradient(to bottom right,var(--bg-secondary),var(--bg-tertiary))}.password-form-premium{display:flex;flex-direction:column;gap:1rem}.form-group-p label{display:block;font-size:.85rem;margin-bottom:.4rem;font-weight:600;color:var(--text-primary)}.pass-wrapper{position:relative;display:flex}.pass-wrapper input{width:100%;padding:.7rem 1rem;border-radius:12px;border:1.5px solid var(--border-secondary);background:var(--bg-tertiary)}.pass-wrapper button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.pass-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-confirm-pass{flex:2;background:var(--accent-primary);color:#fff;border:none;padding:.8rem;border-radius:10px;font-weight:600;cursor:pointer}.btn-cancel-pass{flex:1;background:var(--bg-tertiary);color:var(--text-secondary);border:none;padding:.8rem;border-radius:10px;font-weight:600;cursor:pointer}.btn-trigger-pass{width:100%;background:#fff;border:1.5px solid var(--border-secondary);padding:1rem;border-radius:15px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .2s}.btn-trigger-pass:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.account-stats-list{display:flex;flex-direction:column;gap:1rem}.stat-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.status-active{color:#10b981;font-weight:700;display:flex;align-items:center;gap:.4rem}.status-active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%}.premium-stat span:last-child{color:#f59e0b;font-weight:800}.toast-premium{position:fixed;top:2rem;right:2rem;padding:1rem 2rem;border-radius:12px;color:#fff;font-weight:600;z-index:1000;box-shadow:0 10px 15px -3px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-premium.success{background:#10b981}.toast-premium.error{background:#ef4444}.danger-zone-card{border:1px solid #fee2e2!important;background:snow!important}.danger-header h3,.danger-header .icon{color:#ef4444!important}.danger-content{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.danger-content p{color:#b91c1c;font-size:.95rem;line-height:1.5}.btn-delete-account{background:#fff;color:#ef4444;border:1.5px solid #ef4444;padding:.8rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;margin-top:.5rem}.btn-delete-account:hover{background:#ef4444;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content.danger-modal{background:#fff;padding:2rem;border-radius:20px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #fee2e2}.danger-modal h3{color:#ef4444;font-size:1.5rem;margin-top:0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.warning-box{background:#fff5f5;border-left:4px solid #ef4444;padding:1rem;border-radius:8px;margin:1.5rem 0}.warning-box p{font-weight:700;color:#991b1b;margin-bottom:.5rem}.warning-box ul{margin:0;padding-left:1.5rem;color:#b91c1c}.warning-box li{margin-bottom:.3rem;font-size:.9rem}.confirm-instruction{margin-bottom:.8rem;font-size:.95rem;color:#4b5563}.confirm-input{width:100%;padding:.8rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1.1rem;font-weight:600;text-align:center;letter-spacing:1px;margin-bottom:1.5rem;transition:all .2s;text-transform:uppercase}.confirm-input:focus{border-color:#ef4444;outline:none;background:#fff5f5}.modal-actions{display:flex;gap:1rem}.btn-cancel{flex:1;padding:.8rem;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:600;color:#4b5563;cursor:pointer}.btn-confirm-delete{flex:2;padding:.8rem;border:none;background:#ef4444;border-radius:10px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.btn-confirm-delete:disabled{background:#fca5a5;cursor:not-allowed}.btn-confirm-delete:hover:not(:disabled){background:#dc2626}.bank-soal-premium{padding:2.5rem;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-out}.bank-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:2rem}.bank-header-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.bank-header-p p{color:var(--text-muted);font-size:1.1rem}.btn-start-game-p{padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 10px 15px -3px #4f46e54d;transition:all .3s;display:flex;align-items:center;gap:.75rem}.btn-start-game-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #4f46e566}.filters-row-p{display:flex;gap:1.5rem;margin-bottom:3rem;background:var(--bg-secondary);padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary)}.filter-item-p{flex:1;display:flex;flex-direction:column;gap:.5rem}.filter-item-p label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-item-p select,.filter-item-p .static-val{padding:.75rem 1rem;border-radius:12px;border:1.5px solid var(--border-secondary);background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.soal-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.soal-card-p{background:var(--bg-secondary);border-radius:24px;padding:1.75rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);transition:all .3s;display:flex;flex-direction:column}.soal-card-p:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:#4f46e5}.soal-badges-p{display:flex;justify-content:space-between;margin-bottom:1.25rem}.badge-item-p{padding:.4rem .875rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.badge-item-p.diff{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-item-p.done{background:#dcfce7;color:#166534}.soal-text-p{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:1.5rem;flex:1}.game-overlay-p{max-width:800px;margin:2rem auto;background:var(--bg-secondary);border-radius:32px;padding:3rem;box-shadow:0 25px 50px -12px #0000001a}.game-hud-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.hud-progress-p{flex:1;margin-right:2rem}.hud-progress-p span{display:block;font-size:.9rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.hud-bar-p{height:10px;background:var(--bg-tertiary);border-radius:10px}.hud-bar-p .fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:10px;transition:width .3s ease}.btn-quit-p{padding:.6rem 1.2rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:12px;font-weight:700;cursor:pointer}.question-view-p h3{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.4;margin-bottom:2.5rem;text-align:center}.options-grid-p{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:640px){.options-grid-p{grid-template-columns:1fr}}.option-btn-p{padding:1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:20px;display:flex;align-items:center;gap:1rem;text-align:left;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.option-label-p{width:36px;height:36px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-muted);flex-shrink:0}.option-btn-p:hover:not(:disabled){border-color:#4f46e5;background:var(--bg-secondary);transform:translateY(-3px)}.option-btn-p.is-correct{background:#dcfce7;border-color:#22c55e;color:#166534}.option-btn-p.is-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.explanation-p{margin-top:2.5rem;padding:2rem;background:var(--bg-tertiary);border-radius:24px;border:1.5px dashed #0ea5e9;animation:slideUp .3s ease-out}.explanation-p p{color:#0369a1;font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.btn-next-p{width:100%;padding:1rem;background:#0ea5e9;color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer}.result-view-p{text-align:center}.result-emoji-p{font-size:5rem;margin-bottom:1.5rem}.result-view-p h2{font-size:2.5rem;font-weight:800;margin-bottom:2rem;color:var(--text-primary)}.final-score-p{display:flex;justify-content:center;align-items:baseline;gap:.5rem;margin-bottom:1rem}.score-big-p{font-size:6rem;font-weight:900;color:#4f46e5}.score-total-p{font-size:2rem;font-weight:700;color:var(--text-disabled)}.result-msg-p{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.result-btns-p{display:flex;gap:1.5rem;justify-content:center}.btn-retry-p{padding:1rem 2.5rem;background:#4f46e5;color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer}.btn-home-p{padding:1rem 2.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:16px;font-weight:700;cursor:pointer}.alquran-container{padding:clamp(1rem,5vw,2.5rem);max-width:1400px;margin:0 auto;transition:var(--theme-transition);min-height:100vh;overflow:visible!important}.alquran-header{text-align:center;padding:3.5rem 1rem;background:var(--bg-card);border-radius:30px;margin-bottom:2rem;border:1px solid var(--border-secondary);position:relative;overflow:hidden;animation:fadeIn .8s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.alquran-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,var(--accent-primary-light),transparent 60%),radial-gradient(circle at bottom right,var(--accent-secondary-light),transparent 60%);opacity:.15;z-index:0}.alquran-header h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}.title-donation-wrapper{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:.6rem;position:relative;z-index:2}.btn-donation-link{border:1px solid var(--border-secondary);padding:.4rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--bg-secondary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.alquran-header p{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:1rem auto 0;position:relative;z-index:1;font-weight:500}.controls-sticky-container{position:sticky;top:0;z-index:1500;background:var(--bg-primary);padding:1.2rem 0;margin:-1rem 0 2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 4px 20px #0000000d}.search-container{max-width:800px;margin:0 auto;width:100%}.search-wrapper{position:relative;background:var(--bg-card);border:1.5px solid var(--border-secondary);border-radius:18px;display:flex;align-items:center;padding:0 1.5rem;transition:all .3s ease}.search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-transparent)}.search-input{width:100%;padding:1rem 1.5rem 1rem 2.8rem;border:none;background:transparent;color:var(--text-primary);font-size:1.05rem;border-radius:18px}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.2rem}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.surah-card{background:var(--bg-card);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-secondary);position:relative;overflow:hidden;animation:fadeIn .4s ease forwards}.surah-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.surah-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);background:var(--bg-card-hover)}.surah-card:hover:before{opacity:1}.surah-number{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:var(--accent-primary);margin-right:15px;min-width:50px}.surah-info{flex:1}.surah-name-arabic-main{display:block;font-weight:700;font-size:2.2rem;color:var(--accent-primary);font-family:KFGQPC,Amiri,serif;direction:rtl;margin-bottom:5px}.surah-verses-count-arabic{display:block;font-size:.85rem;color:var(--accent-primary);margin-top:4px;direction:rtl;font-weight:500}.surah-translation{display:none}.surah-hafalan-info{margin-top:12px;display:flex;flex-direction:column;gap:6px}.surah-hafalan-progress{width:100%;height:6px;background:#b59e6f26;border-radius:10px;overflow:hidden}.shp-fill{height:100%;background:linear-gradient(90deg,#b59e6f,#d4af37);transition:width .4s ease-out}.surah-hafalan-count{font-size:.75rem;color:var(--accent-primary);font-weight:600}.surah-star-badge{position:absolute;top:-10px;left:-10px;background:radial-gradient(circle,#fff9c4,#fbc02d);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px #d4af3766;font-size:1.2rem;z-index:5;animation:pulse-gold 2s infinite;border:2px solid #fff}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 0 #d4af3766}70%{transform:scale(1.1);box-shadow:0 0 0 10px #d4af3700}to{transform:scale(1);box-shadow:0 0 #d4af3700}}.surah-detail-container{background:var(--bg-primary);overflow:visible;position:relative;padding-top:90px;max-width:1000px;margin:0 auto}.detail-header{position:fixed!important;top:0!important;left:0;right:0;z-index:9999!important;background:var(--bg-secondary);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px #00000026;border-bottom:1px solid var(--border-primary);padding:.6rem 1rem;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px;height:70px;overflow-x:auto;scrollbar-width:none;transform:none!important;will-change:auto}.detail-header::-webkit-scrollbar{display:none}@media(min-width:1025px){.dashboard-layout .detail-header{left:260px!important;width:calc(100% - 260px)!important}}@media(min-width:769px)and (max-width:1024px){.dashboard-layout .detail-header{left:240px!important;width:calc(100% - 240px)!important}}.landing-page .detail-header{left:0!important;right:0!important;width:100%!important}@media(max-width:768px){.detail-header{left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:auto;padding:.8rem 1rem!important;flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.detail-header-top{width:100%;justify-content:space-between}.header-features-row{width:100%;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:5px!important;gap:12px!important;-webkit-overflow-scrolling:touch}.header-features-row::-webkit-scrollbar{height:3px;display:block}.header-features-row::-webkit-scrollbar-thumb{background:#0ca88e66;border-radius:4px}.qori-compact-mini{max-width:140px}.qori-compact-mini select{width:100%}.surah-detail-container{padding-top:160px!important}.surah-title-mini{font-size:1.4rem;max-width:150px;overflow:hidden;text-overflow:ellipsis}}.detail-header{visibility:visible!important;display:flex!important;opacity:1!important;pointer-events:auto!important;isolation:isolate}.animate-fade{animation-fill-mode:forwards}.surah-detail-container,.alquran-container{transform:none!important;animation:fadeInOnly .5s ease forwards!important}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}* .detail-header{position:fixed!important;top:0!important;z-index:9999!important}.detail-header-top{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-features-row{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0!important;border-top:none!important}.nav-group-mini h2,.back-button-mini,.hpb-text{color:var(--text-primary)!important}.nav-group-mini{display:flex;align-items:center;gap:8px}.back-button-mini{background:transparent;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:0 4px;transition:all .2s;border-radius:4px}.back-button-mini:hover{background:#fff3;transform:translate(-3px)}.surah-title-mini{font-family:KFGQPC,serif;font-size:1.6rem;font-weight:400;margin:0;color:var(--text-primary);white-space:nowrap;direction:rtl;line-height:1.5}.juz-badge-mini{background:var(--accent-gradient);color:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 5px #0000001a}.hafalan-progress-badge{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-tertiary);padding:4px 10px;border-radius:10px;border:1px solid var(--border-primary);min-width:90px;flex-shrink:0}.hpb-text{font-size:.65rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.hpb-bar-bg{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.hpb-bar-fill{height:100%;background:#4ade80;transition:width .5s cubic-bezier(.4,0,.2,1)}.controls-group-mini{display:flex;align-items:center;gap:10px}.page-nav-controls{display:flex;align-items:center;gap:8px;background:#fff3;padding:6px 12px;border-radius:50px;border:1px solid rgba(255,255,255,.3)}.page-nav-controls button{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.1rem;padding:2px 6px;border-radius:4px;transition:background .2s}.page-nav-controls button:hover:not(:disabled){background:#fff3}.page-nav-controls button:disabled{opacity:.5;cursor:not-allowed}.page-nav-controls input{background:#0003;border:1px solid rgba(255,255,255,.3);color:var(--text-primary);padding:4px;border-radius:6px;width:60px!important;text-align:center;font-weight:700}.page-nav-controls input:focus{outline:none;border-color:#fff;background:#0006}.qori-compact-mini{display:flex;align-items:center;gap:6px;background:#fff3;padding:4px 10px;border-radius:50px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.qori-compact-mini:hover{background:#ffffff4d;border-color:#ffffff80}.qori-compact-mini:before{content:"🎙️ Qori:";font-size:.7rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.qori-compact-mini select{background:transparent;border:none;color:var(--text-primary)!important;font-size:.85rem;font-weight:700;border-radius:4px;padding:2px 18px 2px 0;outline:none;cursor:pointer;text-transform:capitalize;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.qori-compact-mini select option{background:var(--bg-secondary);color:var(--text-primary);font-weight:500}.progress-mini-btn{text-decoration:none;font-size:.9rem;padding:2px 8px;background:#ffffff40;border-radius:4px;color:#fff}.header-features-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2px 0;border-top:1px solid var(--border-primary)}.feat-btn-mini{background:transparent;border:none;font-size:1.1rem;padding:4px;cursor:pointer;transition:all .2s;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.feat-btn-mini:hover{background:#fff3;transform:translateY(-2px)}.feat-btn-mini[title*=Audio]:hover,.feat-btn-mini[title*=Hentikan]:hover,.feat-btn-mini[title*=Matikan]:hover{background:#ef444466!important}.feat-btn-mini.active{background:#fff;color:var(--accent-primary);box-shadow:0 0 10px #fff6}[data-theme=light] .detail-header .feat-btn-mini.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #0ca88e66}.bismillah{padding:3rem;text-align:center;font-family:KFGQPC,serif;font-size:3rem;color:var(--text-primary);background:var(--bg-secondary);border-radius:24px;margin-bottom:2rem;border:1px solid var(--border-secondary)}.verses-list{padding:1rem}.verse-item{padding:clamp(1.5rem,5vw,3rem);background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:28px;margin-bottom:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.verse-item:before{content:"";position:absolute;inset:10px;border:1px solid rgba(181,158,111,.3);pointer-events:none;border-radius:8px}.verse-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.verse-item.playing{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),0 10px 40px #6366f133;transform:scale(1.02);z-index:10;animation:versePop .5s ease forwards}@keyframes versePop{0%{transform:scale(1);border-color:transparent}50%{transform:scale(1.03)}to{transform:scale(1.02);border-color:var(--accent-primary)}}.verse-item.playing:after{content:"NOW READING";position:absolute;top:1rem;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:800;color:var(--accent-primary);letter-spacing:2px;background:var(--bg-primary);padding:2px 10px;border-radius:20px;box-shadow:0 2px 10px #0000001a;animation:fadeIn .5s ease forwards}.verse-item.selected{background:#fff176!important;border-color:#fbc02d;box-shadow:0 4px 15px #fbc02d4d}.verse-item.selected .verse-arabic{color:#333!important}.verse-top{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;gap:1.5rem;width:100%}.verse-arabic{font-family:KFGQPC,serif;font-size:clamp(2rem,8vw,2.8rem);line-height:2.2;text-align:center;color:var(--text-primary);width:100%;word-spacing:.5rem;direction:rtl;transition:color .3s ease}.verse-arabic.hidden-text{color:transparent!important;-webkit-user-select:none;user-select:none}.verse-translation{font-size:1.05rem;line-height:1.6;color:var(--text-secondary)}.translation-group{display:flex;flex-direction:column;gap:.8rem}.translation-text{margin:0;display:flex;gap:10px;align-items:flex-start}.lang-icon{font-size:1.1rem;min-width:24px}.verse-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.5rem);width:100%;padding:1.5rem 0;margin-top:2rem;border-top:1px solid var(--border-secondary)}.audio-btn,.hafalan-btn,.voice-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;padding:.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;color:var(--text-primary);font-size:1.1rem}.audio-btn:hover,.hafalan-btn:hover:not(.active),.voice-btn:hover{background:var(--accent-gradient);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-sm)}.hafalan-btn.active{background:var(--success);color:#fff;border-color:var(--success)}.mushaf-ayah-end.memorized{position:relative}.mushaf-ayah-end.memorized:after{content:"✓";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;width:clamp(16px,4vw,22px);height:clamp(16px,4vw,22px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.5vw,12px);font-weight:800;box-shadow:0 2px 5px #0000004d;border:2px solid white;z-index:5}.audio-btn.playing{background:var(--error);border-color:var(--error);color:#fff;animation:pulse 1.5s infinite}.hafalan-btn.active{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.hafalan-btn{border-radius:50%!important;font-weight:800}.voice-btn.recording{background:var(--warning);border-color:var(--warning);animation:flash 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.view-mode-selector-wrapper{display:flex;justify-content:center;margin-bottom:2rem;perspective:1000px}.view-mode-selector{display:flex;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:6px;border:1px solid var(--border-secondary);box-shadow:var(--shadow-md);position:relative;z-index:10}.word-v2{font-family:KFGQPC,Amiri,serif;display:inline-block;padding:.2rem .4rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:2.8rem;line-height:1.8}.mode-btn{border:none;background:transparent;color:var(--text-muted);padding:.8rem 1.8rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.mode-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 20px #6366f166;transform:scale(1.05)}.mode-btn:not(.active):hover{background:var(--bg-secondary);color:var(--text-primary)}.surah-selector-container{transition:all .3s ease}.surah-selector-container select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:35px!important}.surah-selector-container select option{background:var(--bg-secondary);color:var(--text-primary)}.surah-selector-container:focus-within{border-color:var(--accent-primary)!important;box-shadow:0 0 10px #6366f133}.mushaf-container{padding:clamp(.5rem,2vw,2rem);padding-bottom:10rem;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;gap:3rem}.mushaf-page-wrapper{width:100%;max-width:min(900px,100vw - 2rem);perspective:2000px}.mushaf-page-paper{background:#fffdf7;padding:3rem 2rem;border-radius:4px;box-shadow:0 4px 15px #00000014,0 1px 4px #0000000a;position:relative;width:100%;min-height:1000px;display:flex;flex-direction:column;container-type:inline-size;border:1px solid #e8e3d5;margin:1.5rem auto;transition:transform .3s ease;color:#2d2d2d}.mushaf-page-paper:before{content:"";position:absolute;inset:0;border:1px solid #c0b7a0;margin:5px;pointer-events:none;border-radius:2px}.mushaf-page-header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;font-size:.9rem;font-weight:600;color:#5c5340;margin-top:1cqw}.mushaf-vertical-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:0}.mushaf-page-container{width:100%;display:flex;flex-direction:column;align-items:center}.mushaf-page-divider{width:100%;height:40px;background:transparent;margin:1rem 0}.page-num-badge{color:var(--accent-primary);font-size:1.2rem;font-weight:700;font-family:KFGQPC,serif;opacity:.6}.mushaf-surah-header{text-align:center;padding:2.5rem 1rem;margin:3rem 0 1.5rem;background:rgba(var(--accent-primary-rgb),.03);border-top:1px solid var(--accent-primary);border-bottom:1px solid var(--accent-primary);border-radius:0;position:relative;z-index:2;box-shadow:none}.surah-title-arabic{font-family:KFGQPC,serif;font-size:6cqw;color:#2d2d2d;margin:0;line-height:1}.bismillah-arabic{font-family:KFGQPC,serif;font-size:2.25rem;color:#2d2d2d;margin:1.25rem 0;text-align:center;line-height:1.2}.mushaf-text-area{direction:rtl;text-align:justify;text-justify:inter-word;line-height:3;padding:1rem 0;z-index:2;width:100%;font-family:KFGQPC,serif}.mushaf-hidden-placeholder{display:inline-block;background:#b59e6f14;border:1px dashed #b59e6f;border-radius:8px;padding:2px 12px;margin:0 4px;cursor:pointer;vertical-align:middle;transition:all .2s ease}.mushaf-placeholder-text{font-size:.85rem;color:#8c734b;font-family:Inter,sans-serif;font-weight:600}.mushaf-ayah-group{display:inline;cursor:pointer;transition:background .3s ease;border-radius:6px;white-space:normal}.mushaf-ayah-group.active{background:#b59e6f26}.mushaf-ayah-group.selected{background:#fff176cc!important;border-radius:4px;box-shadow:0 0 15px #fff17666}.mushaf-word-span{display:inline;padding:0 1px;transition:all .2s ease;font-size:clamp(1.6rem,4.5cqw,2.5rem);word-spacing:normal}.mushaf-word-span:hover{background:#b59e6f33;color:var(--accent-primary)}.mushaf-word-span.playing{color:var(--accent-primary);text-shadow:0 0 10px rgba(181,158,111,.4);background:#b59e6f1a}.mushaf-ayah-end{display:inline-flex;align-items:center;justify-content:center;position:relative;margin:0 10px;vertical-align:middle}@keyframes pulse-mic{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.mushaf-ayah-actions-mini{display:flex;align-items:center;gap:8px;margin-right:12px;background:rgba(var(--accent-primary-rgb),.05);padding:4px 8px;border-radius:20px;border:1px solid rgba(var(--accent-primary-rgb),.1)}.mushaf-mic-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:2px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.mushaf-mic-btn:hover{transform:scale(1.2)}.mushaf-mic-btn.recording{animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ayah-end-main{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;position:relative;cursor:pointer;margin:0 5px;background:none!important}.memorized-check{position:absolute;top:-6px;right:-6px;left:auto;transform:none;background:#27ae60;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0003;border:2px solid white;z-index:5;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.ayah-num-arabic{font-size:1.8rem;font-weight:800;color:var(--accent-primary);font-family:KFGQPC,serif;line-height:1}.blurred-text{filter:blur(10px);opacity:.3}@media(max-width:1024px){.alquran-container{padding:2rem}}@media(max-width:768px){.surah-detail-container{padding-top:100px}.detail-header{left:0;padding:4px .6rem}.surah-title-mini{font-size:1rem}.feat-btn-mini{font-size:1rem;width:30px;height:30px}.mushaf-ayah-text{font-size:1.8rem}}@media(max-width:480px){.alquran-container{padding:0!important;margin:0!important}.surah-detail-container{max-width:100%;padding-top:100px}.mushaf-container{padding:0;gap:0}.mushaf-page-wrapper{max-width:100%;margin:0}.mushaf-page-paper{padding:10cqw 6cqw 5cqw;border-radius:0;border-left:none;border-right:none;width:100vw;aspect-ratio:8.5 / 14}.mushaf-page-paper:before,.mushaf-page-paper:after{left:2cqw;right:2cqw}.mushaf-text-area{padding:0 1.5cqw 6cqh;line-height:5.6cqh}.mushaf-ayah-text{font-size:2.3cqh}.verse-item{padding:1.5rem 1rem;border-radius:20px}.verse-actions{gap:1.5rem}.audio-btn,.hafalan-btn,.voice-btn{width:48px;height:48px;font-size:1.2rem}.qori-compact-mini select{padding:4px 6px;font-size:.85rem}}@media print{.sidebar,.navbar,.detail-header,.features-group,.alquran-header,.search-container,.back-button{display:none!important}body{background:#fff!important}.mushaf-page-paper{box-shadow:none!important;border:none!important;width:100%!important}}@media(max-width:768px){.mushaf-container{padding:0}.mushaf-page-paper{min-height:auto;padding:1rem .5rem;border-radius:0;border:none}.mushaf-text-area{padding:1.5rem 1rem;line-height:2.4}.mushaf-word-span{font-size:1.5rem}.mushaf-ayah-end{width:35px;height:35px}}.verse-highlight-band{display:none}.mushaf-word-hitbox{position:absolute;cursor:pointer;z-index:10;transition:background .2s ease}.mushaf-word-hitbox:hover{background:#b59e6f26}.mushaf-word-hitbox.word-hovered{background:#b59e6f33;box-shadow:0 0 10px #b59e6f4d}.verse-highlight-band-mini{position:absolute;inset:0;background:#ffa500a6;mix-blend-mode:screen;pointer-events:none;animation:fadeIn .3s ease}.mushaf-page-paper{background:#fbf8f3;width:100%;max-width:900px;min-height:auto;height:auto;flex-direction:column;overflow:visible}.mushaf-word-tooltip{position:fixed;transform:translate(-50%,-100%);background:var(--bg-card);border:1px solid var(--accent-primary);padding:12px;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:3000;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px;max-width:250px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:tooltip-pop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.tooltip-arabic{font-family:KFGQPC,serif;font-size:1.5rem;color:var(--accent-primary);line-height:1.2;direction:rtl}.ayat-text{font-family:KFGQPC,Amiri,serif;font-size:2.5rem;line-height:2;color:var(--text-primary);direction:rtl;flex:1;margin-bottom:1rem}.tooltip-transliteration{font-size:.8rem;color:var(--text-muted);font-style:italic}.tooltip-translation{font-size:.9rem;font-weight:600;color:var(--text-primary)}.playing-indicator-overlay{bottom:20px;font-size:.9rem;padding:8px 16px;position:fixed;right:20px;background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:20px;z-index:1000}.surah-selector-wrapper{margin-left:10px}.surah-select-mini{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff!important;padding:4px 25px 4px 10px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;max-width:150px;outline:none;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.surah-select-mini option{background:var(--bg-secondary);color:var(--text-primary)}.surah-select-mini:hover,.surah-select-mini:focus{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.05)}.surah-card-actions{position:absolute;right:50px;top:50%;transform:translateY(-50%);display:flex;gap:8px;opacity:0;transition:all .3s ease}.surah-card:hover .surah-card-actions{opacity:1;right:60px}.mushaf-mic-btn-end{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.mushaf-mic-btn-end:hover{transform:scale(1.1);border-color:var(--accent-primary);color:var(--accent-primary)}.mushaf-mic-btn-end.recording{background:#fee2e2;border-color:#ef4444;color:#ef4444;animation:pulse-mic 1.5s infinite}.btn-card-mushaf{background:rgba(var(--accent-primary-rgb),.1);border:1px solid var(--accent-primary);color:var(--accent-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.btn-card-mushaf:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}@media(max-width:768px){.surah-card-actions{opacity:1;right:40px;position:relative;transform:none;top:auto;margin-top:10px;justify-content:flex-end}.surah-select-mini{max-width:120px;font-size:.8rem}.detail-header{padding:4px 8px}.header-features-row{overflow-x:auto;justify-content:flex-start!important;gap:15px;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.header-features-row::-webkit-scrollbar{display:none}.qori-compact-mini{padding:3px 8px;flex-shrink:0}.feat-btn-mini{flex-shrink:0}.page-nav-controls{padding:4px 8px;scale:.9}}@media(max-width:480px){.detail-header-top{flex-wrap:wrap;gap:8px}.nav-group-mini{width:100%;justify-content:space-between}.controls-group-mini{width:100%;justify-content:center}.surah-detail-container{padding-top:130px}.mushaf-page-paper{padding:1.5rem 1rem}.verse-arabic{font-size:1.8rem}}@media(min-width:769px)and (max-width:1024px){.detail-header{padding:8px 1.5rem}.surah-detail-container{max-width:90%}}.voice-feedback-card{margin-top:1.5rem;padding:1.2rem;border-radius:18px;animation:slideUp .3s ease-out;border-left:6px solid #ccc;background:var(--bg-tertiary)}.voice-feedback-card.success{border-left-color:var(--success);background:var(--success-bg)}.voice-feedback-card.failed{border-left-color:var(--error);background:var(--error-bg)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-weight:700}.feedback-diff{font-size:1.1rem;line-height:1.8;background:#ffffff0d;padding:1rem;border-radius:12px}.diff-word{padding:2px 4px;border-radius:4px}.diff-word.correct{color:var(--success)}.diff-word.wrong{color:var(--error);text-decoration:line-through}.diff-word.missing{color:var(--warning);border-bottom:2px dashed var(--warning)}.feedback-hint{margin-top:.8rem;font-size:.9rem;font-style:italic;color:var(--text-muted)}.mushaf-voice-feedback{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);z-index:100;min-width:200px;background:var(--bg-secondary);padding:.8rem 1.2rem;border-radius:15px;box-shadow:var(--shadow-lg);border:1px solid var(--border-secondary);animation:fadeIn .3s ease}.mushaf-voice-feedback.success{border-bottom:4px solid var(--success)}.mushaf-voice-feedback.failed{border-bottom:4px solid var(--error)}.mvf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.mvf-text{font-size:.9rem;color:var(--text-secondary);text-align:center}.verse-number-circle{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--accent-primary);font-size:2.2rem;margin-bottom:1.5rem;background:transparent}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.surah-content-footer{text-align:center;margin-top:2rem;padding:2rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-secondary)}.footer-count{color:var(--text-muted);font-weight:600;margin-bottom:1rem}.footer-warning{color:var(--warning);font-weight:700;margin-bottom:1rem}.refresh-surah-btn{background:var(--bg-tertiary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.refresh-surah-btn:hover{background:var(--accent-primary);box-shadow:0 4px 12px #0d94884d;transform:translateY(-2px)}@media(max-width:768px){.dashboard-main.alquran-detail-view{margin-left:0!important;width:100%!important}.alquran-detail-view .detail-header{left:0!important;width:100%!important}}.tafsir-list{display:flex;flex-direction:column;gap:2rem;padding:2rem 0 5rem;max-width:900px;margin:0 auto}.tafsir-item{background:var(--bg-card, #ffffff);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-secondary, #e2e8f0)}.tafsir-ayat-num{display:inline-block;background:var(--accent-primary, #0d9488);color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem}.tafsir-content{display:flex;flex-direction:column;gap:1.5rem}.tafsir-section{position:relative;padding-left:1.5rem;border-left:4px solid var(--accent-primary, #0d9488)}.tafsir-section.en{border-left-color:#3b82f6;margin-top:1rem}.tafsir-text{font-size:1.1rem;line-height:2;color:var(--text-primary, #1e293b);text-align:justify;white-space:pre-wrap;font-family:Inter,system-ui,sans-serif}.lang-badge{font-size:1.2rem;margin-right:.5rem;vertical-align:middle;display:inline-block}@media(prefers-color-scheme:dark){.tafsir-item{background:var(--bg-card, #1e293b);border-color:var(--border-secondary, #334155)}.tafsir-text{color:var(--text-primary, #f1f5f9)}}@media(max-width:640px){.tafsir-item{padding:1.25rem}.tafsir-text{font-size:1rem;line-height:1.8}}.mon-main-p{padding:2rem;max-width:1400px;margin-left:0;animation:fadeIn .5s ease-out;transition:all .3s ease}.mon-header-p{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.mon-title-p h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.mon-title-p p{color:var(--text-muted);font-size:clamp(.9rem,2vw,1.1rem)}.mon-selector-p{background:var(--bg-secondary);border-radius:28px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);margin-bottom:3rem}.mon-sel-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mon-sel-header-p h3{font-size:1.1rem;font-weight:800;color:var(--text-secondary);margin:0}.mon-search-p input{padding:.8rem 1.5rem;border-radius:14px;border:1.5px solid var(--border-secondary);background:var(--bg-primary);width:300px;max-width:100%;font-weight:600;transition:all .2s}.mon-search-p input:focus{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #4f46e51a}.mon-tabs-p{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.mon-tabs-p::-webkit-scrollbar{height:4px}.mon-tabs-p::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.mon-tab-p{background:var(--bg-primary);border:2px solid transparent;padding:1rem 1.5rem;border-radius:18px;cursor:pointer;transition:all .2s;text-align:center;min-width:120px}.mon-tab-p:hover{transform:translateY(-3px);border-color:#4f46e5}.mon-tab-p.is-active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 10px 15px -3px #4f46e54d}.mon-tab-p span:first-child{display:block;font-weight:800;font-size:1rem}.mon-tab-p span:last-child{font-size:.8rem;font-weight:600;opacity:.8}.mon-section-p{background:var(--bg-secondary);border-radius:28px;padding:2.5rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary)}.mon-sec-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.mon-sec-header-p h2{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:var(--text-primary)}.mon-badge-p{padding:.4rem 1rem;background:var(--success-bg);color:var(--success);border-radius:50px;font-weight:800;font-size:.75rem}.mon-table-p{width:100%;border-collapse:separate;border-spacing:0 .75rem}.mon-table-p th{text-align:left;padding:1rem 1.5rem;color:var(--text-muted);font-weight:700;font-size:.8rem;text-transform:uppercase}.mon-row-p{background:var(--bg-primary);transition:all .2s}.mon-row-p:hover{background:var(--bg-tertiary);transform:scale(1.01)}.mon-row-p td{padding:1.25rem 1.5rem}.mon-row-p td:first-child{border-radius:16px 0 0 16px}.mon-row-p td:last-child{border-radius:0 16px 16px 0}.mon-name-cell-p{display:flex;align-items:center;gap:1rem}.mon-avatar-p{width:40px;height:40px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800}.mon-name-stack-p strong{display:block;color:var(--text-primary)}.mon-name-stack-p small{color:#4f46e5;font-weight:700}.mon-count-pill-p{padding:.4rem 1rem;background:#dcfce7;color:#15803d;border-radius:12px;font-weight:800;font-size:.9rem}.mon-bar-p{width:100%;height:8px;background:var(--border-primary);border-radius:10px;overflow:hidden;margin-bottom:.25rem}.mon-fill-p{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px}.mon-btn-view-p{padding:.6rem 1.25rem;background:var(--bg-secondary);border:1.5px solid var(--border-secondary);border-radius:12px;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .2s}.mon-btn-view-p:hover{border-color:#4f46e5;color:#4f46e5;background:#f5f3ff}.mon-modal-quran-p{max-width:700px}.mon-modal-stats-p{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.mon-modal-stat-card-p{background:var(--bg-primary);padding:1.5rem;border-radius:20px;text-align:center;border:1px solid var(--border-secondary)}.mon-modal-stat-card-p span:first-child{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary)}.mon-modal-stat-card-p span:last-child{font-size:.85rem;color:var(--text-muted);font-weight:600}.mon-hafalan-groups-p{display:flex;flex-direction:column;gap:1rem}.mon-surat-box-p{background:var(--bg-primary);padding:1.25rem;border-radius:18px;border:1px solid var(--border-secondary)}.mon-surat-title-p{font-weight:800;color:#4f46e5;border-bottom:1px dashed #ced4da;padding-bottom:.5rem;margin-bottom:.75rem}.mon-ayat-badges-p{display:flex;flex-wrap:wrap;gap:.5rem}.mon-ayat-badge-p{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:8px;font-size:.85rem;font-weight:700;color:var(--text-secondary);box-shadow:0 1px 2px #0000000d}@media(max-width:1024px){.mon-main-p{margin-left:0;padding:5rem 1.5rem 1.5rem}.mon-header-p{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.mon-sel-header-p{flex-direction:column;align-items:flex-start;gap:1.25rem}.mon-search-p,.mon-search-p input{width:100%}}@media(max-width:768px){.mon-section-p{padding:1.5rem}.mon-table-container-p{overflow-x:auto;margin:0 -1rem;padding:0 1rem}.mon-table-p{min-width:600px}.mon-avatar-p{width:32px;height:32px;font-size:.8rem}.mon-row-p td{padding:1rem .75rem}}@media(max-width:480px){.mon-title-p h1{font-size:1.75rem}.mon-tabs-p{gap:.75rem}.mon-tab-p{min-width:100px;padding:.75rem 1rem}.mon-name-stack-p strong{font-size:.9rem}}.dashboard-main-premium{margin-left:260px;animation:fadeIn .5s ease-out}.bilingual-header{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:4rem 2rem;color:#fff;text-align:center;border-radius:0 0 50px 50px;margin-bottom:4rem;box-shadow:0 15px 35px #4f46e533;position:relative;overflow:hidden}.bilingual-header:after{content:"🌍";position:absolute;bottom:-20px;left:-20px;font-size:8rem;opacity:.1;transform:rotate(15deg)}.bilingual-header h1{font-size:2.75rem;font-weight:850;margin-bottom:1rem;letter-spacing:-1px;line-height:1.2}.bilingual-header p{font-size:1.25rem;opacity:.9;font-weight:500}.bilingual-teaser{margin:-2rem auto 3rem!important;max-width:900px}.surah-lock-overlay{position:absolute;inset:0;background:#0000001a;border-radius:28px;display:flex;align-items:center;justify-content:center;z-index:5}.surah-lock-overlay span{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.levels-timeline{position:relative;max-width:900px;margin:0 auto;padding:0 2rem 4rem 60px}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:6px;background:var(--border-primary);border-radius:10px}.timeline-line.active{background:linear-gradient(to bottom,#4f46e5,#6366f1)}.level-card-wrapper{position:relative;margin-bottom:2.5rem}.level-dot{position:absolute;left:-53px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:4px solid var(--border-primary);z-index:10;transition:all .4s;display:flex;align-items:center;justify-content:center}.level-dot.active{border-color:#6366f1;background:#6366f1;box-shadow:0 0 15px #6366f180}.level-dot.completed{border-color:#22c55e;background:#22c55e;box-shadow:0 0 15px #22c55e66}.level-card{background:var(--bg-secondary);border-radius:28px;padding:2rem;display:flex;align-items:center;gap:2rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.level-card:hover:not(.locked){transform:translate(15px);box-shadow:0 25px 45px #4f46e526;border-color:#6366f1}.level-card.locked{background:var(--bg-tertiary);opacity:.7;filter:grayscale(1);cursor:not-allowed}.level-icon{font-size:2.5rem;background:var(--bg-tertiary);width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;border-radius:20px}.level-info h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.level-info span{color:var(--text-muted);font-weight:600;font-size:1rem}.quiz-container{max-width:900px;margin:2rem auto;padding:0 1.5rem}.quiz-header{text-align:center;margin-bottom:3rem}.quiz-header h2{font-size:2rem;font-weight:850;color:var(--text-primary)}.question-card{background:var(--bg-secondary);padding:4rem 2rem;border-radius:40px;text-align:center;box-shadow:var(--shadow-md);margin-bottom:3rem;border:1px solid var(--border-primary)}.question-card h1{font-family:Amiri,serif;font-size:4.5rem;color:var(--text-primary);direction:rtl}.dual-options-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem}.language-section{background:var(--bg-tertiary);border-radius:32px;padding:2.5rem;border:1px solid var(--border-secondary)}.section-title{font-size:1.2rem;font-weight:850;text-align:center;margin-bottom:2rem;color:var(--text-secondary)}.options-grid{display:grid;gap:1.5rem}.option-btn{background:var(--bg-secondary);border:2px solid var(--border-secondary);padding:1.5rem;border-radius:20px;font-size:1.15rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:1rem}.option-btn.selected{border-color:#fbbf24;background:#fffbeb;color:#b45309}.option-btn.correct{background:#22c55e;border-color:#22c55e;color:#fff}.option-btn.wrong{background:#ef4444;border-color:#ef4444;color:#fff}.checkbox-dummy{width:24px;height:24px;border-radius:6px;border:2.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-screen{background:var(--bg-secondary);border-radius:50px;padding:5rem 3rem;text-align:center;box-shadow:var(--shadow-lg)}.score-circle{width:180px;height:180px;background:var(--bg-tertiary);border:8px solid #22c55e;border-radius:50%;margin:3rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:4rem;font-weight:900;color:#166534}.locked-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.locked-modal-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}.locked-modal-message strong{color:#6366f1}.locked-modal-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:14px;padding:14px 32px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4f46e54d}.locked-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566;filter:brightness(1.1)}@media(max-width:1024px){.dashboard-main-premium{margin-left:0;padding:0}}@media(max-width:768px){.bilingual-header{padding:4rem 1.5rem}.bilingual-header h1{font-size:2rem}.levels-timeline{padding-left:50px;padding-right:1rem}.dual-options-container{grid-template-columns:1fr}.question-card{padding:3rem 1.5rem;border-radius:30px}.question-card h1{font-size:3rem}.level-card{padding:1.5rem;gap:1rem}.level-icon{width:60px;height:60px;min-width:60px;font-size:1.75rem}}@media(max-width:480px){.locked-modal-content{padding:2rem 1.5rem}.locked-modal-icon{font-size:3rem}.locked-modal-title{font-size:1.5rem}.level-info h3{font-size:1.2rem}.level-dot{left:-43px;width:20px;height:20px}.timeline-line{left:15px}}.students-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}.s-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem}.s-header-info-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.s-header-info-p p{color:var(--text-muted);font-size:1.1rem}.s-btn-add-p{padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #4f46e54d;transition:all .3s;display:flex;align-items:center;gap:.75rem}.s-btn-add-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #4f46e566}.s-filters-p{background:var(--bg-secondary);padding:1.25rem 2rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary);margin-bottom:2.5rem;display:flex;align-items:center;gap:1.5rem}.s-filters-p label{font-weight:700;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.s-select-p{padding:.75rem 1.25rem;border-radius:12px;border:1.5px solid var(--border-secondary);font-weight:600;background:var(--bg-secondary);min-width:250px}.s-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.s-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);transition:all .3s;display:flex;flex-direction:column}.s-card-p:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.s-card-top-p{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.s-avatar-p{width:64px;height:64px;background:#eef2ff;color:#4f46e5;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.s-actions-p{display:flex;gap:.5rem}.s-btn-icon-p{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.s-btn-edit-p{background:#eff6ff;color:#3b82f6}.s-btn-delete-p{background:#fee2e2;color:#ef4444}.s-content-p h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.s-meta-item-p{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.s-meta-item-p .lbl{color:var(--text-muted);font-weight:500}.s-meta-item-p .val{color:var(--text-primary);font-weight:700}.s-status-tag-p{margin-top:1rem;padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:800;display:inline-block;width:fit-content}.s-status-tag-p.active{background:#dcfce7;color:#166534}.s-status-tag-p.inactive{background:#f1f5f9;color:#475569}@media(max-width:1024px){.students-main-p{margin-left:0;padding:5rem 1rem 2rem}.s-header-p{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.s-header-info-p h1{font-size:1.75rem}.s-btn-add-p{width:100%;justify-content:center}.s-filters-p{flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem}.s-select-p{min-width:0}}@media(max-width:640px){.s-grid-p{grid-template-columns:1fr}.s-avatar-p{width:48px;height:48px;font-size:1.25rem}}.classes-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.classes-main-p{margin-left:0;padding:5rem 1rem 2rem}}.c-header-p{margin-bottom:3rem}.c-header-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.c-header-p p{color:var(--text-muted);font-size:1.1rem}.c-controls-p{background:var(--bg-secondary);padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary);margin-bottom:2rem}.c-search-p{position:relative;max-width:500px}.c-search-p input{width:100%;padding:.75rem 1rem .75rem 3rem;border-radius:12px;border:1.5px solid var(--border-secondary);font-size:1rem;transition:all .2s}.c-search-p:before{content:"🔍";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.c-table-card-p{background:var(--bg-secondary);border-radius:24px;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);overflow:hidden}.c-table-p{width:100%;border-collapse:collapse}.c-table-p th{background:var(--bg-primary);padding:1.25rem 2rem;text-align:left;font-size:.85rem;text-transform:uppercase;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1.5px solid var(--border-secondary)}.c-table-p td{padding:1.5rem 2rem;border-bottom:1px solid var(--border-primary);vertical-align:middle}.c-class-info-p strong{display:block;font-size:1.1rem;color:var(--text-primary);margin-bottom:.25rem}.c-class-info-p span{color:var(--text-muted);font-size:.85rem;font-weight:500}.c-walas-p{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#eef2ff;color:#4f46e5;border-radius:12px;font-weight:700;font-size:.95rem;width:fit-content}.c-pengampu-list-p{display:flex;flex-wrap:wrap;gap:.5rem}.c-mapel-tag-p{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;font-size:.85rem;font-weight:600}.c-btn-edit-p{padding:.6rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.c-btn-edit-p:hover{background:var(--border-primary);transform:translate(-3px)}.c-modal-content-p{padding:2.5rem}.c-modal-header-p{margin-bottom:2rem}.c-form-grid-p{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.c-form-group-full-p{grid-column:1 / -1;background:var(--bg-primary);padding:1.5rem;border-radius:20px;border:1px solid var(--border-secondary)}@media(max-width:1024px){.c-form-grid-p{grid-template-columns:1fr}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:1.8rem;font-weight:800;margin:0;color:var(--text-primary)}.dashboard-header p{margin:.5rem 0 0;color:var(--text-muted)}.add-btn-premium{background:var(--accent-primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e533}.add-btn-premium:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d;background:var(--accent-secondary)}.add-btn-premium span{font-size:1.2rem;font-weight:700}.premium-input,.premium-select{padding:.75rem 1rem;border-radius:12px;border:1.5px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;transition:all .2s}.premium-input:focus,.premium-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--info-bg)}.table-container-premium{box-shadow:0 4px 6px -1px #0000000d}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{background:var(--bg-tertiary);padding:1.2rem 1.5rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-secondary)}.premium-table td{padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:.95rem}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover{background:var(--bg-primary)}.action-btn-mini{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.action-btn-mini.edit{background:#e0f2fe;color:#0369a1}.action-btn-mini.delete{background:#fee2e2;color:#b91c1c}.action-btn-mini:hover{transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content-premium{background:var(--bg-secondary);border-radius:24px;padding:2.5rem;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-group-p label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.form-group-p textarea{width:100%;resize:vertical}.save-btn-premium{background:var(--accent-primary);color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-weight:600;cursor:pointer}.btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);padding:.8rem 2rem;border-radius:12px;font-weight:600;cursor:pointer}.btn-cancel:hover{background:#e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stat-card-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.kasus-saya-main-p{padding:2.5rem;max-width:1000px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.kasus-saya-main-p{margin-left:0}}.kasus-saya-header-p{margin-bottom:3rem;text-align:center}.kasus-saya-header-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.kasus-saya-header-p p{color:var(--text-muted);font-size:1.1rem}.stats-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-p{background:var(--bg-secondary);padding:1.5rem;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);display:flex;align-items:center;gap:1.25rem;transition:all .2s}.stat-p:hover{transform:translateY(-5px)}.stat-icon-p{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.stat-info-p{display:flex;flex-direction:column}.stat-val-p{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-lbl-p{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kasus-list-p{display:flex;flex-direction:column;gap:1.5rem}.card-kasus-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all .3s;position:relative;overflow:hidden}.card-kasus-p:hover{box-shadow:0 20px 25px -5px #0000001a;border-color:#cbd5e1}.card-kasus-p.done{border-left:6px solid #22c55e}.card-kasus-p.pending{border-left:6px solid #f59e0b}.k-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.kat-badge-p{padding:.4rem .875rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.k-date-p{font-size:.9rem;color:var(--text-disabled);font-weight:600}.k-desc-p{font-size:1.1rem;color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem;font-weight:500}.k-sol-p{background:var(--bg-tertiary);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;border-left:4px solid #22c55e}.k-sol-p strong{display:block;color:#166534;margin-bottom:.25rem;font-size:.9rem}.k-sol-p p{margin:0;color:#166534;font-size:.95rem}.k-footer-p{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--border-primary)}.k-poin-p{font-weight:700;color:var(--text-muted)}.k-poin-p b{color:#ef4444;font-size:1.15rem}.k-poin-p.zero b{color:#22c55e}.k-stat-p{font-weight:700;font-size:.85rem;padding:.4rem 1rem;border-radius:20px}.k-stat-p.done{background:#dcfce7;color:#166534}.k-stat-p.pending{background:#fef3c7;color:#92400e}.empty-p{text-align:center;padding:5rem;background:var(--bg-tertiary);border-radius:32px;border:2px dashed var(--border-primary)}.empty-p .icon{font-size:5rem;margin-bottom:1rem}.empty-p h3{font-size:1.75rem;font-weight:800;color:#166534;margin-bottom:.5rem}.empty-p p{color:#166534;font-size:1.1rem;opacity:.8}.pengaduan-main-p{padding:2.5rem;max-width:1100px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.pengaduan-main-p{margin-left:0}}.p-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem}.p-header-info-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.p-header-info-p p{color:var(--text-muted);font-size:1.1rem}.btn-add-p{padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #4f46e54d;transition:all .3s;display:flex;align-items:center;gap:.75rem}.btn-add-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #4f46e566}.p-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.p-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all .3s;display:flex;flex-direction:column}.p-card-p:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.p-card-header-p{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.p-mapel-p{background:var(--bg-tertiary);color:var(--text-secondary);padding:.4rem .875rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.p-status-p{padding:.4rem .875rem;border-radius:10px;font-size:.75rem;font-weight:800}.p-content-p h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.p-teacher-p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.p-desc-p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.p-response-p{background:var(--bg-tertiary);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;border-left:4px solid #22c55e}.p-response-p strong{display:block;color:#166534;font-size:.85rem;margin-bottom:.25rem}.p-response-p p{margin:0;color:#166534;font-size:.95rem}.p-video-p{margin-bottom:1.5rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.p-footer-p{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--border-primary)}.p-token-p{font-size:.8rem;color:#94a3b8;font-weight:700}.p-actions-p{display:flex;gap:.75rem}.p-btn-icon{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.p-btn-edit{background:#eff6ff;color:#3b82f6}.p-btn-delete{background:#fee2e2;color:#ef4444}.p-btn-icon:hover{transform:scale(1.1)}@media(max-width:640px){.p-header-p{flex-direction:column;align-items:stretch;text-align:center}.btn-add-p{justify-content:center}}.tanggapan-main-p{padding:2.5rem;max-width:1200px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.tanggapan-main-p{margin-left:0;padding:5rem 1rem 2rem}}.t-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.t-header-info-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.t-header-info-p p{color:var(--text-muted);font-size:1.1rem}.t-pending-badge-p{background:#fee2e2;color:#dc2626;padding:.75rem 1.5rem;border-radius:12px;font-weight:800;font-size:.9rem;box-shadow:0 4px 6px -1px #dc26261a}.t-tabs-p{display:flex;gap:1rem;margin-bottom:3rem;background:var(--bg-tertiary);padding:.5rem;border-radius:16px;width:fit-content}.t-tab-p{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-muted)}.t-tab-p.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000000d}.t-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.t-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);transition:all .3s;display:flex;flex-direction:column}.t-card-p:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.t-card-p.is-pending{border-top:5px solid #f59e0b}.t-card-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.t-mapel-tag-p{background:#f1f5f9;padding:.4rem .8rem;border-radius:10px;font-size:.75rem;font-weight:800;color:#475569}.t-status-tag-p{padding:.4rem .8rem;border-radius:10px;font-size:.75rem;font-weight:800}.t-content-p h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.t-siswa-p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.t-desc-p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.t-btn-respond-p{margin-top:auto;width:100%;padding:1rem;border-radius:12px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.t-btn-respond-p:hover{border-color:#4f46e5;color:#4f46e5;background:#f5f3ff}.t-modal-detail-p{background:var(--bg-primary);padding:1.5rem;border-radius:20px;margin-bottom:2rem;border:1px solid var(--border-secondary)}.t-detail-row-p{display:flex;margin-bottom:.75rem;font-size:.95rem}.t-detail-row-p .lbl{width:140px;color:var(--text-muted);font-weight:600}.t-detail-row-p .val{color:var(--text-primary);font-weight:700;flex:1}.t-modal-desc-p{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed #cbd5e1}.t-modal-desc-p strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.t-modal-desc-p p{margin:0;color:var(--text-secondary);line-height:1.5;font-size:1rem}@media(max-width:640px){.t-header-p{flex-direction:column;align-items:flex-start;gap:1rem}.t-tabs-p{width:100%;overflow-x:auto}}.kosakata-container{padding:0;max-width:1400px;margin-left:0;animation:fadeIn .5s ease-out;transition:margin-left .3s ease}.kosakata-menu .menu-header{background:linear-gradient(135deg,#f59e0b,#fbbf24);padding:3rem 2rem;border-radius:0 0 40px 40px;text-align:center;color:#fff;margin-bottom:3rem;box-shadow:0 10px 30px #f59e0b33;position:relative;overflow:hidden}.kosakata-menu .menu-header:before{content:"📖";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;transform:rotate(-15deg)}.kosakata-menu .menu-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:.75rem;letter-spacing:-1px}.kosakata-menu .menu-header p{font-size:clamp(1rem,2vw,1.25rem);opacity:.9;max-width:600px;margin:0 auto}.kosakata-teaser-banner{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;padding:1.5rem 2rem;margin:-1rem 2rem 2rem;display:flex;align-items:center;gap:1rem;color:#fff;box-shadow:0 10px 30px #0ea5e94d}.teaser-icon{font-size:2.5rem;flex-shrink:0}.teaser-content h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.teaser-content p{margin:0;font-size:.9rem;opacity:.9;line-height:1.5}.teaser-content strong{color:#fef08a}@media(max-width:768px){.kosakata-teaser-banner{flex-direction:column;text-align:center;margin:-1rem 1rem 2rem;padding:1.25rem}.teaser-icon{font-size:2rem}.teaser-content h3{font-size:1rem}.teaser-content p{font-size:.85rem}}.search-container{padding:0 2rem;margin-top:-2.5rem;margin-bottom:3rem;display:flex;justify-content:center}.search-input{width:100%;max-width:600px;padding:1.25rem 2rem;border-radius:20px;border:none;background:var(--bg-secondary);box-shadow:var(--shadow-lg);color:var(--text-primary);transition:all .3s}.search-input:focus{outline:none;transform:translateY(-3px);box-shadow:0 20px 40px #00000026}.juz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0 2rem 4rem}@media(max-width:640px){.juz-grid{grid-template-columns:1fr;padding:0 1rem 3rem;gap:1rem}}.juz-card{background:var(--bg-secondary);border-radius:28px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;position:relative}.juz-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px -12px #f59e0b33;border-color:#fbbf24}.juz-card.locked{opacity:.7;cursor:not-allowed;border-style:dashed;border-color:var(--border-secondary)}.juz-card.locked:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#94a3b8}.surah-lock-overlay{position:absolute;inset:0;background:#00000026;border-radius:28px;display:flex;align-items:center;justify-content:center;z-index:5}.surah-lock-overlay span{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.juz-number{position:absolute;top:1.5rem;right:1.5rem;width:45px;height:45px;background:var(--bg-tertiary);color:#f59e0b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800}.juz-info{display:flex;flex-direction:column;gap:.5rem;padding-right:60px}.juz-info strong{font-size:1.4rem;color:var(--text-primary);font-weight:800;line-height:1.3}.juz-info span{color:var(--text-muted);font-size:.95rem;font-weight:600;line-height:1.4}.juz-progress{background:var(--bg-tertiary);height:10px;border-radius:10px;overflow:hidden;margin-top:3rem}.juz-progress .progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:10px}.juz-card .progress-text{font-size:.85rem;color:var(--text-muted);font-weight:600;text-align:left;margin-top:.25rem}.kosakata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1.25rem;padding:2rem;background:var(--bg-secondary);border-radius:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.ayat-circle{aspect-ratio:1;border-radius:20px;background:var(--bg-tertiary);border:2.5px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .3s;position:relative}.ayat-circle:hover:not(.locked){background:var(--bg-secondary);border-color:#f59e0b;color:#f59e0b;transform:translateY(-5px) scale(1.1)}.ayat-circle.completed{background:var(--bg-tertiary);border-color:#22c55e;color:#166534}.ayat-circle.locked{background:var(--bg-tertiary);opacity:.6;cursor:not-allowed;border-style:dashed}.ayat-circle .check-icon{position:absolute;top:-5px;right:-5px;background:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #22c55e4d}.ayat-circle .lock-icon{position:absolute;top:-5px;right:-5px;background:#94a3b8;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center}.kosakata-game{max-width:800px;margin:2rem auto;padding:0 1rem;width:100%}.game-info{display:flex;gap:1rem}.level-tag,.progress-tag,.score-tag{padding:.6rem 1.2rem;border-radius:12px;font-weight:800;font-size:.9rem}.level-tag{background:var(--bg-tertiary);color:#f59e0b}.progress-tag{background:var(--bg-tertiary);color:#3b82f6}.score-tag{background:var(--bg-tertiary);color:#22c55e}.game-card.kosakata-v2{background:var(--bg-secondary);border-radius:40px;padding:4rem 3rem;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.arabic-word{font-family:KFGQPC,Amiri,serif;font-size:clamp(2.5rem,10vw,5rem);color:var(--text-primary);margin-bottom:2.5rem;direction:rtl;line-height:1.6;word-break:break-word}.tf-content-box{background:var(--bg-tertiary);padding:2.5rem;border-radius:32px;margin-bottom:2.5rem}.displayed-answer-v2{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:850;color:#f59e0b;margin:1.5rem 0;display:block}.tf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tf-btn{padding:1.25rem;border-radius:20px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s;border:none}.tf-btn.benar{background:var(--bg-tertiary);color:#22c55e}.tf-btn.salah{background:var(--bg-tertiary);color:#ef4444}.tf-btn.correct{background:#22c55e!important;color:#fff!important}.tf-btn.wrong{background:#ef4444!important;color:#fff!important}.option-btn-v2{width:100%;padding:1.5rem;margin-bottom:1rem;border-radius:20px;background:var(--bg-tertiary);border:2px solid var(--border-secondary);color:var(--text-primary);font-size:1.25rem;font-weight:700;transition:all .3s}.option-btn-v2:hover:not(:disabled){background:var(--bg-secondary);border-color:#f59e0b;transform:scale(1.02)}.option-btn-v2.correct{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}.option-btn-v2.wrong{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.result-card{background:var(--bg-secondary);border-radius:40px;padding:4rem;text-align:center;max-width:500px;margin:4rem auto;box-shadow:0 40px 60px -15px #0000001a}.score-circle{width:160px;height:160px;background:var(--bg-tertiary);border:6px solid #f59e0b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto}.score-value{font-size:3rem;font-weight:900;color:#f59e0b}.retry-btn{width:100%;padding:1.25rem;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;background:var(--bg-tertiary);border:none;transition:all .3s}.retry-btn:hover{background:var(--bg-tertiary);opacity:.9}@media(max-width:1024px){.kosakata-container{margin-left:0;padding:0}.search-container{padding:0 1.5rem}}@media(max-width:768px){.kosakata-menu .menu-header{padding:2.5rem 1.5rem;border-radius:0 0 30px 30px}.kosakata-menu .menu-header h1{font-size:2rem}.juz-card{padding:1.5rem}.game-header{flex-direction:column;gap:1rem;text-align:center}.game-info{flex-wrap:wrap;justify-content:center;width:100%}.game-card.kosakata-v2{padding:2.5rem 1.5rem;border-radius:30px}.tf-buttons{grid-template-columns:1fr}.kosakata-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));padding:1rem;gap:.75rem;border-radius:20px}.ayat-circle{font-size:1rem;border-width:2px}.result-card{padding:2rem 1.5rem;margin:2rem 1rem}}@media(max-width:480px){.search-input{padding:1rem 1.5rem}.level-tag,.progress-tag,.score-tag{font-size:.8rem;padding:.4rem .8rem}.tf-content-box{padding:1.5rem}.option-btn-v2{padding:1.2rem;font-size:1.1rem}}.locked-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.locked-modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.locked-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff80;font-size:28px;cursor:pointer;transition:color .2s;line-height:1}.locked-modal-close:hover{color:#fff}.locked-modal-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(245,158,11,.4))}.locked-modal-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.locked-modal-message{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.locked-modal-message strong{color:#f59e0b}.locked-modal-info{background:#0000004d;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.locked-modal-info .info-item{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:.95rem;padding:.5rem 0}.locked-modal-info .info-icon{font-size:1rem}.locked-modal-hint{color:#64748b;font-size:.9rem;margin:0 0 1.5rem;font-style:italic}.locked-modal-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;padding:14px 32px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #f59e0b4d}.locked-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66;filter:brightness(1.1)}@media(max-width:480px){.locked-modal-content{padding:2rem 1.5rem}.locked-modal-icon{font-size:3rem}.locked-modal-title{font-size:1.5rem}}.monitoring-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.monitoring-main{flex:1;padding:2.5rem;margin-left:260px;transition:all .3s ease}.monitoring-header{margin-bottom:2.5rem}.monitoring-header h1{font-size:2.25rem;color:var(--text-primary);margin-bottom:8px;font-weight:800}.monitoring-header p{color:var(--text-muted);font-size:1.1rem}.class-selector{background:var(--bg-secondary);border-radius:24px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-primary)}.selector-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.class-selector h3{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:700}.search-box-mini input{padding:.75rem 1.25rem;border-radius:12px;border:1.5px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;width:250px;transition:all .2s}.search-box-mini input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #4f46e51a}.class-tabs{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.class-tabs::-webkit-scrollbar{height:4px}.class-tabs::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}.class-tab{background:var(--bg-primary);border:2px solid transparent;padding:.875rem 1.5rem;border-radius:14px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;min-width:120px}.class-tab:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.class-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 10px 15px -3px #4f46e533}.tab-count{font-size:.75rem;font-weight:600;opacity:.9;margin-top:2px}.progress-section{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.section-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:800}.role-badge{padding:.5rem 1rem;background:#eef2ff;color:#4f46e5;border-radius:50px;font-size:.85rem;font-weight:700}@media(max-width:1024px){.monitoring-main{margin-left:0;padding:5rem 1rem 2rem}.monitoring-header h1{font-size:1.75rem}.selector-title-row{flex-direction:column;align-items:stretch;gap:1rem}.search-box-mini input{width:100%}.class-tabs{flex-wrap:nowrap}}@media(max-width:768px){.progress-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.progress-table{min-width:650px}.progress-section{padding:1.25rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.monitor-container{padding:2rem;background:var(--bg-primary);min-height:calc(100vh - 40px);color:var(--text-primary)}.monitor-header{margin-bottom:2rem;border-bottom:1px solid var(--border-primary);padding-bottom:1rem}.monitor-header h1{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.avg-score{font-weight:700;font-size:1.1rem;padding:.25rem .75rem;border-radius:6px}.avg-score.good{color:#10b981;background:#10b9811a}.avg-score.poor{color:#ef4444;background:#ef44441a}.profile-avatar.bank-soal{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.quiz-item.pass{border-left:4px solid #10b981}.quiz-item.fail{border-left:4px solid #ef4444}.att-time-small{font-size:.7rem;color:#64748b;margin-top:.2rem}.page-container{display:flex;min-height:100vh;background:var(--bg-primary)}.ks-main-content{flex:1;margin-left:260px;margin-right:0;max-width:100%;transition:margin-left .3s ease;width:calc(100% - 260px);position:relative}.ks-page{min-height:100vh;padding:2rem;background:var(--bg-primary)}@media(max-width:1024px){.ks-main-content{margin-left:240px;width:calc(100% - 240px)}}@media(max-width:768px){.ks-main-content{margin-left:0;width:100%;padding-top:4.5rem}.ks-page{padding:1rem}.ks-header h1{font-size:1.75rem}}.ks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-primary)}.ks-spinner{width:50px;height:50px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ks-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-primary);text-align:center}.ks-error span{font-size:4rem;margin-bottom:1rem}.ks-error button{margin-top:1rem;padding:.75rem 2rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,background .2s}.ks-error button:hover{background:var(--accent-secondary);transform:scale(1.05)}.ks-header{text-align:center;margin-bottom:2rem;color:var(--text-primary)}.ks-header h1{font-size:2.5rem;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ks-header p{color:var(--text-secondary);font-size:1.1rem}.ks-nav-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.ks-back-btn{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.ks-back-btn:hover{background:var(--bg-tertiary);transform:translate(-3px)}.ks-breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.ks-breadcrumb-separator{color:var(--text-muted)}.ks-breadcrumb-item.active{color:var(--text-primary);font-weight:600}.ks-level-sections{display:flex;flex-direction:column;gap:2rem}.ks-level-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary)}.ks-level-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid}.ks-level-header.sd{border-color:#22c55e}.ks-level-header.smp{border-color:#3b82f6}.ks-level-header.sma{border-color:#a855f7}.ks-level-icon{font-size:1.5rem}.ks-level-header h2{font-size:1.25rem;color:var(--text-primary);margin:0}.ks-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.ks-class-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-secondary);position:relative;overflow:hidden}.ks-class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.ks-class-card.sd:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.ks-class-card.smp:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ks-class-card.sma:before{background:linear-gradient(90deg,#a855f7,#c084fc)}.ks-class-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #6366f14d}.ks-class-card.sd:hover{border-color:#22c55e;box-shadow:0 10px 40px #22c55e4d}.ks-class-card.smp:hover{border-color:#3b82f6;box-shadow:0 10px 40px #3b82f64d}.ks-class-card.sma:hover{border-color:#a855f7;box-shadow:0 10px 40px #a855f74d}.ks-class-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.ks-class-label{font-size:.85rem;color:var(--text-secondary)}.ks-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.ks-subject-card{background:var(--bg-secondary);border-radius:20px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-secondary)}.ks-subject-card:hover{transform:translateY(-8px) scale(1.02);border-color:#6366f1;box-shadow:0 15px 50px #6366f166;background:linear-gradient(135deg,#6366f133,#8b5cf61a)}.ks-subject-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));display:flex;justify-content:center;align-items:center}.ks-subject-icon.is-text{font-size:1rem;font-weight:700;text-transform:uppercase;background:var(--bg-input);color:var(--text-primary);padding:.5rem;border-radius:8px;margin-top:1rem}.ks-subject-label{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.ks-subject-topics{font-size:.85rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:20px;display:inline-block}.ks-topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ks-topic-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.75rem}.ks-topic-card:hover{transform:translate(8px);border-color:#6366f1;background:linear-gradient(135deg,#6366f126,#8b5cf614)}.ks-topic-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.ks-topic-questions{font-size:.85rem;color:var(--text-muted)}.ks-topic-start{font-size:.9rem;color:var(--accent-primary);font-weight:500;margin-top:auto;transition:color .2s}.ks-topic-card:hover .ks-topic-start{color:var(--accent-secondary)}.ks-quiz-container{max-width:700px;margin:0 auto}.ks-quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ks-quiz-info{display:flex;gap:1.5rem;color:var(--text-primary)}.ks-quiz-topic{background:var(--bg-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid var(--border-primary)}.ks-quiz-score{background:var(--accent-gradient);padding:.5rem 1rem;border-radius:20px;font-weight:600;color:#fff}.ks-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin-bottom:1rem}.ks-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:10px;transition:width .5s ease}.ks-question-counter{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.ks-question-card{background:var(--bg-card);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary)}.ks-question-text{font-size:1.35rem;color:var(--text-primary);text-align:center;margin-bottom:2rem;line-height:1.6}.ks-options-container{display:flex;flex-direction:column;gap:.75rem}.ks-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left;font-size:1rem}.ks-option:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translate(5px)}.ks-option.selected{border-color:#6366f1;background:#6366f133}.ks-option.correct{border-color:#22c55e;background:#22c55e33}.ks-option.wrong{border-color:#ef4444;background:#ef444433}.ks-option:disabled{cursor:default}.ks-option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;font-weight:600;flex-shrink:0}.ks-option.correct .ks-option-letter{background:var(--success);color:#fff}.ks-option.wrong .ks-option-letter{background:var(--error);color:#fff}.ks-option-text{flex:1}.ks-option-icon{font-size:1.25rem;font-weight:700}.ks-feedback-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.ks-feedback{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;font-size:1rem}.ks-feedback.correct{background:#22c55e33;color:#4ade80}.ks-feedback.wrong{background:#ef444433;color:#f87171}.ks-feedback-icon{font-size:1.5rem}.ks-next-btn{padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.ks-next-btn:hover{transform:scale(1.02);box-shadow:0 8px 25px #6366f166}.ks-quiz-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.ks-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1.1rem}.ks-stat.correct{background:#22c55e33;color:#4ade80}.ks-stat.wrong{background:#ef444433;color:#f87171}.ks-stat-icon{font-size:1.2rem}.ks-result-container{max-width:600px;margin:0 auto}.ks-result-card{background:var(--bg-card);border-radius:24px;padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);margin-bottom:2rem}.ks-result-emoji{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.ks-result-title{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.ks-result-grade{font-size:1.25rem;color:var(--accent-primary);margin-bottom:2rem;font-weight:600}.ks-result-score{margin-bottom:2rem}.ks-score-circle{width:150px;height:150px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 40px #6366f166}.ks-score-value{font-size:2.5rem;font-weight:700;color:#fff}.ks-score-label{font-size:.9rem;color:#fffc}.ks-result-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.ks-result-stat{text-align:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;flex:1;border:1px solid var(--border-primary);min-width:100px}@media(max-width:480px){.ks-result-stats{gap:.75rem;flex-wrap:wrap}.ks-result-stat{padding:.75rem}.ks-stat-number,.ks-result-title{font-size:1.5rem}.ks-result-emoji{font-size:4rem}.ks-quiz-stats{gap:1rem}.ks-quiz-header{flex-direction:column;align-items:flex-start;gap:1rem}.ks-quiz-info{width:100%;justify-content:space-between}}.ks-result-stat.correct{background:#22c55e26}.ks-result-stat.wrong{background:#ef444426}.ks-stat-number{display:block;font-size:2rem;font-weight:700;color:var(--text-primary)}.ks-stat-label{font-size:.85rem;color:var(--text-muted)}.ks-result-info{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.ks-result-info p{margin:.25rem 0}.ks-result-actions{display:flex;flex-direction:column;gap:.75rem}.ks-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ks-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ks-btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 25px #6366f166}.ks-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.ks-btn-secondary:hover{background:var(--bg-tertiary)}.ks-btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.ks-btn-outline:hover{background:var(--bg-secondary);color:var(--text-primary)}.ks-review-container{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;border:1px solid var(--border-primary)}.ks-review-container h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.ks-review-list{display:flex;flex-direction:column;gap:.75rem}.ks-review-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border-left:4px solid;border-top:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.ks-review-item.correct{border-color:#22c55e}.ks-review-item.wrong{border-color:#ef4444}.ks-review-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;font-size:.85rem;font-weight:600;color:var(--text-primary);flex-shrink:0;border:1px solid var(--border-primary)}.ks-review-content{flex:1}.ks-review-question{color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem}.ks-review-answers{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.ks-review-answer.correct{color:#4ade80}.ks-review-answer.wrong{color:#f87171}.ks-review-icon{font-size:1.25rem;font-weight:700}.ks-review-item.correct .ks-review-icon{color:#22c55e}.ks-review-item.wrong .ks-review-icon{color:#ef4444}@media(max-width:768px){.ks-page{padding:1rem}.ks-header h1{font-size:1.75rem}.ks-classes-grid{grid-template-columns:repeat(3,1fr)}.ks-subjects-grid{grid-template-columns:repeat(2,1fr)}.ks-topics-grid{grid-template-columns:1fr}.ks-question-card{padding:1.5rem}.ks-question-text{font-size:1.1rem}.ks-result-stats{flex-wrap:wrap}.ks-nav-header{flex-direction:column;align-items:flex-start}.ks-quiz-header{flex-direction:column;gap:1rem}.ks-quiz-info{width:100%;justify-content:space-between}}@media(max-width:480px){.ks-classes-grid{grid-template-columns:repeat(2,1fr)}.ks-class-number{font-size:2rem}.ks-subject-icon{font-size:2.5rem}.ks-result-emoji{font-size:4rem}.ks-score-circle{width:120px;height:120px}.ks-score-value{font-size:2rem}}.landing-page{min-height:100vh;background:var(--bg-primary)}.landing-navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 5%;background:var(--bg-card);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-nav-center{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.3rem;border-radius:50px;border:1px solid var(--border-primary)}.nav-mode-btn{background:transparent;border:none;padding:.5rem 1.25rem;border-radius:40px;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.nav-mode-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.nav-brand img{height:40px}.nav-brand span{font-weight:800;font-size:1.25rem;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-actions{display:flex;gap:1rem}.btn-login,.btn-dashboard{background:var(--accent-gradient);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f133}.btn-login:hover,.btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166;filter:brightness(1.1)}.btn-login:active,.btn-dashboard:active{transform:translateY(0)}.landing-main{padding-top:1rem}.book-selector-container-landing{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:.5rem auto 1.5rem}.hadith-section .search-container{margin-bottom:2rem;max-width:900px;margin-left:auto;margin-right:auto}.book-group{display:flex;flex-direction:column;gap:.5rem}.group-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;padding-left:.5rem;border-left:3px solid var(--accent-primary)}.book-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.book-tab-mini{background:var(--bg-card);border:1px solid var(--border-primary);padding:.4rem 1rem;border-radius:10px;font-weight:600;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.book-tab-mini:hover{border-color:var(--accent-primary)}.book-tab-mini.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.hadith-cards-grid-landing{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;padding-bottom:4rem}.hadith-card-landing{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.h-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.h-badge{background:var(--bg-secondary);color:var(--accent-primary);padding:.3rem .6rem;border-radius:6px;font-weight:700;font-size:.8rem}.h-copy-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-muted);padding:.2rem .6rem;border-radius:6px;font-size:.8rem;cursor:pointer}.h-arabic{font-family:Amiri,serif;font-size:1.75rem;line-height:1.8;color:var(--text-primary);text-align:right;margin-bottom:1rem;background:var(--bg-secondary);padding:1.25rem;border-radius:12px}.h-translation{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-align:justify}.search-highlight{background:#ffeb3b;color:#000;padding:0 2px;border-radius:4px;font-weight:700}@media(max-width:768px){.landing-navbar{padding:.5rem 1rem}.nav-brand span{display:none}.landing-nav-center{gap:.25rem}.nav-mode-btn{padding:.4rem .75rem;font-size:.85rem}.landing-title-arabic{font-size:1.5rem}.alquran-header p{display:none}.h-arabic{font-size:1.5rem;padding:1rem}.h-translation{font-size:.95rem}.hadith-cards-grid-landing{padding:0 1rem 3rem}}.donation-container-p{max-width:1200px;margin:0 auto;padding-bottom:4rem}.donation-hero-premium{min-height:350px;display:flex;align-items:center;background:linear-gradient(135deg,#059669,#10b981)!important}.donation-badge-p{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.6rem 1.5rem;border-radius:50px;font-size:.8rem;font-weight:800;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;border:1px solid rgba(255,255,255,.3)}.highlight-p{color:#fefce8;text-shadow:0 0 20px rgba(254,252,232,.5)}.donation-subtitle-p{font-size:1.2rem;opacity:.95;max-width:700px;line-height:1.7;margin-top:1rem}.back-btn-premium{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:.8rem 1.8rem;border-radius:16px;cursor:pointer;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin:2rem 0;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}.back-btn-premium:hover{background:var(--bg-secondary);transform:translate(-8px);box-shadow:var(--shadow-md)}.donation-content-grid-p{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem}.premium-card-p{background:var(--bg-secondary);padding:3rem;border-radius:32px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all .4s ease;position:relative;overflow:hidden}.premium-card-p:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.card-header-icon-p{font-size:3.5rem;margin-bottom:2rem;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.premium-card-p h3{font-size:1.75rem;color:var(--text-primary);margin-bottom:2.5rem;font-weight:800;letter-spacing:-.5px}.reason-item-p{display:flex;gap:1.5rem;margin-bottom:2.5rem;align-items:flex-start}.reason-icon-p{font-size:2rem;background:var(--bg-tertiary);width:65px;height:65px;min-width:65px;display:flex;align-items:center;justify-content:center;border-radius:22px;transition:all .3s}.reason-item-p:hover .reason-icon-p{background:var(--bg-card-hover);transform:scale(1.1) rotate(5deg)}.reason-item-p h4{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:800}.reason-item-p p{color:var(--text-muted);font-size:1rem;line-height:1.6}.bank-card-premium{background:linear-gradient(135deg,#1e293b,#334155);padding:3rem;border-radius:28px;color:#fff;position:relative;overflow:hidden;margin-bottom:2rem;box-shadow:0 20px 40px #0f172a33;border:1px solid rgba(255,255,255,.1)}.bank-card-premium:after{content:"";position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;background:#ffffff08;border-radius:50%}.bank-name-p{font-size:.9rem;opacity:.7;letter-spacing:3px;display:block;margin-bottom:2rem;font-weight:800}.acc-number-p{font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:1.5rem;color:#f8fafc;text-shadow:0 4px 8px rgba(0,0,0,.2)}.acc-holder-p{font-size:1.4rem;display:block;font-weight:700;color:#ffffffe6}.copy-btn-premium{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.8rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;margin-top:2rem;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.copy-btn-premium:hover{background:#fff;color:var(--text-primary);transform:translateY(-3px)}.btn-wa-premium{display:inline-flex;align-items:center;gap:1rem;background:#128c7e;color:#fff;text-decoration:none;padding:1.25rem 2rem;border-radius:20px;font-weight:800;transition:all .3s;width:100%;justify-content:center;font-size:1.1rem;box-shadow:0 10px 20px #128c7e26}.btn-wa-premium:hover{background:#075e54;transform:translateY(-5px);box-shadow:0 15px 30px #128c7e4d}.donation-quote-premium{text-align:center;padding:5rem 2rem;background:var(--bg-secondary);border-radius:40px;border:2px dashed var(--border-primary);margin-top:4rem;position:relative}.arabic-quote-p{font-size:3rem;color:#059669;margin-bottom:2rem;font-family:Amiri,serif;line-height:1.5}.quote-trans-p{font-style:italic;color:var(--text-muted, #64748b);font-size:1.25rem;max-width:700px;margin:0 auto;font-weight:500;line-height:1.6}@media(max-width:1024px){.dashboard-main-premium{margin-left:0;padding:0}.donation-container-p{padding:0 1.5rem 4rem}.donation-content-grid-p{grid-template-columns:1fr}.premium-card-p{padding:2rem}}@media(max-width:768px){.donation-hero-premium{padding:4rem 1.5rem!important;text-align:center;min-height:auto}.hero-content{justify-content:center}.donation-hero-premium h1{font-size:2.2rem;line-height:1.2}.donation-subtitle-p{font-size:1rem}.acc-number-p{font-size:1.75rem;letter-spacing:2px}.arabic-quote-p{font-size:2rem}}@media(max-width:480px){.premium-card-p{padding:1.5rem;border-radius:20px}.bank-card-premium{padding:1.5rem}.acc-number-p{font-size:1.4rem}}.offline-guide-container-p{max-width:1000px;margin:0 auto;padding-bottom:4rem}.guide-hero-premium{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important}.guide-badge-p{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.3)}.guide-steps-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0 4rem}.guide-step-card-p{background:var(--bg-secondary);border-radius:32px;padding:3rem;border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #0000000d}.guide-step-card-p:hover{transform:translateY(-12px);box-shadow:0 30px 60px -15px #0000001a;border-color:#3b82f6}.step-number-p{position:absolute;top:-10px;right:-10px;font-size:6rem;font-weight:950;color:#3b82f6;opacity:.07;line-height:1}.step-icon-p{font-size:3.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 10px 10px rgba(0,0,0,.1))}.guide-step-card-p h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);font-weight:850}.guide-step-card-p p{color:var(--text-muted);line-height:1.7;font-size:1rem}.disclaimer-info-premium{background:var(--bg-secondary);border-radius:32px;padding:3.5rem;border:1px solid #fee2e2;margin-bottom:3rem;position:relative;box-shadow:0 20px 40px #ef44440d}.disclaimer-info-premium h3{margin-bottom:2rem;color:#ef4444;font-size:1.75rem;font-weight:800}.disclaimer-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.disclaimer-item-p{padding:1.5rem;background:var(--bg-primary);border-radius:20px;color:var(--text-secondary);font-size:1rem;line-height:1.6;border-left:6px solid #ef4444}.disclaimer-item-p strong{color:var(--text-primary);display:block;margin-bottom:.5rem;font-size:1.1rem}.guide-note-p{text-align:center;font-style:italic;color:var(--text-muted);padding:3rem;max-width:750px;margin:0 auto;font-size:1.1rem;line-height:1.8}@media(max-width:1024px){.dashboard-main-premium{margin-left:0;padding:0}.offline-guide-container-p{padding:0 1.5rem 4rem}.disclaimer-info-premium{padding:2.5rem}}@media(max-width:768px){.guide-hero-premium{padding:4rem 1.5rem!important;text-align:center}.guide-hero-premium h1{font-size:2.1rem}.guide-step-card-p{padding:2rem}}.report-main-premium{padding:2.5rem;max-width:1300px;margin-left:260px;animation:fadeIn .5s ease-out}.report-header-premium{margin-bottom:3rem;text-align:center}.report-header-premium h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.report-header-premium p{color:var(--text-muted);font-size:1.15rem}.stats-row-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-box-mini{background:var(--bg-secondary);padding:1.5rem;border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-primary);transition:all .2s}.stat-box-mini:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stat-box-mini .label{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-box-mini .value{font-size:2rem;font-weight:800;color:var(--accent-primary)}.stat-box-mini .value small{font-size:1rem;font-weight:600;color:var(--text-muted);margin-left:.25rem}.report-grid-premium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:2rem;margin-bottom:3rem}@media(max-width:1200px){.report-grid-premium{grid-template-columns:1fr 1fr}.rankings-col{grid-column:1 / -1}}@media(max-width:768px){.report-grid-premium{grid-template-columns:1fr}}.report-card-premium{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 25px -5px #0000000d;border:1px solid var(--border-primary);display:flex;flex-direction:column}.report-card-premium h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.progress-center-p{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.circular-p{position:relative;width:200px;height:200px}.progress-info-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.progress-info-text .val{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1}.progress-info-text .lbl{font-size:.9rem;color:var(--text-muted);font-weight:600;margin-top:.25rem}.horizontal-stats-p{display:flex;flex-direction:column;gap:1.25rem;width:100%}.h-stat-item{display:flex;justify-content:space-between;align-items:center}.h-stat-item .lbl{color:var(--text-muted);font-weight:500}.h-stat-item .val{font-weight:700;color:var(--text-primary);font-size:1.1rem}.h-stat-item .val small{color:var(--text-disabled);font-weight:500;font-size:.85rem}.chart-container-p{flex:1;display:flex;flex-direction:column}.mini-chart-svg{width:100%;height:150px;margin:1.5rem 0}.chart-axis-p{display:flex;justify-content:space-between;padding:0 10px}.chart-axis-p span{font-size:.75rem;color:var(--text-disabled);font-weight:600}.leaders-list-p{display:flex;flex-direction:column;gap:.75rem}.leader-row-p{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:var(--bg-tertiary);border-radius:16px;transition:all .2s}.leader-row-p:hover{background:var(--bg-secondary);box-shadow:0 4px 6px -1px #0000000d}.leader-row-p.is-me{background:var(--accent-gradient);opacity:.9;color:#fff}.r-num{width:28px;height:28px;background:var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.is-me .r-num{background:#fff;color:var(--accent-primary)}.r-name{flex:1;font-weight:600}.r-val{font-weight:700;color:var(--accent-primary)}.is-me .r-name,.is-me .r-val{color:#fff}.report-tabs-p{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.tab-btn-p{padding:.875rem 2rem;border-radius:14px;border:none;background:var(--bg-secondary);color:var(--text-muted);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}.tab-btn-p:hover{transform:translateY(-2px)}.tab-btn-p.is-active{background:var(--primary-color);color:#fff;box-shadow:0 10px 15px -3px #4f46e54d}.juz-explorer-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem}.juz-item-p{background:var(--bg-secondary);padding:1.5rem;border-radius:20px;text-align:center;cursor:pointer;border:1px solid var(--border-primary);transition:all .3s}.juz-item-p:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 10px 20px -5px #0000000d}.juz-item-p.has-progress{background:var(--bg-tertiary);border-color:#fbbf24}.juz-item-p.is-done{background:var(--bg-tertiary);border-color:#22c55e}.j-label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:.25rem;font-weight:600}.j-val{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.j-bar{height:6px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden}.j-bar .fill{height:100%;background:#22c55e;border-radius:10px}.j-detail-p{background:var(--bg-secondary);border-radius:24px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.j-detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.btn-back-p{padding:.6rem 1.2rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:12px;font-weight:700;cursor:pointer}.surah-list-p{display:flex;flex-direction:column;gap:1.5rem}.s-item-p{display:flex;flex-direction:column;gap:.75rem}.s-info-p{display:flex;justify-content:space-between;align-items:flex-end}.s-name-p{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.s-meta-p{font-size:.9rem;color:var(--text-muted);font-weight:500}.s-bar-p{height:8px;background:var(--bg-tertiary);border-radius:10px}.s-bar-p .fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:10px}.kosakata-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.k-card-p{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;border:1px solid var(--border-secondary);transition:all .3s}.k-card-p:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.k-header-p{display:flex;justify-content:space-between;margin-bottom:1rem}.k-header-p h4{margin:0;font-size:1.2rem;font-weight:700}.k-badge-p{padding:.25rem .75rem;border-radius:10px;font-size:.75rem;font-weight:700}.k-badge-p.done{background:#dcfce7;color:#166534}.k-stats-p{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem}.k-stats-p b{color:var(--text-primary)}.k-continue-p{display:block;width:100%;padding:.75rem;text-align:center;background:var(--bg-tertiary);color:var(--accent-primary);text-decoration:none;border-radius:12px;font-weight:700}@media(max-width:1024px){.report-main-premium{padding:0;margin-left:0}}@media(max-width:768px){.report-header-premium{padding:3rem 1.5rem}.stats-row-premium{grid-template-columns:1fr;padding:0 1.5rem}.report-grid-premium,.report-tabs-p{padding:0 1.5rem}}.surah-report-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.75rem;padding:1rem 0}.s-report-card-p{background:var(--bg-secondary);border-radius:28px;padding:1.75rem;position:relative;border:1px solid var(--border-primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 15px #00000008;overflow:hidden}.s-report-card-p:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s}.s-report-card-p:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 20px 30px -10px #00000014}.s-report-card-p.fully-memorized{border-color:#fbbf24;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(251,191,36,.08) 100%)}.s-report-card-p.fully-memorized:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.golden-star-p{position:absolute;top:15px;right:15px;background:radial-gradient(circle,#fff9c4,#fbc02d);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 15px #d4af3766;font-size:1.2rem;border:2px solid white;z-index:5;animation:goldPulsePremium 2s infinite}@keyframes goldPulsePremium{0%{transform:scale(1);box-shadow:0 0 #fbbf2480}70%{transform:scale(1.15);box-shadow:0 0 0 10px #fbbf2400}to{transform:scale(1);box-shadow:0 0 #fbbf2400}}.s-card-header-p{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.s-card-num-p{font-size:.75rem;font-weight:800;color:var(--accent-primary);background:#b59e6f1a;padding:4px 12px;border-radius:20px;margin-bottom:.5rem}.s-card-names-p{display:flex;flex-direction:column;gap:2px}.s-card-arabic-p{font-family:KFGQPC,Amiri,serif;font-size:2rem;color:var(--text-primary);line-height:1.1}.s-card-latin-p{font-size:.9rem;font-weight:700;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.s-card-progress-p{display:flex;flex-direction:column;gap:.75rem}.s-meta-text-p{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-muted)}.s-progress-bar-p{height:10px;background:#0000000d;border-radius:20px;overflow:hidden;position:relative}.s-progress-bar-p .fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:20px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #10b9814d}.fully-memorized .s-progress-bar-p .fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 15px #f59e0b66}.kosakata-theme .s-card-arabic-p{color:#6366f1}.kosakata-theme .s-card-num-p{color:#6366f1;background:#6366f11a}.kosakata-theme .s-progress-bar-p .fill{background:linear-gradient(90deg,#6366f1,#a855f7);box-shadow:0 0 10px #6366f14d}.kosakata-theme .s-report-card-p.fully-mastered{border-color:#8b5cf6;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,92,246,.08) 100%)}.kosakata-theme .s-report-card-p.fully-mastered:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.science-star-badge{position:absolute;top:15px;right:15px;background:radial-gradient(circle,#e0e7ff,#6366f1);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 15px #6366f166;font-size:1.2rem;border:2px solid white;z-index:5;animation:sciencePulse 2s infinite;transform:rotate(45deg)}.science-star-badge span{transform:rotate(-45deg)}@keyframes sciencePulse{0%{transform:rotate(45deg) scale(1);box-shadow:0 0 #6366f180}70%{transform:rotate(45deg) scale(1.1);box-shadow:0 0 0 10px #6366f100}to{transform:rotate(45deg) scale(1);box-shadow:0 0 #6366f100}}.k-mini-btn{display:block;width:100%;padding:.6rem;text-align:center;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:700;transition:all .2s;background:#6366f10d;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.k-mini-btn:hover{background:#6366f1;color:#fff}.k-mini-btn.start{background:transparent;border-style:dashed;color:var(--text-disabled)}.no-activity{opacity:.7;filter:grayscale(.5)}.has-activity{opacity:1;filter:none}.gh-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}.gh-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem}.gh-title-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.gh-title-p p{color:var(--text-muted);font-size:1.1rem}.gh-controls-p{display:flex;gap:1rem;align-items:center}.gh-search-p input{padding:.8rem 1.5rem;border-radius:14px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);font-weight:600;width:250px}.gh-select-p{padding:.8rem 1.5rem;border-radius:14px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);font-weight:700;cursor:pointer}.gh-stats-row-p{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.gh-stat-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary)}.gh-stat-icon-p{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.gh-stat-icon-p.blue{background:#eff6ff;color:#3b82f6}.gh-stat-icon-p.green{background:#f0fdf4;color:#22c55e}.gh-stat-icon-p.purple{background:#faf5ff;color:#a855f7}.gh-stat-info-p span:first-child{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary)}.gh-stat-info-p span:last-child{color:var(--text-muted);font-weight:600;font-size:.95rem}.gh-grid-p{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.gh-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary)}.gh-card-p h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:2rem}.gh-juz-list-p{display:flex;flex-direction:column;gap:1.25rem}.gh-juz-item-p{display:flex;align-items:center;gap:1.5rem}.gh-juz-name-p{width:70px;font-weight:800;color:var(--text-secondary)}.gh-juz-bar-p{flex:1;height:10px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden}.gh-juz-fill-p{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:10px}.gh-juz-count-p{width:80px;text-align:right;font-weight:700;color:#4f46e5;font-size:.9rem}.gh-table-container-p{overflow-x:auto}.gh-table-p{width:100%;border-collapse:separate;border-spacing:0 .75rem}.gh-table-p th{text-align:left;padding:1rem 1.5rem;color:var(--text-muted);font-weight:700;font-size:.85rem;text-transform:uppercase}.gh-row-p{background:var(--bg-primary);transition:all .2s}.gh-row-p:hover{transform:scale(1.01);background:var(--bg-tertiary);box-shadow:0 4px 6px -1px #0000000d}.gh-row-p td{padding:1.25rem 1.5rem}.gh-row-p td:first-child{border-radius:16px 0 0 16px}.gh-row-p td:last-child{border-radius:0 16px 16px 0}.gh-rank-p{width:32px;height:32px;background:var(--bg-secondary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 4px #0000000d}.gh-rank-1-p{background:#fef3c7;color:#b45309}.gh-rank-2-p{background:#e2e8f0;color:var(--text-secondary)}.gh-rank-3-p{background:#ffedd5;color:#9a3412}.gh-student-info-p strong{display:block;font-size:1rem;color:var(--text-primary)}.gh-student-info-p small{color:var(--text-muted);font-weight:600}.gh-count-pill-p{display:inline-block;padding:.4rem 1rem;background:#eef2ff;color:#4f46e5;border-radius:12px;font-weight:800;font-size:.9rem}.gh-last-cap-p span:first-child{display:block;font-weight:800;color:var(--text-secondary)}.gh-last-cap-p span:last-child{font-size:.85rem;color:var(--text-muted);font-weight:600}@media(max-width:1024px){.gh-main-p{margin-left:0;padding-top:80px}.gh-grid-p,.gh-stats-row-p{grid-template-columns:1fr}.gh-header-p{flex-direction:column;align-items:stretch;text-align:center}.gh-controls-p{flex-direction:column}.gh-search-p input{width:100%}}.settings-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}@media(max-width:1024px){.settings-main-p{margin-left:0;padding:5rem 1rem 2rem}}.s-header-p{margin-bottom:3rem}.s-header-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.s-header-p p{color:var(--text-muted);font-size:1.1rem}.s-alert-p{padding:1.25rem 1.5rem;border-radius:16px;margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem;font-weight:600;animation:slideInDown .4s ease-out}.s-alert-success-p{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.s-alert-error-p{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.s-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.s-card-p{background:var(--bg-secondary);border-radius:24px;padding:2.5rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary)}.s-card-title-p{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1.5px solid var(--border-primary)}.s-card-title-p h3{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0}.s-card-icon-p{font-size:1.75rem}.s-field-p{margin-bottom:1.5rem}.s-field-p label{display:block;margin-bottom:.75rem;font-weight:700;font-size:.9rem;color:var(--text-secondary)}.s-input-p{width:100%;padding:.8rem 1.25rem;border-radius:12px;border:1.5px solid var(--border-secondary);font-size:1rem;font-weight:600;transition:all .2s;background:var(--bg-primary)}.s-input-p:focus{border-color:var(--accent-primary);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 4px #4f46e51a}.s-checkbox-card-p{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border-radius:16px;background:var(--bg-primary);border:1.5px solid var(--border-primary);cursor:pointer;transition:all .2s;margin-bottom:1rem}.s-checkbox-card-p:hover{border-color:var(--text-muted);background:var(--bg-tertiary)}.s-checkbox-card-p input[type=checkbox]{width:22px;height:22px;border-radius:6px;accent-color:#4f46e5}.s-checkbox-info-p strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.s-checkbox-info-p span{font-size:.85rem;color:var(--text-muted)}.s-btn-save-p{width:100%;padding:1rem;border-radius:14px;border:none;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s;margin-top:1.5rem}.s-btn-primary-p{background:#4f46e5;color:#fff;box-shadow:0 10px 15px -3px #4f46e54d}.s-btn-primary-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #4f46e566}.s-btn-teal-p{background:#0d9488;color:#fff;box-shadow:0 10px 15px -3px #0d94884d}.s-btn-teal-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0d948866}.s-info-banner-p{margin-top:3.5rem;padding:3rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:32px;color:#fff;position:relative;overflow:hidden}.s-info-banner-p:after{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);pointer-events:none}.s-info-grid-p{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.s-env-item-p span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:.75rem}.s-env-item-p strong{font-size:1.35rem;font-weight:800}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.s-grid-p{grid-template-columns:1fr}.s-card-p{padding:1.5rem}}.notif-main-p{padding:2.5rem;max-width:1400px;margin-left:260px;animation:fadeIn .5s ease-out}.n-header-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem}.n-header-info-p h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.n-header-info-p p{color:var(--text-muted);font-size:1.1rem}.n-btn-add-p{padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #4f46e54d;transition:all .3s;display:flex;align-items:center;gap:.75rem}.n-btn-add-p:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #4f46e566}.n-grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.n-card-p{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-primary);position:relative;display:flex;flex-direction:column;transition:all .3s}.n-card-p:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.n-card-p.inactive{opacity:.7;background:var(--bg-primary)}.n-card-top-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.n-badge-p{padding:.4rem 1rem;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase}.n-badge-all-p{background:#eef2ff;color:#4f46e5}.n-badge-guru-p{background:#fdf4ff;color:#a21caf}.n-badge-murid-p{background:#fffbeb;color:#b45309}.n-date-p{font-size:.85rem;color:var(--text-muted);font-weight:600}.n-card-p h3{font-size:1.25rem;font-weight:800;color:#1e293b;margin-bottom:.75rem}.n-card-p p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;flex:1}.n-card-actions-p{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1.5px solid var(--border-primary)}.n-btn-edit-p{flex:1;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.n-btn-edit-p:hover{background:var(--border-primary)}.n-btn-delete-p{padding:.75rem 1rem;background:#fee2e2;color:#ef4444;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.n-btn-delete-p:hover{background:#fecaca}.n-draft-tag-p{position:absolute;top:-10px;right:20px;background:var(--text-secondary);color:#fff;padding:.25rem .75rem;border-radius:8px;font-size:.7rem;font-weight:800}@media(max-width:1024px){.notif-main-p{margin-left:0;padding-top:80px}}@media(max-width:640px){.n-header-p{flex-direction:column;align-items:stretch;text-align:center}.n-btn-add-p{justify-content:center}.n-grid-p{grid-template-columns:1fr}}.donation-box-container{position:fixed;bottom:30px;right:30px;z-index:2000;display:flex;flex-direction:column;align-items:center;gap:15px}.info-links-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:5px;animation:slideUpFade .5s ease-out}.info-link-icon{width:35px;height:35px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1)}.info-link-icon img{width:20px;height:20px}.info-link-icon:hover{transform:scale(1.2);background:#fff3}.info-link-icon.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.info-link-icon.whatsapp:hover{background:#25d366}.donation-icon-fab{width:55px;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0003}.fab-emoji{font-size:2rem;animation:heartbeat 2s infinite}.donation-icon-fab:hover{transform:scale(1.15) rotate(10deg);background:#fff3}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .donation-icon-fab,[data-theme=light] .info-link-icon{background:#fffc;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #0000001a}@media(max-width:768px){.donation-box-container{bottom:20px;right:20px}.donation-icon-fab{width:45px;height:45px}.info-link-icon{width:30px;height:30px}}.sholat-container{padding:20px;max-width:1000px;margin:0 auto;animation:fadeIn .5s ease-out}.sholat-header{margin-bottom:30px;text-align:center}.sholat-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sholat-header p{color:var(--text-secondary);font-size:1.1rem}.search-container{position:relative;max-width:500px;margin:0 auto 30px;z-index:10}.search-box{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:12px;padding:10px 15px;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.search-icon{font-size:1.2rem;margin-right:10px}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-size:1rem}.city-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:12px;margin-top:5px;max-height:250px;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.city-item{padding:12px 15px;cursor:pointer;transition:background .2s;color:var(--text-primary);border-bottom:1px solid var(--border-secondary)}.city-item:last-child{border-bottom:none}.city-item:hover{background:var(--bg-hover)}.view-selector{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.view-selector button{padding:10px 25px;border-radius:20px;border:1px solid var(--border-secondary);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .3s;font-weight:600}.view-selector button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px rgba(var(--primary-rgb),.3)}.daily-grid{background:var(--bg-card);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid var(--border-secondary)}.today-info{text-align:center;margin-bottom:30px}.today-info h3{font-size:1.5rem;margin-bottom:5px}.times-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.time-card{background:var(--bg-main);padding:20px;border-radius:15px;display:flex;flex-direction:column;align-items:center;transition:transform .3s,box-shadow .3s;border:1px solid var(--border-secondary)}.time-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.time-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.time-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.time-card.highlight{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.1));border:1px solid var(--primary-color)}.time-card.highlight .time-label{color:var(--primary-color);font-weight:700}.monthly-table-container{background:var(--bg-card);border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a;border:1px solid var(--border-secondary)}.monthly-table-container h3{margin-bottom:20px;text-align:center}.table-responsive{overflow-x:auto}.monthly-table{width:100%;border-collapse:collapse}.monthly-table th,.monthly-table td{padding:12px 15px;text-align:center;border-bottom:1px solid var(--border-secondary)}.monthly-table th{background:var(--bg-hover);font-weight:600;color:var(--text-secondary)}.today-row{background:rgba(var(--primary-rgb),.05);font-weight:700}.highlight-column{color:var(--primary-color);font-weight:600}.loading-spinner{text-align:center;padding:50px}.spinner{width:40px;height:40px;border:4px solid var(--border-secondary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sholat-header h1{font-size:2rem}.times-container{grid-template-columns:repeat(2,1fr)}.sholat-container{padding:10px}}.juz30-container{max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-out}.juz30-menu .menu-header{background:linear-gradient(135deg,#10b981,#059669);padding:3.5rem 2rem;border-radius:0 0 40px 40px;text-align:center;color:#fff;margin-bottom:3.5rem;box-shadow:0 10px 30px #10b98133;position:relative;overflow:hidden}.juz30-menu .menu-header:after{content:"🕌";position:absolute;bottom:-10px;right:-10px;font-size:8rem;opacity:.15;transform:rotate(-10deg)}.juz30-menu .menu-header h1{font-size:2.75rem;font-weight:850;margin-bottom:.75rem}.juz30-menu .menu-header p{font-size:1.2rem;opacity:.9}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;padding:0 2rem 4rem}.level-card{background:#fff;border-radius:24px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #f1f5f9;box-shadow:0 10px 20px #00000008;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.level-card:hover:not(.locked){transform:translateY(-8px);box-shadow:0 25px 50px -12px #10b98126;border-color:#10b981}.level-card.completed{border-color:#10b981;background:#f0fdf4}.level-number{width:40px;height:40px;background:#ecfdf5;color:#10b981;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.level-info .surah-name{display:block;font-size:1.4rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.level-info .question-count{font-size:.95rem;color:#64748b;font-weight:600}.progress-badge{background:#f1f5f9;height:30px;border-radius:15px;position:relative;overflow:hidden;margin-top:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .6s ease-in-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:800;color:#064e3b}.completed-badge{position:absolute;top:1rem;right:1rem;color:#10b981;font-size:1.25rem;font-weight:900}.juz30-game{max-width:800px;margin:2rem auto;padding:0 1.5rem}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.game-progress{display:flex;gap:1.5rem;align-items:center;font-weight:700;color:#64748b}.score-display{background:#ecfdf5;color:#10b981;padding:.5rem 1rem;border-radius:12px}.juz30-game .question-card{background:#fff;border-radius:40px;padding:4rem 3rem;text-align:center;box-shadow:0 25px 50px -12px #0000001a;border:1px solid #f1f5f9}.arabic-word,.arabic-word-v2{font-family:KFGQPC,Amiri,serif;font-size:4.5rem;color:#1e293b;margin-bottom:2rem;direction:rtl;line-height:1.6}.question-label-v2{font-size:1.1rem;color:#64748b;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.audio-play-btn{background:#ecfdf5;color:#10b981;border:2px solid #10b981;padding:.6rem 1.2rem;border-radius:50px;font-weight:700;cursor:pointer;margin-bottom:1.5rem;transition:all .2s}.audio-play-btn:hover{background:#10b981;color:#fff}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}.option-btn{padding:1.5rem;border-radius:20px;background:#f8fafc;border:2px solid #e2e8f0;color:#1e293b;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s}.option-btn:hover:not(:disabled){background:#fff;border-color:#10b981;transform:translateY(-3px)}.option-btn.correct{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.option-btn.wrong{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.feedback{margin-top:2rem;font-weight:800;font-size:1.2rem;padding:1rem;border-radius:15px}.feedback.correct{color:#10b981;background:#ecfdf5}.feedback.wrong{color:#ef4444;background:#fef2f2}.next-btn{width:100%;margin-top:2rem;padding:1.25rem;border-radius:20px;background:#1e293b;color:#fff;border:none;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s}.next-btn:hover{background:#0f172a;transform:scale(1.02)}.result-card{background:#fff;border-radius:40px;padding:4rem;text-align:center;max-width:500px;margin:4rem auto;box-shadow:0 40px 60px -15px #0000001a}.score-circle{width:150px;height:150px;background:#ecfdf5;border:6px solid #10b981;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto}.score-value{font-size:3rem;font-weight:900;color:#10b981}.retry-btn{width:100%;padding:1.25rem;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;background:#10b981;color:#fff;border:none;transition:all .3s;margin-bottom:1rem}.loading-overlay-mini{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:1rem}.loader-mini{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}.level-card.disabled{opacity:.7;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.juz30-menu .menu-header h1{font-size:2rem}.levels-grid{grid-template-columns:1fr;padding:1.5rem}.options-grid{grid-template-columns:1fr}.arabic-word{font-size:3rem}.juz30-game .question-card{padding:2.5rem 1.5rem}}.activity-report-container{padding:2rem;background-color:var(--bg-dashboard);min-height:100vh;margin-left:260px;transition:margin-left .3s ease}@media(max-width:1024px){.activity-report-container{margin-left:240px}}@media(max-width:768px){.activity-report-container{margin-left:0;padding-top:60px}}.report-header{margin-bottom:2rem}.report-header h1{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.report-header p{color:var(--text-muted)}.two-column-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;margin-top:2rem}.activity-feed-section,.top-performers-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-secondary);padding-bottom:1rem}.section-header h2{font-size:1.1rem;color:var(--text-primary);font-weight:700}.feed-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.feed-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-secondary);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feed-badge{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.feed-badge.hafalan{background:#6366f11a}.feed-badge.kosakata{background:#10b9811a}.feed-badge.game{background:#f59e0b1a}.feed-content{flex:1}.feed-user{font-weight:700;font-size:1rem;color:var(--text-primary)}.feed-detail{font-size:.9rem;color:var(--text-muted);margin:.25rem 0}.feed-time{font-size:.8rem;color:var(--accent-primary);font-weight:600}.simple-rank-list{display:flex;flex-direction:column;gap:.75rem}.rank-item{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-secondary)}.rank-number{font-weight:800;color:var(--text-muted);width:30px;font-size:1.1rem}.rank-name{flex:1;font-weight:600;font-size:.95rem}.rank-score{font-weight:700;color:var(--accent-primary);font-size:.9rem}.rank-tabs{display:flex;gap:.25rem;background:var(--bg-input);padding:.25rem;border-radius:10px}.rank-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.rank-tab.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.stat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.stat-icon.blue{background:#6366f11a;color:#6366f1}.stat-icon.green{background:#10b9811a;color:#10b981}.stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.stat-info h3{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.stat-info .value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.at-risk-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.at-risk-header h3{font-size:1rem;color:#ef4444;margin-bottom:1rem;font-weight:700}.at-risk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.at-risk-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.at-risk-user{display:flex;flex-direction:column}.at-risk-user .name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.at-risk-user .nisn{font-size:.8rem;color:var(--text-muted)}.at-risk-status .days{background:#ef44441a;color:#ef4444;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}@media(max-width:1200px){.two-column-layout{grid-template-columns:1fr}}.hadits-page{padding:1.5rem 2rem;background-color:var(--bg-primary)}.badge-premium{display:none}.hadits-nav{display:flex;justify-content:center;margin-bottom:3rem}.tabs-container{background:var(--bg-secondary);padding:.4rem;border-radius:20px;display:flex;gap:.5rem;border:1px solid var(--border-secondary)}.tab-btn{padding:.8rem 1.5rem;border-radius:16px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}.tab-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.hadits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1300px;margin:0 auto}.hadits-book-card-v2{perspective:1000px;cursor:pointer}.card-inner{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:32px;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column;overflow:hidden}.hadits-book-card-v2:hover .card-inner{transform:translateY(-10px) rotateX(4deg);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.book-visual{width:64px;height:64px;background:var(--bg-tertiary);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;position:relative;transition:all .3s}.hadits-book-card-v2:hover .book-visual{background:var(--accent-gradient);transform:scale(1.1)}.corner-badge{position:absolute;top:-8px;right:-30px;background:var(--warning);color:#fff;font-size:.6rem;padding:.2rem .8rem;border-radius:4px;font-weight:900}.book-details h3{font-size:1.6rem;font-weight:800;margin-bottom:.8rem;color:var(--text-primary)}.stat-pill{display:inline-block;padding:.3rem .8rem;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.card-footer{margin-top:auto;padding-top:1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--accent-primary);transition:all .3s}.hadits-book-card-v2:hover .card-footer{gap:1rem}.read-link{font-size:.9rem}@media(max-width:768px){.hadits-page{padding:1.5rem 1rem}.hadits-header h1{font-size:2.2rem}.tabs-container{width:100%;overflow-x:auto}.tab-btn{flex:1;white-space:nowrap;padding:.6rem 1rem}}.hadith-detail-page{padding:0;background-color:var(--bg-primary);display:flex;flex-direction:column}.detail-header-v2{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1rem 2rem;border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1001}.header-left{display:flex;align-items:center;gap:1.5rem}.icon-btn.back{background:var(--bg-tertiary);border:1px solid var(--border-secondary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--text-primary);transition:all .2s ease}.icon-btn.back:hover{background:var(--accent-gradient);color:#fff;transform:translate(-3px)}.book-title-group h1{font-size:1.2rem;margin:0;font-weight:800}.book-meta{font-size:.8rem;color:var(--text-muted)}.chapter-indicator{padding:2px 8px;border-radius:4px;background:var(--bg-tertiary);transition:all .3s}.chapter-indicator.active{color:var(--accent-primary);background:var(--info-bg);font-weight:700}.topic-toggle-btn{background:var(--accent-gradient);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.topic-toggle-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #6366f166}.stats-indicator{font-size:.85rem;color:var(--accent-primary);font-weight:600;background:var(--bg-secondary);padding:.2rem .75rem;border-radius:20px;display:inline-block;margin-top:.25rem}.hadith-layout-container.search-focused{max-width:1000px;margin:0 auto;padding:2rem}.search-hero{text-align:center;margin-bottom:2.5rem}.search-hero h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.search-hero p{color:var(--text-muted);font-size:1.1rem}.search-box-v2.large{max-width:800px;margin:0 auto 3rem;position:relative;background:var(--bg-card);border-radius:20px;padding:.5rem;box-shadow:var(--shadow-xl);border:2px solid transparent;transition:all .3s ease;display:flex;align-items:center}.search-box-v2.large:focus-within{border-color:var(--accent-primary);transform:translateY(-2px)}.search-box-v2.large input{flex:1;background:transparent;border:none;padding:1rem 1.5rem;font-size:1.25rem;color:var(--text-primary);outline:none}.search-icon-v2{font-size:1.5rem;margin-left:1.5rem}.clear-search{background:var(--bg-secondary);border:none;color:var(--text-muted);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:1rem}.search-results-info{margin-bottom:1.5rem;color:var(--text-muted);font-weight:500;text-align:center}.hadith-cards-grid{display:flex;flex-direction:column;gap:2rem}.hadith-card-v2{background:var(--bg-card);border-radius:24px;padding:2rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-md);transition:all .3s ease}.hadith-card-v2:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.badge-number{background:var(--bg-tertiary);color:var(--accent-primary);padding:.4rem 1rem;border-radius:10px;font-weight:800;font-size:.85rem;border:1px solid var(--border-secondary)}.action-btn{background:transparent;border:none;font-size:1.3rem;cursor:pointer;transition:transform .2s}.action-btn:hover{transform:scale(1.2)}.arabic-text{font-family:Amiri,Scheherazade New,serif;font-size:2.4rem;line-height:1.8;text-align:right;direction:rtl;margin-bottom:2.5rem;color:var(--text-primary);word-spacing:2px}.translation-box{padding-top:2rem;border-top:1px dashed var(--border-primary)}.indo-translation{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);text-align:justify}.search-highlight{background:#ffeb3b;color:#000;padding:0 2px;border-radius:4px;font-weight:700;box-shadow:0 0 8px #ffeb3b80}.load-more-v2{margin-top:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-modern-load{background:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--accent-primary);padding:1rem 3rem;border-radius:16px;font-weight:800;cursor:pointer;transition:all .3s}.btn-modern-load:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px)}.load-stats{font-size:.85rem;color:var(--text-muted)}@media(max-width:1024px){.topic-sidebar{position:fixed;right:0;top:0;height:100vh;z-index:1002;transform:translate(100%);width:85%;max-width:350px;box-shadow:-10px 0 30px #00000080}.topic-sidebar.open{transform:translate(0)}.close-sidebar-btn{display:block}.topic-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001}}@media(max-width:768px){.detail-header-v2{padding:.8rem 1rem}.hadith-content-area{padding:1rem}.arabic-text{font-size:1.8rem}.translation-box p{font-size:1rem}.hadith-card-v2{padding:1.5rem;border-radius:20px}}.install-popup-overlay{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none}@media(max-width:768px){.install-popup-overlay{inset:0;background:#0009;justify-content:center;align-items:center;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.install-popup-content{background:#1e293bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;width:320px;box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden;pointer-events:auto;color:#fff;font-family:Inter,sans-serif}@media(max-width:768px){.install-popup-content{width:90%;max-width:360px;background:#1e293bfa}}.animate-popup{animation:slideInUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.install-popup-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#ffffff80;font-size:24px;line-height:1;cursor:pointer;transition:color .2s;z-index:10}.install-popup-close:hover{color:#fff}.install-popup-header{display:flex;justify-content:center;margin-bottom:20px;position:relative}.install-popup-app-branding{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.install-popup-app-logo{width:70px;height:70px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 10px rgba(56,189,248,.3));border-radius:15px}.install-popup-logo-glow{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(56,189,248,.2) 0%,transparent 70%);z-index:1;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.install-popup-title{margin:0 0 8px;font-size:1.25rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.install-popup-desc{margin:0 0 20px;font-size:.9rem;line-height:1.5;color:#94a3b8;text-align:center}.install-popup-desc strong{color:#38bdf8;font-weight:600}.install-popup-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-install-playstore{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:180px}.btn-install-playstore:hover{transform:scale(1.05)}.play-store-badge-img{width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.btn-maybe-later-v2{background:transparent;border:none;color:#64748b;font-size:.85rem;cursor:pointer;transition:color .2s;text-decoration:underline;text-underline-offset:4px}.btn-maybe-later-v2:hover{color:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:var(--theme-transition)}.app{min-height:100vh}.header{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-secondary);padding:1.25rem 2rem;position:sticky;top:0;z-index:100;transition:var(--theme-transition)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.75rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem}.btn-add{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-add:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-add span{font-size:1.25rem;font-weight:300}.main-content{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:1.5rem}.main-content{padding:1rem}}