@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Amiri:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap";.app{direction:rtl!important}:root{--g50: #f0faf5;--g100: #d6f0e3;--g200: #a8dfc5;--g300: #6cc49f;--g400: #38a879;--g500: #1e8f61;--g600: #15724e;--g700: #0f5439;--g800: #083524;--br100: #f5e8d5;--br200: #e8cba8;--br300: #c9996a;--br400: #a8733f;--n0: #fff;--n50: #f8fafc;--n100: #f1f5f9;--n200: #e2e8f0;--n300: #cbd5e1;--n400: #94a3b8;--n500: #64748b;--n600: #475569;--n700: #334155;--n800: #1e293b;--n900: #0f172a;--n950: #060f1e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--purple: #8b5cf6;--sw: 256px;--th: 60px;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}html{font-size:13.5px;-webkit-tap-highlight-color:transparent}body,#root{font-family:Tajawal,sans-serif;background:var(--n50);color:var(--n800);direction:rtl;height:100vh;height:100dvh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--n200);border-radius:4px}button{font-family:Tajawal,sans-serif;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:Tajawal,sans-serif;outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 5px transparent}}@keyframes tIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.sb{width:var(--sw);flex-shrink:0;background:linear-gradient(180deg,var(--n950) 0%,#0a1628 100%);display:flex;flex-direction:column;height:100vh;overflow:hidden;z-index:100;transition:width .28s var(--ease);position:relative}.sb:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(30,143,97,.1) 0%,transparent 60%);pointer-events:none}.sb.mini{width:54px}.sb.mini .sb-lbl,.sb.mini .sb-badge,.sb.mini .sb-academy,.sb.mini .sb-section,.sb.mini .sb-uname,.sb.mini .sb-uemail,.sb.mini .sb-brand-name{display:none}.sb.mini .sb-nav-item{justify-content:center;padding:10px 0}.sb.mini .sb-user{justify-content:center}.sb-brand{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:9px;cursor:pointer;transition:.2s var(--ease);flex-shrink:0}.sb-brand:hover{background:#ffffff0a}.sb-logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--g400),var(--g700));display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-brand-name{font-size:16px;font-weight:900;color:#fff;white-space:nowrap}.sb-academy{margin:7px 8px 3px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:9px}.sba-n{font-size:11px;font-weight:700;color:#fff}.sba-r{font-size:10px;color:var(--g300);margin-top:1px}.sb-scroll{flex:1;overflow-y:auto;padding-bottom:6px}.sb-section{padding:11px 14px 3px;font-size:9px;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.sb-nav{display:flex;flex-direction:column;gap:1px;padding:0 5px}.sb-nav-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:6px;font-size:11.5px;font-weight:600;color:#ffffff7a;cursor:pointer;transition:all .18s var(--ease);position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.sb-nav-item:hover{background:#ffffff0f;color:#ffffffd1}.sb-nav-item:active{transform:scale(.96)}.sb-nav-item.on{background:#1e8f6133;color:var(--g300)}.sb-nav-item.on:before{content:"";position:absolute;right:0;top:22%;bottom:22%;width:3px;background:var(--g400);border-radius:3px 0 0 3px}.sb-badge{margin-right:auto;font-size:9px;font-weight:700;padding:1px 5px;border-radius:100px;flex-shrink:0}.sb-badge.red{background:#ef444438;color:#fca5a5}.sb-badge.grn{background:#1e8f6138;color:var(--g300)}.sb-bottom{padding:7px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.sb-user{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:9px;cursor:pointer;transition:.15s}.sb-user:hover{background:#ffffff0f}.sb-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g600));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.sb-uname{font-size:11.5px;font-weight:700;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-uemail{font-size:9.5px;color:#ffffff52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{height:var(--th);border-bottom:1px solid var(--n200);display:flex;align-items:center;gap:8px;padding:0 18px;flex-shrink:0;background:var(--n0);position:sticky;top:0;z-index:50}.tb-title{font-size:14px;font-weight:800;color:var(--n900);white-space:nowrap}.tb-search{display:flex;align-items:center;gap:7px;background:var(--n100);border:1.5px solid var(--n200);border-radius:9px;padding:6px 12px;min-width:200px;max-width:280px;flex:1;transition:.18s}.tb-search:focus-within{border-color:var(--g400);background:var(--n0)}.tb-icon{width:34px;height:34px;border-radius:9px;background:var(--n100);border:1px solid var(--n200);display:flex;align-items:center;justify-content:center;color:var(--n500);transition:.15s;position:relative}.tb-icon:hover{background:var(--n200);color:var(--n800)}.tb-dot{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--n0)}.clk{text-align:center;line-height:1.2}.clk-t{font-size:15px;font-weight:900;color:var(--n800);font-variant-numeric:tabular-nums}.clk-d{font-size:9px;color:var(--n400)}.content{flex:1;overflow-y:auto;padding:16px;animation:pgIn .3s var(--ease)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi{background:var(--n0);border:1px solid var(--n200);border-radius:12px;padding:14px;transition:.18s var(--ease);animation:fadeUp .3s var(--ease)}.kpi:hover{box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kpi-ico svg{width:16px;height:16px}.ic-g{background:var(--g100);color:var(--g600)}.ic-b{background:#dbeafe;color:#2563eb}.ic-a{background:#fef3c7;color:#d97706}.ic-p{background:#ede9fe;color:#7c3aed}.kpi-trend{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px}.t-up{background:#dcfce7;color:var(--g600)}.t-dn{background:#fee2e2;color:var(--red)}.t-fl{background:var(--n100);color:var(--n500)}.kpi-num{font-size:22px;font-weight:900;color:var(--n900);letter-spacing:-.5px}.kpi-lbl{font-size:10px;color:var(--n400);margin-top:2px;font-weight:600}.widget{background:var(--n0);border:1px solid var(--n200);border-radius:12px;overflow:hidden;margin-bottom:12px;animation:fadeUp .3s var(--ease)}.wh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--n100)}.wh-l{font-size:13px;font-weight:800;color:var(--n900)}.wh-s{font-size:10px;color:var(--n400);margin-top:1px}.wb{padding:14px}.dark-hero{background:linear-gradient(135deg,var(--n950) 0%,#0a2218 100%);border-radius:14px;padding:2px;overflow:hidden}.dhi{padding:18px;background:radial-gradient(ellipse at 30% -20%,rgba(30,143,97,.25) 0%,transparent 60%)}.att-stats{display:flex;gap:12px;margin-bottom:12px}.att-stat{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 12px;text-align:center}.att-stat-n{font-size:22px;font-weight:900;color:#fff}.att-stat-l{font-size:9px;color:#ffffff73;margin-top:1px}.att-timer-big{font-size:28px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:2px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;animation:pulse 1.5s infinite}table{width:100%;border-collapse:collapse}th,td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--n100)}th{font-size:10.5px;font-weight:700;color:var(--n500);background:var(--n50)}td{font-size:12px;color:var(--n700)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--n50)}.tu{display:flex;align-items:center;gap:8px}.td-actions{display:flex;gap:5px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;transition:all .15s var(--ease)}.btn:active{transform:scale(.96)}.bp{background:var(--g500);color:#fff}.bp:hover{background:var(--g600)}.bs{background:var(--n100);color:var(--n700);border:1px solid var(--n200)}.bs:hover{background:var(--n200)}.bd{background:#fee2e2;color:var(--red)}.bd:hover{background:#fecaca}.bsm{font-size:11px;padding:5px 11px}.bxs{font-size:10.5px;padding:4px 9px}.badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;display:inline-flex;align-items:center}.fi{padding:6px 11px;border:1.5px solid var(--n200);border-radius:8px;font-size:12px;background:var(--n0);color:var(--n800);transition:.18s}.fi:focus{border-color:var(--g400);box-shadow:0 0 0 3px #1e8f611f}.fi2{width:100%;padding:8px 11px;border:1.5px solid var(--n200);border-radius:8px;font-size:12px;background:var(--n0);color:var(--n800);direction:rtl;transition:.18s}.fi2:focus{border-color:var(--g400);box-shadow:0 0 0 3px #1e8f611f}.fi2.ta{display:block}.tabs{display:flex;gap:3px;background:var(--n100);padding:3px;border-radius:8px}.tab{padding:4px 11px;border-radius:6px;font-size:11px;font-weight:700;color:var(--n500);cursor:pointer;transition:.15s}.tab:hover{color:var(--n800)}.tab.on{background:var(--n0);color:var(--g600);box-shadow:0 1px 4px #00000014}.prog-wrap{display:flex;align-items:center;gap:7px}.prog-bg{flex:1;height:6px;background:var(--n100);border-radius:100px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--g400),var(--g600));border-radius:100px;transition:width .4s var(--ease)}.empty{text-align:center;padding:36px 20px;color:var(--n400)}.empty p{font-size:13px;margin-bottom:12px}.ov{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .22s}.ov.on{opacity:1;pointer-events:all}.modal{background:var(--n0);border-radius:16px;width:100%;max-width:460px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;animation:mIn .25s var(--ease)}.modal.lg{max-width:580px}.mh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--n100)}.mh-t{font-size:14px;font-weight:800;color:var(--n900)}.mx{width:26px;height:26px;border-radius:6px;background:var(--n100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--n500);transition:.15s}.mx:hover{background:var(--n200)}.mb{padding:16px 18px;overflow-y:auto;flex:1}.mf{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--n100)}.conf-box{background:var(--n0);border-radius:16px;padding:24px;max-width:360px;width:90%;text-align:center;animation:bounceIn .3s var(--spring)}.conf-ico{width:52px;height:52px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.conf-t{font-size:15px;font-weight:800;color:var(--n900);margin-bottom:6px}.conf-d{font-size:11.5px;color:var(--n500);margin-bottom:18px;line-height:1.55}.conf-acts{display:flex;gap:9px;justify-content:center}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:700;min-width:200px;max-width:320px;box-shadow:0 4px 20px #00000026;animation:tIn .28s var(--spring)}.toast.ok{background:var(--g600);color:#fff}.toast.err{background:var(--red);color:#fff}.toast.warn{background:#d97706;color:#fff}.toast.inf{background:var(--n800);color:#fff}.np-bg{position:fixed;inset:0;z-index:149;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s}.np-bg.on{opacity:1;pointer-events:all}.np{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--n0);border-right:1px solid var(--n200);z-index:150;transform:translate(-100%);transition:transform .28s var(--ease);display:flex;flex-direction:column;box-shadow:4px 0 30px #0000001a}.np.on{transform:translate(0)}.np-head{padding:14px 16px;border-bottom:1px solid var(--n200);display:flex;align-items:center;justify-content:space-between}.np-t{font-size:14px;font-weight:800;color:var(--n900)}.np-list{flex:1;overflow-y:auto}.npi{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--n100);cursor:pointer;transition:.15s}.npi:hover{background:var(--n50)}.npi.unread{background:var(--g50)}.npi-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npi-tx{font-size:11.5px;line-height:1.5;color:var(--n700)}.npi-tm{font-size:10px;color:var(--n400);margin-top:3px}.npi-dot{width:7px;height:7px;border-radius:50%;background:var(--g500);flex-shrink:0;margin-top:4px}.chat-fab{position:fixed;bottom:22px;left:22px;width:52px;height:52px;border-radius:50%;background:var(--g500);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #1e8f6173;transition:all .22s var(--spring);z-index:200}.chat-fab:hover{background:var(--g600);transform:scale(1.07)}.chat-fab.open{background:var(--n800)}.cfab-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:100px;border:2px solid var(--n0)}.chat-wrap{position:fixed;bottom:88px;left:22px;width:520px;height:480px;background:var(--n0);border:1px solid var(--n200);border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;display:flex;flex-direction:column;z-index:200;opacity:0;pointer-events:none;transform:translateY(12px) scale(.97);transition:all .25s var(--spring)}.chat-wrap.open{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.chat-inner{display:flex;flex-direction:column;height:100%}.chat-topbar{padding:10px 14px;border-bottom:1px solid var(--n200);display:flex;align-items:center;gap:9px;flex-shrink:0;background:var(--n50)}.chat-back{width:28px;height:28px;border-radius:7px;background:var(--n100);border:1px solid var(--n200);display:flex;align-items:center;justify-content:center;color:var(--n500);cursor:pointer;transition:.15s}.chat-back svg{width:14px;height:14px}.tb-btn{width:28px;height:28px;border-radius:6px;background:var(--n100);border:1px solid var(--n200);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--n500)}.chat-layout{flex:1;display:flex;overflow:hidden}.rooms-panel{width:240px;flex-shrink:0;border-left:1px solid var(--n200);display:flex;flex-direction:column;background:var(--n50);overflow:hidden;transition:width .22s}.rooms-header{border-bottom:1px solid var(--n200)}.rooms-search{padding:8px;display:flex;align-items:center;gap:6px}.rooms-search input{flex:1;padding:5px 9px;background:var(--n0);border:1.5px solid var(--n200);border-radius:7px;font-size:11px;direction:rtl}.rooms-list{flex:1;overflow-y:auto}.rooms-sec-label{padding:6px 8px 2px;font-size:9px;font-weight:700;color:var(--n400);text-transform:uppercase;letter-spacing:.5px}.room-item{display:flex;align-items:center;gap:6px;padding:8px;cursor:pointer;border-bottom:1px solid var(--n100);transition:.14s}.room-item:hover{background:var(--n100)}.room-item.active{background:var(--g50);border-right:2px solid var(--g500)}.room-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;position:relative}.room-info{flex:1;min-width:0}.room-name{font-size:11px;font-weight:700;color:var(--n900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-prev{font-size:9.5px;color:var(--n400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.room-time{font-size:9px;color:var(--n400)}.room-unread{background:var(--red);color:#fff;font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:100px}.online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;border:1.5px solid var(--n0);position:absolute;bottom:0;right:0}.chat-msgs-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--n400)}.chat-empty-state .icon{width:64px;height:64px;border-radius:50%;background:var(--n100);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.chat-empty-state h3{font-size:13px;font-weight:800;color:var(--n700)}.chat-empty-state p{font-size:11px;text-align:center;line-height:1.6}.chat-room-header{padding:10px 14px;border-bottom:1px solid var(--n200);display:flex;align-items:center;gap:9px;flex-shrink:0;background:var(--n0)}.crh-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;position:relative}.crh-name{font-size:12.5px;font-weight:800;color:var(--n900)}.crh-sub{font-size:9.5px;color:var(--n400)}.msgs-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}.msg-date-divider{text-align:center;margin:8px 0;font-size:10px;color:var(--n400)}.msg-date-divider span{background:var(--n100);padding:2px 10px;border-radius:100px}.msg-group{display:flex;flex-direction:column;margin-bottom:4px}.msg-group.me{align-items:flex-end}.msg-group.them{align-items:flex-start}.msg-sender{font-size:10px;font-weight:700;color:var(--n500);margin-bottom:2px;padding:0 4px}.msg-bubble{max-width:75%;padding:8px 12px;border-radius:14px;font-size:12px;line-height:1.55}.msg-group.me .msg-bubble{background:var(--g500);color:#fff;border-bottom-left-radius:3px}.msg-group.them .msg-bubble{background:var(--n100);color:var(--n800);border-bottom-right-radius:3px}.msg-footer{display:flex;align-items:center;gap:4px;font-size:9.5px;padding:2px 4px}.msg-group.me .msg-footer{color:#fff9;justify-content:flex-end;flex-direction:row-reverse}.msg-group.them .msg-footer{color:var(--n400)}.read-ticks{font-size:11px;color:var(--g300)}.chat-input-bar{padding:10px 12px;border-top:1px solid var(--n200);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-input-box{flex:1;background:var(--n100);border:1.5px solid var(--n200);border-radius:14px;padding:8px 12px;display:flex;align-items:flex-end;gap:6px;transition:.18s}.chat-input-box:focus-within{border-color:var(--g400);background:var(--n0)}.chat-textarea{flex:1;background:none;border:none;font-size:12px;color:var(--n800);resize:none;max-height:110px;direction:rtl;line-height:1.5}.chat-send{width:36px;height:36px;border-radius:50%;background:var(--g500);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s;flex-shrink:0}.chat-send:hover{background:var(--g600)}.task-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--n200);border-radius:9px;margin-bottom:7px;transition:all .18s var(--ease)}.task-item:hover{border-color:var(--g200);background:var(--g50);transform:translate(-2px);box-shadow:0 2px 10px #1e8f6112}.task-item.done{opacity:.5}.task-item.done .task-t{text-decoration:line-through;color:var(--n400)}.task-cb{width:17px;height:17px;border-radius:4px;border:2px solid var(--n300);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s;margin-top:1px}.task-cb.on{background:var(--g500);border-color:var(--g500)}.task-t{font-size:12px;font-weight:700;color:var(--n800)}.task-meta{font-size:10.5px;color:var(--n400);display:flex;gap:9px;flex-wrap:wrap;margin-top:2px}.pr{font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:100px}.pr-h{background:#fee2e2;color:var(--red)}.pr-m{background:#fef3c7;color:#92400e}.pr-l{background:var(--g100);color:var(--g700)}.profile-header{background:var(--n0);border:1px solid var(--n200);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:12px}.pav-big{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g600));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;position:relative;cursor:pointer;flex-shrink:0}.pav-edit{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:var(--g500);border:2px solid var(--n0);display:flex;align-items:center;justify-content:center}.profile-name{font-size:16px;font-weight:900;color:var(--n900)}.profile-role{font-size:11px;color:var(--n400);margin-top:1px}.ps{display:flex;gap:18px;margin-top:9px;flex-wrap:wrap}.ps-item{display:flex;flex-direction:column;gap:2px}.ps-num{font-size:15px;font-weight:900;color:var(--n900)}.ps-l{font-size:9.5px;color:var(--n400)}.sw{width:36px;height:20px;border-radius:100px;background:var(--n300);cursor:pointer;position:relative;transition:.2s;flex-shrink:0}.sw.on{background:var(--g500)}.sw:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.2s;box-shadow:0 1px 3px #00000026}.sw.on:after{right:calc(100% - 17px)}.sb-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;display:none}.sb-overlay.on{display:block;animation:fadeIn .22s var(--ease)}.topbar-hamburger{width:36px;height:36px;border-radius:9px;background:var(--n100);border:1px solid var(--n200);align-items:center;justify-content:center;color:var(--n600);transition:.18s;display:none}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}@media(max-width:768px){body{overflow:auto}:root{--sw: 256px}.sb{position:fixed;transform:translate(100%);z-index:300;transition:transform .3s var(--ease)}.sb.mobile-open{transform:translate(0)}.topbar-hamburger{display:flex!important}.content{padding:10px}.kpi-grid{grid-template-columns:1fr 1fr}.tb-search,.clk{display:none}}:root{--g50: #f0faf5;--g100: #d6f0e3;--g200: #a8dfc5;--g300: #6cc49f;--g400: #38a879;--g500: #1e8f61;--g600: #15724e;--g700: #0f5439;--n0: #fff;--n50: #f8fafc;--n100: #f1f5f9;--n200: #e2e8f0;--n300: #cbd5e1;--n400: #94a3b8;--n500: #64748b;--n600: #475569;--n700: #334155;--n800: #1e293b;--n900: #0f172a;--red: #ef4444;--red-bg: #fef2f2;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}body,#root{font-family:Tajawal,sans-serif;min-height:100vh}.auth-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative;background:linear-gradient(145deg,#edfaf4,#f5f8ff,#f5f0ff);overflow-x:hidden}.auth-bg-deco{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 15% 15%,rgba(30,143,97,.09) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 85%,rgba(99,102,241,.07) 0%,transparent 60%),linear-gradient(rgba(30,143,97,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,143,97,.025) 1px,transparent 1px);background-size:100%,100%,30px 30px,30px 30px}.auth-card{background:#fffffff7;border-radius:24px;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 4px #00000008,0 12px 40px #00000014,0 0 0 1px #1e8f610d;width:100%;max-width:430px;width:650px;padding:32px 32px 24px;animation:cardIn .45s var(--spring);position:relative;z-index:1}.reg-wide{max-width:560px}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-logo-mark{width:42px;height:42px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,var(--g400),var(--g700));position:relative;box-shadow:0 4px 14px #1e8f6147}.brand-logo-mark:after{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.brand-name{font-size:22px;font-weight:900;color:var(--n900);line-height:1.1}.brand-name span{color:var(--g400)}.brand-tagline{font-size:11px;color:var(--n400);margin-top:1px;font-weight:600}.auth-heading{margin-bottom:24px}.auth-heading h1{font-size:20px;font-weight:800;color:var(--n900);margin-bottom:5px}.auth-heading p{font-size:13px;color:var(--n400);line-height:1.7}.auth-heading strong{color:var(--n700);font-weight:700}.form-stack{display:flex;flex-direction:column;gap:16px}.field-wrap{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;font-weight:700;color:var(--n700)}.req{color:var(--red)}.opt-tag{font-size:10px;font-weight:600;color:var(--n400);background:var(--n100);padding:1px 7px;border-radius:100px;margin-right:5px}.field-hint{font-size:11px;color:var(--n400)}.field-err-msg{font-size:11px;color:var(--red);font-weight:700;display:flex;align-items:center;gap:5px}.field-err-msg:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}.input-box{display:flex;align-items:center;gap:9px;background:var(--n50);border:1.5px solid var(--n200);border-radius:10px;padding:0 13px;height:46px;transition:all .18s var(--ease)}.input-box:focus-within{border-color:var(--g400);background:var(--n0);box-shadow:0 0 0 3px #38a8791f}.input-box.err{border-color:var(--red)}.input-box.err:focus-within{box-shadow:0 0 0 3px #ef44441a}.bare-input{flex:1;border:none;background:transparent;font-family:Tajawal,sans-serif;font-size:13px;color:var(--n800);outline:none}.bare-input::placeholder{color:var(--n400)}.bare-field{width:100%;height:46px;padding:0 13px;background:var(--n50);border:1.5px solid var(--n200);border-radius:10px;font-family:Tajawal,sans-serif;font-size:13px;color:var(--n800);outline:none;transition:all .18s var(--ease);appearance:auto}.bare-field:focus{border-color:var(--g400);background:var(--n0);box-shadow:0 0 0 3px #38a8791f}.bare-field.err{border-color:var(--red)}.bare-field::placeholder{color:var(--n400)}.textarea-field{height:auto;padding:10px 13px;resize:vertical;line-height:1.6}.phone-flag{font-size:16px;flex-shrink:0}.phone-code{font-size:13px;font-weight:700;color:var(--n600);flex-shrink:0}.phone-sep{width:1px;height:20px;background:var(--n200);flex-shrink:0}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-row{display:flex;gap:10px}.gender-btn{flex:1;height:50px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--n600);cursor:pointer;font-family:Tajawal,sans-serif;transition:all .2s var(--ease);position:relative}.gender-btn:hover{border-color:var(--g300);background:var(--g50);color:var(--g600)}.gender-btn.active{border-color:var(--g400);background:var(--g50);color:var(--g600);box-shadow:0 0 0 3px #38a8791f}.g-svg{display:flex;align-items:center;color:inherit}.g-check{position:absolute;top:6px;left:8px;color:var(--g500)}.section-div{display:flex;align-items:center;gap:10px;color:var(--n400);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.section-div:before,.section-div:after{content:"";flex:1;height:1px;background:var(--n200)}.btn-primary{width:100%;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--g500),var(--g600));color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:800;font-family:Tajawal,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #1e8f6147;transition:all .2s var(--ease)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #1e8f6161}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.submit-big{height:54px;font-size:15px;border-radius:12px}.ghost-btn{background:none;border:none;color:var(--n400);cursor:pointer;font-size:12px;font-family:Tajawal,sans-serif;font-weight:600;text-align:center;padding:2px 0;transition:color .15s}.ghost-btn:hover{color:var(--g600)}.switch-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--n500);flex-wrap:wrap}.link-btn{background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:800;color:var(--g600);font-family:Tajawal,sans-serif;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--g700)}.otp-shield{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--g50),var(--g100));border:1.5px solid var(--g200);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--g600)}.otp-wrap{display:flex;gap:12px;justify-content:center;direction:ltr;margin:2px 0}.otp-digit{width:66px;height:72px;border:2px solid var(--n200);border-radius:12px;background:var(--n50);font-size:28px;font-weight:900;color:var(--n900);text-align:center;outline:none;transition:all .18s var(--ease);font-family:Tajawal,sans-serif;caret-color:var(--g500)}.otp-digit:focus{border-color:var(--g400);background:var(--n0);box-shadow:0 0 0 3px #38a87926;transform:scale(1.06)}.otp-digit.otp-filled{border-color:var(--g400);background:linear-gradient(135deg,var(--g50),rgba(56,168,121,.06));color:var(--g700)}.otp-digit.otp-error{border-color:var(--red);background:var(--red-bg);animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-6px)}50%{transform:translate(6px)}}.otp-err-msg{text-align:center;font-size:12px;color:var(--red);font-weight:700}.resend-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--n400)}.resend-btn{background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;color:var(--g600);font-family:Tajawal,sans-serif;transition:.15s}.resend-btn.disabled{color:var(--n400);cursor:not-allowed}.resend-btn:not(.disabled):hover{color:var(--g700);text-decoration:underline}.success-view{text-align:center;padding:20px 0 10px}.success-ring-wrap{display:inline-block;margin-bottom:20px}.success-view h2{font-size:21px;font-weight:800;color:var(--g600);margin-bottom:8px}.success-view p{font-size:13px;color:var(--n400);line-height:1.7}.auth-footer-strip{margin-top:22px;padding-top:16px;border-top:1px solid var(--n100);display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--n400);flex-wrap:wrap}.dot{width:3px;height:3px;border-radius:50%;background:var(--n300)}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.auth-card{margin-top:64px;width:300px;padding:24px 18px 18px;border-radius:20px}.row-2{grid-template-columns:1fr}.otp-digit{width:58px;height:64px;font-size:24px}.otp-wrap{gap:8px}}@media(max-width:380px){.otp-digit{width:50px;height:56px;font-size:22px}}:root{--g50: #f0faf5;--g100: #d6f0e3;--g200: #a8dfc5;--g300: #6cc49f;--g400: #38a879;--g500: #1e8f61;--g600: #15724e;--g700: #0f5439;--n0: #fff;--n50: #f8fafc;--n100: #f1f5f9;--n200: #e2e8f0;--n300: #cbd5e1;--n400: #94a3b8;--n500: #64748b;--n600: #475569;--n700: #334155;--n800: #1e293b;--n900: #0f172a;--n950: #060f1e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--sw: 232px}body,#root{font-family:Tajawal,sans-serif;background:var(--n50);height:100vh}.app{display:flex;height:100vh}.sidebar{width:var(--sw);flex-shrink:0;background:var(--n950);display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;transition:transform .28s ease;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sb-overlay{position:fixed;inset:0;background:#0000008c;z-index:90}.sb-brand{display:flex;align-items:center;gap:9px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--g400),var(--g700));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sb-name{font-size:17px;font-weight:900;color:#fff}.sb-name span{color:var(--g400)}.sb-user{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g600));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.sb-uinfo{flex:1;min-width:0}.sb-uname{font-size:11.5px;font-weight:700;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:9.5px;color:#ffffff52}.sb-prog{font-size:11px;font-weight:800;color:var(--g300);flex-shrink:0}.sb-um{padding:5px 6px 2px;display:flex;flex-direction:column;gap:1px}.sb-um-btn{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;border:none;background:transparent;cursor:pointer;color:#ffffff59;font-size:11px;font-weight:600;font-family:Tajawal,sans-serif;width:100%;text-align:right;transition:.13s}.sb-um-btn:hover{background:#ffffff0d;color:#ffffffa6}.sb-um-btn.danger:hover{color:#fca5a5}.sb-sep{height:1px;background:#ffffff12;margin:3px 0;flex-shrink:0}.sb-nav{padding:4px 6px;display:flex;flex-direction:column;gap:1px}.sb-item{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:#ffffff6b;font-size:12px;font-weight:600;font-family:Tajawal,sans-serif;width:100%;text-align:right;transition:.14s;position:relative}.sb-item:hover{background:#ffffff0f;color:#ffffffc7}.sb-item.on{background:#1e8f6138;color:var(--g300)}.sb-item.on:before{content:"";position:absolute;right:0;top:24%;bottom:24%;width:3px;background:var(--g400);border-radius:3px 0 0 3px}.sb-ico{width:15px;height:15px;display:flex;align-items:center;flex-shrink:0}.badges-sc{display:flex;align-items:center;gap:7px;width:100%;padding:8px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;font-size:11.5px;font-weight:700;color:#ffffff8c;font-family:Tajawal,sans-serif;transition:.14s}.badges-sc:hover{background:#ffffff12;color:#fff}.badges-sc.on{border-color:var(--g600);background:#1e8f612e;color:var(--g300)}.bs-badge{margin-right:auto;font-size:10px;background:#ffffff14;padding:1px 7px;border-radius:100px;color:#fff6}.topbar{height:54px;background:var(--n0);border-bottom:1px solid var(--n200);display:flex;align-items:center;gap:10px;padding:0 16px;flex-shrink:0}.ham{display:none;background:none;border:none;cursor:pointer;color:var(--n600);padding:6px;border-radius:8px}.ham:hover{background:var(--n100)}.tb-title{flex:1;font-size:15px;font-weight:800;color:var(--n900)}.uc{display:flex;align-items:center;gap:8px;background:var(--n50);border:1.5px solid var(--n200);border-radius:100px;padding:4px 13px 4px 5px;cursor:pointer;transition:.15s}.uc:hover{border-color:var(--g300);background:var(--g50)}.uc-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g600));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.uc-name{font-size:12px;font-weight:700;color:var(--n700)}.dd{position:absolute;top:calc(100% + 6px);left:0;background:var(--n0);border:1px solid var(--n200);border-radius:12px;padding:5px;min-width:155px;box-shadow:0 8px 24px #0000001a;z-index:200;animation:dIn .18s ease}@keyframes dIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--n700);font-family:Tajawal,sans-serif;border-radius:7px;text-align:right;transition:.12s}.dd-item:hover{background:var(--n50)}.dd-item.danger{color:var(--red)}.dd-item.danger:hover{background:#fef2f2}.content{flex:1;overflow-y:auto;padding:16px;animation:pgIn .22s ease}@keyframes pgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-body{display:flex;flex-direction:column;gap:14px}.widget{background:var(--n0);border:1px solid var(--n200);border-radius:14px;overflow:hidden}.wh{padding:11px 15px;border-bottom:1px solid var(--n100);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.wh-t{font-size:13px;font-weight:800;color:var(--n900)}.wb{padding:14px 15px}.pill-btn{background:var(--g100);color:var(--g700);border:1px solid var(--g200);cursor:pointer;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700;font-family:Tajawal,sans-serif;transition:.14s;white-space:nowrap}.pill-btn:hover{background:var(--g200)}.welcome-card{background:linear-gradient(135deg,var(--n950),#0a2818);border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.wc-left{display:flex;align-items:center;gap:12px}.wc-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g600));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;flex-shrink:0}.wc-name{font-size:14px;font-weight:800;color:#fff}.wc-email{font-size:10px;color:#ffffff52;margin-top:2px}.wc-stats{display:flex;gap:18px}.wc-stat{text-align:center}.wc-snum{font-size:18px;font-weight:900;color:var(--g300);line-height:1}.wc-slbl{font-size:10px;color:#fff6;margin-top:2px;font-weight:600}.sc{background:var(--n0);border:1px solid var(--n200);border-radius:16px;overflow:hidden}.sc-strip{background:linear-gradient(135deg,var(--n900),#0a2818);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.sc-live-badge{display:flex;align-items:center;gap:7px;color:var(--g300);font-size:12px;font-weight:700}.sc-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8040;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 5px transparent}}.sc-body{padding:16px}.sc-teacher{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--n100)}.sc-tav{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g700));display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 4px 16px #1e8f614d}.sc-tinit{font-size:22px;font-weight:900;color:#fff}.sc-online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#4ade80;border:2px solid var(--n0)}.sc-tname{font-size:14px;font-weight:800;color:var(--n900)}.sc-ttitle{font-size:11px;color:var(--n400);margin-top:2px}.sc-subject{margin-bottom:16px}.sc-slbl{font-size:10.5px;font-weight:700;color:var(--n400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sc-sval{font-size:14px;font-weight:800;color:var(--n900);margin-bottom:4px}.sc-acts{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.attend-now{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--g500);color:#fff;border:none;cursor:pointer;border-radius:9px;font-size:12.5px;font-weight:800;font-family:Tajawal,sans-serif;transition:.18s;box-shadow:0 3px 10px #1e8f6140}.attend-now:hover{background:var(--g600);transform:translateY(-1px)}.attended-ok{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--g50);color:var(--g700);border:1.5px solid var(--g200);border-radius:9px;font-size:12.5px;font-weight:800}.enter-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--n900);color:#fff;border:none;cursor:pointer;border-radius:9px;font-size:12.5px;font-weight:800;font-family:Tajawal,sans-serif;transition:.18s}.enter-btn:hover{background:#000;transform:translateY(-1px)}.copy-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--n100);color:var(--n600);border:1px solid var(--n200);cursor:pointer;border-radius:9px;font-size:12px;font-weight:700;font-family:Tajawal,sans-serif;transition:.15s;margin-right:auto}.copy-btn:hover{background:var(--n200)}.badges-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:.15s}.badge-item:hover{transform:translateY(-2px)}.badge-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;border:1.5px solid rgba(0,0,0,.06)}.badge-item.locked .badge-ico{border-color:var(--n200)}.badge-ck{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--g500);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--n0)}.badge-lbl{font-size:10px;font-weight:700;color:var(--n600);white-space:nowrap;max-width:58px;overflow:hidden;text-overflow:ellipsis;text-align:center}.badge-item.locked .badge-lbl{color:var(--n300)}.badges-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.bfc{border:1.5px solid var(--n200);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:.18s;cursor:pointer}.bfc.earned{border-color:transparent;box-shadow:0 2px 12px #00000012}.bfc:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000017}.bfc-ico{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative}.bfc-ck{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--g500);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--n0)}.bfc-lock{position:absolute;bottom:-4px;right:-4px;font-size:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-card{display:flex;align-items:center;gap:12px;border:1.5px solid var(--n200);border-radius:12px;padding:13px;margin-bottom:10px;transition:.15s}.plan-card:last-child{margin-bottom:0}.plan-card:hover{border-color:var(--g300);background:var(--g50)}.pc-name{font-size:13px;font-weight:800;color:var(--n900);margin-bottom:3px}.pc-meta{font-size:11.5px;color:var(--n400)}.book-btn{background:linear-gradient(135deg,var(--g500),var(--g600));color:#fff;border:none;cursor:pointer;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:700;font-family:Tajawal,sans-serif;transition:.15s;white-space:nowrap;flex-shrink:0}.book-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1e8f614d}.pager{padding:10px 15px;border-top:1px solid var(--n100);display:flex;align-items:center;justify-content:space-between;background:var(--n50)}.pgr-btn{padding:5px 11px;border:1px solid var(--n200);border-radius:7px;background:var(--n0);cursor:pointer;font-size:12px;font-weight:700;color:var(--n600);font-family:Tajawal,sans-serif;transition:.14px}.pgr-btn:disabled{opacity:.4;cursor:not-allowed}.dt{width:100%;border-collapse:collapse}.dt thead{background:var(--n50)}.dt th{text-align:right;padding:8px 14px;font-size:10px;font-weight:700;color:var(--n400);border-bottom:1.5px solid var(--n200);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.dt td{padding:10px 14px;border-bottom:1px solid var(--n100);font-size:12.5px;color:var(--n700);vertical-align:middle}.dt tr:last-child td{border-bottom:none}.dt tr:hover td{background:#38a87908}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap}.badge-g{background:var(--g100);color:var(--g700)}.badge-r{background:#fee2e2;color:#991b1b}.badge-a{background:#fef3c7;color:#92400e}.empty-state{text-align:center;padding:28px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--n200);cursor:pointer;border-radius:8px;padding:7px 13px;font-size:12px;font-weight:700;color:var(--n600);font-family:Tajawal,sans-serif;transition:.14s;align-self:flex-start}.back-btn:hover{background:var(--n100)}.video-room{background:#0f172a;border-radius:16px;overflow:hidden;border:1px solid #1e293b}.vr-header{padding:12px 16px;background:#0a0f1e;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e293b}.vr-main{position:relative;height:350px;background:#060d1a;display:flex;align-items:center;justify-content:center}.teacher-cam{display:flex;flex-direction:column;align-items:center;gap:12px}.teacher-cam-ring{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#38a8794d,#0f54394d);padding:4px;display:flex;align-items:center;justify-content:center}.teacher-cam-av{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--g500),var(--g700));display:flex;align-items:center;justify-content:center;overflow:hidden}.teacher-cam-name{font-size:13px;font-weight:700;color:#fffc}.cam-live{display:flex;align-items:center;gap:6px;background:#ffffff12;padding:4px 12px;border-radius:100px;font-size:11px;color:#fff9}.live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse-dot 2s infinite}.student-pip{position:absolute;bottom:12px;left:12px;width:80px;height:80px;background:#1e293b;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center}.vr-controls{padding:12px 16px;background:#0a0f1e;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #1e293b}.vr-attend-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--g500);color:#fff;border:none;cursor:pointer;border-radius:8px;font-size:12px;font-weight:700;font-family:Tajawal,sans-serif;transition:.15s}.vr-attend-btn:hover{background:var(--g600)}.vr-attended{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1e8f6133;color:var(--g300);border-radius:8px;font-size:12px;font-weight:700}.vr-rec-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff12;color:#fff9;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:8px;font-size:12px;font-weight:700;font-family:Tajawal,sans-serif;transition:.15px}.vr-rec-btn:hover{background:#ffffff1f}.vr-rec-btn.active{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.rec-timer{font-size:10px;font-weight:900;background:#ef444440;padding:1px 7px;border-radius:100px;margin-right:3px}.vr-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.08);cursor:pointer;border-radius:8px;font-size:12px;font-weight:700;font-family:Tajawal,sans-serif;transition:.15s}.vr-copy-btn:hover{background:#ffffff1a}.session-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.st-av-big{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--g400),var(--g700));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;flex-shrink:0}.url-row{display:flex;align-items:center;gap:8px;margin-top:12px;background:var(--n50);border:1px solid var(--n200);border-radius:9px;padding:8px 12px}.url-copy-btn{background:none;border:none;cursor:pointer;color:var(--n400);display:flex;padding:2px;transition:.14s;flex-shrink:0}.url-copy-btn:hover{color:var(--g600)}.rec-status-box{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50)}.rec-status-box.rec-active{border-color:#ef44444d;background:#fef2f2}.rec-red-dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex-shrink:0;animation:rpulse 1s infinite}@keyframes rpulse{0%,to{opacity:1}50%{opacity:.5}}.rec-idle-ico{color:var(--n400);display:flex}.stop-btn,.start-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:none;cursor:pointer;font-size:11.5px;font-weight:700;font-family:Tajawal,sans-serif;margin-right:auto;white-space:nowrap;transition:.15s}.stop-btn{background:#fee2e2;color:var(--red)}.stop-btn:hover{background:#fecaca}.start-btn{background:var(--n900);color:#fff}.start-btn:hover{background:#000}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--g700);color:#fff;padding:10px 18px;border-radius:14px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000026;z-index:5000;animation:tIn .25s ease;font-family:Tajawal,sans-serif;white-space:nowrap}@keyframes tIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:960px){.sidebar{position:fixed;right:0;top:0;height:100vh;transform:translate(100%);z-index:100}.sidebar.open{transform:translate(0)}.ham{display:flex;align-items:center;justify-content:center}.grid3{grid-template-columns:1fr 1fr}.grid2,.session-info-grid{grid-template-columns:1fr}}@media(max-width:600px){.welcome-card{flex-direction:column;align-items:flex-start}.wc-stats{width:100%;justify-content:space-between}.grid3{grid-template-columns:1fr}.sc-acts{flex-direction:column;align-items:stretch}.copy-btn{margin-right:0}.content{padding:10px}.vr-main{height:250px}}:root{--g50: #f0faf4;--g100: #d2eee1;--g200: #9fd9bc;--g300: #5cbf94;--g400: #28a46a;--g500: #178a54;--g600: #0f6e42;--g700: #0a5232;--g800: #063620;--w: #fff;--n50: #f7f9fb;--n100: #eef2f5;--n200: #dde5eb;--n300: #bfcdd8;--n400: #8ba3b3;--n500: #5b7a8d;--n600: #3a5c6e;--n700: #1e3a48;--n800: #0f2330;--n900: #06131a;--r8: 8px;--r12: 12px;--r16: 16px;--r20: 20px;--r24: 24px;--r32: 32px;--r999: 999px;--s1: 0 1px 3px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--s2: 0 4px 14px rgba(0, 0, 0, .08), 0 10px 28px rgba(0, 0, 0, .06);--s3: 0 10px 32px rgba(0, 0, 0, .1), 0 22px 52px rgba(0, 0, 0, .08);--sg: 0 6px 22px rgba(23, 138, 84, .3);--ff: "Tajawal", sans-serif;--fa: "Amiri", serif;--nav: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--ff);background:var(--w);color:var(--n800);overflow-x:hidden;direction:rtl;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fa{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes fb{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes blink2{0%{transform:scale(1)}to{transform:scale(1.18)}}@keyframes td{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.geo-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23178a54' stroke-width='0.55' stroke-opacity='0.11'%3E%3Cpolygon points='40,4 47,18 62,16 54,28 65,38 52,40 62,52 48,50 46,65 38,55 28,64 28,50 14,52 24,40 12,28 26,30 20,16 34,20'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}:root{--qt-bg: #0b0f1a;--qt-surface: #111827;--qt-surface-2: #1a2235;--qt-border: rgba(255, 255, 255, .07);--qt-gold: #c9a84c;--qt-gold-light: #e8cc7a;--qt-gold-dim: rgba(201, 168, 76, .15);--qt-green: #2ecc8a;--qt-green-dim: rgba(46, 204, 138, .12);--qt-red: #e74c3c;--qt-red-dim: rgba(231, 76, 60, .12);--qt-text: #f0f4ff;--qt-text-muted: rgba(240, 244, 255, .5);--qt-text-sub: rgba(240, 244, 255, .35);--qt-radius: 16px;--qt-radius-sm: 10px;--qt-shadow: 0 8px 32px rgba(0, 0, 0, .4);--qt-shadow-gold: 0 0 24px rgba(201, 168, 76, .2);--qt-font: "Tajawal", "Cairo", "Segoe UI", sans-serif;--qt-danger: #e74c3c}@keyframes qt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}@keyframes qt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes qt-glow-shift{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.quran-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--qt-bg)}.quran-loading__spinner{position:relative;width:56px;height:56px}.quran-loading__ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--qt-gold);animation:qt-spin 1s linear infinite}.quran-loading__ring--delay{inset:8px;border-top-color:var(--qt-green);animation-duration:1.4s;animation-direction:reverse}.quran-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:12px;color:var(--qt-red);font-family:var(--qt-font)}.quran-error__icon{font-size:2rem}.quran-hero{position:relative;min-height:100vh;background:var(--qt-bg);overflow:hidden;display:flex;align-items:center;direction:rtl}.quran-hero__bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(201,168,76,.04) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(46,204,138,.04) 0%,transparent 50%);pointer-events:none}.quran-hero__glow{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(100px);pointer-events:none;animation:qt-glow-shift 6s ease-in-out infinite}.quran-hero__glow--left{top:-100px;right:-120px;background:radial-gradient(circle,rgba(201,168,76,.18) 0%,transparent 70%)}.quran-hero__glow--right{bottom:-100px;left:-120px;background:radial-gradient(circle,rgba(46,204,138,.12) 0%,transparent 70%);animation-delay:3s}.quran-hero__inner{direction:ltr;position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}.quran-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;height:480px;animation:qt-float 5s ease-in-out infinite}.quran-hero__book{position:relative;z-index:3;width:240px;height:auto;filter:drop-shadow(0 20px 40px rgba(201,168,76,.25))}.quran-hero__book img{width:100%;height:auto}.quran-hero__frame{position:absolute;opacity:.5;border-radius:12px;overflow:hidden}.quran-hero__frame--back{z-index:1;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);opacity:.25}.quran-hero__frame--front-left{z-index:2;width:120px;height:120px;bottom:40px;right:20px;opacity:.35;transform:rotate(8deg)}.quran-hero__frame--front-right{z-index:2;width:100px;height:100px;top:40px;left:20px;opacity:.3;transform:rotate(-10deg)}.quran-hero__cover-deco{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.08;z-index:4;pointer-events:none}.quran-hero__content{display:flex;flex-direction:column;gap:28px;text-align:right}.quran-hero__badge{display:inline-flex;align-self:flex-end;background:var(--qt-gold-dim);border:1px solid rgba(201,168,76,.3);color:var(--qt-gold);font-family:var(--qt-font);font-size:13px;font-weight:700;padding:6px 16px;border-radius:999px;letter-spacing:.5px}.quran-hero__title{font-family:var(--qt-font);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--qt-text);line-height:1.2;margin:0}.quran-hero__title-name{color:var(--qt-gold);display:block;text-shadow:var(--qt-shadow-gold)}.quran-hero__desc{font-family:var(--qt-font);font-size:1rem;color:var(--qt-text-muted);line-height:1.8;margin:0;max-width:480px}.quran-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--qt-font);font-size:1rem;font-weight:700;padding:14px 28px;border-radius:var(--qt-radius);cursor:pointer;text-decoration:none;transition:all .25s ease;border:none;outline:none}.quran-btn--primary{background:linear-gradient(135deg,var(--qt-gold),#a8852e);color:#0b0f1a;box-shadow:0 4px 20px #c9a84c59}.quran-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c9a84c80}.quran-btn__icon{font-size:.85rem}.quran-btn--secondary{background:transparent;color:var(--qt-text);border:1px solid var(--qt-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quran-btn--secondary:hover{border-color:var(--qt-gold);color:var(--qt-gold);transform:translateY(-2px)}.quran-marquee{background:var(--qt-surface);border-top:1px solid var(--qt-border);border-bottom:1px solid var(--qt-border);padding:14px 0;overflow:hidden}.quran-marquee__track{display:flex;gap:48px;width:max-content;animation:qt-marquee 30s linear infinite}.quran-marquee__item{display:flex;align-items:center;gap:10px;font-family:var(--qt-font);font-size:13px;font-weight:700;color:var(--qt-text-muted);white-space:nowrap;transition:color .2s}.quran-marquee__item:hover{color:var(--qt-gold)}.quran-marquee__dot{width:6px;height:6px;border-radius:50%;background:var(--qt-gold);opacity:.6;flex-shrink:0}.quran-stats{background:var(--qt-bg);padding:80px 40px;direction:rtl}.quran-stats__inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quran-stats__card{position:relative;background:var(--qt-surface);border:1px solid var(--qt-border);border-radius:var(--qt-radius);padding:36px 28px;text-align:center;overflow:hidden;transition:border-color .3s,transform .3s}.quran-stats__card:hover{border-color:#c9a84c4d;transform:translateY(-4px)}.quran-stats__card-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%);pointer-events:none}.quran-stats__number-row{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.quran-stats__number{font-family:var(--qt-font);font-size:clamp(2.2rem,4vw,3rem);font-weight:900;color:var(--qt-gold);line-height:1}.quran-stats__suffix{font-family:var(--qt-font);font-size:1.4rem;font-weight:700;color:var(--qt-gold-light)}.quran-stats__label{font-family:var(--qt-font);font-size:.95rem;color:var(--qt-text-muted);margin:0}.qplans-loading{display:flex;align-items:center;justify-content:center;padding:80px}.qplans-loading__spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--qt-border);border-top-color:var(--qt-gold);animation:qt-spin .9s linear infinite}.qplans-error,.qplans-empty{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--qt-text-muted);font-family:var(--qt-font);font-size:1rem}.qplans-container{background:var(--qt-bg);padding:80px 40px;direction:rtl}.qplans-header{max-width:1200px;margin:0 auto 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.qplans-header__title{font-family:var(--qt-font);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--qt-text);margin:0}.qplans-header__center{display:flex;align-items:center;gap:8px;font-family:var(--qt-font);font-size:.9rem;color:var(--qt-text-muted)}.qplans-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;align-items:start}.qplan-card{background:var(--qt-surface);border:1px solid var(--qt-border);border-radius:var(--qt-radius);padding:28px;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden;direction:rtl}.qplan-card:before{content:"";position:absolute;top:0;right:0;width:60%;height:2px;background:linear-gradient(to left,var(--qt-gold),transparent);opacity:0;transition:opacity .3s}.qplan-card:hover,.qplan-card--open{border-color:#c9a84c66;transform:translateY(-2px);box-shadow:var(--qt-shadow-gold)}.qplan-card:hover:before,.qplan-card--open:before{opacity:1}.qplan-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.qplan-card__months{font-family:var(--qt-font);font-size:13px;font-weight:700;color:var(--qt-gold);background:var(--qt-gold-dim);border:1px solid rgba(201,168,76,.25);padding:4px 12px;border-radius:999px}.qplan-card__slots{font-family:var(--qt-font);font-size:12px;color:var(--qt-text-sub);background:var(--qt-surface-2);padding:4px 10px;border-radius:999px}.qplan-card__name{font-family:var(--qt-font);font-size:1.15rem;font-weight:800;color:var(--qt-text);margin:0 0 16px;line-height:1.4}.qplan-card__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.qplan-card__meta-item{display:flex;align-items:center;gap:8px;font-family:var(--qt-font);font-size:.875rem;color:var(--qt-text-muted)}.qplan-card__meta-item svg{color:var(--qt-gold);flex-shrink:0}.qplan-card__cta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--qt-border);font-family:var(--qt-font);font-size:.9rem;font-weight:700;color:var(--qt-gold)}.qplan-card__arrow{font-size:.75rem}.qplan-expanded{background:var(--qt-surface-2);border:1px solid rgba(201,168,76,.2);border-top:none;border-radius:0 0 var(--qt-radius) var(--qt-radius);padding:24px;direction:rtl}.qplan-expanded__title{font-family:var(--qt-font);font-size:.95rem;font-weight:700;color:var(--qt-text);margin-bottom:20px;display:flex;align-items:center;gap:10px}.qplan-expanded__title span{font-weight:400;color:var(--qt-text-sub);font-size:.85rem}.qplan-expanded__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.qplan-expanded__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;text-align:center;color:var(--qt-text-muted)}.qplan-expanded__empty svg{opacity:.3}.qplan-expanded__empty-title{font-family:var(--qt-font);font-size:1rem;font-weight:700;color:var(--qt-text);margin:0}.qplan-expanded__empty-sub{font-family:var(--qt-font);font-size:.875rem;color:var(--qt-text-muted);line-height:1.6;margin:0}.qplan-expanded__register-btn{margin-top:8px;background:linear-gradient(135deg,var(--qt-gold),#a8852e);color:#0b0f1a;font-family:var(--qt-font);font-size:.9rem;font-weight:800;padding:12px 24px;border-radius:var(--qt-radius-sm);border:none;cursor:pointer;transition:all .25s}.qplan-expanded__register-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.qschedule-card{background:var(--qt-surface);border:1px solid var(--qt-border);border-radius:var(--qt-radius-sm);padding:18px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}.qschedule-card:hover{border-color:#c9a84c4d}.qschedule-card__mosque,.qschedule-card__teacher,.qschedule-card__time{display:flex;align-items:center;gap:6px;font-family:var(--qt-font);font-size:.8rem;color:var(--qt-text-muted)}.qschedule-card__mosque svg,.qschedule-card__teacher svg,.qschedule-card__time svg{flex-shrink:0}.qschedule-card__circle{font-family:var(--qt-font);font-size:.95rem;font-weight:700;color:var(--qt-text);margin:0}.qschedule-card__status{display:flex;align-items:center;gap:6px;font-family:var(--qt-font);font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:var(--qt-radius-sm)}.qschedule-card__status--ok{background:var(--qt-green-dim);color:var(--qt-green)}.qschedule-card__status--full{background:var(--qt-red-dim);color:var(--qt-red)}.qschedule-card__btn{width:100%;font-family:var(--qt-font);font-size:.875rem;font-weight:700;padding:10px 0;border-radius:var(--qt-radius-sm);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.qschedule-card__btn--ok{background:linear-gradient(135deg,var(--qt-gold),#a8852e);color:#0b0f1a}.qschedule-card__btn--ok:hover{filter:brightness(1.1);transform:translateY(-1px)}.qschedule-card__btn--disabled{background:var(--qt-surface-2);color:var(--qt-text-sub);cursor:not-allowed}.qschedule-card__btn--loading{background:var(--qt-surface-2);color:var(--qt-gold);cursor:wait}.qschedule-card__spinner{width:14px;height:14px;border-radius:50%;border:2px solid transparent;border-top-color:var(--qt-gold);animation:qt-spin .8s linear infinite;flex-shrink:0}.qplans-pagination{max-width:1200px;margin:48px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;direction:rtl}.qplans-pagination__btn{display:flex;align-items:center;gap:8px;font-family:var(--qt-font);font-size:.875rem;font-weight:700;color:var(--qt-text);background:var(--qt-surface);border:1px solid var(--qt-border);padding:10px 20px;border-radius:var(--qt-radius-sm);cursor:pointer;transition:all .2s}.qplans-pagination__btn:hover:not(:disabled){border-color:var(--qt-gold);color:var(--qt-gold)}.qplans-pagination__info{font-family:var(--qt-font);font-size:.875rem;color:var(--qt-text-muted);display:flex;gap:8px;align-items:center}.qtestimonials{background:var(--qt-bg);padding:80px 40px;direction:rtl;overflow:hidden}.qtestimonials--teachers{background:var(--qt-surface)}.qtestimonials__header{direction:ltr;max-width:1200px;margin:0 auto 48px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.qtestimonials__label{font-family:var(--qt-font);font-size:13px;font-weight:700;color:var(--qt-gold);background:var(--qt-gold-dim);border:1px solid rgba(201,168,76,.25);padding:4px 14px;border-radius:999px;letter-spacing:.5px}.qtestimonials__title{font-family:var(--qt-font);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--qt-text);margin:0}.qtestimonials__all-btn{font-family:var(--qt-font);font-size:.875rem;font-weight:600;color:var(--qt-gold);background:transparent;border:1px solid rgba(201,168,76,.3);padding:7px 18px;border-radius:var(--qt-radius-sm);cursor:pointer;transition:all .2s}.qtestimonials__all-btn:hover{background:var(--qt-gold-dim)}.qtestimonials__viewport{max-width:1200px;margin:0 auto;overflow:hidden}.qtestimonials__track{direction:ltr;display:flex;gap:24px;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.qtestimonials__card{flex:0 0 350px;background:var(--qt-surface);border:1px solid var(--qt-border);border-radius:var(--qt-radius);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;transition:border-color .25s,transform .25s;cursor:default}.qtestimonials--teachers .qtestimonials__card{background:var(--qt-bg)}.qtestimonials__card:hover{border-color:#c9a84c59;transform:translateY(-4px)}.qtestimonials__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid rgba(201,168,76,.3);flex-shrink:0}.qtestimonials__avatar--teacher{border-color:#2ecc8a4d}.qtestimonials__info h3{font-family:var(--qt-font);font-size:1rem;font-weight:700;color:var(--qt-text);margin:0 0 6px}.qtestimonials__info p{font-family:var(--qt-font);font-size:.85rem;color:var(--qt-text-muted);margin:0}.qtestimonials__controls{max-width:1200px;margin:32px auto 0;display:flex;align-items:center;justify-content:center;gap:16px}.qtestimonials__nav-btn{width:40px;height:40px;border-radius:50%;background:var(--qt-surface);border:1px solid var(--qt-border);color:var(--qt-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s;flex-shrink:0}.qtestimonials__nav-btn:hover:not(:disabled){border-color:var(--qt-gold);color:var(--qt-gold)}.qtestimonials__nav-btn:disabled{opacity:.3;cursor:not-allowed}.qtestimonials__dot{width:8px;height:8px;border-radius:50%;background:var(--qt-surface-2);border:1px solid var(--qt-border);cursor:pointer;transition:all .2s;padding:0}.qtestimonials__dot--active{background:var(--qt-gold);border-color:var(--qt-gold);width:24px;border-radius:999px}@media(max-width:900px){.quran-hero__inner{grid-template-columns:1fr;gap:48px;padding:60px 24px}.quran-hero__visual{height:320px}.quran-hero__book{width:180px}.quran-hero__content{align-items:flex-end;text-align:right}.quran-stats__inner{grid-template-columns:1fr;max-width:420px}.qplans-grid{grid-template-columns:1fr}.qtestimonials__card{flex:0 0 300px}}@media(max-width:600px){.quran-hero__actions{flex-direction:column}.quran-btn{width:100%;justify-content:center}.qplans-header{flex-direction:column;align-items:flex-start}.qtestimonials__card{flex:0 0 280px}}:root{--qt-white: #ffffff;--qt-off-white: #f7faf8;--qt-surface: #f0f7f3;--qt-surface-2: #e3f1ea;--qt-surface-3: #d1e9db;--qt-green-50: #e8f7ee;--qt-green-100: #c6ecd4;--qt-green-200: #93d9af;--qt-green-400: #3db872;--qt-green-500: #22a05a;--qt-green-600: #1a8a4a;--qt-green-700: #136838;--qt-green-900: #0a3d21;--qt-emerald: #10b981;--qt-mint: #6ee7b7;--qt-sage: #86efac;--qt-text: #0d2b1a;--qt-text-2: #1e4a30;--qt-text-muted: #4a7a5e;--qt-text-sub: #8ab5a0;--qt-text-light: #b8d4c5;--qt-border: rgba(34, 160, 90, .12);--qt-border-2: rgba(34, 160, 90, .22);--qt-red: #e53e3e;--qt-red-dim: rgba(229, 62, 62, .08);--qt-danger: #e53e3e;--qt-radius: 20px;--qt-radius-sm: 12px;--qt-radius-xs: 8px;--qt-shadow-sm: 0 2px 12px rgba(34, 160, 90, .08);--qt-shadow: 0 8px 40px rgba(34, 160, 90, .12);--qt-shadow-lg: 0 20px 60px rgba(34, 160, 90, .18);--qt-shadow-green: 0 8px 32px rgba(34, 160, 90, .28);--qt-font: "Cairo", "Tajawal", "Segoe UI", sans-serif}@keyframes qt-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes qt-spin{to{transform:rotate(360deg)}}@keyframes qt-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes qt-blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes qt-pulse-ring{0%{transform:scale(.85);opacity:.7}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}@keyframes qt-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes qt-count-glow{0%,to{filter:none}50%{filter:drop-shadow(0 0 8px rgba(34,160,90,.35))}}@keyframes qt-border-run{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes qt-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}*,*:before,*:after{box-sizing:border-box}body{background:var(--qt-white);color:var(--qt-text);font-family:var(--qt-font);direction:ltr!important}.quran-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--qt-white)}.quran-loading__spinner{position:relative;width:64px;height:64px}.quran-loading__ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--qt-green-500);animation:qt-spin 1s linear infinite}.quran-loading__ring--delay{inset:10px;border-top-color:var(--qt-mint);animation-duration:1.6s;animation-direction:reverse}.quran-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:12px;color:var(--qt-red);font-family:var(--qt-font);background:var(--qt-white)}.quran-error__icon{font-size:2.2rem}.quran-hero{position:relative;min-height:100vh;background:var(--qt-white);overflow:hidden;display:flex;align-items:center;direction:rtl}.quran-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 85% 30%,rgba(34,160,90,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 15% 80%,rgba(110,231,183,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 50% 10%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.quran-hero__bg-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(34,160,90,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,160,90,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.quran-hero__glow{position:absolute;border-radius:50%;pointer-events:none;animation:qt-blob-morph 8s ease-in-out infinite;filter:blur(80px)}.quran-hero__glow--left{width:520px;height:520px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(34,160,90,.12) 0%,transparent 70%)}.quran-hero__glow--right{width:400px;height:400px;bottom:-80px;left:-60px;background:radial-gradient(circle,rgba(110,231,183,.15) 0%,transparent 70%);animation-delay:4s;animation-direction:reverse}.quran-hero__inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.quran-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;height:500px}.quran-hero__visual:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--qt-green-50) 0%,transparent 70%);animation:qt-blob-morph 6s ease-in-out infinite;z-index:0}.quran-hero__book{position:relative;z-index:3;width:260px;filter:drop-shadow(0 24px 48px rgba(34,160,90,.18)) drop-shadow(0 8px 16px rgba(0,0,0,.06));animation:qt-float 5s ease-in-out infinite}.quran-hero__book img{width:100%;height:auto;display:block}.quran-hero__frame{position:absolute;border-radius:16px;overflow:hidden;opacity:.18}.quran-hero__frame img{width:100%;height:100%;object-fit:cover}.quran-hero__frame--back{z-index:1;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg)}.quran-hero__frame--front-left{z-index:2;width:130px;height:130px;bottom:40px;right:10px;opacity:.22;transform:rotate(10deg);animation:qt-float 7s ease-in-out infinite;animation-delay:1s}.quran-hero__frame--front-right{z-index:2;width:110px;height:110px;top:40px;left:10px;opacity:.18;transform:rotate(-12deg);animation:qt-float 6s ease-in-out infinite;animation-delay:2s}.quran-hero__cover-deco{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.05;z-index:4;pointer-events:none}.quran-hero__visual:after{content:"";position:absolute;width:12px;height:12px;background:var(--qt-green-500);border-radius:50%;bottom:80px;left:60px;z-index:5;box-shadow:0 0 0 4px #22a05a26;animation:qt-pulse-ring 2.5s ease-out infinite}.quran-hero__content{display:flex;flex-direction:column;gap:32px;text-align:right;animation:qt-slide-up .8s ease both}.quran-hero__badge{display:inline-flex;align-self:flex-end;align-items:center;gap:8px;background:var(--qt-green-50);border:1.5px solid var(--qt-green-200);color:var(--qt-green-600);font-family:var(--qt-font);font-size:12px;font-weight:800;padding:7px 18px;border-radius:999px;letter-spacing:.8px;text-transform:uppercase}.quran-hero__badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--qt-green-500);flex-shrink:0;animation:qt-pulse-ring 2s ease-out infinite;box-shadow:0 0 0 3px #22a05a33}.quran-hero__title{font-family:var(--qt-font);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;color:var(--qt-text);line-height:1.15;margin:0}.quran-hero__title-name{display:block;background:linear-gradient(135deg,var(--qt-green-500) 0%,var(--qt-emerald) 50%,var(--qt-green-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quran-hero__title-name:after{content:"";display:block;height:4px;width:60%;margin-top:6px;background:linear-gradient(90deg,var(--qt-green-500),var(--qt-mint),transparent);border-radius:2px}.quran-hero__desc{font-family:var(--qt-font);font-size:1.05rem;color:var(--qt-text-muted);line-height:1.9;margin:0;max-width:500px}.quran-hero__actions{display:flex;gap:16px;flex-direction:row-reverse;flex-wrap:wrap}.quran-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--qt-font);font-size:1rem;font-weight:800;padding:15px 32px;border-radius:var(--qt-radius);cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;outline:none;position:relative;overflow:hidden}.quran-btn--primary{background:linear-gradient(135deg,var(--qt-green-500) 0%,var(--qt-green-600) 100%);color:var(--qt-white);box-shadow:0 6px 24px #22a05a59,0 2px 8px #22a05a33}.quran-btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s}.quran-btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px #22a05a73}.quran-btn--primary:hover:before{opacity:1}.quran-btn__icon{font-size:.8rem}.quran-btn--secondary{background:var(--qt-white);color:var(--qt-green-600);border:2px solid var(--qt-border-2);box-shadow:var(--qt-shadow-sm)}.quran-btn--secondary:hover{border-color:var(--qt-green-500);background:var(--qt-green-50);transform:translateY(-3px);box-shadow:var(--qt-shadow)}.quran-marquee{background:var(--qt-white);border-top:1px solid var(--qt-border-2);border-bottom:1px solid var(--qt-border-2);overflow:hidden;position:relative}.quran-marquee:before,.quran-marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.quran-marquee:before{right:0;background:linear-gradient(to left,var(--qt-white),transparent)}.quran-marquee:after{left:0;background:linear-gradient(to right,var(--qt-white),transparent)}.quran-marquee__track{display:flex;gap:0;width:max-content;animation:qt-marquee 35s linear infinite;padding:16px 0}.quran-marquee__item{display:flex;align-items:center;gap:10px;font-family:var(--qt-font);font-size:13px;font-weight:700;color:var(--qt-text-muted);white-space:nowrap;padding:0 40px;transition:color .2s;border-right:1px solid var(--qt-border)}.quran-marquee__item:hover{color:var(--qt-green-500)}.quran-marquee__dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--qt-green-400),var(--qt-emerald));flex-shrink:0}.quran-stats{background:var(--qt-off-white);padding:96px 48px;direction:rtl;position:relative;overflow:hidden}.quran-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--qt-green-400),var(--qt-emerald),var(--qt-mint),var(--qt-green-400));background-size:200% 100%;animation:qt-border-run 3s linear infinite}.quran-stats:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 20% 50%,rgba(34,160,90,.04) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 30%,rgba(110,231,183,.06) 0%,transparent 50%);pointer-events:none}.quran-stats__inner{position:relative;z-index:1;max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.quran-stats__card{position:relative;background:var(--qt-white);border:1.5px solid var(--qt-border);border-radius:var(--qt-radius);padding:44px 32px 36px;text-align:center;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;cursor:default}.quran-stats__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--qt-green-400),var(--qt-emerald));transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.quran-stats__card:hover{border-color:var(--qt-green-200);transform:translateY(-6px);box-shadow:var(--qt-shadow-lg)}.quran-stats__card:hover:before{transform:scaleX(1)}.quran-stats__card-glow{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--qt-green-50) 0%,transparent 70%);pointer-events:none;transition:opacity .3s;opacity:.5}.quran-stats__card:hover .quran-stats__card-glow{opacity:1}.quran-stats__number-row{display:flex;align-items:flex-end;justify-content:center;gap:2px;margin-bottom:14px}.quran-stats__number{font-family:var(--qt-font);font-size:clamp(2.6rem,5vw,3.6rem);font-weight:900;background:linear-gradient(135deg,var(--qt-green-500),var(--qt-green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:qt-count-glow 3s ease-in-out infinite}.quran-stats__suffix{font-family:var(--qt-font);font-size:1.6rem;font-weight:900;color:var(--qt-green-400);line-height:1.4;padding-bottom:4px}.quran-stats__label{font-family:var(--qt-font);font-size:.95rem;font-weight:600;color:var(--qt-text-muted);margin:0;letter-spacing:.3px}.qplans-loading{display:flex;align-items:center;justify-content:center;padding:100px;background:var(--qt-white)}.qplans-loading__spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--qt-green-100);border-top-color:var(--qt-green-500);animation:qt-spin .9s linear infinite}.qplans-error{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--qt-white)}.qplans-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px;color:var(--qt-text-muted);font-family:var(--qt-font);font-size:1.05rem;font-weight:600;background:var(--qt-white);text-align:center}.qplans-container{background:var(--qt-white);padding:96px 48px;direction:rtl}.qplans-header{max-width:1200px;margin:0 auto 56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:28px;border-bottom:2px solid var(--qt-border);position:relative}.qplans-header:after{content:"";position:absolute;bottom:-2px;right:0;width:80px;height:2px;background:linear-gradient(90deg,var(--qt-green-500),var(--qt-emerald));border-radius:2px}.qplans-header__title{font-family:var(--qt-font);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--qt-text);margin:0}.qplans-header__center{display:flex;align-items:center;gap:8px;font-family:var(--qt-font);font-size:.9rem;font-weight:600;color:var(--qt-text-muted);background:var(--qt-green-50);border:1px solid var(--qt-border-2);padding:8px 16px;border-radius:999px}.qplans-header__center svg{color:var(--qt-green-500)}.qplans-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;align-items:start}.qplans-grid__item,.qplan-card-wrap{display:flex;flex-direction:column}.qplan-card{background:var(--qt-white);border:1.5px solid var(--qt-border);border-radius:var(--qt-radius);padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden;direction:rtl}.qplan-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--qt-green-500),var(--qt-emerald),var(--qt-mint));background-size:200% 100%;opacity:0;transition:opacity .3s;animation:qt-border-run 2s linear infinite paused}.qplan-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(34,160,90,.04) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.qplan-card:hover,.qplan-card--open{border-color:var(--qt-green-200);transform:translateY(-4px);box-shadow:var(--qt-shadow-lg)}.qplan-card:hover:before,.qplan-card--open:before{opacity:1;animation-play-state:running}.qplan-card:hover:after,.qplan-card--open:after{opacity:1}.qplan-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qplan-card__months{font-family:var(--qt-font);font-size:12px;font-weight:800;color:var(--qt-white);background:linear-gradient(135deg,var(--qt-green-500),var(--qt-green-600));padding:5px 14px;border-radius:999px;box-shadow:0 4px 12px #22a05a40}.qplan-card__slots{font-family:var(--qt-font);font-size:12px;font-weight:600;color:var(--qt-text-muted);background:var(--qt-surface);border:1px solid var(--qt-border);padding:5px 12px;border-radius:999px}.qplan-card__name{font-family:var(--qt-font);font-size:1.2rem;font-weight:800;color:var(--qt-text);margin:0 0 20px;line-height:1.4}.qplan-card__meta{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;background:var(--qt-off-white);border-radius:var(--qt-radius-sm);border:1px solid var(--qt-border)}.qplan-card__meta-item{display:flex;align-items:center;gap:10px;font-family:var(--qt-font);font-size:.88rem;font-weight:600;color:var(--qt-text-muted)}.qplan-card__meta-item svg{color:var(--qt-green-500);flex-shrink:0}.qplan-card__cta{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,var(--qt-green-50),var(--qt-surface));border-radius:var(--qt-radius-sm);border:1px solid var(--qt-border-2);font-family:var(--qt-font);font-size:.92rem;font-weight:800;color:var(--qt-green-600);transition:background .2s}.qplan-card:hover .qplan-card__cta{background:linear-gradient(135deg,var(--qt-green-100),var(--qt-green-50))}.qplan-card__arrow{font-size:.7rem;transition:transform .3s;color:var(--qt-green-400)}.qplan-expanded{background:var(--qt-surface);border:1.5px solid var(--qt-green-200);border-top:none;border-radius:0 0 var(--qt-radius) var(--qt-radius);padding:28px;direction:rtl;animation:qt-slide-up .3s ease both}.qplan-expanded__title{font-family:var(--qt-font);font-size:1rem;font-weight:800;color:var(--qt-text);margin-bottom:24px;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed var(--qt-border-2)}.qplan-expanded__title span{font-weight:500;color:var(--qt-text-sub);font-size:.85rem;background:var(--qt-white);padding:3px 10px;border-radius:999px;border:1px solid var(--qt-border)}.qplan-expanded__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.qplan-expanded__empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 0 24px;text-align:center}.qplan-expanded__empty svg{color:var(--qt-text-light)}.qplan-expanded__empty-title{font-family:var(--qt-font);font-size:1.05rem;font-weight:800;color:var(--qt-text);margin:0}.qplan-expanded__empty-sub{font-family:var(--qt-font);font-size:.875rem;color:var(--qt-text-muted);line-height:1.7;margin:0}.qplan-expanded__register-btn{margin-top:8px;background:linear-gradient(135deg,var(--qt-green-500) 0%,var(--qt-green-600) 100%);color:var(--qt-white);font-family:var(--qt-font);font-size:.9rem;font-weight:800;padding:13px 28px;border-radius:var(--qt-radius-sm);border:none;cursor:pointer;box-shadow:0 6px 20px #22a05a4d;transition:all .3s cubic-bezier(.34,1.4,.64,1)}.qplan-expanded__register-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #22a05a66}.qschedule-card{background:var(--qt-white);border:1.5px solid var(--qt-border);border-radius:var(--qt-radius-sm);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .25s ease;position:relative;overflow:hidden}.qschedule-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--qt-green-400),var(--qt-emerald));opacity:0;transition:opacity .3s}.qschedule-card:hover{border-color:var(--qt-green-200);transform:translateY(-2px);box-shadow:var(--qt-shadow)}.qschedule-card:hover:before{opacity:1}.qschedule-card__mosque,.qschedule-card__teacher,.qschedule-card__time{display:flex;align-items:center;gap:7px;font-family:var(--qt-font);font-size:.82rem;font-weight:600;color:var(--qt-text-muted)}.qschedule-card__mosque svg,.qschedule-card__teacher svg,.qschedule-card__time svg{color:var(--qt-green-500);flex-shrink:0}.qschedule-card__circle{font-family:var(--qt-font);font-size:1rem;font-weight:800;color:var(--qt-text);margin:0}.qschedule-card__status{display:inline-flex;align-items:center;gap:6px;font-family:var(--qt-font);font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:var(--qt-radius-xs);width:fit-content}.qschedule-card__status--ok{background:var(--qt-green-50);color:var(--qt-green-600);border:1px solid var(--qt-green-200)}.qschedule-card__status--full{background:var(--qt-red-dim);color:var(--qt-red);border:1px solid rgba(229,62,62,.2)}.qschedule-card__btn{width:100%;font-family:var(--qt-font);font-size:.9rem;font-weight:800;padding:11px 0;border-radius:var(--qt-radius-xs);border:none;cursor:pointer;transition:all .25s cubic-bezier(.34,1.4,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.qschedule-card__btn--ok{background:linear-gradient(135deg,var(--qt-green-500),var(--qt-green-600));color:var(--qt-white);box-shadow:0 4px 16px #22a05a47}.qschedule-card__btn--ok:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #22a05a61}.qschedule-card__btn--disabled{background:var(--qt-surface-2);color:var(--qt-text-light);cursor:not-allowed}.qschedule-card__btn--loading{background:var(--qt-green-50);color:var(--qt-green-500);cursor:wait;border:1px solid var(--qt-border-2)}.qschedule-card__spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--qt-green-100);border-top-color:var(--qt-green-500);animation:qt-spin .8s linear infinite;flex-shrink:0}.qplans-pagination{max-width:1200px;margin:56px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;direction:rtl}.qplans-pagination__btn{display:flex;align-items:center;gap:8px;font-family:var(--qt-font);font-size:.875rem;font-weight:700;color:var(--qt-text);background:var(--qt-white);border:1.5px solid var(--qt-border);padding:11px 22px;border-radius:var(--qt-radius-sm);cursor:pointer;transition:all .25s}.qplans-pagination__btn:hover:not(:disabled){border-color:var(--qt-green-400);color:var(--qt-green-600);background:var(--qt-green-50);box-shadow:var(--qt-shadow-sm)}.qplans-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.qplans-pagination__info{font-family:var(--qt-font);font-size:.875rem;color:var(--qt-text-muted);font-weight:600;display:flex;gap:8px;align-items:center}.qplans-pagination__info span{color:var(--qt-text-sub);font-size:.8rem}.qtestimonials{background:var(--qt-off-white);padding:96px 48px;direction:rtl;overflow:hidden;position:relative}.qtestimonials:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--qt-green-200),transparent)}.qtestimonials:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(34,160,90,.04) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.qtestimonials--teachers{background:var(--qt-white)}.qtestimonials--teachers:before{background:linear-gradient(90deg,transparent,var(--qt-green-300),transparent)}.qtestimonials__header{position:relative;z-index:1;max-width:1200px;margin:0 auto 56px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}.qtestimonials__label{font-family:var(--qt-font);font-size:12px;font-weight:800;color:var(--qt-green-600);background:var(--qt-green-50);border:1.5px solid var(--qt-green-200);padding:5px 16px;border-radius:999px;letter-spacing:1px;text-transform:uppercase}.qtestimonials__title{font-family:var(--qt-font);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;color:var(--qt-text);margin:0;line-height:1.2}.qtestimonials__all-btn{font-family:var(--qt-font);font-size:.875rem;font-weight:700;color:var(--qt-green-600);background:var(--qt-white);border:1.5px solid var(--qt-border-2);padding:9px 20px;border-radius:var(--qt-radius-sm);cursor:pointer;transition:all .25s;box-shadow:var(--qt-shadow-sm)}.qtestimonials__all-btn:hover{background:var(--qt-green-500);color:var(--qt-white);border-color:var(--qt-green-500);box-shadow:var(--qt-shadow-green);transform:translateY(-2px)}.qtestimonials__viewport{position:relative;z-index:1;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:var(--qt-radius)}.qtestimonials__track{direction:ltr;display:flex;gap:24px;transition:transform .45s cubic-bezier(.25,.1,.25,1);padding:8px 4px}.qtestimonials__card{flex:0 0 350px;background:var(--qt-white);border:1.5px solid var(--qt-border);border-radius:var(--qt-radius);padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.qtestimonials__card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--qt-green-400),var(--qt-emerald),var(--qt-mint));transform:scaleX(0);transition:transform .35s ease}.qtestimonials__card:hover{border-color:var(--qt-green-200);transform:translateY(-6px);box-shadow:var(--qt-shadow-lg)}.qtestimonials__card:hover:before{transform:scaleX(1)}.qtestimonials--teachers .qtestimonials__card{background:var(--qt-off-white)}.qtestimonials__avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--qt-green-100);flex-shrink:0;box-shadow:0 6px 24px #22a05a1f;transition:border-color .3s,box-shadow .3s}.qtestimonials__card:hover .qtestimonials__avatar{border-color:var(--qt-green-300);box-shadow:0 8px 28px #22a05a33}.qtestimonials__avatar--teacher{border-color:var(--qt-green-200)}.qtestimonials__avatar img{width:100%;height:100%;object-fit:cover}.qtestimonials__info{width:100%}.qtestimonials__info h3{font-family:var(--qt-font);font-size:1rem;font-weight:800;color:var(--qt-text);margin:0 0 6px}.qtestimonials__info p{font-family:var(--qt-font);font-size:.85rem;font-weight:500;color:var(--qt-text-muted);margin:0}.qtestimonials__controls{position:relative;z-index:1;max-width:1200px;margin:36px auto 0;display:flex;align-items:center;justify-content:center;gap:20px}.qtestimonials__nav-btn{width:44px;height:44px;border-radius:50%;background:var(--qt-white);border:1.5px solid var(--qt-border-2);color:var(--qt-green-600);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .25s cubic-bezier(.34,1.4,.64,1);box-shadow:var(--qt-shadow-sm);flex-shrink:0}.qtestimonials__nav-btn:hover:not(:disabled){background:var(--qt-green-500);border-color:var(--qt-green-500);color:var(--qt-white);box-shadow:var(--qt-shadow-green);transform:scale(1.12)}.qtestimonials__nav-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.qtestimonials__dots{display:flex;gap:8px;align-items:center}.qtestimonials__dot{width:8px;height:8px;border-radius:999px;background:var(--qt-surface-3);border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.4,.64,1);padding:0}.qtestimonials__dot:hover{background:var(--qt-green-300);transform:scale(1.2)}.qtestimonials__dot--active{background:linear-gradient(90deg,var(--qt-green-500),var(--qt-emerald));width:28px;box-shadow:0 2px 8px #22a05a4d}@media(max-width:1024px){.quran-hero__inner{gap:48px;padding:72px 32px;direction:ltr}}.auth-root-register-form{width:650px}@media(max-width:900px){.auth-root-register-form{width:320px}.quran-hero__inner{grid-template-columns:1fr;gap:48px;padding:60px 24px}.quran-hero__visual{height:320px;order:-1}.quran-hero__book{width:190px}.quran-hero__content{align-items:flex-end;text-align:right}.quran-stats{padding:64px 24px}.quran-stats__inner{grid-template-columns:1fr;max-width:440px}.qplans-container{padding:64px 24px}.qplans-grid{grid-template-columns:1fr}.qtestimonials{padding:64px 24px}.qtestimonials__card{flex:0 0 300px}}@media(max-width:600px){.quran-hero__actions{flex-direction:column}.quran-btn{width:100%;justify-content:center}.qplans-header{flex-direction:column;align-items:flex-start}.qplans-pagination{gap:12px;flex-wrap:wrap;justify-content:center}.qtestimonials__card{flex:0 0 280px}.quran-marquee__item{padding:0 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.otp-grid{direction:ltr;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;justify-items:center}.otp-input{width:72px;height:72px;border:2px solid #e2e8f0;border-radius:16px;font-size:24px;font-weight:700;text-align:center;color:#1e293b;background:#f8fafc;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;position:relative;outline:none;caret-color:#3b82f6}.otp-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 8px 24px #3b82f626;transform:translateY(-2px)}.otp-input:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 6px 16px #0000001f}.otp-input:not(:placeholder-shown){background:linear-gradient(145deg,#fff,#f1f5f9);border-color:#94a3b8}.otp-input::placeholder{color:transparent}.otp-input:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:480px){.otp-input{width:40px;height:40px;font-size:20px}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.otp-err-msg{background:linear-gradient(90deg,#fef2f2,#fee2e2);color:#dc2626;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:20px;border-left:4px solid #ef4444;box-shadow:0 4px 12px #ef444426}.resend-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;flex-wrap:wrap}.resend-row span{color:#64748b;font-size:14px}.resend-row .resend-btn{background:transparent;border:none;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.resend-row .resend-btn:hover:not(.disabled){background:#3b82f61a;transform:translateY(-1px)}.resend-row .resend-btn.disabled{color:#94a3b8;cursor:not-allowed}.ghost-btn{background:transparent;border:1px solid #e2e8f0;color:#475569;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;width:100%;cursor:pointer;transition:all .2s ease}.ghost-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-primary{color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;width:100%;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:480px){.otp-grid{gap:12px}.otp-popup-container{margin:1rem;padding:1.5rem}}