@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--primary-hue:162;--primary-sat:78%;--primary-light:22%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) + 8%));--primary-glow:hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), .2);--accent-gold:#eea62b;--accent-gold-hover:#f5b547;--accent-gold-glow:#eea62b33;--bg-gradient-start:#f8fafc;--bg-gradient-end:#f1f5f9;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-border-focus:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#14b858;--success-glow:#14b8581a;--warning:#f2b90d;--warning-glow:#f2b90d1a;--danger:#e61a2b;--danger-glow:#e61a2b1a;--font-arabic:"IBM Plex Sans Arabic", sans-serif;--font-display:"Cairo", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;--shadow-glow:0 0 20px #10b98126;--sidebar-active-bg:#14b8a614;--sidebar-active-text:#0c644a}.light-theme{--bg-gradient-start:#f8fafc;--bg-gradient-end:#f1f5f9;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-border-focus:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;--sidebar-active-bg:#14b8a614;--sidebar-active-text:#0c644a;background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary)}.light-theme,.light-theme *{font-family:IBM Plex Sans Arabic,sans-serif!important}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6{color:var(--text-primary)}.light-theme ::placeholder{color:var(--text-muted);opacity:.8}.light-theme .custom-table tr:hover td{background:#00000005}*{box-sizing:border-box;font-family:var(--font-arabic);margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);direction:rtl;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-arabic);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--glass-border-focus)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--glass-border-focus);transform:translateY(-4px)}.input-field{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-arabic);background:#00000026;outline:none;padding:.75rem 1rem;transition:all .2s}.light-theme .input-field{color:#0f172a;background:#fff;border-color:#cbd5e1}.light-theme .input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811f}.input-field:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.btn{border-radius:var(--radius-sm);font-family:var(--font-arabic);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary-hover);transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.light-theme .btn-primary{background:var(--primary);border:1px solid var(--primary-hover);box-shadow:0 1px 2px var(--primary-glow)}.light-theme .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.btn-gold{color:#fff;background:#d38e17;border:1px solid #e09d29;transition:all .2s;box-shadow:0 1px 2px #0000000f}.btn-gold:hover{background:#b87c14;border-color:#d38e17;transform:translateY(-1px);box-shadow:0 4px 12px #d38e1740}.light-theme .btn-gold{color:#fff;background:#d38e17;border:1px solid #e09d29}.light-theme .btn-gold:hover{background:#b87c14;border-color:#d38e17;box-shadow:0 4px 12px #d38e1733}.action-btn-group{align-items:center;gap:.75rem;display:flex}.action-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.light-theme .action-btn{background:#f8fafc;border-color:#e2e8f0}.action-btn:hover{color:var(--sidebar-active-text);background:#14b8a61a;border-color:#14b8a633;transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.action-btn-danger:hover{color:var(--danger)!important;background:#ef444414!important;border-color:#ef444433!important;box-shadow:0 2px 5px #ef44440d!important}.action-btn-gold:hover{color:var(--accent-gold)!important;background:#f59e0b14!important;border-color:#f59e0b33!important;box-shadow:0 2px 5px #f59e0b0d!important}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff14}.light-theme .btn-secondary{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.light-theme .btn-secondary:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px var(--danger-glow)}.btn-danger:hover{background:#cf1726}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-glow);color:var(--success);border:1px solid #10b9814d}.badge-warning{background:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b4d}.badge-danger{background:var(--danger-glow);color:var(--danger);border:1px solid #ef44444d}.custom-table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:right;width:100%}.custom-table th{font-family:var(--font-arabic);border-bottom:2px solid var(--glass-border-focus);color:var(--primary);padding:1.25rem 1rem;font-size:.9rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);vertical-align:middle;padding:1.25rem 1rem;font-size:1rem}.custom-table tr:hover td{background:#ffffff05}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){.animate-fade-in{opacity:1;animation:none}}.selection-card{cursor:pointer;display:block;position:relative}.selection-card input[type=radio],.selection-card input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.grid-cols-1-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-cols-1-2{grid-template-columns:1fr 2fr}}@media (width<=768px){h1{font-size:2.1rem!important}h2{font-size:1.35rem!important}.container{padding:.75rem!important}.glass-card,.glass-panel{border-radius:16px!important;padding:1rem!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (width<=768px){.mobile-only{flex-direction:column;display:flex!important}.desktop-only{display:none!important}}.hero-section{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;text-align:center;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4rem 1.5rem;position:relative;overflow:hidden}@media (width<=768px){.hero-section{border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:2.5rem 1rem}}.main-booking-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--glass-border-focus);text-align:center;background:#fff;margin-bottom:2rem;padding:2.5rem 2rem;position:relative;overflow:hidden}@media (width<=768px){.main-booking-card{margin-bottom:1.5rem;border-radius:20px!important;padding:1.5rem 1rem!important}}.search-form{align-items:flex-start;gap:.75rem;width:100%;display:flex}.search-input-container{flex:1}.search-button{white-space:nowrap}@media (width<=768px){.search-form{flex-direction:column;align-items:stretch;gap:.5rem}.search-input-container{width:100%}.search-button{justify-content:center;width:100%}}.days-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}@media (width<=480px){.days-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.75rem}}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.slot-item{box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:1px solid var(--glass-border);min-height:4.5rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.6rem .5rem;font-size:.88rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.slot-item:hover:not(.slot-booked):not(.slot-conflict){border-color:var(--primary);background:#14b8a605}.slot-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.slot-item:active:not(.slot-booked):not(.slot-conflict){transform:scale(.98)}.slot-selected{box-shadow:0 2px 8px var(--primary-glow);font-weight:600;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.slot-booked{cursor:not-allowed!important;color:var(--text-secondary)!important;background:#f3a6250a!important;border-color:#f3a62533!important}.slot-conflict{cursor:not-allowed!important;color:var(--text-secondary)!important;background:#f59e0b0f!important;border-color:#f59e0b40!important}.slot-booked-waitlist{transition:all .15s;cursor:pointer!important;color:var(--text-secondary)!important;background:#f8fafc!important;border-color:#e2e8f0!important}.slot-booked-waitlist:hover{border-color:var(--accent-gold)!important;color:var(--text-primary)!important;background:#f3a6250a!important}.slot-selected-waitlist{font-weight:600;box-shadow:0 2px 8px #f3a62533;background:var(--accent-gold)!important;border-color:var(--accent-gold)!important;color:#fff!important}@media (width<=480px){.slots-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.slot-item{min-height:4rem;padding:.5rem .4rem;font-size:.82rem}}.flow-buttons{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media (width<=480px){.flow-buttons{flex-direction:column-reverse;align-items:stretch;gap:.75rem}.flow-buttons button,.flow-buttons a{justify-content:center;width:100%!important}}.profile-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.profile-info-badges{color:var(--text-secondary);flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;font-size:.95rem;display:flex}.profile-actions-container{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}@media (width<=768px){.profile-header-container{flex-direction:column;align-items:stretch;gap:1.5rem}.profile-info-badges{flex-direction:column;gap:.75rem}.profile-info-badges span{justify-content:flex-start;width:100%}.profile-actions-container{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.profile-actions-container>div{width:100%!important}.profile-actions-container button{justify-content:center;width:100%}}.payment-mobile-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:1.25rem 1rem;transition:all .2s}.payment-mobile-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md)}.btn-mobile-full{width:auto}@media (width<=768px){.btn-mobile-full{width:100%!important}.conflict-alert-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.conflict-alert-row span{text-align:right}.conflict-alert-row button{width:100%!important}}.whatsapp-preview-container{transform-origin:top;zoom:1;width:800px;height:800px}@media (width<=1200px){.whatsapp-preview-container{zoom:.8}}@media (width<=992px){.whatsapp-preview-container{zoom:.65}}@media (width<=768px){.whatsapp-preview-container{zoom:.45}}@media (width<=480px){.whatsapp-preview-container{zoom:.38}}@media (width<=360px){.whatsapp-preview-container{zoom:.32}}.availability-day-row{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem;display:flex}.availability-day-label{cursor:pointer;align-items:center;gap:.5rem;width:100px;font-weight:700;display:flex}.availability-time-range{flex:1;align-items:center;gap:.5rem;min-width:200px;display:flex}@media (width<=768px){.availability-day-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.availability-day-label{width:100%!important}.availability-time-range{justify-content:flex-start!important;gap:.75rem!important;width:100%!important;min-width:100%!important}.availability-time-range input[type=time]{flex:1!important;width:auto!important;max-width:120px!important}}@keyframes successPulse1{0%{opacity:.8;transform:scale(.95)}50%{opacity:.35;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}@keyframes successPulse2{0%{opacity:.5;transform:scale(.9)}50%{opacity:.08;transform:scale(1.35)}to{opacity:.5;transform:scale(.9)}}.success-pulse-ring-1{animation:2s ease-in-out infinite successPulse1}.success-pulse-ring-2{animation:2s ease-in-out infinite successPulse2}.db-outer-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#fff;padding:1.5rem;transition:all .3s}@media (width<=768px){.db-outer-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}}.sheikh-mobile-card-premium,.student-mobile-card-premium{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #edf2f7;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex}.sheikh-mobile-card-premium:hover,.student-mobile-card-premium:hover{box-shadow:var(--shadow-md);border-color:var(--glass-border-focus)}.double-bezel-outer{will-change:transform;background:#005c4205;border:1px solid #005c420d;border-radius:2rem;padding:6px;transition:transform .3s cubic-bezier(.32,.72,0,1),background .3s,border-color .3s;box-shadow:0 4px 20px -2px #005c4205,inset 0 1px #fffc}.double-bezel-inner{background:#fff;border:1px solid #005c420a;border-radius:calc(2rem - 6px);padding:1.5rem;transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:inset 0 1px 1px #ffffffe6,0 8px 24px -8px #005c420f}.double-bezel-outer:hover{background:#005c420a;border-color:#005c4214}.pressable-card{cursor:pointer;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1)}.pressable-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #005c421a}.pressable-card:active{transform:translateY(0)scale(.98)}.btn-premium{cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1);display:inline-flex;box-shadow:0 8px 24px #005c4226;font-family:var(--font-arabic)!important}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 12px 28px #005c4240}.btn-premium:active{transform:translateY(0)scale(.97)}.active-press{transition:transform .16s cubic-bezier(.23,1,.32,1)}.active-press:active{transform:scale(.97)!important}.btn-premium-gold{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-hover));color:#fff;box-shadow:0 8px 24px #d4af3726}.btn-premium-gold:hover{box-shadow:0 12px 28px #d4af3740}.btn-icon-circle{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex}.btn-premium:hover .btn-icon-circle{transform:translate(-4px)scale(1.05)}@keyframes premiumFadeInUp{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.stagger-1{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) 50ms forwards premiumFadeInUp}.stagger-2{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) .12s forwards premiumFadeInUp}.stagger-3{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) .19s forwards premiumFadeInUp}.stagger-4{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) .26s forwards premiumFadeInUp}.stagger-5{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) .33s forwards premiumFadeInUp}@keyframes popoverEnter{0%{opacity:0;transform:scale(.96)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.popover-dropdown{z-index:100;transform-origin:100% 0;background:#fff;border:1px solid #005c4214;border-radius:12px;flex-direction:column;gap:3px;min-width:190px;padding:6px;animation:.18s cubic-bezier(.23,1,.32,1) forwards popoverEnter;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px -4px #005c4214,0 4px 12px -2px #005c4208,0 0 0 1px #005c4205}.popover-option{width:100%;color:var(--text-primary);font-size:.825rem;font-weight:500;font-family:var(--font-arabic);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex}.popover-option:hover{color:var(--primary);background:#005c4208}.popover-option:active{background:#005c420f;transform:scale(.98)}.popover-option.is-selected{color:var(--primary);background:#005c420d;font-weight:700}.popover-option.is-selected:hover{background:#005c4212}.filter-trigger-pill{border:1px solid var(--glass-border);height:36px;color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:var(--font-arabic);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000003}.filter-trigger-pill:hover{color:var(--primary);background:#005c4203;border-color:#005c4233}.filter-trigger-pill:active{transform:scale(.96)}.filter-trigger-pill.is-active{color:var(--primary);background:#005c420a;border-color:#005c4240;font-weight:700}.filter-trigger-pill.is-open{border-color:var(--primary);box-shadow:0 0 0 3px #005c4214}.sort-trigger-circle{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000003}.sort-trigger-circle:hover{color:var(--primary);background:#005c4205;border-color:#005c4233}.sort-trigger-circle:active{transform:scale(.96)}.sort-trigger-circle.is-open{border-color:var(--primary);color:var(--primary);background:#005c4214;box-shadow:0 0 0 3px #005c4214}.sort-trigger-circle.is-active{color:var(--primary);background:#005c420a;border-color:#005c4240}.noise-overlay{content:"";opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0}