@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--green-950: #061a10;--green-900: #0d3b24;--green-800: #145232;--green-700: #1b6b42;--green-600: #228451;--green-500: #2e9d61;--green-400: #4ec47e;--green-300: #80d9a3;--green-100: #c7f0d8;--green-50: #edfaf3;--gold-600: #a37a1c;--gold-500: #c9a84c;--gold-400: #e0c26a;--gold-100: #fdf4dc;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-800: #1e293b;--gray-900: #0f172a;--red-500: #ef4444;--red-50: #fef2f2;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(13, 59, 36, .12), 0 4px 16px rgba(13, 59, 36, .05);--shadow-focus: 0 0 0 3px rgba(46, 157, 97, .28);--nav-h: 64px;--transition: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;height:100%}body{font-family:Tajawal,sans-serif;direction:rtl;background:#f4f7f5;color:var(--gray-800);min-height:100%;line-height:1.6;overflow-x:hidden}#starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}#starfield canvas{width:100%;height:100%}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;display:flex;align-items:center;padding:0 32px;background:#ffffffd1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(46,157,97,.12);transition:background var(--transition),box-shadow var(--transition)}.site-header.scrolled{background:#fffffff2;box-shadow:0 2px 20px #00000014}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.nav-brand-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--green-700),var(--green-400));border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #2e9d614d}.nav-brand-logo svg{width:20px;height:20px;color:var(--white)}.nav-brand-text{display:flex;flex-direction:column;line-height:1.2}.nav-brand-text strong{font-size:1rem;font-weight:800;color:var(--green-900);letter-spacing:.01em}.nav-brand-text small{font-size:.66rem;color:var(--green-500);font-weight:500}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:.86rem;font-weight:600;color:var(--gray-600);text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition);white-space:nowrap}.nav-links a svg{width:15px;height:15px;flex-shrink:0}.nav-links a:hover{color:var(--green-700);background:var(--green-50);border-color:var(--green-100)}.nav-links a.active{color:var(--green-700);background:var(--green-50);border-color:var(--green-200, #a8dfc0)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm)}.nav-toggle span{display:block;width:22px;height:2px;background:var(--gray-700, #334155);border-radius:2px;transition:all .3s ease}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px;border-bottom:1px solid var(--gray-100);box-shadow:0 8px 24px #00000014;z-index:999;flex-direction:column;gap:2px;animation:slideDown .25s ease}.nav-mobile.open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile a{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:.9rem;font-weight:600;color:var(--gray-600);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition)}.nav-mobile a:hover,.nav-mobile a.active{color:var(--green-700);background:var(--green-50)}.page-bg{position:relative;z-index:1;min-height:calc(100vh - var(--nav-h));margin-top:var(--nav-h);display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:580px;background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(46,157,97,.15);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:32px 40px 28px;position:relative;animation:cardIn .55s cubic-bezier(.22,.61,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;background:linear-gradient(90deg,var(--green-500),var(--gold-500),var(--green-300));border-radius:0 0 4px 4px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--green-700),var(--green-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #1b6b4240;flex-shrink:0}.brand-logo svg{width:22px;height:22px;color:var(--white)}.brand-text h1{font-size:1.1rem;font-weight:800;color:var(--green-900);line-height:1.2}.brand-text span{font-size:.74rem;color:var(--green-500);font-weight:500}.card-title{font-size:1.3rem;font-weight:700;color:var(--gray-800);margin-bottom:2px}.card-subtitle{font-size:.84rem;color:var(--gray-400);margin-bottom:20px}.steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:22px}.step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex:1}.step:not(:last-child):after{content:"";position:absolute;top:17px;left:0;width:50%;height:2px;background:var(--gray-200);transition:background .4s;z-index:0}.step:not(:first-child):before{content:"";position:absolute;top:17px;right:0;width:50%;height:2px;background:var(--gray-200);transition:background .4s;z-index:0}.step.done:after,.step.done:before,.step.active:before{background:var(--green-500)}.step-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--gray-200);background:var(--white);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .35s cubic-bezier(.34,1.56,.64,1);color:var(--gray-400)}.step.active .step-dot{border-color:var(--green-500);background:var(--green-500);color:var(--white);box-shadow:0 0 0 4px #2e9d6129;transform:scale(1.08)}.step.done .step-dot{border-color:var(--green-400);background:var(--green-50);color:var(--green-600)}.step-label{font-size:.68rem;font-weight:600;color:var(--gray-400);text-align:center;transition:color .3s;line-height:1.3}.step.active .step-label{color:var(--green-600)}.step.done .step-label{color:var(--green-500)}.section-label{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;color:var(--green-700);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--green-100)}.section-label svg{width:20px}.phone-field-wrap{display:flex;gap:0;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--gray-50);transition:all var(--transition)}.phone-field-wrap:focus-within{border-color:var(--green-500);background:var(--white);box-shadow:var(--shadow-focus)}.country-select-wrap{position:relative;flex-shrink:0}.country-trigger{display:flex;align-items:center;gap:5px;padding:10px 8px 10px 12px;background:none;border:none;border-left:1.5px solid var(--gray-200);cursor:pointer;font-family:Tajawal,sans-serif;font-size:.84rem;font-weight:600;color:var(--gray-800);transition:background var(--transition);white-space:nowrap;direction:ltr}.country-trigger:hover{background:var(--green-50)}.country-trigger .flag{font-size:1rem;line-height:1}.country-trigger .code{font-size:.78rem;color:var(--gray-600)}.country-trigger .chevron{width:13px;height:13px;color:var(--gray-400);transition:transform .25s;flex-shrink:0}.country-trigger.open .chevron{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 5px);right:0;width:250px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;display:none;animation:dropIn .18s ease;direction:rtl}.country-dropdown.open{display:block}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.country-search{padding:8px 10px;border-bottom:1px solid var(--gray-100)}.country-search input{width:100%;padding:7px 10px;font-size:.82rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-50);outline:none;direction:rtl}.country-search input:focus{border-color:var(--green-500)}.country-list{max-height:200px;overflow-y:auto;padding:3px 0}.country-list::-webkit-scrollbar{width:4px}.country-list::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.country-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.83rem;transition:background var(--transition);direction:ltr}.country-option:hover{background:var(--green-50)}.country-option.selected{background:var(--green-50);color:var(--green-700);font-weight:600}.country-option .flag{font-size:1rem}.country-option .name{flex:1;text-align:right;font-size:.8rem;color:var(--gray-600);direction:rtl}.country-option .dial{font-size:.77rem;color:var(--gray-400);font-weight:600}.phone-number-input{flex:1;padding:10px 12px!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;direction:ltr!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group.full{grid-column:1 / -1}label{font-size:.81rem;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:5px}label .req{color:var(--red-500);font-size:.68rem}label svg{width:13px;height:13px;color:var(--green-500);flex-shrink:0}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap svg.input-icon{position:absolute;right:11px;width:16px;height:16px;color:var(--gray-400);pointer-events:none;transition:color var(--transition)}input,select,textarea{width:100%;padding:9px 36px 9px 12px;font-family:Tajawal,sans-serif;font-size:.88rem;color:var(--gray-800);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);outline:none;transition:all var(--transition);direction:rtl}input::placeholder,textarea::placeholder{color:var(--gray-400)}input:focus,select:focus,textarea:focus{border-color:var(--green-500);background:var(--white);box-shadow:var(--shadow-focus)}input:focus+svg.input-icon,select:focus+svg.input-icon{color:var(--green-500)}select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;padding-left:32px}.field-error{font-size:.75rem;color:var(--red-500);display:flex;align-items:center;gap:4px;min-height:16px;animation:slideDown .2s ease}.field-error svg{width:12px;height:12px;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}input.error,select.error{border-color:var(--red-500)!important;background:var(--red-50)!important;box-shadow:0 0 0 3px #ef44441a!important}.input-wrap.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.toast-wrap{position:fixed;top:calc(var(--nav-h) + 10px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:340px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-md);pointer-events:all;animation:toastIn .3s cubic-bezier(.22,.61,.36,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}.toast.success{background:#edfaf3f7;border:1px solid var(--green-300);color:var(--green-900)}.toast.error{background:#fef2f2f7;border:1px solid #fca5a5;color:#991b1b}.toast.info{background:#e8f0fef7;border:1px solid #93c5fd;color:#1e40af}.toast svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-family:Tajawal,sans-serif;font-size:.92rem;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);overflow:hidden;-webkit-user-select:none;user-select:none}.btn svg{width:17px;height:17px}.btn-primary{background:linear-gradient(135deg,var(--green-700) 0%,var(--green-500) 100%);color:var(--white);width:100%;margin-top:4px;box-shadow:0 4px 14px #1b6b424d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1b6b4266}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn .ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:rippleAnim .55s linear;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.btn-loader{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--white);border-radius:50%;animation:spin .7s linear infinite}.btn.loading .btn-loader{display:block}.btn.loading .btn-text{opacity:0;position:absolute}#page-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;z-index:99999;transition:opacity .5s ease,visibility .5s ease}#page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-scene{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.loader-ring-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--green-400);border-right-color:#2e9d6126;animation:spin 1.4s linear infinite}.loader-ring-mid{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--gold-500);border-left-color:#c9a84c26;animation:spin 1s linear infinite reverse}.loader-ring-inner{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;border:1.5px solid transparent;border-top-color:#2e9d6180;animation:spin .6s linear infinite}.loader-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--green-700),var(--green-500));border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #2e9d614d;animation:loaderPulse 2s ease-in-out infinite}.loader-icon svg{width:18px;height:18px;color:var(--white)}@keyframes loaderPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #2e9d614d}50%{transform:scale(1.08);box-shadow:0 0 34px #2e9d6180}}.loader-orbit{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;animation:spin 2s linear infinite}.loader-orbit:after{content:"";position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold-500);transform:translate(-50%,-50%);box-shadow:0 0 8px var(--gold-400)}.loader-text-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.loader-title{font-size:1.05rem;font-weight:700;color:var(--green-900);letter-spacing:.02em}.loader-sub{font-size:.79rem;color:var(--green-500);font-weight:400;animation:loaderFade 2s ease-in-out infinite}@keyframes loaderFade{0%,to{opacity:.5}50%{opacity:1}}.loader-bar-wrap{width:140px;height:2px;background:var(--gray-100);border-radius:4px;margin-top:14px;overflow:hidden}.loader-bar{height:100%;width:0;background:linear-gradient(90deg,var(--green-500),var(--gold-500));border-radius:4px;animation:loaderProgress .9s cubic-bezier(.4,0,.2,1) .1s forwards}@keyframes loaderProgress{to{width:100%}}.success-overlay{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 0 6px;animation:cardIn .5s cubic-bezier(.22,.61,.36,1) both}.success-overlay.show{display:flex}.success-icon-wrap{width:76px;height:76px;background:linear-gradient(135deg,var(--green-100),var(--green-50));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}.success-icon-wrap:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px dashed var(--green-300);animation:rotateDash 10s linear infinite}@keyframes rotateDash{to{transform:rotate(360deg)}}.success-icon-wrap svg{width:36px;height:36px;color:var(--green-700);animation:popIn .45s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes popIn{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.success-overlay h2{font-size:1.25rem;font-weight:800;color:var(--green-900);margin-bottom:8px}.success-overlay p{font-size:.88rem;color:var(--gray-600);max-width:320px;line-height:1.65;margin-bottom:20px}.success-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.meta-chip{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--green-50);border:1px solid var(--green-100);border-radius:100px;font-size:.77rem;color:var(--green-700);font-weight:600}.meta-chip svg{width:13px;height:13px;color:var(--green-500)}.auth-footer{text-align:center;margin-top:16px;font-size:.82rem;color:var(--gray-400)}.auth-footer a{color:var(--green-700);font-weight:700;text-decoration:none;transition:color var(--transition)}.auth-footer a:hover{color:var(--green-500)}.hidden{display:none!important}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.site-header{padding:0 18px}.page-bg{min-height:auto;padding:20px 12px 32px;align-items:flex-start}.auth-card{padding:28px 20px 22px;border-radius:var(--radius-lg);margin-top:12px}}@media(max-width:600px){.form-row{grid-template-columns:1fr}.step-label{font-size:.62rem}.card-title{font-size:1.15rem}}@media(max-width:360px){.auth-card{padding:22px 14px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--g: #059669;--g2: #10b981;--g3: #065f46;--g50: #ecfdf5;--g100: #d1fae5;--g200: #a7f3d0;--gray50: #f8fafc;--gray100: #f1f5f9;--gray200: #e2e8f0;--gray300: #cbd5e1;--gray400: #94a3b8;--gray500: #64748b;--gray600: #475569;--gray700: #334155;--gray800: #1e293b;--gray900: #0f172a;--amber: #f59e0b;--amberL: #fef3c7;--amberD: #92400e;--red: #ef4444;--redL: #fee2e2;--redD: #991b1b;--blue: #3b82f6;--blueL: #dbeafe;--blueD: #1e40af;--purple: #8b5cf6;--purpleL: #ede9fe;--white: #fff;--r4: 4px;--r6: 6px;--r8: 8px;--r12: 12px;--r16: 16px;--r20: 20px;--sh1: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--sh2: 0 4px 16px rgba(0, 0, 0, .08);--sh3: 0 8px 32px rgba(0, 0, 0, .12);--sh4: 0 20px 60px rgba(0, 0, 0, .18);--font: "Cairo", sans-serif;--topH: 58px;--wfH: 46px;--sbW: 220px}html,body{font-family:var(--font);background:var(--gray100);direction:rtl;color:var(--gray800);min-height:100vh;overflow-x:hidden;font-size:14px}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#065f46,#047857 40%,#059669,#10b981);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s,transform .6s}#loader.out{opacity:0;transform:scale(1.05);pointer-events:none}.ld-logo{display:flex;align-items:center;gap:14px;margin-bottom:40px}.ld-mark{width:64px;height:64px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.ld-mark svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ld-name{font-size:32px;font-weight:900;color:#fff;letter-spacing:-.5px}.ld-sub{font-size:14px;color:#ffffffb3;margin-top:2px;font-weight:400}.ld-bar-wrap{width:220px;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.ld-bar{height:100%;background:#fff;border-radius:2px;width:0;transition:width .05s}.ld-msg{font-size:13px;color:#fff9;margin-top:14px;font-weight:400;min-height:20px;text-align:center}.ld-quran{font-size:18px;color:#ffffffe6;margin-bottom:32px;font-weight:600;letter-spacing:.5px}.topbar{height:var(--topH);background:var(--white);border-bottom:1px solid var(--gray200);display:flex;align-items:center;gap:10px;padding:0 16px;position:sticky;top:0;z-index:200;box-shadow:var(--sh1)}.tb-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none}.tb-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--g),var(--g3));border-radius:9px;display:flex;align-items:center;justify-content:center}.tb-mark svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tb-title{font-size:15px;font-weight:800;color:var(--gray900)}.tb-complex{font-size:11px;color:var(--gray500);font-weight:400;line-height:1.2}.tb-search{flex:1;max-width:340px;position:relative;margin-right:auto}.tb-search input{width:100%;padding:7px 38px 7px 12px;border:1px solid var(--gray200);border-radius:var(--r8);font-family:var(--font);font-size:13px;background:var(--gray50);color:var(--gray700);outline:none;transition:.15s}.tb-search input:focus{border-color:var(--g);background:var(--white);box-shadow:0 0 0 3px #0596691a}.tb-search .ico{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray400);font-size:16px;pointer-events:none}.tb-actions{display:flex;align-items:center;gap:5px}.tb-btn{width:36px;height:36px;border-radius:var(--r8);border:1px solid var(--gray200);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray500);font-size:17px;transition:.15s;position:relative}.tb-btn:hover{border-color:var(--g100);background:var(--g50);color:var(--g)}.tb-notif-badge{position:absolute;top:-3px;right:-3px;width:15px;height:15px;background:var(--red);border-radius:50%;font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);font-weight:700}.tb-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--g100);flex-shrink:0}.tb-menu-btn{display:none;width:36px;height:36px;border:1px solid var(--gray200);background:var(--white);border-radius:var(--r8);align-items:center;justify-content:center;cursor:pointer;color:var(--gray600);font-size:18px}.workflow{height:var(--wfH);background:var(--white);border-bottom:1px solid var(--gray200);display:flex;align-items:center;padding:0 16px;gap:0;overflow-x:auto;scroll-behavior:smooth}.workflow::-webkit-scrollbar{height:0}.wf-step{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;border:none;background:none;color:var(--gray400);transition:.15s;font-family:var(--font)}.wf-step:hover{color:var(--gray600)}.wf-step.done{color:var(--g)}.wf-step.active{background:var(--g50);color:var(--g3);border:1.5px solid var(--g200)}.wf-step i{font-size:14px}.wf-dot{width:6px;height:6px;border-radius:50%;background:var(--gray300);transition:.15s}.wf-step.done .wf-dot,.wf-step.active .wf-dot{background:var(--g)}.wf-sep{color:var(--gray300);font-size:12px;padding:0 2px;flex-shrink:0}.layout{display:flex;min-height:calc(100vh - var(--topH) - var(--wfH))}.sidebar{width:var(--sbW);flex-shrink:0;background:var(--white);border-left:1px solid var(--gray200);display:flex;flex-direction:column;position:sticky;top:calc(var(--topH) + var(--wfH));height:calc(100vh - var(--topH) - var(--wfH));overflow-y:auto;padding:10px 0 20px}.sidebar::-webkit-scrollbar{width:0}.sb-group-label{font-size:10px;font-weight:700;color:var(--gray400);letter-spacing:.08em;padding:8px 16px 4px;text-transform:uppercase}.sb-item{display:flex;align-items:center;gap:9px;padding:8px 14px;cursor:pointer;font-size:13px;color:var(--gray600);transition:.12s;font-weight:500;border:none;background:none;width:100%;text-align:right;font-family:var(--font);border-right:3px solid transparent}.sb-item:hover{background:var(--gray50);color:var(--gray800)}.sb-item.active{background:var(--g50);color:var(--g3);font-weight:700;border-right-color:var(--g)}.sb-item i{font-size:17px;width:20px;text-align:center;flex-shrink:0}.sb-item .sb-badge{margin-right:auto;background:var(--g100);color:var(--g3);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.sb-sep{height:1px;background:var(--gray100);margin:6px 14px}.content{flex:1;padding:20px;overflow-x:hidden;min-width:0}.ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.ph-left .ph-title{font-size:20px;font-weight:800;color:var(--gray900);display:flex;align-items:center;gap:8px}.ph-left .ph-title i{font-size:20px;color:var(--g)}.ph-left .ph-sub{font-size:12px;color:var(--gray500);margin-top:3px;font-weight:400}.ph-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);padding:12px 14px;display:flex;align-items:center;gap:10px}.stat-ico{width:38px;height:38px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-ico.g{background:var(--g50);color:var(--g)}.stat-ico.b{background:var(--blueL);color:var(--blue)}.stat-ico.a{background:var(--amberL);color:var(--amber)}.stat-ico.r{background:var(--redL);color:var(--red)}.stat-ico.p{background:var(--purpleL);color:var(--purple)}.stat-val{font-size:22px;font-weight:800;color:var(--gray900);line-height:1}.stat-lbl{font-size:11px;color:var(--gray500);margin-top:2px;line-height:1.3}.filters{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.fi-search{flex:1;min-width:180px;max-width:300px;position:relative}.fi-search input{width:100%;padding:7px 34px 7px 10px;border:1px solid var(--gray200);border-radius:var(--r8);font-family:var(--font);font-size:13px;background:var(--white);color:var(--gray700);outline:none;transition:.15s}.fi-search input:focus{border-color:var(--g);box-shadow:0 0 0 3px #05966914}.fi-search .ico{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray400);font-size:15px;pointer-events:none}.fi-sel{padding:7px 10px;border:1px solid var(--gray200);border-radius:var(--r8);font-family:var(--font);font-size:13px;background:var(--white);color:var(--gray700);outline:none;cursor:pointer;min-width:110px}.fi-sel:focus{border-color:var(--g)}.fi-right{display:flex;align-items:center;gap:6px;margin-right:auto}.view-tog{display:flex;border:1px solid var(--gray200);border-radius:var(--r8);overflow:hidden;background:var(--white)}.vt{padding:6px 10px;border:none;background:none;cursor:pointer;color:var(--gray400);font-size:15px;transition:.12s;font-family:var(--font)}.vt.on{background:var(--g50);color:var(--g)}.tw{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);overflow:hidden}.tw-scroll{overflow-x:auto}.dt{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.dt thead th{background:var(--gray50);border-bottom:1px solid var(--gray200);padding:9px 12px;text-align:right;font-weight:700;color:var(--gray600);white-space:nowrap;font-size:11px;letter-spacing:.02em}.dt tbody tr:last-child{border-bottom:none}.dt tbody tr:hover{background:var(--g50)}.dt td{padding:9px 12px;vertical-align:middle}.cell-p{font-weight:600;color:var(--gray800)}.cell-s{font-size:12px;color:var(--gray500);margin-top:1px}.cell-m{color:var(--gray400);font-size:12px}.row-n{width:28px;font-size:11px;color:var(--gray400);text-align:center}.bs{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.bs.g{background:var(--g50);color:var(--g3)}.bs.r{background:var(--redL);color:var(--redD)}.bs.a{background:var(--amberL);color:var(--amberD)}.bs.b{background:var(--blueL);color:var(--blueD)}.bs.gr{background:var(--gray100);color:var(--gray600)}.bs .bsd{width:5px;height:5px;border-radius:50%;background:currentColor}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.chip.g{background:var(--g50);color:var(--g3)}.chip.b{background:var(--blueL);color:var(--blueD)}.chip.a{background:var(--amberL);color:var(--amberD)}.chip.p{background:var(--purpleL);color:#5b21b6}.acts{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.ab{padding:4px 8px;border-radius:var(--r6);border:1px solid var(--gray200);background:var(--white);cursor:pointer;font-family:var(--font);font-size:12px;color:var(--gray600);display:inline-flex;align-items:center;gap:4px;transition:.12s;font-weight:500;white-space:nowrap}.ab:hover{border-color:var(--gray300);color:var(--gray800);background:var(--gray50)}.ab.g{border-color:var(--g100);color:var(--g);background:var(--g50)}.ab.g:hover{border-color:var(--g);background:var(--g100)}.ab.r:hover{border-color:var(--red);color:var(--red);background:var(--redL)}.ab.b{border-color:var(--blueL);color:var(--blue);background:var(--blueL)}.ab.b:hover{border-color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r8);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:.15s;white-space:nowrap}.btn-g{background:var(--g);color:#fff}.btn-g:hover{background:var(--g3)}.btn-o{background:var(--white);color:var(--gray700);border:1px solid var(--gray200)}.btn-o:hover{background:var(--gray50);border-color:var(--gray300)}.btn-gl{background:var(--g50);color:var(--g3);border:1px solid var(--g100)}.btn-gl:hover{background:var(--g100)}.btn-sm{padding:6px 10px;font-size:12px}.btn-xs{padding:4px 8px;font-size:11px}.cards-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.card{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);padding:14px;transition:.15s;cursor:pointer}.card:hover{border-color:var(--g200);box-shadow:var(--sh2);transform:translateY(-1px)}.card-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.card-ico{width:38px;height:38px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.card-ico.g{background:var(--g50);color:var(--g)}.card-ico.b{background:var(--blueL);color:var(--blue)}.card-ico.a{background:var(--amberL);color:var(--amber)}.card-ico.p{background:var(--purpleL);color:var(--purple)}.card-title{font-size:14px;font-weight:700;color:var(--gray800)}.card-sub{font-size:12px;color:var(--gray500);margin-top:2px}.card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--gray100)}.card-mi{font-size:11px;color:var(--gray500);display:flex;align-items:center;gap:4px}.card-mi i{font-size:13px}.card-acts{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.pbar{height:4px;background:var(--gray100);border-radius:2px;overflow:hidden;margin-top:4px}.pbar-f{height:100%;background:linear-gradient(90deg,var(--g),var(--g2));border-radius:2px;transition:.4s}.pg{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--gray100);font-size:12px;color:var(--gray500)}.pg-btns{display:flex;gap:3px}.pgb{width:28px;height:28px;border-radius:var(--r6);border:1px solid var(--gray200);background:var(--white);cursor:pointer;font-family:var(--font);font-size:12px;color:var(--gray600);display:flex;align-items:center;justify-content:center;transition:.12s}.pgb:hover{border-color:var(--gray300);color:var(--gray800)}.pgb.on{background:var(--g);color:#fff;border-color:var(--g)}.empty{text-align:center;padding:48px 20px}.empty i{font-size:40px;color:var(--gray300);display:block;margin-bottom:12px}.empty-t{font-size:15px;font-weight:700;color:var(--gray500);margin-bottom:4px}.empty-s{font-size:13px;color:var(--gray400)}.dpills{display:flex;gap:3px;flex-wrap:wrap}.dpill{padding:2px 6px;background:var(--g50);color:var(--g3);border-radius:4px;font-size:10px;font-weight:700}.tabs{display:flex;border-bottom:1px solid var(--gray200);margin-bottom:14px;overflow-x:auto;scroll-behavior:smooth}.tabs::-webkit-scrollbar{height:0}.tab{padding:10px 14px;border:none;background:none;font-family:var(--font);font-size:13px;font-weight:600;color:var(--gray500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:.15s}.tab:hover{color:var(--gray700)}.tab.on{color:var(--g);border-bottom-color:var(--g);font-weight:800}.tab-cnt{background:var(--gray100);color:var(--gray500);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.tab.on .tab-cnt{background:var(--g50);color:var(--g)}.tab-pane{display:none}.tab-pane.on{display:block}.mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;pointer-events:none;transition:opacity .2s;padding:16px}.mo.open{opacity:1;pointer-events:all}.mo-box{background:var(--white);border-radius:var(--r16);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;transform:scale(.95) translateY(12px);transition:.22s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--sh4)}.mo.open .mo-box{transform:scale(1) translateY(0)}.mo-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--gray100);position:sticky;top:0;background:var(--white);z-index:1;border-radius:var(--r16) var(--r16) 0 0}.mo-title{font-size:15px;font-weight:800;color:var(--gray900);display:flex;align-items:center;gap:7px}.mo-title i{color:var(--g);font-size:17px}.mo-close{width:28px;height:28px;border-radius:var(--r6);border:none;background:var(--gray100);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray500);font-size:15px;transition:.12s;font-family:var(--font)}.mo-close:hover{background:var(--gray200);color:var(--gray700)}.mo-body{padding:16px 18px}.mo-ft{padding:12px 18px;border-top:1px solid var(--gray100);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.cm-icon{width:52px;height:52px;border-radius:50%;background:var(--redL);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--red);margin:0 auto 14px}.cm-title{font-size:16px;font-weight:800;color:var(--gray900);text-align:center;margin-bottom:6px}.cm-sub{font-size:13px;color:var(--gray500);text-align:center;line-height:1.6}.fg{margin-bottom:13px}.fl{display:block;font-size:12px;font-weight:700;color:var(--gray700);margin-bottom:5px}.fl .req{color:var(--red)}.fc{width:100%;padding:8px 11px;border:1px solid var(--gray200);border-radius:var(--r8);font-family:var(--font);font-size:13px;color:var(--gray800);outline:none;transition:.15s;background:var(--white)}.fc:focus{border-color:var(--g);box-shadow:0 0 0 3px #05966914}.fc-hint{font-size:11px;color:var(--gray400);margin-top:4px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:11px}.radio-g{display:flex;gap:7px;flex-wrap:wrap}.ro{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--gray200);border-radius:var(--r8);cursor:pointer;font-size:12px;font-weight:600;color:var(--gray600);transition:.12s;flex:1;justify-content:center;min-width:80px}.ro.on{border-color:var(--g);background:var(--g50);color:var(--g3)}.ro i{font-size:14px}.dsel{display:flex;gap:5px;flex-wrap:wrap}.dc{padding:5px 10px;border:1px solid var(--gray200);border-radius:20px;font-size:12px;font-weight:600;color:var(--gray600);cursor:pointer;transition:.12s;-webkit-user-select:none;user-select:none;font-family:var(--font)}.dc.on{background:var(--g50);border-color:var(--g);color:var(--g3)}.upload-area{border:2px dashed var(--gray200);border-radius:var(--r8);padding:16px;text-align:center;cursor:pointer;transition:.15s;background:var(--gray50)}.upload-area:hover{border-color:var(--g);background:var(--g50)}.upload-area i{font-size:24px;color:var(--gray400);display:block;margin-bottom:6px}.upload-area p{font-size:12px;color:var(--gray500)}.auto-plan-result{background:var(--g50);border:1px solid var(--g200);border-radius:var(--r8);padding:14px;margin-top:12px}.apr-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.apr-row:last-child{margin-bottom:0;padding-top:6px;border-top:1px solid var(--g200);font-weight:700}.apr-lbl{color:var(--gray600)}.apr-val{font-weight:700;color:var(--g3)}.tc{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:7px;z-index:9999;pointer-events:none}.toast{background:var(--gray900);color:#fff;padding:10px 14px;border-radius:var(--r8);font-size:13px;display:flex;align-items:center;gap:8px;animation:tIn .2s ease;box-shadow:var(--sh3);max-width:280px;pointer-events:all;font-family:var(--font)}.toast.g{background:var(--g3)}.toast.r{background:var(--redD)}@keyframes tIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quran-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--g50),var(--g100));border:1px solid var(--g200);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--g3)}.brand-strip{background:linear-gradient(135deg,var(--g3) 0%,var(--g) 60%,var(--g2) 100%);border-radius:var(--r12);padding:16px 20px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand-strip-text .bs-title{font-size:16px;font-weight:800;color:#fff}.brand-strip-text .bs-sub{font-size:12px;color:#ffffffbf;margin-top:2px}.brand-strip-ico{font-size:36px;color:#ffffff4d}.sec-sep{font-size:11px;font-weight:700;color:var(--gray400);letter-spacing:.06em;text-transform:uppercase;padding:6px 0 4px;margin-top:4px}@media(max-width:900px){:root{--sbW: 0px}.sidebar{display:none;position:fixed;top:0;right:0;height:100vh;width:240px;z-index:300;box-shadow:var(--sh4)}.sidebar.open{display:flex}.sb-overlay{display:block!important}.tb-menu-btn{display:flex}.workflow{padding:0 10px}.content{padding:12px}}@media(max-width:640px){.tb-search{display:none}.fr{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.ph{flex-direction:column;align-items:flex-start}.filters{gap:6px}.fi-search{max-width:100%;width:100%}.dt{min-width:420px}}@media(max-width:400px){.stats{grid-template-columns:1fr 1fr}.cards-g{grid-template-columns:1fr}}.sb-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:299}.tb-user{position:relative}.tb-user-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--r8);border:1px solid transparent;background:none;cursor:pointer;font-family:var(--font);transition:.15s}.tb-user-btn:hover{background:var(--gray50);border-color:var(--gray200)}.tb-user-info{line-height:1.4;text-align:right}.tb-user-name{font-size:12px;font-weight:700;color:var(--gray800);white-space:nowrap}.tb-user-role{font-size:10px;color:var(--gray400);white-space:nowrap}.tb-chevron{font-size:13px;color:var(--gray400);transition:transform .2s}.tb-user.open .tb-chevron{transform:rotate(180deg)}.tb-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);box-shadow:var(--sh3);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:400;overflow:hidden}.tb-user.open .tb-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}.tb-dd-header{padding:12px 14px;border-bottom:1px solid var(--gray100);display:flex;align-items:center;gap:10px}.tb-dd-name{font-size:13px;font-weight:700;color:var(--gray800)}.tb-dd-email{font-size:11px;color:var(--gray400);margin-top:1px}.tb-dd-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--gray600);cursor:pointer;border:none;background:none;width:100%;text-align:right;font-family:var(--font);transition:.12s}.tb-dd-item:hover{background:var(--gray50);color:var(--gray800)}.tb-dd-item i{font-size:16px;width:18px;text-align:center;color:var(--gray400)}.tb-dd-item:hover i{color:var(--gray600)}.tb-dd-sep{height:1px;background:var(--gray100);margin:4px 0}.tb-dd-item.logout{color:var(--red)}.tb-dd-item.logout:hover{background:var(--redL);color:var(--redD)}.tb-dd-item.logout i{color:var(--red)}.performance-card{margin-bottom:24px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:22px;transition:all .3s ease;position:relative;overflow:hidden}.performance-card:before{content:"";position:absolute;top:-50px;left:-50px;width:140px;height:140px;border-radius:50%;background:#3b82f612}.performance-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.performance-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.performance-title{font-size:16px;font-weight:800;color:#0f172a}.performance-subtitle{font-size:12px;color:#94a3b8;margin-top:3px}.performance-content{display:flex;flex-direction:column;gap:18px}.progress-item{display:flex;flex-direction:column;gap:8px}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{padding:14px;border-radius:18px;text-align:center;transition:all .25s ease}.stat-box:hover{transform:translateY(-3px)}.stat-box i{font-size:20px;margin-bottom:8px;display:block}.stat-value{font-size:22px;font-weight:800;line-height:1}.stat-label{margin-top:6px;font-size:12px;font-weight:600}.stat-box.primary{background:#3b82f614;color:#2563eb}.stat-box.success{background:#22c55e14;color:#16a34a}.stat-box.danger{background:#ef444414;color:#dc2626}.rating-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed #e2e8f0;font-size:14px;font-weight:600;color:#475569}.days-card{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:18px;padding:18px;text-align:center}.days-value{font-size:28px;font-weight:800;color:#1e293b}.days-value span{font-size:16px;color:#64748b;font-weight:600}.days-label{margin-top:6px;color:#64748b;font-size:13px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enr-spin{animation:spin .9s linear infinite;display:inline-block}.enr-steps{display:flex;align-items:center;gap:0;margin:16px 0;padding:16px 20px;background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12)}.enr-step-wrap{display:flex;align-items:center;flex:1;min-width:0}.enr-step{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r8);transition:.15s;min-width:0}.enr-step-circle{width:34px;height:34px;border-radius:50%;background:var(--gray100);color:var(--gray400);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:.15s;border:1.5px solid var(--gray200)}.enr-step.on .enr-step-circle{background:var(--g50);color:var(--g);border-color:var(--g200)}.enr-step.done .enr-step-circle{background:var(--g);color:#fff;border-color:var(--g)}.enr-step-l{font-size:12px;font-weight:600;color:var(--gray400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s}.enr-step.on .enr-step-l{color:var(--g3);font-weight:700}.enr-step.done .enr-step-l{color:var(--g)}.enr-step-line{flex:1;height:2px;background:var(--gray200);transition:.3s;margin:0 6px}.enr-step-line.done{background:var(--g)}.enr-nav-bar{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.enr-breadcrumb{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--gray50);border:1px solid var(--gray200);border-radius:20px;font-size:12px;font-weight:600;color:var(--gray600)}.enr-breadcrumb i{font-size:14px;color:var(--gray400)}.enr-breadcrumb span{color:var(--gray700)}.enr-bc-sep{font-size:12px;color:var(--gray300)!important}.enr-pick-card{cursor:pointer;transition:.15s}.enr-pick-card:hover{border-color:var(--g200);box-shadow:var(--sh2);transform:translateY(-2px)}.enr-card-arrow{font-size:18px;color:var(--gray300);transition:.15s}.enr-pick-card:hover .enr-card-arrow{color:var(--g);transform:translate(-2px)}.enr-plan-summary{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);margin-bottom:14px;overflow:hidden}.eps-row{display:flex;align-items:stretch}.eps-item{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px}.eps-item>i{font-size:20px;color:var(--g);flex-shrink:0}.eps-lbl{font-size:11px;color:var(--gray400);font-weight:600;margin-bottom:2px}.eps-val{font-size:13px;font-weight:700;color:var(--gray800)}.eps-divider{width:1px;background:var(--gray100);align-self:stretch}.enr-section{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);padding:16px;margin-bottom:12px}.enr-section-hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.enr-section-num{width:28px;height:28px;border-radius:50%;background:var(--g);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.enr-section-num-preview{background:var(--blueL);color:var(--blue);font-size:14px}.enr-section-title{font-size:14px;font-weight:700;color:var(--gray800)}.enr-section-sub{font-size:12px;color:var(--gray400);margin-top:2px}.enr-section-sub-opts{border-color:var(--g100);background:var(--g50)}.enr-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r8)}.enr-alert-warn{background:var(--amberL);border:1px solid #fcd34d}.enr-alert-ico{width:32px;height:32px;border-radius:var(--r6);background:#f59e0b26;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--amber);flex-shrink:0}.enr-alert-title{font-size:13px;font-weight:700;color:var(--amberD);margin-bottom:2px}.enr-alert-sub{font-size:12px;color:var(--amberD);opacity:.85;line-height:1.5}.enr-schedule-list{display:flex;flex-direction:column;gap:8px}.enr-schedule-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--gray200);border-radius:var(--r8);cursor:pointer;transition:.15s;background:var(--white)}.enr-schedule-card:hover{border-color:var(--g200);background:var(--g50)}.enr-schedule-card.on{border-color:var(--g);background:var(--g50)}.enr-sch-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray300);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}.enr-schedule-card.on .enr-sch-radio{border-color:var(--g)}.enr-sch-radio-inner{width:8px;height:8px;border-radius:50%;background:transparent;transition:.15s}.enr-schedule-card.on .enr-sch-radio-inner{background:var(--g)}.enr-sch-body{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.enr-schedule-days{display:flex;gap:4px;flex-wrap:wrap}.enr-schedule-time{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--gray600)}.enr-schedule-time i{font-size:14px;color:var(--gray400)}.enr-order-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.enr-order-card{padding:14px;border:1.5px solid var(--gray200);border-radius:var(--r8);cursor:pointer;transition:.15s;background:var(--white)}.enr-order-card:hover{border-color:var(--gray300);background:var(--gray50)}.enr-order-card.on{border-color:var(--g);background:var(--g50)}.enr-order-ico{width:36px;height:36px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.enr-order-ico.g{background:var(--g50);color:var(--g)}.enr-order-ico.b{background:var(--blueL);color:var(--blue)}.enr-order-ico.a{background:var(--amberL);color:var(--amber)}.enr-order-ico.p{background:var(--purpleL);color:var(--purple)}.enr-order-card.on .enr-order-ico.g{background:var(--g100)}.enr-order-title{font-size:13px;font-weight:700;color:var(--gray800);margin-bottom:3px}.enr-order-sub{font-size:11px;color:var(--gray400);line-height:1.4}.enr-custom-list{display:flex;flex-direction:column;gap:6px}.enr-custom-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--white);border:1px solid var(--gray200);border-radius:var(--r8);transition:.12s}.enr-custom-row:hover{border-color:var(--gray300);background:var(--gray50)}.enr-custom-index{flex-shrink:0}.enr-custom-body{flex:1;min-width:0}.enr-custom-arrows{display:flex;gap:3px;flex-shrink:0}.enr-preview{display:flex;flex-direction:column;gap:6px}.enr-preview-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--white);border:1px solid var(--gray100);border-radius:var(--r6)}.enr-preview-body{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.enr-preview-more{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:var(--gray400);font-weight:600}.enr-preview-more i{font-size:14px}.enr-section-preview{border-color:var(--blueL);background:var(--blueL)}.enr-section-preview .enr-preview-row{border-color:#3b82f61f}.enr-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);margin-top:8px;margin-bottom:16px;flex-wrap:wrap}.enr-submit-bar .btn-g{min-width:180px;justify-content:center}@media(max-width:640px){.enr-steps{padding:12px;gap:0}.enr-step-l{display:none}.enr-step.on .enr-step-l{display:block}.eps-row{flex-direction:column}.eps-divider{width:auto;height:1px}.enr-order-modes{grid-template-columns:repeat(2,1fr)}.enr-breadcrumb{font-size:11px}}@media(max-width:400px){.enr-order-modes{grid-template-columns:1fr 1fr}.enr-submit-bar .btn-g{min-width:0;flex:1}}.pts-chk{width:16px;height:16px;cursor:pointer;accent-color:var(--g)}.pts-row-sel{background:var(--g50)!important}.pts-row-sel:hover{background:var(--g100)!important}.pts-balance{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:var(--gray800)}.pts-balance i{font-size:15px;color:var(--amber)}.pts-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--g50);border:1.5px solid var(--g200);border-radius:var(--r8);margin-bottom:10px;flex-wrap:wrap;animation:tIn .15s ease}.pts-bulk-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g3);font-weight:600}.pts-bulk-info i{font-size:17px}.pts-student-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--gray50);border:1px solid var(--gray200);border-radius:var(--r8)}.pts-sc-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pts-bulk-summary{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--blueL);border:1px solid #bfdbfe;border-radius:var(--r8);font-size:13px;color:var(--blueD);font-weight:600}.pts-bulk-summary i{font-size:18px}.btn-r{background:var(--red);color:#fff}.btn-r:hover{background:var(--redD)}.jr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.jr-list{background:var(--white);border:1px solid var(--gray200);border-radius:var(--r12);overflow:hidden}.jr-list-head{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--gray50);border-bottom:1px solid var(--gray200)}.jr-count{font-size:12px;font-weight:600;color:var(--gray500)}.jr-chk{width:16px;height:16px;cursor:pointer;accent-color:var(--g);flex-shrink:0}.jr-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--gray100);transition:.12s;flex-wrap:wrap}.jr-row:last-child{border-bottom:none}.jr-row:hover{background:var(--gray50)}.jr-row.sel{background:var(--g50)}.jr-row.sel:hover{background:var(--g100)}.jr-ico{width:42px;height:42px;border-radius:var(--r8);background:var(--blueL);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.jr-info{flex:1;min-width:160px}.jr-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.jr-name{font-size:14px;font-weight:700;color:var(--gray800)}.jr-url{font-size:12px;color:var(--blue);text-decoration:none;word-break:break-all}.jr-url:hover{text-decoration:underline}.jr-actions{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.jr-edit-form{flex:1;min-width:220px}@media(max-width:560px){.jr-row{align-items:flex-start}.jr-actions{width:100%;margin-top:4px}}.topbar{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:300!important;height:var(--topH)!important;background:var(--white)!important;border-bottom:1px solid var(--gray200)!important;box-shadow:var(--sh1)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:0 16px!important}.tb-logo{display:flex!important;align-items:center!important;gap:9px!important;flex-shrink:0!important;text-decoration:none!important;margin-right:0!important;margin-left:auto!important}.tb-search{flex:1!important;max-width:340px!important;position:relative!important;margin:0!important}.tb-search input{width:100%!important;padding:7px 38px 7px 12px!important;border:1px solid var(--gray200)!important;border-radius:var(--r8)!important;font-family:var(--font)!important;font-size:13px!important;background:var(--gray50)!important;color:var(--gray700)!important;outline:none!important;transition:.15s!important;direction:rtl!important}.tb-search input:focus{border-color:var(--g)!important;background:var(--white)!important;box-shadow:0 0 0 3px #0596691a!important}.tb-search .ico{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;color:var(--gray400)!important;font-size:16px!important;pointer-events:none!important}.tb-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-shrink:0!important;flex-direction:row!important}.topbar>button:first-child{order:-1!important;flex-shrink:0!important}body{padding-top:var(--topH)!important}#main-sidebar{top:var(--topH)!important;height:calc(100vh - var(--topH))!important}@media(max-width:640px){.tb-search{display:none!important}}.att-page{direction:rtl}.att-mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.att-mini-stat{background:var(--surface);padding:14px 16px;text-align:center}.att-mini-stat-val{font-size:20px;font-weight:700}.att-mini-stat-val.c-green{color:var(--green)}.att-mini-stat-val.c-amber{color:var(--amber)}.att-mini-stat-val.c-red{color:var(--red)}.att-mini-stat-val.c-purple{color:var(--purple)}.att-mini-stat-val.c-blue{color:var(--blue)}.att-mini-stat-val.c-gray{color:var(--gray600)}.att-mini-stat-lbl{font-size:11px;color:var(--gray400);margin-top:2px}.att-sessions-summary{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.att-sessions-chip{background:var(--surfaceAlt);border-radius:var(--r8);padding:10px 16px;text-align:center;min-width:90px}.att-sessions-chip-val{font-size:18px;font-weight:700}.att-sessions-chip-lbl{font-size:11px;color:var(--gray400)}.att-modal-tabs{display:flex;gap:4px;padding:12px 16px 0;border-bottom:1px solid var(--border)}.att-modal-tab{padding:8px 14px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:400;color:var(--gray500);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.att-modal-tab:hover{color:var(--primary)}.att-modal-tab.is-active{font-weight:700;color:var(--primary);border-bottom-color:var(--primary)}.att-modal-tab-icon{margin-left:4px}.att-modal-body{padding:16px;max-height:400px;overflow-y:auto}.att-modal-loading{text-align:center;padding:48px;color:var(--gray400)}.att-modal-loading-icon{font-size:28px}.att-modal-error{padding:24px;color:var(--redD)}.att-table-cell-sm{font-size:12px}.att-table-cell-reason{max-width:140px;white-space:normal;font-size:12px}.att-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.att-stat-ico-wrap{position:relative}.att-stat-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border-radius:999px;font-size:10px;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.att-main-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.att-main-tab{padding:10px 18px;border:none;background:none;cursor:pointer;font-weight:400;color:var(--gray500);border-bottom:2px solid transparent;font-size:14px;margin-bottom:-1px;display:flex;align-items:center;gap:6px;transition:color .15s ease,border-color .15s ease}.att-main-tab:hover{color:var(--primary)}.att-main-tab.is-active{font-weight:700;color:var(--primary);border-bottom-color:var(--primary)}.att-main-tab-count{background:var(--red);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 7px;line-height:1.5}.att-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.att-filters-search{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.att-filters-right{display:flex;gap:8px;align-items:center}.att-filters-period{font-size:12px;color:var(--gray500);white-space:nowrap}.att-status-pills{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.att-alert-error{background:var(--redL);border:1px solid #fca5a5;border-radius:var(--r8);padding:10px 14px;color:var(--redD);font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.att-loading{text-align:center;padding:48px 20px;color:var(--gray400);font-size:13px}.att-loading-icon{font-size:28px;display:block;margin-bottom:8px}.att-loading-icon-sm{font-size:22px;display:block;margin-bottom:6px}.att-today-time{font-size:10px;color:var(--gray400);margin-top:2px}.att-rate-ring{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--gray600)}.att-count.c-green{color:var(--green);font-weight:600}.att-count.c-amber{color:var(--amber);font-weight:600}.att-count.c-red{color:var(--red);font-weight:600}.att-count.c-purple{color:var(--purple);font-weight:600}.att-count-muted{color:var(--gray300);font-size:12px}.att-sessions-hours{font-size:10px;color:var(--gray400);margin-top:2px}.att-pg-summary{font-size:12px;color:var(--gray500)}.rp-tabs-wrap{overflow-x:auto;margin-bottom:16px;border-bottom:1px solid var(--gray200, #e5e7eb);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.rp-tabs{display:flex;gap:4px;min-width:max-content;padding-bottom:1px}.rp-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray400, #9ca3af);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.rp-tab:hover{color:var(--gray700, #374151)}.rp-tab.on{color:var(--green, #16a34a);border-bottom-color:var(--green, #16a34a)}.rp-tab i{font-size:16px}.rp-stack{display:flex;flex-direction:column;gap:16px}.rp-mini-strip{padding:16px 20px}.rp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pr-my{padding:0 10%}@media(max-width:860px){.pr-my{padding:0 2%}.rp-grid-2{grid-template-columns:1fr}}.rp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.rp-card{background:var(--white, #fff);border:1px solid var(--gray200, #e5e7eb);border-radius:var(--r12, 12px);overflow:hidden}.rp-card-hd{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:13.5px;font-weight:700;color:var(--gray700, #374151);border-bottom:1px solid var(--gray100, #f3f4f6)}.rp-card-hd i{color:var(--green, #16a34a);font-size:16px}.rp-card-body{padding:14px 16px}.rp-card .tw-scroll{padding:4px 0}.rp-alert{display:flex;align-items:center;gap:10px;background:var(--blueL, #eff6ff);border:1px solid #93c5fd;color:var(--blueD, #1d4ed8);border-radius:var(--r8, 8px);padding:12px 16px;font-size:13px}.rp-alert.r{background:var(--redL, #fef2f2);border-color:#fca5a5;color:var(--redD, #dc2626)}.rp-alert i{font-size:18px}.rp-date-lbl{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gray400, #9ca3af);font-weight:600}.rp-date-input{padding:7px 10px;width:auto}.rp-stars{display:inline-flex;align-items:center;gap:2px}.rp-stars i{font-size:14px}.rp-stars-val{margin-right:5px;font-size:12.5px;color:var(--gray400, #9ca3af);font-weight:600}.rp-progress{width:100%;height:7px;border-radius:99px;background:var(--gray100, #f3f4f6);overflow:hidden;flex:1}.rp-progress-fill{height:100%;border-radius:99px;transition:width .3s ease;background:var(--green, #16a34a)}.rp-progress-fill.a{background:var(--amber, #d97706)}.rp-progress-fill.r{background:var(--red, #dc2626)}.rp-progress-lbl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gray400, #9ca3af);margin-bottom:5px}.rp-mini-stats{display:flex;flex-wrap:wrap;gap:6px}.rp-link{display:inline-flex;align-items:center;gap:4px;color:var(--green, #16a34a);font-weight:600;font-size:12.5px;text-decoration:none}.rp-link:hover{text-decoration:underline}.chip.b{background:var(--blueL, #eff6ff);color:var(--blueD, #1d4ed8)}.chip.a{background:#fffbeb;color:#b45309}.pm-check-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.pm-check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--gray200, #e5e7eb);border-radius:var(--r8, 8px);background:var(--gray50, #f9fafb);font-size:13px;color:var(--gray700, #374151);cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.pm-check-row:hover{border-color:var(--green, #16a34a);background:var(--greenL, #f0fdf4)}.pm-check-row:has(input:checked){border-color:var(--green, #16a34a);background:var(--greenL, #f0fdf4);color:var(--greenD, #15803d);font-weight:600}.pm-check-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--green, #16a34a);cursor:pointer}.pm-check-row.checked{border-color:var(--green, #16a34a);background:var(--greenL, #f0fdf4);color:var(--greenD, #15803d);font-weight:600}.fl-check{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.fl-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--gray300);border-radius:5px;background:var(--white);cursor:pointer;flex-shrink:0;position:relative;transition:.15s}.fl-check input[type=checkbox]:hover{border-color:var(--g)}.fl-check input[type=checkbox]:checked{background:var(--g);border-color:var(--g)}.fl-check input[type=checkbox]:checked:after{content:"";position:absolute;right:50%;top:50%;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(50%,-60%) rotate(45deg)}.fl-check input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #05966926}.pp-wrap{display:flex;flex-direction:column;gap:8px}.pp-count{font-size:12px;color:#6366f1;font-weight:500;margin-bottom:2px}.pp-label{display:flex;align-items:flex-start;cursor:pointer;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;transition:border-color .15s,background .15s;overflow:hidden}.pp-label:hover{border-color:#a5b4fc;background:#f5f3ff}.pp-label.checked{border-color:#6366f1;background:#eef2ff}.pp-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;cursor:pointer;position:relative;flex-shrink:0;margin:14px 10px 14px 14px;transition:border-color .15s,background .15s}.pp-label.checked .pp-check{background:#6366f1;border-color:#6366f1}.pp-check:after{content:"";position:absolute;top:3px;right:4px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) scaleX(-1);opacity:0;transition:opacity .1s}.pp-label.checked .pp-check:after{opacity:1}:root{--bg-base: #080d1a;--bg-surface: #0e1629;--bg-hover: rgba(255, 255, 255, .06);--bg-glass: rgba(14, 22, 41, .85);--border: rgba(255, 255, 255, .07);--border-md: rgba(255, 255, 255, .12);--green: #22c55e;--green-bg: rgba(34, 197, 94, .12);--green-bd: rgba(34, 197, 94, .3);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--red-bd: rgba(248, 113, 113, .3);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .12);--amber-bd: rgba(251, 191, 36, .3);--blue: #60a5fa;--blue-bg: rgba(96, 165, 250, .15);--accent: #818cf8;--text-hi: #f1f5f9;--text-md: rgba(241, 245, 249, .6);--text-lo: rgba(241, 245, 249, .35);--font: "Cairo", "Segoe UI", sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--panel-w: 360px;--topbar-h: 58px;--track-h: 32px;--toolbar-h: 50px}.sess-root *,.sess-root *:before,.sess-root *:after{box-sizing:border-box;margin:0;padding:0}.sess-root button{font-family:var(--font)}.sess-root{display:flex;flex-direction:column;height:100dvh;background:var(--bg-base);overflow:hidden;font-family:var(--font);direction:rtl;color:var(--text-hi)}.sess-track-badge{display:flex;align-items:center;gap:8px;padding:0 16px;height:var(--track-h);font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.3px}.sess-track-badge.starting{background:#fbbf241a;color:var(--amber);border-bottom:1px solid rgba(251,191,36,.2)}.sess-track-badge.active{background:#22c55e14;color:var(--green);border-bottom:1px solid rgba(34,197,94,.15)}.sess-track-badge.ending{background:#60a5fa1a;color:var(--blue);border-bottom:1px solid rgba(96,165,250,.2)}.sess-track-badge.ended{background:#22c55e0d;color:var(--green);border-bottom:1px solid rgba(34,197,94,.1)}.sess-track-badge.error{background:#f871711a;color:var(--red);border-bottom:1px solid rgba(248,113,113,.2)}.track-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:live-pulse 1.4s ease-in-out infinite;flex-shrink:0}.track-dur{margin-right:8px;background:#22c55e26;border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:1px 8px;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.spin{display:inline-block;animation:spin .8s linear infinite}.sess-topbar{height:var(--topbar-h);background:var(--bg-glass);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:30}.sess-back{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-md);background:transparent;color:var(--text-md);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;white-space:nowrap}.sess-back:hover{background:var(--bg-hover);color:var(--text-hi)}.sess-info{flex:1;min-width:0}.sess-title{font-size:14px;font-weight:800;color:var(--text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sess-meta{font-size:11px;color:var(--text-lo);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sess-live-badge{display:inline-flex;align-items:center;gap:5px;background:var(--red-bg);border:1px solid var(--red-bd);color:var(--red);border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.sess-live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.sess-toolbar{height:var(--toolbar-h);background:#080d1a99;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:6px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.sess-toolbar::-webkit-scrollbar{display:none}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-md);background:#ffffff0a;color:var(--text-md);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}.tool-btn:hover{background:var(--bg-hover);color:var(--text-hi);border-color:#ffffff2e}.tool-btn.active{background:#818cf826;border-color:#818cf866;color:var(--accent)}.tool-btn.rec-recording{background:var(--red-bg);border-color:var(--red-bd);color:var(--red);animation:rec-glow .9s ease-in-out infinite alternate}@keyframes rec-glow{0%{box-shadow:none}to{box-shadow:0 0 10px #f8717133}}.tool-btn.rec-done{background:var(--green-bg);border-color:var(--green-bd);color:var(--green)}.tool-sep{width:1px;height:24px;background:var(--border);flex-shrink:0;margin:0 2px}.rec-timer{font-size:13px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:1px;flex-shrink:0}.sess-body{flex:1;display:flex;overflow:hidden;position:relative}.sess-meet{flex:1;position:relative;min-width:0;background:#000}.sess-meet iframe{width:100%;height:100%;border:none;display:block}.sess-panel{width:var(--panel-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sess-panel.hidden{width:0;opacity:0;border:none;pointer-events:none}.sess-panel-hd{padding:14px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#ffffff05}.sess-panel-title{font-size:13px;font-weight:800;color:var(--text-hi);display:flex;align-items:center;gap:7px}.sess-panel-title i{color:var(--accent);font-size:15px}.sess-panel-close{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-md);background:transparent;color:var(--text-lo);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:.12s}.sess-panel-close:hover{background:var(--bg-hover);color:var(--text-hi)}.sess-panel-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.att-scroll-wrap{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.att-scroll-wrap::-webkit-scrollbar{width:4px}.att-scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.mushaf-container{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.mushaf-container iframe{flex:1;width:100%;border:none;display:block;background:#fff}.att-panel{padding:14px;display:flex;flex-direction:column;gap:12px}.att-header-stats{display:flex;align-items:center;gap:12px}.att-ring-wrap{position:relative;width:68px;height:68px;flex-shrink:0}.att-ring-svg{width:68px;height:68px}.att-ring-bg{fill:none;stroke:#ffffff12;stroke-width:5}.att-ring-fill{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .4s ease}.att-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.att-ring-pct{font-size:14px;font-weight:800;color:var(--text-hi);line-height:1}.att-ring-sub{font-size:9px;font-weight:600;color:var(--text-lo);margin-top:2px}.att-chips{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.att-chip{border-radius:var(--radius-sm);padding:7px 8px;display:flex;align-items:center;gap:5px}.att-chip i{font-size:12px;flex-shrink:0}.att-chip span{font-size:16px;font-weight:800;line-height:1}.att-chip small{font-size:9px;font-weight:600;color:var(--text-lo);margin-top:1px;margin-right:1px;align-self:flex-end}.present-chip{background:var(--green-bg);border:1px solid var(--green-bd)}.present-chip i,.present-chip span{color:var(--green)}.absent-chip{background:var(--red-bg);border:1px solid var(--red-bd)}.absent-chip i,.absent-chip span{color:var(--red)}.late-chip{background:var(--amber-bg);border:1px solid var(--amber-bd)}.late-chip i,.late-chip span{color:var(--amber)}.pending-chip{background:#ffffff0a;border:1px solid var(--border)}.pending-chip i,.pending-chip span{color:var(--text-lo)}.att-quick{display:flex;gap:6px}.att-q-btn{flex:1;padding:8px 4px;border-radius:var(--radius-sm);border:1px solid;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:filter .12s,transform .1s;white-space:nowrap}.att-q-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.att-q-btn:active{transform:translateY(0)}.present-q{background:var(--green-bg);border-color:var(--green-bd);color:var(--green)}.absent-q{background:var(--red-bg);border-color:var(--red-bd);color:var(--red)}.reset-q{background:#ffffff0a;border-color:var(--border-md);color:var(--text-md)}.att-list{display:flex;flex-direction:column;gap:4px}.att-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid var(--border);transition:background .15s,border-color .15s}.att-row.present{background:#22c55e12;border-color:#22c55e2e}.att-row.absent{background:#f8717112;border-color:#f871712e}.att-row.late{background:#fbbf2412;border-color:#fbbf242e}.att-index{font-size:10px;font-weight:700;color:var(--text-lo);width:16px;text-align:center;flex-shrink:0}.att-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff12;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--text-md);flex-shrink:0;overflow:hidden}.att-avatar img{width:100%;height:100%;object-fit:cover}.att-name{flex:1;font-size:12px;font-weight:600;color:var(--text-hi);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-btns{display:flex;gap:3px;flex-shrink:0}.att-btn{width:27px;height:27px;border-radius:7px;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .12s}.present-btn{background:var(--green-bg);border-color:var(--green-bd);color:var(--green)}.late-btn{background:var(--amber-bg);border-color:var(--amber-bd);color:var(--amber)}.absent-btn{background:var(--red-bg);border-color:var(--red-bd);color:var(--red)}.att-btn.on{filter:brightness(1.4);box-shadow:0 0 0 2px currentColor;opacity:1}.att-btn:not(.on){opacity:.45}.att-btn:hover{opacity:1;filter:brightness(1.3)}.att-save-btn{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:.15s;margin-top:4px;letter-spacing:.3px}.att-save-btn:hover{opacity:.9;transform:translateY(-1px)}.att-save-btn.saved{background:#ffffff12;color:var(--green);cursor:default;transform:none}.att-save-btn:disabled{cursor:default}.vid-section{border-top:1px solid var(--border);padding:12px}.vid-section-label{font-size:11px;font-weight:700;color:var(--text-lo);margin-bottom:8px;display:flex;align-items:center;gap:5px}.vid-section-label i{color:var(--green)}.vid-preview{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-md);background:#000;margin-bottom:8px}.vid-preview video{width:100%;display:block;max-height:180px}.vid-actions{display:flex;gap:6px}.vid-dl-btn{flex:1;padding:9px 10px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;transition:opacity .15s}.vid-dl-btn:hover{opacity:.9}.vid-reset-btn{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-md);background:transparent;color:var(--text-lo);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.12s}.vid-reset-btn:hover{background:var(--bg-hover);color:var(--text-hi)}.float-vid{position:absolute;bottom:16px;right:16px;width:260px;background:var(--bg-surface);border:1px solid var(--border-md);border-radius:var(--radius);padding:12px;z-index:20;box-shadow:0 12px 40px #0009;animation:float-in .2s ease}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.float-vid-hd{font-size:12px;font-weight:700;color:var(--text-md);display:flex;align-items:center;gap:6px;margin-bottom:8px}.float-vid-hd i{color:var(--green)}.float-vid video{width:100%;border-radius:var(--radius-sm);margin-bottom:8px;display:block}.float-vid-actions{display:flex;gap:6px}@media(max-width:820px){:root{--panel-w: 100%}.sess-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;width:100%!important}.sess-panel.hidden{width:0!important;opacity:0}.sess-title{font-size:13px}.sess-meta{display:none}.float-vid{width:calc(100% - 32px);left:16px;right:16px}}@media(max-width:480px){.tool-btn span{display:none}.tool-btn{padding:7px 10px}.sess-back span{display:none}}:root{--white: var(--bg);--gray50: var(--surface);--gray100: var(--border);--gray200: var(--border);--gray300: var(--gray400);--gray400: var(--gray400);--gray600: var(--text);--gray700: var(--text);--gray800: var(--text);--gray900: var(--text);--g: var(--primary);--g2: var(--primary);--g3: var(--text);--g50: var(--surface);--g100: var(--border);--r4: 4px;--r6: 6px;--r8: 8px;--r12: 12px;--r16: 16px;--r20: 20px;--sh1: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--sh2: 0 4px 16px rgba(0, 0, 0, .08);--sh3: 0 8px 32px rgba(0, 0, 0, .12);--sh4: 0 20px 60px rgba(0, 0, 0, .18);--font: "Cairo", sans-serif;--topH: 58px}html,body{background:var(--bg)!important;color:var(--text)!important}.dt thead tr{background:var(--surface)!important}.dt thead th{background:var(--surface)!important;color:var(--text)!important;font-weight:700!important;border-bottom:2px solid var(--border)!important;padding:12px 14px!important}.dt thead th.row-n{color:var(--gray400)!important}#app{background:var(--bg)!important;min-height:100vh}.brand-strip{background:var(--primary)!important;color:#fff!important}.brand-strip-text .bs-title{color:#fff!important}.brand-strip-text .bs-sub{color:#ffffffd9!important}.brand-strip-ico{color:#fff9!important}.stats{background:transparent!important}.stat{background:var(--surface)!important;border:1px solid var(--border)!important}.stat-val{color:var(--text)!important}.stat-lbl{color:var(--secondary)!important}.stat-ico.g{background:var(--green)!important;color:#fff!important}.stat-ico.b{background:var(--primary)!important;color:#fff!important}.stat-ico.a{background:var(--amber)!important;color:#fff!important}.stat-ico.r{background:var(--red)!important;color:#fff!important}.filters{background:var(--surface)!important;border:1px solid var(--border)!important}.fi-search input{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.fi-search input::placeholder{color:var(--gray400)!important}.fi-search .ico{color:var(--gray400)!important}.fi-sel{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.view-tog{background:var(--bg)!important;border:1px solid var(--border)!important}.vt{color:var(--gray400)!important;background:transparent!important}.vt.on{background:var(--primary)!important;color:#fff!important}.btn-g{background:var(--primary)!important;color:#fff!important;border:none!important}.btn-o{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.btn-o:hover{background:var(--surface)!important}.tw{background:var(--bg)!important;border:1px solid var(--border)!important}.dt thead{background:var(--surface)!important}.dt th{color:var(--secondary)!important}.dt td{color:var(--text)!important;border-bottom:1px solid var(--border)!important}.row-n{color:var(--gray400)!important}.cell-p{color:var(--text)!important}.cell-s{color:var(--secondary)!important}.chip.b{color:var(--primary)!important;background:var(--surface)!important}.chip.g,.bs.g{color:var(--greenD)!important;background:var(--greenL)!important}.bs.gr{color:var(--gray400)!important;background:var(--surface)!important}.bsd{background:currentColor!important}.ab{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.ab.g{color:var(--greenD)!important;border-color:var(--greenL)!important}.ab.r{color:var(--redD)!important;border-color:var(--redL)!important}.empty{color:var(--gray400)!important}.empty-t{color:var(--text)!important}.empty-s{color:var(--secondary)!important}.pg{color:var(--secondary)!important;border-top:1px solid var(--border)!important}.pgb{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.pgb.on{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.card{background:var(--bg)!important;border:1px solid var(--border)!important}.card-ico.g{background:var(--green)!important;color:#fff!important}.card-title{color:var(--text)!important}.card-sub,.card-mi{color:var(--secondary)!important}.mo-box{background:var(--bg)!important}.mo-hd{background:var(--surface)!important;border-bottom:1px solid var(--border)!important}.mo-title{color:var(--text)!important}.mo-close{color:var(--gray400)!important}.mo-body{color:var(--text)!important}.mo-ft{border-top:1px solid var(--border)!important}.fl{color:var(--text)!important}.req{color:var(--red)!important}.fc{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.fc::placeholder{color:var(--gray400)!important}.ro{background:var(--surface)!important;color:var(--secondary)!important;border:1px solid var(--border)!important}.ro.on{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.cm-icon{color:var(--red)!important}.cm-title{color:var(--text)!important}.cm-sub{color:var(--secondary)!important}.tb-mark{background:var(--primary)!important;color:#fff!important}.tb-title{color:var(--text)!important}.tb-complex{color:var(--secondary)!important}.tb-search{background:var(--surface)!important;border:1px solid var(--border)!important}.tb-search input{color:var(--text)!important;background:transparent!important}.tb-search .ico{color:var(--gray400)!important}.tb-btn{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.tb-notif-badge{background:var(--red)!important;color:#fff!important}.tb-avatar{background:var(--primary)!important;color:#fff!important}.tb-user-btn{background:transparent!important}.tb-user-btn:hover{background:var(--surface)!important}.tb-user-name{color:var(--text)!important}.tb-user-role{color:var(--gray400)!important}.tb-dropdown{background:var(--bg)!important;border:1px solid var(--border)!important}.tb-dd-header{border-bottom:1px solid var(--border)!important}.tb-dd-name{color:var(--text)!important}.tb-dd-email{color:var(--gray400)!important}.tb-dd-item{color:var(--text)!important}.tb-dd-item:hover{background:var(--surface)!important}.tb-dd-item i{color:var(--gray400)!important}.tb-dd-sep{background:var(--border)!important}.tb-dd-item.logout{color:var(--red)!important}.tb-dd-item.logout:hover{background:var(--redL)!important;color:var(--redD)!important}.tb-dd-item.logout i{color:var(--red)!important}#main-sidebar{background:var(--bg)!important;border-left:1px solid var(--border)!important}.quran-badge{background:var(--surface)!important;color:var(--primary)!important;border:1px solid var(--border)!important}.sb-sep{background:var(--border)!important}.sb-group-label{color:var(--gray400)!important}.sb-item{color:var(--secondary)!important}.sb-item:hover{background:var(--surface)!important;color:var(--text)!important}.sb-item.active{background:var(--surface)!important;color:var(--primary)!important;border-right:3px solid var(--primary)!important}.sb-dropdown-trigger{color:var(--secondary)!important}.sb-dropdown-trigger:hover{background:var(--surface)!important;color:var(--text)!important}.sb-dropdown-trigger.open{background:var(--surface)!important;color:var(--primary)!important;border-right-color:var(--primary)!important}.sb-drop-arrow{color:var(--gray400)!important}.sb-dropdown-menu{background:var(--surface)!important;border-right:3px solid var(--border)!important}.sb-dropdown-menu .sb-item.active{background:var(--border)!important;color:var(--primary)!important}.sb-user-card-wrapper{background:var(--bg)!important;border-top:1px solid var(--border)!important}.sb-user-card{background:var(--surface)!important;border:1px solid var(--border)!important}.sb-user-avatar{background:var(--primary)!important;color:#fff!important;border:2px solid var(--border)!important}.sb-user-name{color:var(--text)!important}.sb-user-role{color:var(--gray400)!important}.sb-logout-btn{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--gray400)!important}.sb-logout-btn:hover{border-color:var(--red)!important;background:var(--redL)!important;color:var(--red)!important}.topbar{background:var(--bg)!important;border-bottom:1px solid var(--border)!important}.tb-dd-item a{color:var(--gray400)!important}.ti_btn{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.ti_btn_tx{color:var(--text)!important}.mo-bod div{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.emp-mo-title{color:var(--text)!important}.emp-tab{color:var(--gray400)!important}.emp-tab active{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.emp-info-row{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}input,textarea{color:var(--text)!important}.role-input,.att-period-pill.is-active{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.filters{border-radius:12px;padding:12px}.fc{background:var(--surface)!important}.performance-card{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.days-card{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.days-value{color:var(--text)!important}.rp-card,.fi-preset{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.on{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.rp-tabs{background:var(--surface)!important}.student-card{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.student-card__stat,.student-management__view-switch,.modal__body,.students-table__row,.students-table__td{background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important}.stat-card,.students-table__th{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.stat-card__value,.students-table__th{color:var(--text)!important}.student-detail-page__profile-icon-wrap,.student-detail-page__enrollment-item,.student-detail-page__guardian-item,.btn,.student-detail-page__attendance-thead,.student-detail-page__evaluation-item,.modal__header,.eval-modal__notes-textarea,.student-detail-page__account-status-row,.student-detail-page__badge-item,.students-table__thead{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.summary-card__stat,.student-card__toggle-btn{background:var(--surface)!important}.dt tbody tr{border-bottom:1px solid var(--gray100);transition:.1s;cursor:pointer}