*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-color: #0052cc;--primary-light: #3b82f6;--primary-dark: #003a99;--secondary-color: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--danger-color: #ef4444;--bg-color: #ffffff;--card-bg: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}body.dark-mode{--text-primary: #f3f4f6;--text-secondary: #d1d5db;--secondary-color: #1f2937;--border-color: #374151;--bg-color: #111827;--card-bg: #1f2937}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height, 70px)}html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6;background-color:var(--bg-color);transition:background-color .3s ease;padding-top:var(--navbar-height, 62px)}@media(max-width:768px){html{scroll-padding-top:var(--navbar-height, 125px)}body{padding-top:var(--navbar-height, 120px)}}@media(max-width:480px){html{scroll-padding-top:var(--navbar-height, 145px)}body{padding-top:var(--navbar-height, 140px)}}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--card-bg);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.hidden{display:none!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);max-width:100%}.floating-modal-overlay,#modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999;padding:15px}#modal-overlay:not(.show){display:none}.floating-modal-box{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);width:92%;max-width:520px;border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.floating-modal-box h3{margin-bottom:15px;color:var(--primary-color)}body.dark-mode .floating-modal-box{background:var(--card-bg, #1f2937);color:var(--text-primary, #f3f4f6);border-color:var(--border-color, #374151)}body.dark-mode .floating-modal-box h3{color:var(--text-primary, #f3f4f6)}.navbar{background:var(--card-bg);box-shadow:0 2px 8px #00000014;padding:12px 0;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.navbar-container{width:min(95%,1800px);margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-sizing:border-box}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--primary-color);text-decoration:none;white-space:nowrap;flex-shrink:0}.nav-menu{display:flex;list-style:none;gap:24px;align-items:center;justify-content:center;margin:0;padding:0}.nav-menu li.hidden,.nav-menu li:has(.hidden){display:none!important}.nav-menu a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:15px;transition:color .3s;cursor:pointer;white-space:nowrap}.nav-menu a:hover{color:var(--primary-color)}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.theme-toggle,.nav-notification-btn{position:relative;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:10px;border:1px solid #e5e7eb;background:var(--card-bg, #ffffff);box-shadow:0 1px 2px #0000000d;color:var(--text-color, #4b5563);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;outline:none}.theme-toggle:hover,.nav-notification-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05);box-shadow:0 4px 6px -1px #00000014}.theme-toggle:active,.nav-notification-btn:active{background:#e5e7eb;transform:scale(.98)}.theme-toggle:focus-visible,.nav-notification-btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.theme-toggle svg,.nav-notification-btn svg{width:18px;height:18px;stroke:currentColor}.nav-notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #ffffff;box-shadow:0 2px 4px #ef44444d;line-height:1}.cart-toggle{padding:8px 14px!important;font-size:14px!important;height:38px;border-radius:8px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-weight:600;transition:all .3s ease;flex-shrink:0}.navbar .btn-login{padding:8px 16px!important;font-size:14px!important;height:38px;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600;flex-shrink:0;background:var(--primary-color);color:#fff!important;transition:background .3s}.navbar .btn-login.hidden,.btn-login.hidden{display:none!important}.navbar .btn-login:hover{background:var(--primary-dark)}.profile-avatar-btn,.navbar .profile-toggle{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:50%!important;border:2px solid var(--primary-color)!important;background:var(--card-bg, #ffffff)!important;overflow:hidden!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.profile-avatar-btn:hover,.navbar .profile-toggle:hover{transform:scale(1.08);box-shadow:0 4px 12px #4361ee59;border-color:var(--primary-dark)!important}.profile-avatar-btn:active,.navbar .profile-toggle:active{transform:scale(.96)}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}@media(max-width:992px){.navbar-container{padding:0 16px;gap:12px}.nav-menu{gap:16px}.nav-menu a{font-size:14px}.navbar-logo{font-size:20px}}@media(max-width:768px){.navbar{padding:6px 0!important}.navbar-container{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;padding:0 10px!important;gap:0!important}.navbar-logo{order:1!important;font-size:16px!important;gap:4px!important;color:var(--sm-purple-primary, #6d28d9)!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;flex-shrink:0!important}.navbar-logo span{font-size:16px!important;display:inline-block!important}.nav-actions{order:2!important;display:flex!important;align-items:center!important;gap:3px!important;flex-shrink:0!important;flex-wrap:nowrap!important;white-space:nowrap!important}.theme-toggle,.nav-notification-btn{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;flex-shrink:0!important}.cart-text{display:none!important}.cart-toggle{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;width:26px!important;height:26px!important;min-width:26px!important;font-size:15px!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}#cartCount{position:absolute!important;top:-2px!important;right:-2px!important;background:var(--sm-purple-primary, #6d28d9)!important;color:#fff!important;font-size:9px!important;font-weight:800!important;min-width:14px!important;height:14px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 2px!important;line-height:1!important}.navbar .btn-login{padding:3px 6px!important;font-size:10.5px!important;height:26px!important;border-radius:6px!important;white-space:nowrap!important;flex-shrink:0!important}.profile-avatar-btn,.navbar .profile-toggle{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border-width:1.5px!important;flex-shrink:0!important}.nav-menu{order:3!important;width:100%!important;flex-basis:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-top:6px!important;margin-top:6px!important;border-top:1px solid var(--border-color, #e5e7eb)!important;gap:16px!important;flex-wrap:nowrap!important}.nav-menu a{font-size:12.5px!important;white-space:nowrap!important;padding:2px 4px!important}}@media(max-width:480px){.navbar-container{padding:0 6px!important}.navbar-logo{font-size:14px!important;gap:3px!important;color:var(--sm-purple-primary, #6d28d9)!important;white-space:nowrap!important}.navbar-logo span{font-size:14px!important}.nav-actions{gap:2px!important}.theme-toggle,.nav-notification-btn,.cart-toggle{width:24px!important;height:24px!important;min-width:24px!important}.navbar .btn-login{padding:2px 5px!important;font-size:10px!important;height:24px!important}.profile-avatar-btn,.navbar .profile-toggle{width:24px!important;height:24px!important;min-width:24px!important}.nav-menu{gap:10px!important;padding-top:4px!important;margin-top:4px!important}.nav-menu a{font-size:11px!important}}body.dark-mode .theme-toggle,body.dark-mode .nav-notification-btn{border-color:var(--border-color, #374151);background:var(--card-bg, #1f2937);color:var(--text-primary, #f3f4f6)}body.dark-mode .theme-toggle:hover,body.dark-mode .nav-notification-btn:hover{background:var(--secondary-color, #1f2937);border-color:var(--border-color, #374151)}.global-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;min-width:32px;min-height:32px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:var(--text-primary, #1e293b);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap;flex-shrink:0;line-height:1.4}.global-back-btn:hover{background:var(--primary-light, #f3e8ff);border-color:var(--primary-color, #7c3aed);color:var(--primary-color, #7c3aed);transform:translateY(-1px)}.global-back-btn .back-icon{font-size:14px;font-weight:900;transition:transform .2s ease}[dir=rtl] .global-back-btn:hover .back-icon{transform:translate(2px)}body.dark-mode .global-back-btn{background:#1e293b;border-color:#334155;color:#f8fafc}body.dark-mode .global-back-btn:hover{background:#312e81;border-color:#818cf8;color:#fff}@media(max-width:640px){.global-back-btn{padding:4px 8px;font-size:13px}.global-back-btn .back-text{display:none}}.hero{background:linear-gradient(135deg,#57c0f375,#77c9e885);padding:80px 32px;text-align:center;width:min(95%,1800px);margin:0 auto;box-sizing:border-box}body.dark-mode .hero{background:linear-gradient(4deg,#1e3a8a57,#1e7dafb5)}.hero-content h1{font-size:clamp(26px,5vw,48px);font-weight:700;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.5px}.highlight{color:var(--primary-color)}.hero-subtitle{font-size:clamp(14px,2.5vw,18px);color:var(--text-primary);margin-bottom:30px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.8}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero{padding:50px 16px}.hero-buttons .btn{width:100%;max-width:280px}}:root{--sm-purple-primary: #6d28d9;--sm-purple-dark: #4c1d95;--sm-purple-light: #8b5cf6;--sm-purple-bg: #f5f3ff;--sm-purple-soft: #ede9fe;--sm-text-dark: #0f172a;--sm-text-muted: #475569;--sm-text-light: #64748b;--sm-card-bg: #ffffff;--sm-border: #e2e8f0;--sm-shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--sm-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--sm-shadow-lg: 0 20px 30px -10px rgba(109, 40, 217, .12)}.home-section{width:min(95%,1800px);margin:0 auto 40px;padding:0 32px;box-sizing:border-box}body.dark-mode{--sm-text-dark: #f8fafc;--sm-text-muted: #cbd5e1;--sm-text-light: #94a3b8;--sm-card-bg: #1e293b;--sm-border: #334155}.navbar{background:var(--sm-card-bg)!important;border-bottom:1px solid var(--sm-border)!important;box-shadow:0 2px 12px #0000000a!important}.navbar-logo{font-weight:800!important;font-size:24px!important;color:var(--sm-text-dark)!important;display:flex!important;align-items:center!important;gap:8px!important}@media(max-width:768px){.navbar-logo{font-size:16px!important;color:var(--sm-purple-primary)!important}.navbar-logo span{font-size:16px!important}}@media(max-width:480px){.navbar-logo,.navbar-logo span{font-size:14px!important}}.navbar-logo span{color:var(--sm-purple-primary)}.nav-menu a{font-weight:600!important;color:var(--sm-text-muted)!important;transition:color .2s ease!important}.nav-menu a:hover,.nav-menu a.active{color:var(--sm-purple-primary)!important}.navbar .btn-login{background:var(--sm-purple-primary)!important;color:#fff!important;border-radius:10px!important;font-weight:700!important;padding:8px 20px!important;box-shadow:0 4px 12px #6d28d940!important}.navbar .btn-login:hover{background:var(--sm-purple-dark)!important}.hero-wrapper{background:#fff;background-image:radial-gradient(circle at 85% 20%,rgba(237,233,254,.7) 0%,rgba(245,243,255,.3) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(252,231,243,.5) 0%,rgba(250,245,255,.2) 40%,transparent 70%);border-radius:28px;padding:56px 48px;margin-top:20px;margin-bottom:28px;border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #6d28d912,0 0 1px #0000000d}body.dark-mode .hero-wrapper{background:#0f172a;background-image:radial-gradient(circle at 85% 20%,rgba(49,46,129,.6) 0%,transparent 60%),radial-gradient(circle at 15% 85%,rgba(88,28,135,.4) 0%,transparent 60%);border-color:#1e293b}.hero-grid{display:grid;grid-template-columns:55% 45%;gap:40px;align-items:center}.hero-text-content{display:flex;flex-direction:column;gap:22px;text-align:right;z-index:2}.hero-title{font-size:clamp(34px,4.2vw,50px);font-weight:900;line-height:1.25;color:#0f172a;margin:0;letter-spacing:-.5px}body.dark-mode .hero-title{color:#f8fafc}.hero-title .brand-purple{color:#7c3aed;display:block;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:16px;line-height:1.75;color:#64748b;margin:0;max-width:500px;font-weight:500}body.dark-mode .hero-subtitle{color:#94a3b8}.hero-search-box{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:6px 8px 6px 14px;box-shadow:0 10px 30px -5px #6d28d914,0 2px 6px #00000005;margin-top:4px;max-width:500px;transition:all .25s ease}.hero-search-box:focus-within{border-color:#7c3aed;box-shadow:0 12px 35px -5px #6d28d929,0 0 0 3px #7c3aed1f}body.dark-mode .hero-search-box{background:#1e293b;border-color:#334155}.hero-search-input{flex:1;border:none;outline:none;background:transparent;padding:10px 12px;font-size:15px;font-family:Tajawal,sans-serif;color:#0f172a;font-weight:500}body.dark-mode .hero-search-input{color:#f8fafc}.hero-search-input::placeholder{color:#94a3b8}.hero-search-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0;box-shadow:0 4px 14px #6d28d959}.hero-search-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px #6d28d973}.hero-actions{display:flex;gap:16px;margin-top:6px}.btn-hero-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:13px 32px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px -4px #6d28d959;display:inline-flex;align-items:center;justify-content:center}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px #6d28d973}.btn-hero-secondary{background:#fff;color:#7c3aed;border:1.5px solid #ddd6fe;padding:13px 32px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #00000008;display:inline-flex;align-items:center;justify-content:center}.btn-hero-secondary:hover{background:#f5f3ff;border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed1f}body.dark-mode .btn-hero-secondary{background:#1e293b;border-color:#4c1d95;color:#c4b5fd}.hero-graphic-area{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.hero-illustration-svg{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 20px 30px rgba(109,40,217,.12))}@keyframes heroFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heroFloatDelay{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-float-card-1{animation:heroFloatSlow 4.5s ease-in-out infinite}.hero-float-card-2{animation:heroFloatDelay 5s ease-in-out 1s infinite}.hero-float-card-3{animation:heroFloatSlow 5.5s ease-in-out .5s infinite}.stats-bar-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px 32px;box-shadow:0 10px 30px -5px #0000000a,0 2px 8px #00000005;margin-bottom:40px;transition:all .3s ease}.stats-bar-wrapper:hover{box-shadow:0 15px 35px -5px #6d28d914,0 4px 12px #00000008;transform:translateY(-2px)}body.dark-mode .stats-bar-wrapper{background:#1e293b;border-color:#334155}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;padding:8px 12px;transition:all .25s ease;border-radius:12px}.stat-item:hover{background:#f5f3ff99}body.dark-mode .stat-item:hover{background:#33415580}.stat-item:not(:last-child):after{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:#e2e8f0}body.dark-mode .stat-item:not(:last-child):after{background:#334155}.stat-number-row{display:flex;align-items:center;justify-content:center;gap:8px}.stat-icon-svg{display:inline-flex;align-items:center;justify-content:center}.stat-purple-icon{color:#7c3aed}.stat-blue-icon{color:#0284c7}.stat-gold-icon{color:#f59e0b}.stat-number{font-size:24px;font-weight:900;color:#0f172a;letter-spacing:-.5px}.stat-number.stat-purple{color:#7c3aed}.stat-number.stat-blue{color:#0284c7}.stat-number.stat-dark{color:#0f172a}body.dark-mode .stat-number.stat-dark{color:#f8fafc}.stat-label{font-size:13px;font-weight:600;color:#64748b}.categories-section{margin-bottom:50px}.section-header-centered{text-align:center;margin-bottom:30px}.section-title-lg{font-size:28px;font-weight:800;color:var(--sm-text-dark);margin:0 0 8px}.categories-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.category-card{background:var(--sm-card-bg);border:1px solid var(--sm-border);border-radius:16px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;transition:all .25s ease;box-shadow:var(--sm-shadow-sm)}.category-card:hover{transform:translateY(-4px);border-color:var(--sm-purple-light);box-shadow:var(--sm-shadow-md)}.category-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s ease}.category-icon-box svg{width:24px;height:24px;stroke-width:2;display:block;flex-shrink:0}@media(max-width:1024px){.category-icon-box svg{width:22px;height:22px}}@media(max-width:640px){.category-icon-box svg{width:20px;height:20px}}.category-card:hover .category-icon-box{transform:scale(1.1)}.category-name{font-size:13px;font-weight:700;color:var(--sm-text-dark)}.view-all-categories-wrapper{text-align:center;margin-top:24px}.view-all-link{color:var(--sm-purple-primary);font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease;cursor:pointer}.view-all-link:hover{gap:10px;color:var(--sm-purple-dark)}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.courses-filter-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--sm-border);padding-bottom:12px;overflow-x:auto}.tab-pill{background:transparent;border:none;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:700;color:var(--sm-text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-pill:hover{color:var(--sm-purple-primary);background:var(--sm-purple-bg)}.tab-pill.active{background:var(--sm-purple-primary);color:#fff;box-shadow:0 4px 10px #6d28d940}.carousel-container{position:relative}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--sm-card-bg);border:1px solid var(--sm-border);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--sm-text-dark);transition:all .2s ease}.carousel-arrow:hover{background:var(--sm-purple-primary);color:#fff;border-color:var(--sm-purple-primary)}.carousel-arrow.prev{right:-18px}.carousel-arrow.next{left:-18px}.courses-container,.books-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:22px!important}.course-card,.book-card{background:var(--sm-card-bg);border:1px solid var(--sm-border);border-radius:18px;overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:var(--sm-shadow-sm)}.course-card:hover,.book-card:hover{transform:translateY(-50px);transform:translateY(-4px);box-shadow:var(--sm-shadow-md);border-color:#6d28d94d}.course-card .course-image{height:160px;position:relative}.course-type-badge{position:absolute;top:12px;right:12px;background:var(--sm-purple-primary);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px;z-index:2}.book-type-badge{display:none!important}.course-content,.book-content{padding:18px;display:flex;flex-direction:column;flex:1}.course-title,.book-title{font-size:16px;font-weight:800;color:var(--sm-text-dark);margin:0 0 10px;line-height:1.4;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.instructor-row,.author-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.instructor-avatar,.author-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.instructor-name,.author-name{font-size:13px;color:var(--sm-text-light);font-weight:600}.rating-students-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--sm-text-light);margin-bottom:14px}.rating-stars{color:#f59e0b;font-weight:800;display:flex;align-items:center;gap:4px}.price-discount-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.current-price{font-size:18px;font-weight:900;color:var(--sm-text-dark)}.old-price{font-size:13px;color:#94a3b8;text-decoration:line-through}.discount-badge{background:#fef2f2;color:#dc2626;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;margin-right:auto}.card-actions-row{display:flex;gap:8px;margin-top:auto}.btn-card-details{flex:1;background:var(--sm-purple-primary);color:#fff;border:none;border-radius:10px;padding:9px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease;text-align:center}.btn-card-details:hover{background:var(--sm-purple-dark)}.btn-card-icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--sm-border);background:var(--sm-card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sm-text-muted);transition:all .2s ease}.btn-card-icon:hover{border-color:var(--sm-purple-primary);color:var(--sm-purple-primary);background:var(--sm-purple-bg)}.teachers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.teacher-card{background:var(--sm-card-bg);border:1px solid var(--sm-border);border-radius:20px;padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:all .25s ease;box-shadow:var(--sm-shadow-sm)}.teacher-card:hover{transform:translateY(-4px);box-shadow:var(--sm-shadow-md);border-color:var(--sm-purple-light)}.teacher-avatar-circle{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:14px;border:4px solid var(--sm-purple-soft);box-shadow:0 4px 12px #6d28d926}.teacher-name{font-size:16px;font-weight:800;color:var(--sm-text-dark);margin:0 0 4px}.teacher-role{font-size:12px;font-weight:600;color:var(--sm-text-light);margin-bottom:12px}.teacher-stats-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;color:var(--sm-text-dark);padding-top:10px;border-top:1px dashed var(--sm-border);width:100%}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;box-sizing:border-box}.review-card{background:var(--sm-card-bg);border:1px solid var(--sm-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:var(--sm-shadow-sm);transition:transform .25s ease,box-shadow .25s ease;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.review-card:hover{transform:translateY(-4px);box-shadow:var(--sm-shadow-md)}.review-product-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.review-product-info{display:flex;align-items:center;gap:10px;min-width:0}.review-product-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--sm-border)}.review-product-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.review-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:var(--sm-purple-bg);color:var(--sm-purple-primary);width:fit-content}.review-product-name{font-size:12px;font-weight:600;color:var(--sm-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-icon{font-size:20px;color:var(--sm-purple-light);opacity:.35;line-height:1;flex-shrink:0;margin:0}.review-rating-line{display:flex;align-items:center;gap:6px;font-size:13px;color:#f59e0b;font-weight:700;margin-bottom:8px}.review-stars-icons{letter-spacing:1px}.review-rating-num{color:var(--sm-text-dark);font-weight:700;font-size:13px}.review-rating-sep{color:var(--sm-text-light);opacity:.5;font-weight:400}.review-date-text{font-size:12px;font-weight:500;color:var(--sm-text-light)}.review-card-title{font-size:15px;font-weight:800;color:var(--sm-text-dark);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.review-text-wrapper{margin-bottom:16px}.review-text{font-size:13.5px;line-height:1.6;color:var(--sm-text-muted);margin:0;font-weight:400}.review-text.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{background:none;border:none;padding:4px 0 0;color:var(--sm-purple-primary);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.read-more-btn:hover{text-decoration:underline}.review-author-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--sm-border);margin-top:auto}.review-student-info{display:flex;align-items:center;gap:10px}.review-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--sm-border)}.review-student-name{font-size:14px;font-weight:800;color:var(--sm-text-dark);line-height:1.2}.review-verified-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#16a34a;margin-top:3px}.view-all-reviews-wrapper{display:flex;justify-content:center;margin-top:28px}.view-all-reviews-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:12px;font-size:14px;font-weight:700;background:var(--sm-card-bg);color:var(--sm-purple-primary);border:1.5px solid var(--sm-purple-soft);box-shadow:var(--sm-shadow-sm);cursor:pointer;transition:all .2s ease}.view-all-reviews-btn:hover{background:var(--sm-purple-bg);border-color:var(--sm-purple-primary);transform:translateY(-2px);box-shadow:var(--sm-shadow-md)}body.dark-mode .view-all-reviews-btn{background:var(--sm-card-bg);border-color:#4c1d95;color:#a78bfa}body.dark-mode .view-all-reviews-btn:hover{background:#2e1065;border-color:#8b5cf6}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.why-card{background:var(--sm-card-bg, #ffffff);border:1px solid var(--sm-border, #f1f5f9);border-radius:16px;padding:24px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .25s ease;box-shadow:0 4px 16px #00000008}.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6d28d914;border-color:#ddd6fe}.why-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.why-card:hover .why-icon-box{transform:scale(1.08)}.why-title{font-size:15px;font-weight:800;color:var(--sm-text-dark, #0f172a);margin:0;line-height:1.3}.why-desc{font-size:12px;color:var(--sm-text-light, #64748b);line-height:1.5;margin:0}.bottom-cta-banner{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:24px;padding:44px 70px;color:#fff;display:flex;align-items:center;justify-content:space-between;direction:ltr;position:relative;overflow:hidden;box-shadow:0 16px 36px #6d28d940;margin-top:40px;margin-bottom:50px}.bottom-cta-graphic-container{display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.bottom-cta-text{max-width:540px;z-index:2;direction:rtl;text-align:right}.bottom-cta-title{font-size:30px;font-weight:900;margin:0 0 12px;color:#fff;letter-spacing:-.5px}.bottom-cta-desc{font-size:15px;color:#f3e8ff;margin:0 0 24px;line-height:1.6;font-weight:500}.bottom-cta-actions{display:flex;align-items:center;gap:14px}.btn-cta-purple{background:#5b21b6;color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0003}.btn-cta-purple:hover{background:#4c1d95;transform:translateY(-2px)}.btn-cta-white{background:#fff;color:#7c3aed;border:1px solid #7c3aed;padding:12px 30px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0000000d}.btn-cta-white:hover{background:#faf5ff;transform:translateY(-2px)}.site-footer-v2{width:100%;max-width:100%!important;background:var(--sm-card-bg, #ffffff);border-top:1px solid var(--sm-border, #f1f5f9);padding:50px 0 24px;margin-top:50px;direction:rtl;box-sizing:border-box}.footer-v2-container{width:min(95%,1800px);margin-inline:auto;padding-inline:32px;box-sizing:border-box}.footer-v2-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:min(80px,5vw);margin-bottom:40px}.footer-brand-col{display:flex;flex-direction:column;gap:14px}.footer-logo{font-size:22px;font-weight:700;color:var(--primary-color, #7c3aed);display:flex;align-items:center;gap:8px;direction:rtl;white-space:nowrap}.footer-logo-accent{color:#7c3aed}.footer-brand-desc{font-size:13px;line-height:1.7;color:var(--sm-text-light, #64748b);margin:0;max-width:320px}.footer-social-row{display:flex;gap:12px;margin-top:6px}.social-pill-btn{width:36px;height:36px;border-radius:50%;background:#f5f3ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}body.dark-mode .social-pill-btn{background:#7c3aed33;color:#c4b5fd}.social-pill-btn:hover{background:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed40}.footer-col-title{font-size:16px;font-weight:800;color:var(--sm-text-dark, #0f172a);margin:0 0 16px}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links-list a{color:var(--sm-text-light, #64748b);font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s ease}.footer-links-list a:hover{color:#7c3aed}.newsletter-box{display:flex;flex-direction:column;gap:12px}.newsletter-desc{font-size:13px;color:var(--sm-text-light, #64748b);line-height:1.6;margin:0}.newsletter-form{display:flex;gap:8px}.newsletter-input{flex:1;background:var(--sm-card-bg, #f8fafc);border:1px solid var(--sm-border, #e2e8f0);border-radius:10px;padding:10px 14px;font-size:13px;font-family:Tajawal,sans-serif;color:var(--sm-text-dark, #0f172a);outline:none;transition:border-color .2s ease}.newsletter-input:focus{border-color:#7c3aed}.newsletter-btn{background:#7c3aed;color:#fff;border:none;border-radius:10px;padding:0 20px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s ease}.newsletter-btn:hover{background:#6d28d9}.footer-bottom-bar{border-top:1px solid var(--sm-border, #f1f5f9);padding-top:24px;display:flex;justify-content:center;align-items:center;text-align:center}.copyright-text{font-size:13px;color:var(--sm-text-light, #64748b);margin:0;font-weight:500}@media(max-width:1080px){.categories-grid{grid-template-columns:repeat(4,1fr)}.teachers-grid,.why-grid{grid-template-columns:repeat(3,1fr)}.footer-v2-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3):after{display:none}.reviews-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-text-content{text-align:center;align-items:center}.hero-wrapper{padding:30px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-item:after{display:none!important}.categories-grid,.teachers-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.bottom-cta-banner{flex-direction:column;text-align:center;padding:36px 20px;gap:24px}.bottom-cta-text{text-align:center;max-width:100%}.bottom-cta-actions{justify-content:center;flex-wrap:wrap}.footer-v2-grid{grid-template-columns:1fr}.footer-bottom-bar{flex-direction:column;gap:14px;text-align:center}}@media(max-width:640px){.reviews-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(2,1fr)}.teachers-grid,.stats-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%}}@media(min-width:768px)and (max-width:1199px){.courses-container,.books-grid,#coursesList,#booksGrid,#standaloneCoursesList,#standaloneBooksGrid,.all-courses-grid,.my-books-grid-container,.my-books-grid,.favorites-grid:not(.list-view):not(.favorites-list-view){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.course-card .course-image,.book-card .course-image,.course-image,.book-cover-wrapper{height:140px!important}.course-content,.book-content,.course-card-body,.book-card-info{padding:14px!important}.course-content h3,.book-content h3,.course-title,.book-title,.card-title,.book-card-title{font-size:14px!important;height:38px!important}}@media(max-width:767px){.home-section,.books-container,.courses-section,.books-section{padding-left:6px!important;padding-right:6px!important}.courses-container,#coursesList,#standaloneCoursesList{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.books-grid,#booksGrid,#standaloneBooksGrid,.books-container .books-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px 10px!important}.favorites-grid:not(.list-view):not(.favorites-list-view){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.my-books-grid-container,.my-books-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#myBooksPage.my-books-page-section{padding:12px 10px 30px!important}#myBooksPage .my-books-page{gap:10px!important}#myBooksPage .my-books-header-bar{margin-bottom:0!important}#myBooksPage .my-books-close-btn{width:32px!important;height:32px!important}#myBooksPage .my-books-top-header{margin-bottom:0!important}#myBooksPage .my-books-top-header .header-icon-title{gap:8px!important}#myBooksPage .title-badge-icon.purple-badge{width:36px!important;height:36px!important;border-radius:10px!important;flex-shrink:0!important}#myBooksPage .title-badge-icon.purple-badge svg{width:18px!important;height:18px!important}#myBooksPage .my-books-title{font-size:clamp(16px,4.5vw,19px)!important;margin:0 0 2px!important;line-height:1.2!important}#myBooksPage .my-books-subtitle{font-size:clamp(11px,3vw,12px)!important;line-height:1.25!important}#myBooksPage .my-books-controls-row{margin-top:2px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important}#myBooksPage .filter-pills-group{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}#myBooksPage .filter-pill{padding:5px 10px!important;font-size:clamp(11px,2.8vw,12px)!important;border-radius:8px!important;height:32px!important;box-sizing:border-box!important;white-space:nowrap!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important}#myBooksPage .dropdown-filter-pill{display:inline-flex!important}#myBooksPage .search-input-wrapper{width:100%!important;min-width:0!important}#myBooksPage .search-input-wrapper input{height:34px!important;padding:6px 34px 6px 12px!important;font-size:clamp(11px,2.8vw,12px)!important;border-radius:8px!important;box-sizing:border-box!important}#myBooksPage .search-input-wrapper .search-icon{right:10px!important;width:15px!important;height:15px!important}.course-card,.book-card,.my-course-card,.book-card-item,.favorite-card{border-radius:8px!important;box-shadow:none!important}.course-card .course-image,.book-card .course-image,.course-image,.book-cover-wrapper,.course-card-thumb{height:clamp(55px,17vw,85px)!important;position:relative!important;font-size:clamp(9px,2.2vw,12px)!important}.course-image img,.book-cover-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important}.course-fav-btn{top:3px!important;left:3px!important;width:clamp(18px,5vw,24px)!important;height:clamp(18px,5vw,24px)!important}.course-fav-btn svg{width:clamp(10px,3vw,13px)!important;height:clamp(10px,3vw,13px)!important}.course-type-badge,.book-type-badge,.course-badge,.course-category-tag,.book-card-category{top:3px!important;right:3px!important;font-size:clamp(6px,1.8vw,8px)!important;padding:1px 3px!important;border-radius:3px!important}.course-content,.book-content,.course-card-body,.book-card-info{padding:4px 5px!important}.course-content h3,.book-content h3,.course-title,.book-title,.card-title,.book-card-title,.book-cover-title{font-size:clamp(8px,2.4vw,11px)!important;line-height:1.25!important;height:auto!important;min-height:18px!important;max-height:28px!important;margin:0 0 2px!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.course-description,.course-instructor,.instructor-name,.author-name,.book-card-author,.book-cover-author{font-size:clamp(7px,2vw,9px)!important;margin:1px 0!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.instructor-avatar,.author-avatar{width:clamp(12px,3.5vw,16px)!important;height:clamp(12px,3.5vw,16px)!important}.instructor-row,.author-row{gap:2px!important;margin-bottom:2px!important}.course-meta,.course-rating,.rating-students-row,.book-card-meta{font-size:clamp(7px,2vw,9px)!important;margin-bottom:2px!important;gap:1px!important}.rating-stars{font-size:clamp(7px,1.8vw,9px)!important;gap:1px!important}.course-footer,.price-discount-row{margin-top:auto!important;padding-top:8px!important;gap:6px!important;margin-bottom:6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.course-price,.current-price{font-size:clamp(13px,3.2vw,15px)!important;font-weight:800!important}.old-price{font-size:clamp(10px,2.5vw,11.5px)!important}.discount-badge{font-size:clamp(9px,2.2vw,10px)!important;padding:2px 5px!important;border-radius:4px!important}.card-actions-row,.book-card-actions{gap:6px!important;margin-top:auto!important;width:100%!important;display:flex!important;align-items:center!important}.view-details-btn,.btn-card-details,.btn-sm-action{width:100%!important;flex:1 1 0%!important;min-width:0!important;height:clamp(28px,7vw,32px)!important;padding:4px 8px!important;font-size:clamp(10.5px,2.8vw,12px)!important;font-weight:700!important;border-radius:6px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-card-icon{width:clamp(28px,7vw,32px)!important;height:clamp(28px,7vw,32px)!important;border-radius:6px!important;padding:0!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-card-icon svg{width:clamp(12px,3vw,14px)!important;height:clamp(12px,3vw,14px)!important}.books-grid .course-card,.books-grid .book-card{border-radius:12px!important;box-shadow:0 2px 6px #0000000a!important;border:1px solid var(--border-color, #e2e8f0)!important;background:var(--card-bg, #ffffff)!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.books-grid .course-card .course-image,.books-grid .book-card .course-image{height:105px!important;width:100%!important;position:relative!important;background-size:cover!important;background-position:center!important}.books-grid .course-card .course-fav-btn{position:absolute!important;top:6px!important;left:6px!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#0f172a99!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:5!important}.books-grid .course-card .course-fav-btn svg{width:13px!important;height:13px!important}.books-grid .course-card .course-content,.books-grid .book-card .course-content{padding:8px!important;display:flex!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important}.books-grid .course-card .course-category-tag{position:static!important;font-size:9.5px!important;padding:2px 6px!important;border-radius:5px!important;font-weight:700!important;margin-bottom:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:inline-block!important;background:#7c3aed1a!important;color:var(--primary-color, #7c3aed)!important;width:fit-content!important;line-height:1.2!important}.books-grid .course-card .course-content h3,.books-grid .course-card h3,.books-grid .book-card .book-title{font-size:12px!important;font-weight:800!important;line-height:1.3!important;margin:1px 0 2px!important;color:var(--text-primary, #0f172a)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:auto!important;min-height:31px!important;max-height:31px!important}.books-grid .course-card .course-content p.book-author,.books-grid .course-card .course-content p:not(.book-short-desc){font-size:10.5px!important;color:var(--text-secondary, #64748b)!important;margin:0 0 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.books-grid .book-short-desc{font-size:10px!important;color:var(--text-secondary, #64748b)!important;margin:0 0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;display:block!important}.books-grid .book-card-footer{margin-top:auto!important;padding-top:6px!important;border-top:1px dashed var(--border-color, #e2e8f0)!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}.books-grid .book-price-box{display:flex!important;align-items:baseline!important;gap:4px!important}.books-grid .book-curr-price{font-size:13.5px!important;font-weight:800!important;color:var(--primary-color, #7c3aed)!important}.books-grid .book-orig-price{font-size:10.5px!important;text-decoration:line-through!important;color:#94a3b8!important}.books-grid .book-actions-group{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;width:100%!important}.books-grid .book-btn-details{flex:1!important;height:28px!important;padding:0 6px!important;background:transparent!important;color:var(--primary-color, #7c3aed)!important;border:1px solid var(--border-color, #cbd5e1)!important;border-radius:6px!important;font-size:10.5px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;white-space:nowrap!important}.books-grid .book-btn-cart{width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;background:var(--primary-color, #7c3aed)!important;color:#fff!important;border:none!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 1px 4px #7c3aed33!important;flex-shrink:0!important}.books-grid .book-btn-cart .btn-cart-text{display:none!important}.books-grid .book-btn-cart svg{width:13px!important;height:13px!important;margin:0!important}.my-books-grid-container .book-card-item,#myBooksPage .book-card-item{border-radius:10px!important;overflow:hidden!important}.my-books-grid-container .book-cover-wrapper,#myBooksPage .book-cover-wrapper{height:clamp(65px,18vw,85px)!important}.my-books-grid-container .book-cover-placeholder,#myBooksPage .book-cover-placeholder{padding:6px 8px!important}.my-books-grid-container .book-card-info,#myBooksPage .book-card-info{padding:6px 8px!important;gap:3px!important}.my-books-grid-container .book-card-title,#myBooksPage .book-card-title{font-size:clamp(10px,2.6vw,12px)!important;line-height:1.2!important;min-height:auto!important;max-height:none!important;margin:0!important}.my-books-grid-container .book-card-author,#myBooksPage .book-card-author{font-size:clamp(8px,2.1vw,9.5px)!important;margin:1px 0 0!important}.my-books-grid-container .book-fav-btn,#myBooksPage .book-fav-btn{padding:1px!important}.my-books-grid-container .book-fav-btn svg,#myBooksPage .book-fav-btn svg{width:clamp(13px,3.5vw,16px)!important;height:clamp(13px,3.5vw,16px)!important}.my-books-grid-container .book-card-category,#myBooksPage .book-card-category{font-size:clamp(7.5px,2vw,9px)!important;padding:1px 5px!important;border-radius:3px!important;margin-top:1px!important}.my-books-grid-container .book-card-meta,#myBooksPage .book-card-meta{font-size:clamp(8px,2vw,9.5px)!important;margin-top:1px!important;gap:2px!important}.my-books-grid-container .book-card-progress,#myBooksPage .book-card-progress{margin-top:2px!important;gap:4px!important}.my-books-grid-container .progress-bar-track,#myBooksPage .progress-bar-track{height:4px!important;border-radius:2px!important}.my-books-grid-container .progress-percentage,#myBooksPage .progress-percentage{font-size:clamp(8px,2vw,9.5px)!important}.my-books-grid-container .book-card-actions,#myBooksPage .book-card-actions{display:flex!important;flex-direction:column!important;width:100%!important;gap:4px!important;margin-top:4px!important;padding-top:2px!important}.my-books-grid-container .book-card-actions button,#myBooksPage .book-card-actions button{width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;height:clamp(25px,6.5vw,29px)!important;padding:2px 6px!important;font-size:clamp(9.5px,2.5vw,11px)!important;font-weight:700!important;border-radius:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important}.my-books-grid-container .book-card-actions button svg,#myBooksPage .book-card-actions button svg{width:clamp(10px,2.6vw,12px)!important;height:clamp(10px,2.6vw,12px)!important}}.book-card-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color, #e2e8f0);display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;width:100%}.book-price-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.25}.book-orig-price{font-size:11px;color:#94a3b8;text-decoration:line-through;font-weight:500}.book-curr-price{font-size:16px;font-weight:800;color:#2563eb}.book-actions-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.book-btn-details{background:transparent;color:#475569;border:1px solid #cbd5e1;padding:5px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease;height:32px;display:inline-flex;align-items:center;justify-content:center}.book-btn-details:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.book-btn-cart{background:#2563eb;color:#fff;border:1px solid #2563eb;padding:5px 10px;font-size:12px;font-weight:700;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 1px 2px #2563eb26}.book-btn-cart:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 4px #2563eb40}body.dark-mode .book-card-footer{border-top-color:#ffffff1a}body.dark-mode .book-orig-price{color:#64748b}body.dark-mode .book-curr-price{color:#60a5fa}body.dark-mode .book-btn-details{color:#cbd5e1;border-color:#475569}body.dark-mode .book-btn-details:hover{background:#ffffff14;border-color:#94a3b8;color:#fff}body.dark-mode .book-btn-cart{background:#3b82f6;border-color:#3b82f6}body.dark-mode .book-btn-cart:hover{background:#2563eb;border-color:#2563eb}@media(min-width:768px)and (max-width:1199px){.book-btn-details,.book-btn-cart{height:28px;padding:4px 8px;font-size:11px}.book-curr-price{font-size:14px}}@media(max-width:767px){.book-card-footer{margin-top:auto!important;padding-top:6px!important;border-top:1px dashed var(--border-color, #e2e8f0)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important}.book-price-box{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:4px!important;line-height:1.2!important}.book-orig-price{font-size:10.5px!important;color:#94a3b8!important;text-decoration:line-through!important;font-weight:500!important}.book-curr-price{font-size:13.5px!important;font-weight:800!important}.book-actions-group{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;width:100%!important;margin-top:0!important}.book-btn-details{order:initial!important;flex:1!important;width:auto!important;height:28px!important;padding:0 6px!important;font-size:10.5px!important;font-weight:700!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;background:transparent!important;color:var(--primary-color, #7c3aed)!important;border:1px solid var(--border-color, #cbd5e1)!important}.book-btn-cart{order:initial!important;width:28px!important;min-width:28px!important;flex:none!important;height:28px!important;padding:0!important;font-size:10.5px!important;font-weight:700!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;background:var(--primary-color, #7c3aed)!important;color:#fff!important;border:none!important}.book-btn-cart .btn-cart-text{display:none!important}.book-btn-cart svg{width:13px!important;height:13px!important;flex-shrink:0!important;margin:0!important}}@media(min-width:768px)and (max-width:1199px){.courses-filter-tabs,.books-filter-tabs{gap:6px!important;overflow-x:visible!important;flex-wrap:nowrap!important}.courses-filter-tabs .tab-pill,.books-filter-tabs .tab-pill{padding:6px 14px!important;font-size:13px!important;border-radius:18px!important;white-space:nowrap!important}.section-header-flex .view-all-link{font-size:13px!important;white-space:nowrap!important}}@media(max-width:767px){.section-header-flex{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px 6px!important;width:100%!important;margin-bottom:12px!important}.courses-filter-tabs,.books-filter-tabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px 4px!important;overflow-x:visible!important;overflow-y:visible!important;width:auto!important;max-width:100%!important;margin-bottom:0!important;border-bottom:none!important;padding-bottom:0!important}.courses-filter-tabs .tab-pill,.books-filter-tabs .tab-pill{padding:clamp(4px,1.2vw,6px) clamp(7px,2vw,12px)!important;font-size:clamp(10px,2.7vw,12.5px)!important;border-radius:clamp(12px,3.5vw,16px)!important;white-space:nowrap!important;flex:0 0 auto!important;line-height:1.25!important}.section-header-flex .view-all-link{font-size:clamp(11px,2.8vw,13px)!important;white-space:nowrap!important;flex-shrink:0!important}}.official-course-details-wrapper,#courseDetailsContent,#courseDetailsPage,#courseDetailsAnchor{width:100%!important;max-width:1200px!important;box-sizing:border-box!important}@media(max-width:991px){.official-course-details-wrapper{padding:clamp(12px,3vw,20px) clamp(10px,2.5vw,16px)!important}.course-details-main-grid{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.course-details-primary-col,.course-details-sidebar-col{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-details-sidebar-col{position:static!important;top:auto!important}.course-player-3col-layout{display:flex!important;flex-direction:column!important;gap:20px!important;grid-template-columns:1fr!important}.player-accordion-panel,.player-main-panel,.player-promo-panel{width:100%!important}}@media(max-width:767px){.course-details-breadcrumb-bar{flex-wrap:wrap!important;gap:4px 6px!important;font-size:clamp(11px,2.8vw,13px)!important;margin-bottom:12px!important;line-height:1.4!important}.course-details-breadcrumb-bar span,.course-details-breadcrumb-bar a{word-break:break-word!important}.course-hero-banner-card{border-radius:14px!important}.course-preview-media{height:clamp(180px,45vw,260px)!important}.play-preview-btn{padding:8px 16px!important;font-size:13px!important;gap:6px!important}.play-preview-btn span{width:26px!important;height:26px!important;font-size:11px!important}.course-hero-banner-card>div:last-child{padding:16px 12px!important}.course-hero-banner-card span[style*="border-radius: 20px"],.course-badges-row span{font-size:clamp(10px,2.5vw,11.5px)!important;padding:3px 8px!important}.course-details-main-title,.course-details-title,.course-hero-banner-card h1{font-size:clamp(17px,4.5vw,22px)!important;line-height:1.35!important;margin-bottom:12px!important}.course-hero-meta-row,.course-hero-banner-card div[style*=border-top]{gap:10px 14px!important;font-size:12px!important;padding-top:12px!important}.course-stats-grid,.course-details-primary-col>div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.course-stat-card,.course-stats-grid>div{padding:12px 8px!important;border-radius:12px!important}.course-stat-card div:first-child{font-size:20px!important;margin-bottom:2px!important}.course-stat-card div:nth-child(2){font-size:15px!important}.course-stat-card div:nth-child(3){font-size:11px!important}.course-description-box,.course-curriculum-box,.course-qa-box,.course-reviews-box,.course-related-box,.course-purchase-card,.course-details-primary-col>div[style*="padding: 28px"],.course-details-sidebar-col>div[style*="padding: 24px"]{padding:16px 12px!important;border-radius:14px!important}.course-details-primary-col h2{font-size:clamp(16px,4.2vw,18px)!important;margin-bottom:12px!important}.course-details-primary-col p{font-size:13px!important;line-height:1.6!important}.lessons-accordion{gap:8px!important}.lessons-accordion>div>div:first-child{padding:10px 12px!important;font-size:13px!important}.lessons-accordion>div>div:last-child{padding:8px 10px!important;gap:6px!important}.lessons-accordion>div>div:last-child>div{padding:8px 10px!important;font-size:12px!important;flex-wrap:wrap!important;gap:6px!important}.course-rating-summary-box,.course-details-primary-col div[style*="grid-template-columns: 180px 1fr"]{grid-template-columns:1fr!important;gap:12px!important;padding:14px 12px!important;text-align:center!important}.course-rating-summary-box>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important}.course-purchase-card span[style*="font-size: 32px"],.course-details-sidebar-col span[style*="font-size: 32px"]{font-size:clamp(24px,6vw,30px)!important}.course-purchase-card button.btn,.course-details-sidebar-col button.btn{padding:11px!important;font-size:clamp(13px,3.2vw,15px)!important}.wishlist-action-btn,.course-details-sidebar-col button[title*=مشاركة]{padding:8px 10px!important;font-size:12px!important}.courses-container[id*=relatedCoursesContainer]{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important;gap:12px!important}.official-book-details-wrapper{padding:12px 10px!important}.book-details-breadcrumb-bar{font-size:clamp(11px,2.8vw,12px)!important;margin-bottom:10px!important;gap:4px!important}.official-book-details-wrapper button.btn-secondary{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}.official-book-details-wrapper div[style*="margin-bottom: 24px"]{margin-bottom:12px!important}.book-details-main-grid{grid-template-columns:1fr!important;gap:16px!important}.book-details-primary-col{gap:16px!important}.book-details-primary-col>div[style*="padding: 28px"]{padding:14px 12px!important;border-radius:14px!important;gap:14px!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.book-details-primary-col div[style*="width: 200px; height: 280px"]{width:120px!important;height:168px!important;border-radius:10px!important;margin:0 auto!important}.book-details-primary-col div[style*="flex: 1; min-width: 260px"]{align-items:center!important;text-align:center!important;width:100%!important}.book-details-primary-col div[style*="display: flex; flex-wrap: wrap; gap: 8px"]{justify-content:center!important;gap:6px!important;margin-bottom:8px!important}.book-details-primary-col div[style*="display: flex; flex-wrap: wrap; gap: 8px"] span{font-size:10px!important;padding:3px 8px!important}.book-details-primary-col h1{font-size:clamp(16px,4.2vw,19px)!important;margin:0 0 6px!important;line-height:1.3!important}.book-details-primary-col div[style*="font-size: 15px"]{font-size:12px!important;margin-bottom:8px!important}.book-details-primary-col p{font-size:12px!important;line-height:1.5!important;margin-bottom:12px!important}.book-details-primary-col div[style*="border-top: 1px solid"]{justify-content:center!important;gap:12px!important;font-size:12px!important;padding-top:10px!important}.book-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.book-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"]>div{padding:10px 8px!important;border-radius:10px!important}.book-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"] div[style*="font-size: 24px"]{font-size:18px!important;margin-bottom:2px!important}.book-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"] div[style*="font-size: 18px"]{font-size:14px!important}.book-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))"] div[style*="font-size: 12px"]{font-size:10px!important}.book-details-primary-col div[style*="border-radius: 18px"]{padding:14px 12px!important;border-radius:14px!important}.book-details-primary-col h2{font-size:clamp(14px,3.8vw,16px)!important;margin-bottom:10px!important}.book-details-primary-col div[style*="padding: 16px; border-radius: 12px"]{padding:10px!important;border-radius:8px!important}.book-details-sidebar-col{position:static!important}.book-details-sidebar-col>div[style*="padding: 24px"]{padding:14px 12px!important;border-radius:14px!important}.book-details-sidebar-col div[style*="margin-bottom: 20px"]{margin-bottom:12px!important;padding-bottom:12px!important}.book-details-sidebar-col span[style*="font-size: 32px"]{font-size:clamp(22px,5.5vw,26px)!important}.book-details-sidebar-col span[style*="font-size: 18px"]{font-size:14px!important}.book-details-sidebar-col div[style*="font-size: 12px; color: #059669"]{font-size:11px!important}.book-details-sidebar-col button.btn-primary{padding:10px 12px!important;font-size:13px!important;border-radius:10px!important}.book-details-sidebar-col button[onclick*=toggleFavorite]{padding:8px!important;font-size:12px!important;border-radius:8px!important}.book-details-sidebar-col h4{font-size:12px!important;margin-bottom:8px!important}.book-details-sidebar-col div[style*="display: flex; flex-direction: column; gap: 10px"]{gap:6px!important;font-size:11px!important}.book-details-3col-section{grid-template-columns:1fr!important;gap:12px!important;margin-top:8px!important}.book-index-panel{padding:12px!important;border-radius:14px!important;gap:10px!important}.title-with-icon h4{font-size:13px!important}.title-with-icon svg{width:15px!important;height:15px!important}.book-chapters-accordion{gap:6px!important}.chapter-group{border-radius:8px!important}.chapter-group-header{padding:8px 10px!important;font-size:11px!important}.chapter-item{padding:6px 8px!important;font-size:11px!important;gap:6px!important}.chapter-item .ch-num{width:14px!important}.download-book-btn{padding:8px!important;font-size:11px!important;border-radius:8px!important;margin-top:6px!important}.book-details-inner-card{padding:12px!important;border-radius:14px!important;gap:12px!important}.book-details-layout{flex-direction:column!important;align-items:center!important;gap:12px!important;text-align:center!important}.book-details-cover-box{width:110px!important;margin:0 auto!important}.book-cover-placeholder.lg{padding:10px!important;border-radius:8px!important;min-height:140px!important}.book-cover-placeholder .book-cover-title{font-size:13px!important}.book-cover-placeholder .book-cover-author{font-size:9px!important}.book-details-info-box{align-items:center!important;gap:6px!important}.book-breadcrumb{font-size:11px!important}.book-main-title{font-size:clamp(16px,4.2vw,19px)!important}.book-author-row,.book-rating-row{font-size:11px!important;gap:6px!important}.book-description{font-size:12px!important;line-height:1.5!important;margin:2px 0 6px!important}.book-specs-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important}.spec-card{padding:6px 8px!important;border-radius:8px!important}.spec-label{font-size:10px!important}.spec-value{font-size:11px!important}.book-reading-progress-section{padding:8px 10px!important;border-radius:8px!important;gap:6px!important}.progress-status-line{font-size:11px!important}.book-actions-row{gap:6px!important;justify-content:center!important;width:100%!important}.btn-primary-purple.lg-btn,.btn-secondary-outline.lg-btn{padding:8px 12px!important;font-size:11px!important;border-radius:8px!important;flex:1 1 auto!important;justify-content:center!important}.btn-primary-purple.lg-btn svg,.btn-secondary-outline.lg-btn svg{width:14px!important;height:14px!important}.book-stats-side-panel{gap:10px!important}.side-card{padding:12px!important;border-radius:12px!important;gap:8px!important}.side-card-title{font-size:13px!important}.donut-and-list{gap:12px!important;align-items:center!important}.circular-progress-wrapper{width:60px!important;height:60px!important}.donut-center-text .pct-num{font-size:12px!important}.donut-center-text .pct-label{font-size:8px!important}.progress-stats-list{font-size:10px!important;gap:4px!important}.side-two-cards-row{gap:8px!important}.mini-stat-card{padding:8px 10px!important;gap:6px!important;border-radius:8px!important}.mini-icon-box{width:28px!important;height:28px!important;border-radius:6px!important}.mini-icon-box svg{width:14px!important;height:14px!important}.mini-info .label{font-size:10px!important}.mini-info .count{font-size:11px!important}.last-read-yellow-card{padding:10px!important;border-radius:10px!important}.yellow-card-title{font-size:12px!important}.yellow-card-subtitle{font-size:11px!important;margin-bottom:6px!important}.btn-yellow-jump{padding:6px 10px!important;font-size:11px!important;border-radius:6px!important}}@media(max-width:479px){.official-course-details-wrapper{padding:10px 8px!important}.course-features-checklist,.course-details-primary-col div[style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"]{grid-template-columns:1fr!important;padding:10px!important;gap:6px!important}.course-details-sidebar-col button{min-height:42px!important}.course-purchase-actions>div[style*="display: flex; gap: 8px;"],.course-details-sidebar-col div[style*="display: flex; gap: 8px;"]{flex-direction:column!important;gap:6px!important}.wishlist-action-btn,.course-details-sidebar-col button[title*=مشاركة]{width:100%!important}.video-preview-box{border-radius:10px!important}.video-bottom-controls-bar{padding:6px 8px!important;gap:6px!important;font-size:11px!important}}@media(max-width:359px){.course-stats-grid,.course-details-primary-col>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.course-details-main-title,.course-details-title{font-size:16px!important}}.edit-profile-section{width:100%;min-height:calc(100vh - 120px);background-color:#f8fafc;padding:40px 20px 80px;box-sizing:border-box}body.dark-mode .edit-profile-section{background-color:#0f172a}.edit-profile-container{width:min(95%,1800px);margin:0 auto}.edit-profile-header{text-align:right;margin-bottom:28px}.edit-profile-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 6px;font-family:Tajawal,sans-serif}body.dark-mode .edit-profile-title{color:#f8fafc}.edit-profile-subtitle{font-size:14px;color:#64748b;margin:0;font-family:Tajawal,sans-serif}body.dark-mode .edit-profile-subtitle{color:#94a3b8}.edit-profile-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media(max-width:900px){.edit-profile-grid{grid-template-columns:1fr;gap:24px}}.edit-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;box-shadow:0 1px 3px #0000000a;text-align:center}body.dark-mode .edit-profile-card{background:#1e293b;border-color:#334155}.edit-profile-card .card-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 24px;font-family:Tajawal,sans-serif}body.dark-mode .edit-profile-card .card-title{color:#f8fafc}.avatar-upload-area{display:flex;flex-direction:column;align-items:center}.avatar-circle-wrapper{position:relative;width:140px;height:140px;margin-bottom:20px}.avatar-circle-wrapper img{width:140px;height:140px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 4px 12px #00000014}.avatar-camera-btn{position:absolute;bottom:4px;left:6px;width:36px;height:36px;border-radius:50%;background-color:#6d28d9;border:3px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #6d28d959;transition:transform .2s ease,background-color .2s ease;padding:0}body.dark-mode .avatar-camera-btn{border-color:#1e293b}.avatar-camera-btn:hover{background-color:#5b21b6;transform:scale(1.08)}.avatar-info-text{font-size:12px;color:#64748b;line-height:1.6;margin-bottom:20px;font-family:Tajawal,sans-serif}body.dark-mode .avatar-info-text{color:#94a3b8}.avatar-info-text p{margin:2px 0}.btn-change-image{width:100%;height:42px;background-color:#6d28d9;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:14px;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-change-image:hover{background-color:#5b21b6;box-shadow:0 4px 12px #6d28d940}.edit-profile-form-section{display:flex;flex-direction:column}.form-sub-section{margin-bottom:28px}.sub-section-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 18px;text-align:right;font-family:Tajawal,sans-serif}body.dark-mode .sub-section-title{color:#f8fafc}.profile-input-group{margin-bottom:18px;text-align:right}.profile-input-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px;font-family:Tajawal,sans-serif}body.dark-mode .profile-input-label{color:#e2e8f0}.profile-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.profile-text-input{width:100%;height:48px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;font-family:Tajawal,sans-serif;transition:all .2s ease;box-sizing:border-box}body.dark-mode .profile-text-input{background:#1e293b;border-color:#334155;color:#f8fafc}.profile-input-wrapper.icon-right .profile-text-input{padding:0 44px 0 16px}.profile-input-wrapper.icon-left .profile-text-input{padding:0 16px 0 44px}.profile-text-input:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91f}.input-icon-box{position:absolute;right:14px;display:flex;align-items:center;justify-content:center;color:#94a3b8;pointer-events:none}.pwd-toggle-icon{position:absolute;left:12px;background:transparent;border:none;color:#94a3b8;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease}.pwd-toggle-icon:hover{color:#6d28d9}.field-error-message{display:block;font-size:12px;color:#ef4444;margin-top:5px;text-align:right;font-weight:500;font-family:Tajawal,sans-serif}.edit-profile-actions{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;border-top:1px solid #e2e8f0}body.dark-mode .edit-profile-actions{border-color:#334155}.btn-profile-save{height:44px;padding:0 32px;background-color:#6d28d9;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-profile-save:hover{background-color:#5b21b6;box-shadow:0 4px 14px #6d28d94d}.btn-profile-cancel{height:44px;padding:0 28px;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}body.dark-mode .btn-profile-cancel{background-color:#1e293b;color:#f8fafc;border-color:#334155}.btn-profile-cancel:hover{background-color:#f1f5f9;border-color:#cbd5e1}body.dark-mode .btn-profile-cancel:hover{background-color:#334155}.security-sub-section{margin-top:36px;padding-top:28px;border-top:1px solid #e2e8f0}body.dark-mode .security-sub-section{border-color:#334155}.security-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px #00000008}body.dark-mode .security-card{background:#1e293b;border-color:#334155}.pwd-strength-container{margin-top:12px;padding:12px 14px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}body.dark-mode .pwd-strength-container{background-color:#0f172a;border-color:#334155}.pwd-strength-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px;font-family:Tajawal,sans-serif}.pwd-strength-label{color:#64748b;font-weight:600}body.dark-mode .pwd-strength-label{color:#94a3b8}.pwd-strength-text{font-weight:700;color:#ef4444;transition:color .2s ease}.pwd-strength-bar-track{width:100%;height:6px;background-color:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:12px}body.dark-mode .pwd-strength-bar-track{background-color:#334155}.pwd-strength-bar-fill{height:100%;width:0%;border-radius:10px;transition:width .3s ease,background-color .3s ease}.pwd-strength-bar-fill.very-weak{width:20%;background-color:#ef4444}.pwd-strength-bar-fill.weak{width:40%;background-color:#f97316}.pwd-strength-bar-fill.medium{width:60%;background-color:#eab308}.pwd-strength-bar-fill.strong{width:80%;background-color:#3b82f6}.pwd-strength-bar-fill.very-strong{width:100%;background-color:#10b981}.pwd-rules-checklist{display:flex;flex-wrap:wrap;gap:6px 10px}.pwd-rule-item{font-size:12px;font-weight:500;padding:3px 8px;border-radius:6px;background-color:#e2e8f0;color:#64748b;font-family:Tajawal,sans-serif;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}body.dark-mode .pwd-rule-item{background-color:#334155;color:#94a3b8}.pwd-rule-item.valid{background-color:#dcfce7;color:#15803d;font-weight:600}body.dark-mode .pwd-rule-item.valid{background-color:#064e3b;color:#86efac}.security-action-row{margin-top:24px;display:flex;justify-content:flex-start}.btn-change-password{height:44px;padding:0 28px;background-color:#6d28d9;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:Tajawal,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-change-password:hover{background-color:#5b21b6;box-shadow:0 4px 14px #6d28d94d}.btn-change-password:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.sidebar-backdrop-overlay{position:fixed;top:var(--navbar-height, 70px);left:0;width:100vw;height:calc(100vh - var(--navbar-height, 70px));background-color:#0000000d;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.sidebar-backdrop-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.profile-sidebar,.cart-sidebar,.sidebar-drawer{position:fixed;top:var(--navbar-height, 70px);height:calc(100vh - var(--navbar-height, 70px));background:var(--card-bg);box-shadow:0 0 10px #00000026;z-index:999;transition:.3s ease;display:flex;flex-direction:column}.profile-sidebar{left:-100%;width:350px;max-width:100vw;border-left:1px solid var(--border-color);overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}.profile-sidebar.show{left:0}@media(max-width:767px){.profile-sidebar,.teacher-dashboard-sidebar{width:80vw!important;max-width:320px!important}.teacher-dashboard-sidebar .sidebar-inner,.profile-sidebar .sidebar-inner{padding:16px 14px!important;box-sizing:border-box!important}.teacher-dashboard-sidebar .sidebar-inner:after,.profile-sidebar .sidebar-inner:after{content:"";display:block;flex:0 0 calc(48px + env(safe-area-inset-bottom))}.teacher-dashboard-sidebar .sidebar-close-btn,.profile-sidebar .sidebar-close-btn{top:18px!important;left:16px!important}}@media(max-width:360px){.profile-sidebar,.teacher-dashboard-sidebar{width:82vw!important;max-width:285px!important}.teacher-dashboard-sidebar .sidebar-inner,.profile-sidebar .sidebar-inner{padding:14px 10px!important;box-sizing:border-box!important}}.cart-sidebar{right:-100%;width:380px;max-width:100vw}.cart-sidebar.show{right:0}.student-dashboard-sidebar{background:#fff;font-family:Tajawal,sans-serif;box-shadow:0 10px 30px -5px #00000014,0 4px 12px #0000000a}.student-dashboard-sidebar .sidebar-inner{position:relative;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%;flex-shrink:0;box-sizing:border-box}.sidebar-close-btn{position:absolute;top:28px;left:28px;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(226,232,240,.8);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#64748b;cursor:pointer;transition:all .2s ease}.sidebar-close-btn:hover{background:#fff;color:#1e293b;transform:scale(1.05)}.student-profile-header{position:relative;overflow:visible;border-radius:16px;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#f3e8ff);padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px #fff9}.header-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:16px;overflow:hidden}.student-avatar-wrapper{position:relative;z-index:2;margin-top:0;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.student-avatar-img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 14px #7c3aed2e;display:block;flex-shrink:0}.student-name{position:relative;z-index:2;font-size:18px;font-weight:700;color:#1e1b4b;margin:0 0 4px}.student-role-badge{position:relative;z-index:2;font-size:13px;font-weight:500;color:#6d28d9;background:#ffffffd9;padding:3px 14px;border-radius:20px;box-shadow:0 2px 6px #0000000a}.student-menu{display:flex;flex-direction:column;gap:2px}.student-menu-item{height:60px;min-height:60px;padding:0 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.student-menu-item:hover{background:#f8fafc}.item-start{display:flex;align-items:center;gap:14px}.menu-icon{width:20px;height:20px;color:#475569;stroke-width:1.8;transition:color .2s ease;flex-shrink:0}.student-menu-item:hover .menu-icon{color:#7c3aed}.menu-title{font-size:15px;font-weight:600;color:#1e293b;transition:color .2s ease}.student-menu-item:hover .menu-title{color:#0f172a}.chevron-icon{width:18px;height:18px;color:#94a3b8;stroke-width:2;transition:transform .2s ease,color .2s ease;flex-shrink:0}.student-menu-item:hover .chevron-icon{color:#7c3aed;transform:translate(-4px)}.menu-item-divider{height:1px;background:#f1f5f9;margin:0 8px}.menu-section-separator{height:1px;background:#e2e8f0;margin:8px 4px}.logout-item .logout-title,.logout-item .logout-icon{color:#ef4444}.logout-item .logout-chevron{color:#fca5a5}.logout-item:hover{background:#fef2f2}.logout-item:hover .logout-icon,.logout-item:hover .logout-title,.teacher-logout-btn:hover{color:#dc2626}.teacher-dashboard-sidebar{background:#0b1329!important;color:#e2e8f0;font-family:Tajawal,sans-serif;box-shadow:-10px 0 30px #0006}.teacher-dashboard-sidebar .sidebar-inner{position:relative;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%;background:#0b1329}.teacher-dashboard-sidebar .sidebar-close-btn{background:#ffffff1a;border-color:#ffffff26;color:#cbd5e1}.teacher-dashboard-sidebar .sidebar-close-btn:hover{background:#fff3;color:#fff}.teacher-menu-btn{height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Tajawal,sans-serif;text-decoration:none}.teacher-menu-btn:hover{background:#ffffff0f;color:#fff}.teacher-menu-btn.highlight{background:#7c3aed2e;color:#c4b5fd;border:1px solid rgba(139,92,246,.3);font-weight:700}.teacher-menu-btn.highlight:hover{background:#7c3aed4d;color:#fff}.teacher-menu-btn.active{background:#7c3aed;color:#fff;font-weight:700;box-shadow:0 4px 15px #7c3aed59}.owner-menu-section{border-radius:12px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);padding:10px;transition:all .2s ease}.owner-menu-toggle-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:44px!important;padding:0 12px!important;border-radius:10px!important;background:#ef44441f!important;border:1px solid rgba(239,68,68,.28)!important;color:#f8fafc!important;font-weight:700!important;cursor:pointer;transition:all .2s ease}.owner-menu-toggle-btn:hover{background:#ef444438!important;border-color:#ef444466!important;color:#fff!important}.owner-menu-chevron{display:inline-block;transition:transform .25s cubic-bezier(.4,0,.2,1);font-size:11px;color:#fca5a5}.owner-submenu{display:none;flex-direction:column;gap:4px;margin-top:8px;padding-right:10px;border-right:2px solid rgba(239,68,68,.35)}.owner-submenu .teacher-menu-btn{height:40px;font-size:13.5px;border-radius:8px}.owner-submenu .teacher-menu-btn.active,.owner-submenu .teacher-menu-btn.active.highlight{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 14px #ef444459!important;border:none!important}.teacher-sub-btn{width:100%;height:38px;padding:0 12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;border:none;background:transparent;color:#94a3b8;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Tajawal,sans-serif}.teacher-sub-btn:hover{background:#ffffff0d;color:#c4b5fd}.teacher-logout-btn{height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid rgba(239,68,68,.2);background:#ef444414;color:#f87171;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Tajawal,sans-serif}.teacher-logout-btn:hover{background:#ef44442e;color:#ef4444;border-color:#ef444466}.profile-header,.cart-header{padding:30px 20px;border-bottom:1px solid var(--border-color);position:relative}.profile-header{text-align:center}.profile-header .close,.cart-header .close{position:absolute;left:15px;top:15px;font-size:24px;cursor:pointer;color:var(--text-secondary);background:none;border:none;transition:color .3s}.profile-header .close:hover,.cart-header .close:hover{color:var(--text-primary)}.profile-avatar{width:100px;height:100px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);box-shadow:var(--shadow-md)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-header h3{color:var(--text-primary);margin-bottom:5px;font-size:18px}.profile-header p,.profile-menu-item,.contact-content p,.footer-column a,.feature-card p,.course-description,.book-author{color:var(--text-secondary)}.profile-menu{flex:1;padding:20px;display:flex;flex-direction:column;gap:10px}.profile-menu-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--secondary-color);border:none;border-radius:8px;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .3s ease}.profile-menu-item:hover{background:var(--primary-light);color:#fff;transform:translate(-5px);box-shadow:var(--shadow-md)}.profile-menu-item.logout{color:var(--danger-color);margin-top:auto}.profile-menu-item.logout:hover{background:var(--danger-color);color:#fff}.cart-items{flex:1;overflow-y:auto;padding:20px}.empty-cart{text-align:center;color:var(--text-secondary);padding:40px 20px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--secondary-color);border-radius:8px;margin-bottom:10px;transition:all .3s}.cart-item-remove{background:var(--danger-color);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s}.cart-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px}.cart-total{font-weight:700;font-size:18px;color:var(--text-primary)}.btn-outline-cart-close{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:all .2s ease;text-align:center}.teacher-answer{border-right:none!important;border-left:none!important}.btn-outline-cart-close:hover{background:var(--secondary-color);color:var(--text-primary)}@media(max-width:767px){.cart-sidebar{position:fixed!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;height:90vh!important;max-height:calc(100vh - 24px)!important;width:calc(100vw - 24px)!important;max-width:360px!important;right:-100%!important;border-radius:16px!important;box-shadow:0 12px 32px #00000040!important;border:1px solid var(--border-color)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:1000!important;transition:right .3s cubic-bezier(.16,1,.3,1)!important}.cart-sidebar.show{right:12px!important}.cart-header{flex-shrink:0!important;padding:16px 18px!important;border-bottom:1px solid var(--border-color)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.cart-header h3{font-size:16px!important;margin:0!important}.cart-header .close{position:static!important;top:auto!important;left:auto!important;font-size:20px!important;padding:4px 8px!important;line-height:1!important;cursor:pointer!important}.cart-items{flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:14px 16px!important}.cart-footer{flex-shrink:0!important;padding:16px!important;border-top:1px solid var(--border-color)!important;background:var(--card-bg)!important;gap:10px!important;display:flex!important;flex-direction:column!important}.cart-total{font-size:16px!important;margin-bottom:2px!important}.btn-outline-cart-close{padding:8px 14px!important;font-size:13px!important}}.features{padding:60px 32px;background:var(--bg-color);width:min(95%,1800px);margin:0 auto;box-sizing:border-box}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}.feature-card{background:var(--card-bg);padding:30px 20px;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#2167d614;color:#2d4f81;font-size:34px;transition:all .22s ease;flex-shrink:0}.courses{padding:60px 32px;background:var(--secondary-color);width:min(95%,1800px);margin:0 auto;box-sizing:border-box}.courses h2{font-size:clamp(28px,4vw,40px);text-align:center;margin-bottom:12px;color:var(--text-primary);font-weight:700}.courses-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:35px;font-size:16px}.filters-container{margin-bottom:35px}.search-bar{display:flex;justify-content:center;margin-bottom:18px;gap:10px;width:100%}.search-bar input{width:100%;max-width:550px;padding:12px 18px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease}.advanced-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}.filter-select{padding:10px 15px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:14px;max-width:100%}.courses-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.course-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color);display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.course-image{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;background-size:cover;background-position:center}.course-badge{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.course-badge.beginner{background:#10b981}.course-badge.intermediate{background:#f59e0b}.course-badge.advanced{background:#ef4444}.course-content{padding:20px;flex:1;display:flex;flex-direction:column}.course-category-tag{display:inline-block;background:#0052cc1a;color:var(--primary-color);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:10px;width:fit-content}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--border-color);margin-bottom:15px}.course-price{font-weight:700;color:var(--primary-color);font-size:18px}.view-details-btn{width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.view-details-btn:hover{background:var(--primary-dark)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;overflow-y:auto;padding:20px}.modal.show{display:flex}.modal-content{background-color:var(--card-bg);padding:40px;border-radius:20px;width:100%;max-width:500px;box-shadow:var(--shadow-lg);position:relative;max-height:90vh;overflow-y:auto}#authModal .modal-content{background-color:#fff!important;color:#0f172a!important;padding:36px 32px 32px;border-radius:20px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;position:relative;max-height:90vh;overflow-y:auto;animation:authModalScale .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(226,232,240,.8);direction:rtl}@keyframes authModalScale{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}#authModal .close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}#authModal .close:hover{background:#e2e8f0;color:#0f172a}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-header p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.auth-form-group{margin-bottom:18px;text-align:right;direction:rtl}.auth-form-group label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.auth-input-wrapper{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:4px 12px 4px 8px;height:50px;transition:border-color .2s ease,box-shadow .2s ease}.auth-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.auth-icon-box{width:34px;height:34px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:16px;flex-shrink:0;margin-left:8px}.auth-input-wrapper input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-size:14px;color:#0f172a!important;padding:0 6px!important;direction:rtl}.auth-input-wrapper input::placeholder{color:#94a3b8}.pwd-toggle-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease}.pwd-toggle-btn:hover{color:#475569}.forgot-pwd-wrap{text-align:left;margin-top:6px;margin-bottom:4px}.forgot-pwd-link{color:#2563eb;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-pwd-link:hover{color:#1d4ed8;text-decoration:underline}.auth-submit-btn{width:100%;height:50px;background:#0052cc;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0052cc40}.auth-submit-btn:hover{background:#0043a8;box-shadow:0 6px 16px #0052cc59}.auth-submit-btn:active{transform:scale(.99)}.auth-divider{display:flex;align-items:center;text-align:center;margin:22px 0;color:#94a3b8;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 16px}.google-auth-btn{width:100%;height:50px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease}.google-auth-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.auth-register-footer{text-align:center;margin-top:24px}.auth-register-footer .prompt{font-size:14px;color:#64748b;margin:0 0 6px}.auth-register-footer .register-link{color:#2563eb;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.auth-register-footer .register-link:hover{color:#1d4ed8;text-decoration:underline}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;color:var(--text-secondary);cursor:pointer;background:none;border:none}.close:hover{color:var(--text-primary)}.auth-form{display:block}.auth-form.hidden{display:none}.auth-form form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.role-option{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer}.oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:12px;border-radius:6px}.footer{display:none}.site-footer{background:#090e17;color:#fff;padding:60px 20px 40px;direction:rtl;border-top:1px solid rgba(255,255,255,.05);width:100%}.site-footer-container{width:min(95%,1800px);margin:0 auto;padding:0 32px;box-sizing:border-box}.site-footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;margin-bottom:40px}@media(max-width:768px){.site-footer-columns{grid-template-columns:1fr;gap:30px}}.footer-column h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-column a{color:#94a3b8;text-decoration:none;font-size:15px;transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-divider{border-top:1px solid rgba(255,255,255,.08);margin-bottom:30px}.social-links{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.social-icon{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.social-icon:hover{transform:translateY(-3px);opacity:.9}.social-icon.facebook{background:#1877f2}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.linkedin{background:#0a66c2}.social-icon.youtube{background:red}.social-icon.tiktok{background:#000;border:1px solid rgba(255,255,255,.2)}.site-footer-copyright{text-align:center;color:#94a3b8;font-size:14px}.footer-container{width:100%;max-width:1280px;margin:0 auto}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:60px}.contact-card{background:var(--card-bg);padding:25px;border-radius:12px;display:flex;align-items:flex-start;gap:20px;border:1px solid var(--border-color)}.contact-icon{font-size:32px;width:50px;height:50px;background:#0052cc1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}#splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#0b2a44,#020b14);display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden}.splash-content{position:relative;text-align:center;color:#fff}.splash-content h1{font-size:4rem;font-weight:800}.loader{margin:40px auto 0;width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#splash-screen.fade-out{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease}.checkout-modal{max-width:620px!important;width:100%!important;background:#fff!important;color:#0f172a!important;border-radius:22px!important;padding:32px 28px!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 50px -12px #0f172a2e!important;position:relative!important;direction:rtl!important;text-align:right!important}.checkout-modal .close{position:absolute!important;top:18px!important;left:20px!important;right:auto!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#f1f5f9!important;color:#64748b!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;z-index:10!important}.checkout-modal .close:hover{background:#e2e8f0!important;color:#0f172a!important}.checkout-modal-container{display:flex;flex-direction:column;gap:20px;font-family:inherit;color:#0f172a}.checkout-header-section{text-align:center;flex:1;padding:0 44px}.checkout-main-title{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.3px}.checkout-main-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400}.checkout-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px}.product-summary-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-card-thumb{width:180px;height:105px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#0f172a;box-shadow:0 4px 12px #00000014}.product-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.product-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.product-type-badge{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:13px;font-weight:600;margin-bottom:6px}.product-title-text{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-teacher-row{display:flex;align-items:center;gap:8px}.teacher-label{font-size:12px;color:#94a3b8;font-weight:500}.teacher-name{font-size:13px;font-weight:600;color:#334155}.teacher-avatar-img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.order-summary-card{padding:20px}.card-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 16px;text-align:center}.summary-line-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px}.summary-line-label{display:flex;align-items:center;gap:8px;color:#475569;font-weight:500}.summary-icon{color:#64748b;display:flex;align-items:center}.summary-line-val{font-weight:600;color:#0f172a;direction:ltr}.summary-line-val.discount-val{color:#16a34a}.summary-divider{height:1px;background:#e2e8f0;margin:10px 0}.total-line-item{padding-top:4px;padding-bottom:2px}.total-line-label{font-size:16px;font-weight:700;color:#0f172a}.total-line-val{font-size:24px;font-weight:800;color:#1d4ed8;direction:ltr}.payment-methods-card{padding:20px}.centered-title{text-align:center}.payment-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.payment-option-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.payment-option-card:hover{border-color:#cbd5e1}.payment-option-card.active{border-color:#2563eb!important;background:#f0f7ff!important;box-shadow:0 0 0 1px #2563eb!important}.option-label{font-size:14px;font-weight:600;color:#0f172a}.option-logos{display:flex;align-items:center;gap:6px}.visa-text-logo{font-weight:900;font-style:italic;color:#1434cb;font-size:14px;letter-spacing:.5px}.mc-circles-logo,.vodafone-circle-badge{display:flex;align-items:center}.payment-form-box{margin-top:14px}.payment-panel{display:none}.payment-panel.active{display:block}.form-group-payment{margin-bottom:14px}.form-group-payment label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.input-with-icon{position:relative;display:flex;align-items:center}.payment-input-light{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:11px 14px 11px 38px;color:#0f172a;font-size:14px;outline:none;transition:all .2s ease}.payment-input-light:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.input-icon-light{position:absolute;left:12px;color:#64748b;display:flex;align-items:center;justify-content:center;pointer-events:none}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-card-label-light{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;margin-top:4px;margin-bottom:8px;cursor:pointer}.save-card-label-light input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.upload-dropzone-light{border:2px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:18px 14px;text-align:center;cursor:pointer;transition:all .2s ease;margin-top:8px}.upload-dropzone-light:hover{border-color:#2563eb;background:#f0f7ff}.dropzone-text-bold-light{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.dropzone-text-sub-light{font-size:12px;color:#64748b;margin-bottom:10px}.btn-choose-image-light{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer}.btn-choose-image-light:hover{background:#1d4ed8}.checkout-pay-submit-btn{width:100%;height:56px;background:#1d4ed8;color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .2s ease,transform .1s ease;box-shadow:0 4px 14px #1d4ed840;margin-top:8px}.checkout-pay-submit-btn:hover{background:#1e40af}.checkout-pay-submit-btn:active{transform:scale(.99)}.checkout-security-footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#64748b;font-size:13px;font-weight:500;margin-top:4px}.checkout-modal{max-width:860px!important;width:95%!important;background:#fff!important;color:#0f172a!important;border-radius:22px!important;padding:28px 24px!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 50px -12px #0f172a2e!important;position:relative!important;direction:rtl!important;text-align:right!important;max-height:90vh!important;overflow-y:auto!important}.checkout-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.btn-print-receipt{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-print-receipt:hover{background:#1e293b;color:#fff;border-color:#1e293b}.order-review-items-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:20px}.order-review-item-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;transition:all .2s ease}.order-review-item-card:last-child{margin-bottom:0}.order-review-item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.review-item-thumb{width:120px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#0f172a}.review-item-body{flex:1;min-width:0}.review-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.review-item-type-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.review-item-type-tag.tag-course{background:#eff6ff;color:#1d4ed8}.review-item-type-tag.tag-book{background:#fff7ed;color:#ea580c}.review-item-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 6px;line-height:1.4}.review-item-details-grid{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;color:#64748b;margin-bottom:10px}.review-item-details-grid span{display:inline-flex;align-items:center;gap:4px}.review-item-details-grid strong{color:#334155}.review-item-pricing-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.review-orig-price{font-size:13px;color:#94a3b8;text-decoration:line-through;direction:ltr}.review-discount-badge{font-size:12px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:6px}.review-final-price{font-size:16px;font-weight:800;color:#1d4ed8;direction:ltr}.review-item-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-item-action{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease}.btn-item-remove{background:#fef2f2;color:#dc2626}.btn-item-remove:hover{background:#dc2626;color:#fff}.btn-item-wishlist{background:#fdf2f8;color:#db2777}.btn-item-wishlist:hover{background:#db2777;color:#fff}.btn-item-details{background:#f1f5f9;color:#475569}.btn-item-details:hover{background:#334155;color:#fff}.coupon-section-box{margin:12px 0;padding:12px;background:#fff;border:1px dashed #cbd5e1;border-radius:12px}.coupon-input-group{display:flex;gap:8px}.coupon-input{flex:1;height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;outline:none}.coupon-input:focus{border-color:#2563eb}.btn-apply-coupon{height:38px;padding:0 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-apply-coupon:hover{background:#1d4ed8}.active-coupon-badge{display:flex;align-items:center;justify-content:space-between;background:#f0fdf4;border:1px solid #bbf7d0;padding:8px 12px;border-radius:8px;font-size:13px;color:#166534;font-weight:600}.btn-remove-coupon{background:none;border:none;color:#dc2626;font-size:12px;cursor:pointer;text-decoration:underline}.receipt-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px;overflow-y:auto}.receipt-preview-container{background:#fff;width:100%;max-width:860px;border-radius:18px;box-shadow:0 25px 50px -12px #00000047;overflow:hidden;margin:auto;direction:rtl;text-align:right;border:1px solid #cbd5e1}.receipt-preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0f172a;color:#fff;border-bottom:1px solid #334155;flex-wrap:wrap;gap:12px}.receipt-confirm-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px 20px;margin:20px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 4px 12px #0284c714}.receipt-confirm-title{font-size:15px;font-weight:700;color:#0369a1;margin:0}.receipt-confirm-actions{display:flex;align-items:center;gap:10px}.btn-confirm-print{background:#2563eb;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-confirm-print:hover{background:#1d4ed8}.btn-confirm-cancel{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm-cancel:hover{background:#f1f5f9;color:#0f172a}.printable-receipt-container{display:none}@media print{body *{visibility:hidden!important}.printable-receipt-container,.printable-receipt-container *{visibility:visible!important}.printable-receipt-container{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:24px!important;background:#fff!important;color:#0f172a!important;direction:rtl!important;font-family:Cairo,Tajawal,sans-serif!important;box-sizing:border-box!important}@page{size:A4 portrait;margin:10mm}.print-receipt-wrapper{width:100%;margin:0 auto;background:#fff;padding:20px;box-sizing:border-box}.print-receipt-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1d4ed8;padding-bottom:16px;margin-bottom:20px}.brand-logo{font-size:26px;font-weight:900;color:#1d4ed8;margin:0}.brand-tagline{font-size:12px;color:#64748b;margin:4px 0 0}.receipt-title-box h2{font-size:20px;font-weight:800;color:#0f172a;margin:0}.official-badge{display:inline-block;font-size:11px;background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:4px;font-weight:700;margin-top:4px}.print-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:8px;margin-bottom:20px}.meta-card{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;color:#64748b}.meta-value{font-size:13px;font-weight:700;color:#0f172a}.print-customer-info{background:#fff;border:1px solid #e2e8f0;padding:14px;border-radius:8px;margin-bottom:20px}.print-customer-info h3,.print-items-section h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 10px;border-bottom:1px solid #f1f5f9;padding-bottom:6px}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.customer-fields p{margin:0}.print-receipt-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.print-receipt-table th,.print-receipt-table td{border:1px solid #cbd5e1;padding:8px 10px;text-align:right}.print-receipt-table th{background:#f1f5f9;font-weight:700;color:#0f172a}.print-totals-section{display:flex;justify-content:flex-end;margin-bottom:20px}.print-totals-table{width:340px;border-collapse:collapse;font-size:13px}.print-totals-table td{padding:6px 12px;border-bottom:1px solid #e2e8f0}.price-val{text-align:left;font-weight:700}.price-val.discount{color:#16a34a}.grand-total-row td{font-size:16px;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a;padding-top:10px;padding-bottom:10px}.price-val.grand-price{color:#1d4ed8}.print-payment-summary{background:#f8fafc;border-right:4px solid #2563eb;padding:10px 14px;margin-bottom:20px;font-size:13px}.print-receipt-footer{text-align:center;border-top:1px solid #e2e8f0;padding-top:16px;margin-top:20px;font-size:12px;color:#64748b}.thankyou-msg{font-weight:700;color:#0f172a;margin-bottom:8px}.footer-contacts{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}}@media(max-width:540px){.checkout-modal{padding:24px 18px!important;border-radius:18px!important}.product-summary-card{flex-direction:column-reverse;align-items:stretch}.product-card-thumb{width:100%;height:140px}.payment-options-grid{grid-template-columns:1fr}}.total-display{display:flex;flex-direction:column}.total-label{font-size:12px;color:#64748b}.total-amount{font-size:20px;font-weight:800;color:#3b82f6}.btn-submit-card,.btn-vodafone-confirm{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d}.btn-submit-card:hover,.btn-vodafone-confirm:hover{background:#1d4ed8;transform:translateY(-1px)}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#64748b}.books-section{padding:80px 32px;background:var(--bg-color);width:min(95%,1800px);margin:0 auto;transition:background-color .3s ease;box-sizing:border-box}.books-container{width:100%;margin:0 auto}.books-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.books-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:35px;font-size:16px}.books-filter-bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.books-search-input,.books-category-select{padding:12px 18px;border-radius:8px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:15px;outline:none;transition:all .3s ease}.books-search-input{width:280px}.books-search-input:focus,.books-category-select:focus{border-color:var(--primary-color)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}.book-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--border-color, #e2e8f0);margin-top:auto;gap:10px}.book-price-box{display:flex;align-items:baseline;gap:6px}.book-curr-price{font-size:16px;font-weight:800;color:var(--primary-color, #7c3aed)}.book-orig-price{font-size:12px;color:#94a3b8;text-decoration:line-through}.book-actions-group{display:flex;align-items:center;gap:6px}.book-btn-details{padding:6px 12px;background:transparent;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;color:var(--text-primary, #0f172a);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.book-btn-details:hover{border-color:var(--primary-color, #7c3aed);color:var(--primary-color, #7c3aed)}.book-btn-cart{padding:6px 12px;background:var(--primary-color, #7c3aed);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.book-btn-cart:hover{opacity:.9;transform:translateY(-1px)}.student-purchases-box,.my-books-modal{background:var(--card-bg);color:var(--text-primary);border-radius:16px;padding:30px;max-width:550px;width:90%;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.student-purchases-box h2,.my-books-modal h2{color:var(--text-primary);margin-bottom:10px}.student-purchases-box p{color:var(--text-secondary);margin-bottom:20px}.student-purchase-card{display:flex;align-items:center;gap:15px;padding:16px 20px;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.student-purchase-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.student-purchase-card h4{color:var(--text-primary);margin-bottom:4px}.student-purchase-card p{color:var(--text-secondary);margin:0;font-size:13px}.my-books-grid,.purchases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px;max-height:400px;overflow-y:auto}.my-book-card,.purchased-course-card{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:10px}.my-book-card h4,.purchased-course-card h4{color:var(--text-primary)}.my-book-card p,.purchased-course-card p{color:var(--text-secondary);font-size:13px}.add-course-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.add-course-form input,.add-course-form select,.add-course-form textarea{padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:14px}.close-circle{position:absolute;top:15px;left:15px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);transition:color .2s}.close-circle:hover{color:var(--text-primary)}.section-hidden{display:none!important}.section-fade-enter{animation:premiumPageEnter .55s cubic-bezier(.22,1,.36,1) forwards;will-change:opacity,transform}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes premiumPageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}section:not(.hidden):not(.modal):not(#splash-screen):not(.modal-overlay):not(.profile-sidebar):not(.cart-sidebar):not(header):not(nav):not(footer){animation:premiumPageEnter .55s cubic-bezier(.22,1,.36,1) forwards;will-change:opacity,transform}.nav-menu a.active{color:var(--primary-color)!important;font-weight:700!important}#authModal .modal-content.wide-modal{max-width:860px!important;width:95%!important;padding:32px 36px!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.large-google-btn{padding:16px 20px!important;font-size:16px!important;border-radius:14px!important;box-shadow:0 4px 14px #0000000d;margin-top:10px}.auth-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.auth-grid-col{display:flex;flex-direction:column;gap:12px}.auth-select{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit;padding:12px 14px 12px 36px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.account-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-card{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--card-bg, #ffffff);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.account-card:hover{border-color:#94a3b8;transform:translateY(-1px)}.account-card.active{border-color:#2563eb!important;background:#2563eb0d!important;box-shadow:0 0 0 3px #2563eb1f}.card-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;position:relative;flex-shrink:0;transition:all .2s ease}.account-card.active .card-radio{border-color:#2563eb;background:#2563eb}.account-card.active .card-radio:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff}.card-content{display:flex;flex-direction:column}.account-card .card-title{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a)}.account-card .card-desc{font-size:11px;color:var(--text-secondary, #64748b);line-height:1.3}.readonly-wrapper{background:#f1f5f9cc!important;border-color:#cbd5e1!important;position:relative}.readonly-input{background:transparent!important;color:#475569!important;font-weight:600;cursor:not-allowed}.verified-badge{font-size:11px;font-weight:700;color:#16a34a;background:#dcfce7;padding:3px 8px;border-radius:12px;margin-left:8px;white-space:nowrap}.prefilled-readonly{background:#f1f5f9e6!important;border-color:#3b82f6!important}.prefilled-note{display:block;font-size:12px;color:#2563eb;margin-top:4px;font-weight:600}.passwords-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}.password-rules-box{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:12px 16px;margin-bottom:18px}.password-rules-box .rules-header{font-size:12px;font-weight:700;color:var(--text-secondary, #64748b);margin-bottom:8px}.password-rules-box .rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-badge{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px;transition:all .2s ease}.rule-badge .badge-status{font-weight:700;font-size:11px}.rule-badge.valid{color:#16a34a!important;font-weight:600}.rule-badge.valid .badge-status{color:#16a34a!important}.email-alert-box{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center}.email-alert-icon{font-size:40px;margin-bottom:12px;animation:alertPulse 1.5s infinite ease-in-out}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dialog-title{font-size:20px;font-weight:800;color:var(--text-primary, #0f172a);margin-bottom:6px}.dialog-subtitle{font-size:14px;color:var(--text-secondary, #64748b);margin-bottom:16px}.selected-email-chip{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700;font-size:14px;padding:8px 18px;border-radius:20px;margin-bottom:24px;display:inline-block}.dialog-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}.dialog-cancel-btn{background:transparent;border:1px solid var(--border-color, #cbd5e1);color:var(--text-secondary, #64748b);padding:12px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.dialog-cancel-btn:hover{background:#0000000a;color:var(--text-primary, #0f172a)}#authModal .modal-content.wide-modal{width:1150px!important;max-width:95vw!important;height:680px!important;max-height:90vh!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;box-shadow:0 25px 60px -15px #0000004d!important;background:#fff!important;border:1px solid #e2e8f0!important;box-sizing:border-box!important;position:relative!important}#authModal .modal-content.wide-modal .close{position:absolute!important;top:24px!important;left:24px!important;right:auto!important;z-index:100!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e2e8f0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;color:#64748b!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px #00000014!important}#authModal .modal-content.wide-modal .close:hover{background:#f1f5f9!important;color:#0f172a!important;transform:scale(1.05)!important}#authModal .modal-content.wide-modal #registerForm{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}.split-modal-container{display:grid!important;grid-template-columns:65% 35%!important;width:100%!important;height:100%!important;direction:rtl!important;overflow:hidden!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.split-panel-right{width:100%!important;height:100%!important;background:#fff!important;padding:28px 32px 20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.split-panel-left{width:100%!important;height:100%!important;background:#f8fafc!important;border-right:1px solid #e2e8f0!important;padding:28px 24px 20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;text-align:center!important;box-sizing:border-box!important;overflow:hidden!important}.left-panel-top-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.left-panel-header{margin-bottom:14px;width:100%}.left-panel-title{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:6px}.left-panel-subtitle{font-size:13px;color:#64748b;line-height:1.45}.google-sign-in-btn{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;color:#1e293b;cursor:pointer;box-shadow:0 2px 6px #0000000a;transition:all .2s ease;margin-bottom:10px;font-family:inherit;box-sizing:border-box}.google-sign-in-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 4px 12px #00000014}.security-text-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:20px}.security-badges-row{display:flex;justify-content:space-around;width:100%;margin-bottom:10px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:6px}.badge-icon-circle{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;box-shadow:0 2px 5px #00000008}.badge-label{font-size:11px;color:#64748b;font-weight:600}.left-panel-submit-btn{width:100%;background:#0057e7;color:#fff;font-size:16px;font-weight:700;padding:14px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 4px 14px #0057e759;transition:all .2s ease;font-family:inherit;margin-top:auto;box-sizing:border-box}.left-panel-submit-btn:hover{background:#0046b8;transform:translateY(-1px);box-shadow:0 6px 18px #0057e773}.left-panel-submit-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.form-section{margin-bottom:10px;width:100%;box-sizing:border-box}.section-title{font-size:13px;font-weight:800;color:#0f172a;margin-bottom:6px;text-align:right}.fields-row.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;box-sizing:border-box}.fields-row.two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;box-sizing:border-box}.form-field{display:flex!important;flex-direction:column!important;gap:6px!important;text-align:right!important;width:100%!important;box-sizing:border-box!important}.form-field label{font-size:12px!important;font-weight:700!important;color:#475569!important;margin:0!important;padding:0!important;line-height:1.2!important}.input-with-icon{position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;height:38px!important;width:100%!important;box-sizing:border-box!important;transition:all .2s ease!important}.input-with-icon:focus-within{border-color:#0057e7!important;box-shadow:0 0 0 3px #0057e71f!important}.input-with-icon input,.input-with-icon select{width:100%!important;height:100%!important;padding:0 14px!important;border:none!important;background:transparent!important;font-size:13px!important;font-family:inherit!important;color:#0f172a!important;outline:none!important;border-radius:10px!important;box-sizing:border-box!important;direction:rtl!important;text-align:right!important;text-overflow:ellipsis!important}.input-with-icon .input-left-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;width:18px!important;height:18px!important}.input-with-icon .input-right-icon{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;width:18px!important;height:18px!important}.input-with-icon .eye-toggle-btn{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important;border-radius:6px!important;transition:color .2s ease!important}.input-with-icon .eye-toggle-btn:hover{color:#475569!important}.input-with-icon.has-left-icon input,.input-with-icon.has-left-icon select,.input-with-icon:has(.input-left-icon) input,.input-with-icon:has(.input-left-icon) select{padding-left:38px!important;padding-right:14px!important}.input-with-icon.has-right-icon input,.input-with-icon:has(.input-right-icon) input{padding-right:38px!important;padding-left:14px!important}.input-with-icon.has-both-icons input,.input-with-icon:has(.input-right-icon):has(.eye-toggle-btn) input{padding-right:38px!important;padding-left:38px!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:0!important;position:absolute!important;left:8px!important;top:0!important;width:28px!important;height:100%!important;z-index:5!important}.input-with-icon.readonly-input-wrap{background:#f1f5f9;border-color:#e2e8f0}.input-with-icon.readonly-input-wrap input{color:#64748b;cursor:not-allowed}.select-wrapper{position:relative!important}.select-wrapper select{padding-left:32px!important;padding-right:14px!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}.select-wrapper .select-arrow{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;font-size:9px!important;color:#64748b!important;pointer-events:none!important}.role-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;box-sizing:border-box}.role-card{border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer;position:relative;display:flex;align-items:flex-start;gap:10px;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%}.role-card:hover{border-color:#94a3b8;transform:translateY(-1px)}.role-card.active{border-color:#0057e7!important;background:#0057e708!important;box-shadow:0 0 0 3px #0057e71a}.role-card .card-radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s ease}.role-card.active .card-radio-circle{border-color:#0057e7;background:#0057e7}.role-card.active .card-radio-circle:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff}.role-card .card-text{display:flex;flex-direction:column;gap:2px;width:100%}.role-card-header{display:flex;align-items:center;justify-content:space-between;width:100%}.role-card .role-name{font-size:14px;font-weight:800;color:#0f172a}.role-card .card-svg-icon{color:#64748b}.role-card.active .card-svg-icon{color:#0057e7}.role-card .role-desc{font-size:11px;color:#64748b;line-height:1.35}.password-validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;margin-top:6px;width:100%;box-sizing:border-box}.rule-item{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:4px;transition:color .2s ease}.rule-item.valid{color:#16a34a!important;font-weight:600}.right-panel-footer{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;margin-top:auto;padding-top:6px}.right-panel-footer .login-link-btn{color:#0057e7;font-weight:700;text-decoration:none;cursor:pointer}.right-panel-footer .login-link-btn:hover{text-decoration:underline}@media(max-width:850px){#authModal .modal-content.wide-modal{height:auto!important;max-height:90vh!important;overflow-y:auto!important}.split-modal-container{display:flex!important;flex-direction:column-reverse!important;height:auto!important}.split-panel-right{height:auto!important;padding:24px 20px!important;overflow-y:visible!important}.split-panel-left{width:100%!important;height:auto!important;border-right:none!important;border-top:1px solid #e2e8f0!important;padding:24px 20px!important}.fields-row.three-cols,.fields-row.two-cols,.role-cards-row{grid-template-columns:1fr!important}.password-validation-grid{grid-template-columns:1fr 1fr!important}}#courseModal .modal-content.course-modal-v2{max-width:1100px!important;width:94%!important;max-height:90vh!important;border-radius:20px!important;background:#fff!important;padding:24px 28px!important;box-shadow:0 25px 60px -15px #00000038!important;border:1px solid #e2e8f0!important;position:relative!important;overflow-y:auto!important;direction:rtl!important;text-align:right!important;animation:courseModalScale .3s cubic-bezier(.16,1,.3,1)!important}@keyframes courseModalScale{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}#courseModal .close-v2{position:absolute!important;top:18px!important;right:20px!important;left:auto!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;border:1px solid #cbd5e1!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:700!important;color:#475569!important;cursor:pointer!important;z-index:50!important;box-shadow:0 2px 6px #0000000f!important;transition:all .2s ease!important}#courseModal .close-v2:hover{background:#f1f5f9!important;color:#0f172a!important;border-color:#94a3b8!important;transform:scale(1.05)!important}.course-modal-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.course-modal-main{display:flex;flex-direction:column;gap:18px}.course-hero-banner{height:250px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000014}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a59,#0f172aa6)}.hero-badges{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;z-index:2}.hero-badge{background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.hero-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#fffffff2;padding:8px 18px 8px 10px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 10px 25px #0000004d;transition:all .2s ease;z-index:2;font-family:inherit;font-size:14px;font-weight:700;color:#0f172a}.hero-play-btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 12px 30px #0006}.play-icon-circle{width:30px;height:30px;border-radius:50%;background:#0057e7;color:#fff;display:flex;align-items:center;justify-content:center}.course-modal-header-info{margin-top:4px;margin-bottom:2px}.course-modal-title{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 10px;line-height:1.3}.course-modal-meta{display:flex;align-items:center;gap:20px;font-size:13.5px;color:#64748b;flex-wrap:wrap}.instructor-info{display:flex;align-items:center;gap:8px}.instructor-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #e2e8f0}.series-link{color:#0057e7;font-weight:600}.course-card-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.card-box-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-box-header h3{font-size:15px;font-weight:700;color:#0f172a;margin:0}.desc-text{font-size:13.5px;color:#334155;line-height:1.65;margin:0}.course-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.stat-label{font-size:11px;color:#64748b;font-weight:500}.stat-val{font-size:13px;font-weight:700;color:#0f172a}.progress-box{display:flex;flex-direction:column;gap:10px}.progress-box-title{font-size:14px;font-weight:700;color:#0f172a}.progress-bar-row{display:flex;align-items:center;gap:14px}.progress-percentage{font-size:13px;font-weight:700;color:#0057e7;width:36px;flex-shrink:0}.progress-track-bg{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill-blue{height:100%;background:#0057e7;border-radius:4px;transition:width .3s ease}.progress-last-lesson{font-size:12px;color:#64748b}.content-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.content-box-title{display:flex;align-items:center;gap:8px}.content-box-title h3{font-size:15px;font-weight:700;color:#0f172a;margin:0}.lessons-badge{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 10px;border-radius:12px;font-weight:600}.accordion-container{display:flex;flex-direction:column;gap:8px}.accordion-item{border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.accordion-header:hover{background:#f8fafc}.accordion-title-text{font-size:14px;font-weight:700;color:#0f172a}.accordion-header-left{display:flex;align-items:center;gap:12px}.chapter-count{font-size:12px;color:#64748b}.accordion-arrow{font-size:10px;color:#64748b;transition:transform .2s ease}.accordion-body{display:none;border-top:1px solid #f1f5f9;background:#f8fafc;padding:6px 12px}.accordion-body.active{display:flex;flex-direction:column;gap:6px}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #f1f5f9;font-size:13px}.lesson-right{display:flex;align-items:center;gap:6px}.lesson-time{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.lesson-center{flex:1;font-weight:600;color:#1e293b;padding:0 12px;text-align:right}.status-icon.check-green{width:20px;height:20px;border-radius:50%;background:#dcfce7;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.status-icon.lock-gray{font-size:14px;opacity:.6}.course-modal-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 14px #00000005}.sidebar-label{font-size:13px;color:#64748b;font-weight:500;display:block;margin-bottom:4px}.sidebar-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}.price-amount{font-size:32px;font-weight:900;color:#0057e7}.discount-row{display:flex;align-items:center;gap:8px}.discount-pill{background:#dcfce7;color:#15803d;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.old-price-amount{font-size:14px;color:#94a3b8;text-decoration:line-through}.btn-sidebar-cta{width:100%;height:46px;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-bottom:10px}.btn-sidebar-cta.primary{background:#0057e7;color:#fff;border:none;box-shadow:0 4px 12px #0057e740}.btn-sidebar-cta.primary:hover{background:#0046b8;box-shadow:0 6px 16px #0057e759;transform:translateY(-1px)}.btn-sidebar-cta.secondary{background:#fff;color:#0057e7;border:1.5px solid #cbd5e1}.btn-sidebar-cta.secondary:hover{border-color:#0057e7;background:#f0f7ff}.btn-sidebar-cta.secondary.active{border-color:#0057e7;background:#eff6ff;color:#0057e7}.includes-card{margin-top:18px;padding-top:16px;border-top:1px solid #f1f5f9}.includes-card h4{font-size:13.5px;font-weight:700;color:#0f172a;margin:0 0 12px}.includes-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.includes-ul li{font-size:12.5px;color:#334155;display:flex;align-items:center;gap:8px}.check-mark{color:#0057e7;font-weight:800}.rating-summary-box{text-align:center}.rating-summary-box h4{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 10px}.rating-main-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:2px}.rating-number{font-size:20px;font-weight:800;color:#0f172a}.rating-stars{display:flex;gap:2px;color:#f59e0b;font-size:14px}.rating-total-count{font-size:12px;color:#64748b;margin-bottom:14px}.rating-bars-stack{display:flex;flex-direction:column;gap:6px}.bar-row{display:flex;align-items:center;gap:8px;font-size:11px}.star-num{width:24px;color:#64748b;text-align:right;font-weight:600}.bar-bg{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#0057e7;border-radius:3px}.sidebar-actions-stack{display:flex;flex-direction:column;gap:10px}.btn-sidebar-action{width:100%;height:44px;background:#fff;border:1.5px solid #0057e7;border-radius:12px;color:#0057e7;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-sidebar-action:hover{background:#eff6ff;border-color:#0046b8;color:#0046b8;transform:translateY(-1px)}@media(max-width:900px){.course-modal-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:580px){#courseModal .modal-content.course-modal-v2{padding:16px!important}.course-stats-row{grid-template-columns:repeat(3,1fr)}.course-hero-banner{height:200px}.course-modal-title{font-size:20px}}@media(max-width:400px){.course-stats-row{grid-template-columns:repeat(2,1fr)}}.my-courses-page-section{width:min(95%,1800px);margin:0 auto;padding:32px 32px 60px;background:transparent;color:#0f172a;box-sizing:border-box}.my-courses-page-section.hidden{display:none!important}.my-courses-page{display:flex;flex-direction:column;gap:28px;font-family:inherit;color:#0f172a}.my-courses-header-bar{display:flex;justify-content:flex-start;align-items:center}.my-courses-close-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.my-courses-close-btn:hover{background:#f1f5f9;color:#0f172a}.my-courses-top-header{display:flex;align-items:center;justify-content:space-between}.title-badge-icon{width:52px;height:52px;background:#e0e7ff;color:#4f46e5;border-radius:16px;display:flex;align-items:center;justify-content:center}.my-courses-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 4px}.my-courses-subtitle{font-size:14px;color:#64748b;margin:0}.my-courses-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.my-courses-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000005}.stat-card-icon.trophy-bg{background:#f3e8ff}.stat-card-content{display:flex;flex-direction:column;align-items:flex-end}.my-courses-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filter-pills-group{display:flex;align-items:center;gap:10px}.filter-pill{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:8px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.filter-pill:hover{border-color:#cbd5e1;background:#f8fafc}.search-input-wrapper .search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);pointer-events:none}.search-input-wrapper input{width:100%;padding:10px 42px 10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;outline:none;transition:all .2s ease}.search-input-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.section-container{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:800;color:#0f172a;margin:0}.continue-learning-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 2px 8px #00000008}.card-thumbnail-side{flex-shrink:0}.react-thumbnail{width:190px;height:105px;background:#090d16;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 0 20px #38bdf81a}.react-thumb-text{color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px}.card-details-middle{flex:1;display:flex;flex-direction:column;gap:10px}.continue-course-title{font-size:17px;font-weight:800;color:#0f172a;margin:0}.instructor-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.instructor-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.instructor-name{font-weight:600;color:#334155}.last-watched-text,.last-watched-tag{font-size:12px;color:#64748b}.progress-bar-container{display:flex;align-items:center;gap:12px;margin-top:4px}.progress-bar-track{flex:1;height:7px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#6366f1;border-radius:4px}.progress-percentage{font-size:13px;font-weight:700;color:#4f46e5;min-width:32px}.card-actions-side{display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:140px}.btn-primary-purple{background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary-purple.sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn-primary-purple.lg{padding:12px 24px;font-size:15px;width:100%}.btn-secondary-outline{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:10px 18px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary-outline.sm{padding:8px 12px;font-size:13px;border-radius:10px}.all-courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.my-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000005;transition:transform .2s ease,box-shadow .2s ease}.my-course-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.course-card-thumb{height:125px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;letter-spacing:.5px;position:relative}.uiux-thumb{background:linear-gradient(135deg,#311b92,#651fff)}.nodejs-thumb{background:linear-gradient(135deg,#0d5c2d,#1b8a47)}.python-thumb{background:linear-gradient(135deg,#1e293b,#0f172a)}.marketing-thumb{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.course-card-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.card-title{font-size:15px;font-weight:800;color:#0f172a;margin:0}.status-tag{font-size:13px;font-weight:700;display:inline-block}.status-tag.not-started{color:#d97706}.status-tag.completed{color:#059669}.card-button-group{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.show-more-wrapper{display:flex;justify-content:center;margin-top:12px}.show-more-btn{background:#f3e8ff;color:#6366f1;border:none;padding:10px 32px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:#e0e7ff}.course-details-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:20px;margin-top:12px}.course-details-breadcrumb-bar{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.course-details-breadcrumb-bar .active-crumb{color:#6366f1;font-weight:700}.course-details-main-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 10px}.course-meta-pills{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#475569}.meta-item{display:flex;align-items:center;gap:6px}.mini-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.text-amber{color:#d97706;font-weight:700}.course-player-3col-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:20px;margin-top:10px}.player-accordion-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.accordion-header-title{font-size:15px;font-weight:800;color:#0f172a;margin:0}.lessons-accordion{display:flex;flex-direction:column;gap:10px}.accordion-group{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.accordion-group-header{padding:12px;font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#f8fafc}.badge-count{font-size:11px;background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:10px}.accordion-group-body{display:flex;flex-direction:column}.lesson-item{padding:10px 12px;font-size:12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;color:#475569}.lesson-item.completed .lesson-status-icon{color:#059669;font-weight:700}.lesson-item.active{background:#f3e8ff;color:#6366f1;font-weight:700}.active-dot{color:#6366f1;font-size:14px}.download-resources-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.player-main-panel{display:flex;flex-direction:column;gap:16px}.video-preview-box{background:#000;border-radius:16px;overflow:hidden;position:relative;height:260px;display:flex;flex-direction:column;justify-content:space-between}.react-video-cover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.react-video-text{color:#fff;font-size:20px;font-weight:800}.video-bottom-controls-bar{background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px 16px;display:flex;align-items:center;gap:12px;color:#fff;font-size:12px}.play-control-btn,.fullscreen-control-btn{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer}.video-track{flex:1;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.video-track-fill{height:100%;background:#6366f1}.current-lesson-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.lesson-sub-header{font-size:12px;color:#64748b;font-weight:600}.current-lesson-title{font-size:16px;font-weight:800;color:#0f172a;margin:0}.current-lesson-desc{font-size:13px;color:#475569;margin:0;line-height:1.5}.lesson-nav-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.player-promo-panel{display:flex}.promo-card-box{background:linear-gradient(180deg,#f3e8ff,#fae8ff);border:1px solid #e9d5ff;border-radius:18px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:14px;width:100%}.promo-icon-circle{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #7c3aed1f}.sparkle{position:absolute;font-size:14px}.sparkle.s1{top:-4px;right:2px}.sparkle.s2{bottom:-2px;left:4px}.promo-title{font-size:16px;font-weight:800;color:#0f172a;margin:0}.promo-subtitle{font-size:13px;color:#64748b;margin:0;line-height:1.5}@media(max-width:1024px){.my-courses-stats-grid{grid-template-columns:repeat(3,1fr)}.all-courses-grid{grid-template-columns:repeat(2,1fr)}.course-player-3col-layout{grid-template-columns:1fr}}@media(max-width:767px){.my-courses-page-section{width:min(100%,100%);padding:20px 12px 44px}.my-courses-top-header{flex-direction:column;align-items:flex-start;gap:12px}.header-icon-title{width:100%;align-items:center;gap:12px}.my-courses-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.my-courses-controls-row{flex-direction:column;align-items:stretch;gap:12px}.filter-pills-group{flex-wrap:wrap}.search-input-wrapper{width:100%;min-width:0}.continue-learning-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.react-thumbnail{width:100%;height:150px}.card-details-middle{width:100%}.card-actions-side{width:100%;min-width:0}.card-actions-side .btn-primary-purple,.card-actions-side .btn-secondary-outline,.card-button-group .btn-primary-purple,.card-button-group .btn-secondary-outline{width:100%}.all-courses-grid{grid-template-columns:1fr;gap:14px}.my-course-card{border-radius:16px}.course-card-thumb{height:150px}.course-card-body{padding:14px}.card-title{font-size:15px}.progress-bar-container{gap:8px}.progress-percentage{min-width:42px}}@media(max-width:420px){.my-courses-title{font-size:22px}.my-courses-subtitle{font-size:12px}.filter-pill{padding:8px 12px;font-size:12px}.my-courses-stat-card{padding:10px}.stat-number{font-size:18px}.stat-label{font-size:11px}}.my-books-page-section{width:min(95%,1800px);margin:0 auto;padding:32px 32px 80px;box-sizing:border-box}.my-books-page-section.hidden{display:none!important}.book-reader-page-section{width:min(95%,1200px);margin:0 auto;padding:32px 16px 80px;box-sizing:border-box}.book-reader-page-section.hidden{display:none!important}.book-reader-container{display:flex;flex-direction:column;gap:20px}.my-books-page{display:flex;flex-direction:column;gap:24px}.my-books-header-bar{display:flex;justify-content:flex-end}.my-books-close-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.my-books-close-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.my-books-top-header{display:flex;align-items:center;justify-content:space-between}.my-books-top-header .header-icon-title{display:flex;align-items:center;gap:16px}.title-badge-icon.purple-badge{width:52px;height:52px;border-radius:16px;background:#f3e8ff;color:#7c3aed;display:flex;align-items:center;justify-content:center}.my-books-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 4px}.my-books-subtitle{font-size:14px;color:#64748b;margin:0}.my-books-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.my-books-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000005;transition:transform .2s ease}.my-books-stat-card:hover{transform:translateY(-2px)}.stat-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card-icon.yellow-bg{background:#fef3c7}.stat-card-icon.green-bg{background:#d1fae5}.stat-card-icon.orange-bg{background:#ffedd5}.stat-card-content{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stat-number{font-size:22px;font-weight:800;color:#0f172a}.stat-label{font-size:13px;color:#64748b;font-weight:500}.my-books-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px}.filter-pill{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-pill:hover{background:#f8fafc;border-color:#cbd5e1}.filter-pill.active{background:#6366f1;color:#fff;border-color:#6366f1}.search-input-wrapper{position:relative;min-width:260px}.search-input-wrapper input{width:100%;padding:10px 42px 10px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;background:#fff;outline:none;transition:border-color .2s ease;box-sizing:border-box}.search-input-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.my-books-grid-section{display:flex;flex-direction:column;gap:20px}.my-books-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.book-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.book-card-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000000f}.book-cover-wrapper{position:relative;height:160px;overflow:hidden}.book-cover-placeholder{width:100%;height:100%;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.book-cover-placeholder.navy-cover{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.book-cover-placeholder.cream-cover{background:linear-gradient(135deg,#fef08a,#fef3c7);color:#713f12}.book-cover-placeholder.purple-dark-cover{background:linear-gradient(135deg,#311b92,#4a148c);color:#fff}.book-cover-placeholder.beige-cover{background:linear-gradient(135deg,#f5f5f4,#e7e5e4);color:#292524}.book-cover-placeholder.lg{height:220px;border-radius:12px}.book-cover-title{font-weight:800;font-size:14px;line-height:1.4;margin-bottom:6px}.book-cover-author{font-size:11px;opacity:.85}.book-card-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.book-card-title{font-size:15px;font-weight:800;color:#0f172a;margin:0;line-height:1.3}.book-card-author{font-size:12px;color:#64748b}.book-card-category{display:inline-block;background:#f3e8ff;color:#7c3aed;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;width:fit-content}.book-card-meta{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#64748b;margin-top:2px}.book-card-progress{display:flex;align-items:center;gap:10px;margin-top:4px}.progress-bar-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-bar-track.lg{height:10px;border-radius:5px}.progress-bar-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s ease}.progress-percentage{font-size:11px;font-weight:700;color:#6366f1}.book-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}.btn-primary-purple{background:#6366f1;color:#fff;border:none;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s ease}.btn-primary-purple:hover{background:#4f46e5}.btn-primary-purple.sm{padding:8px 12px;font-size:12px}.btn-primary-purple.lg-btn{padding:12px 20px;font-size:14px}.btn-secondary-outline{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s ease}.btn-secondary-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-secondary-outline.sm{padding:8px 12px;font-size:12px}.btn-secondary-outline.lg-btn{padding:12px 20px;font-size:14px}.book-details-3col-section{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;margin-top:12px}.book-index-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.book-index-header{display:flex;align-items:center;justify-content:space-between}.title-with-icon{display:flex;align-items:center;gap:8px;color:#0f172a}.title-with-icon h4{font-size:15px;font-weight:800;margin:0}.icon-toggle-btn{background:transparent;border:none;color:#64748b;cursor:pointer}.book-chapters-accordion{display:flex;flex-direction:column;gap:10px}.chapter-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.chapter-group-header{background:#f8fafc;padding:12px;font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.chapter-group-body{display:flex;flex-direction:column}.chapter-item{padding:10px 12px;font-size:12px;display:flex;align-items:center;gap:10px;border-top:1px solid #f1f5f9;color:#475569}.chapter-item .ch-num{font-weight:700;width:16px}.chapter-item .ch-title{flex:1}.chapter-item.completed .ch-status{color:#059669;font-weight:700}.chapter-item.active{background:#f3e8ff;color:#6366f1;font-weight:700}.chapter-item.active .ch-status{color:#6366f1}.download-book-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.book-main-details-panel{display:flex;flex-direction:column}.book-details-inner-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px}.book-details-layout{display:flex;gap:20px}.book-details-cover-box{width:150px;flex-shrink:0}.book-details-info-box{flex:1;display:flex;flex-direction:column;gap:8px}.book-breadcrumb{font-size:12px;color:#64748b}.book-breadcrumb .active{color:#6366f1;font-weight:700}.book-main-title{font-size:22px;font-weight:800;color:#0f172a;margin:0}.book-author-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.book-rating-row{display:flex;align-items:center;gap:8px;font-size:13px}.stars{font-size:12px}.rating-num{font-weight:800;color:#0f172a}.reviews-count{color:#64748b;font-size:12px}.book-description{font-size:13px;color:#475569;line-height:1.6;margin:4px 0 8px}.book-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spec-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.spec-label{font-size:11px;color:#64748b}.spec-value{font-size:13px;font-weight:700;color:#0f172a}.book-reading-progress-section{display:flex;flex-direction:column;gap:8px;background:#f8fafc;padding:14px 16px;border-radius:12px}.progress-status-line{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#334155}.progress-status-line .pct-text{color:#6366f1;font-weight:800}.book-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.book-stats-side-panel{display:flex;flex-direction:column;gap:16px}.side-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.side-card-title{font-size:15px;font-weight:800;color:#0f172a;margin:0}.donut-and-list{display:flex;align-items:center;gap:16px}.circular-progress-wrapper{position:relative;width:80px;height:80px;flex-shrink:0}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.donut-center-text .pct-num{font-size:14px;font-weight:800;color:#0f172a;line-height:1}.donut-center-text .pct-label{font-size:9px;color:#64748b;margin-top:2px}.progress-stats-list{display:flex;flex-direction:column;gap:6px;font-size:11px}.stat-line{display:flex;flex-direction:column}.stat-line .label{color:#64748b}.stat-line .val{font-weight:700;color:#0f172a}.side-two-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat-card{padding:14px;flex-direction:row;align-items:center;gap:10px}.mini-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-icon-box.blue{background:#dbeafe}.mini-icon-box.purple{background:#f3e8ff}.mini-info{display:flex;flex-direction:column;gap:2px}.mini-info .label{font-size:11px;color:#64748b}.mini-info .count{font-size:12px;font-weight:800;color:#0f172a}.last-read-yellow-card{background:#fffbeb;border:1px solid #fde68a}.yellow-card-title{font-size:14px;font-weight:800;color:#78350f;margin:0}.yellow-card-subtitle{font-size:12px;color:#92400e;margin:0}.btn-yellow-jump{background:#fef08a;border:1px solid #fde047;color:#713f12;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;text-align:center;transition:background .2s ease;margin-top:4px}.btn-yellow-jump:hover{background:#fde047}@media(max-width:1024px){.my-books-stats-grid{grid-template-columns:repeat(3,1fr)}.my-books-grid-container{grid-template-columns:repeat(2,1fr)}.book-details-3col-section{grid-template-columns:1fr}}@media(max-width:640px){.my-books-stats-grid{grid-template-columns:repeat(2,1fr)}.my-books-grid-container{grid-template-columns:repeat(2,1fr)!important}.book-details-layout{flex-direction:column}.book-specs-grid{grid-template-columns:repeat(2,1fr)}}.purchases-page-section{width:100%;min-height:calc(100vh - 120px);background-color:#f8fafc;padding:32px 20px 80px;box-sizing:border-box;font-family:Tajawal,sans-serif;direction:rtl}body.dark-mode .purchases-page-section{background-color:#0f172a}.purchases-page-container{width:min(95%,1800px);margin:0 auto;box-sizing:border-box}.purchases-header-bar{display:flex;justify-content:flex-start;margin-bottom:16px}.purchases-close-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.purchases-close-btn:hover{background:#f1f5f9;color:#0f172a;transform:scale(1.05)}body.dark-mode .purchases-close-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.purchases-top-header{margin-bottom:24px}.header-icon-title{display:flex;align-items:center;gap:16px}.title-badge-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.title-badge-icon.purple-badge{background:#f3e8ff;color:#7c3aed}body.dark-mode .title-badge-icon.purple-badge{background:#7c3aed33;color:#c084fc}.purchases-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 4px}body.dark-mode .purchases-title{color:#f8fafc}.purchases-subtitle{font-size:14px;color:#64748b;margin:0}body.dark-mode .purchases-subtitle{color:#94a3b8}.purchases-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.purchases-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #00000008;transition:transform .2s ease,box-shadow .2s ease;min-height:0}.purchases-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}body.dark-mode .purchases-stat-card{background:#1e293b;border-color:#334155}.stat-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.stat-card-icon.purple-bg{background:#f3e8ff}.stat-card-icon.green-bg{background:#dcfce7}.stat-card-icon.blue-bg{background:#dbeafe}.stat-card-icon.orange-bg{background:#fef3c7}body.dark-mode .stat-card-icon.purple-bg{background:#7c3aed33}body.dark-mode .stat-card-icon.green-bg{background:#05966933}body.dark-mode .stat-card-icon.blue-bg{background:#2563eb33}body.dark-mode .stat-card-icon.orange-bg{background:#d9770633}.stat-card-content{display:flex;flex-direction:column}.stat-number{font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}body.dark-mode .stat-number{color:#f8fafc}.stat-label{font-size:13px;color:#64748b;font-weight:600;margin-top:2px}body.dark-mode .stat-label{color:#94a3b8}.purchases-controls-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-pills-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{padding:8px 18px;border-radius:20px;background:#fff;border:1px solid #cbd5e1;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.filter-pill:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.filter-pill.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed40}body.dark-mode .filter-pill{background:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .filter-pill.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.search-input-wrapper{position:relative;min-width:280px}.search-input-wrapper .search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.search-input-wrapper input{width:100%;padding:10px 42px 10px 16px;border-radius:20px;border:1px solid #cbd5e1;background:#fff;font-size:14px;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrapper input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}body.dark-mode .search-input-wrapper input{background:#1e293b;border-color:#334155;color:#f8fafc}.purchases-main-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:1024px){.purchases-main-layout{grid-template-columns:1fr}}.purchases-content-side{display:flex;flex-direction:column;gap:16px}.purchases-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #00000008}body.dark-mode .purchases-table-container{background:#1e293b;border-color:#334155}.purchases-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.purchases-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}body.dark-mode .purchases-table thead{background:#0f172a;border-color:#334155}.purchases-table th{padding:14px 18px;font-size:13px;font-weight:700;color:#64748b}body.dark-mode .purchases-table th{color:#94a3b8}.purchases-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}body.dark-mode .purchases-table tbody tr{border-color:#334155}.purchases-table tbody tr:hover{background-color:#f8fafc}body.dark-mode .purchases-table tbody tr:hover{background-color:#ffffff05}.purchases-table td{padding:16px 18px;vertical-align:middle;font-size:14px}.product-cell{display:flex;align-items:center;gap:12px}.thumb-box{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumb-box.react-thumb{background:#f0f9ff}.thumb-box.uiux-thumb{background:#faf5ff}.thumb-box.node-thumb{background:#f0fdf4}.thumb-box.cream-bg{background:#fef3c7}.thumb-box.navy-bg{background:#eff6ff}.product-info{display:flex;flex-direction:column}.product-title{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 2px}body.dark-mode .product-title{color:#f8fafc}.product-author{font-size:12px;color:#64748b}body.dark-mode .product-author{color:#94a3b8}.order-number{font-weight:700;font-size:13px;color:#334155;display:block}body.dark-mode .order-number{color:#cbd5e1}.order-type-badge{font-size:11px;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:4px;font-weight:700}.order-type-badge.course-badge{background:#f3e8ff;color:#7c3aed}.order-type-badge.book-badge{background:#fef3c7;color:#d97706}.date-box{display:flex;flex-direction:column}.date-text{font-size:13px;font-weight:600;color:#0f172a}body.dark-mode .date-text{color:#f8fafc}.time-text{font-size:11px;color:#94a3b8}.price-col{font-size:15px;font-weight:800;color:#0f172a}body.dark-mode .price-col{color:#f8fafc}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.status-completed{background:#dcfce7;color:#15803d}.status-badge.status-refunded{background:#fee2e2;color:#b91c1c}.action-buttons-group{display:flex;align-items:center;gap:8px}.btn-action-primary{background:#7c3aed;color:#fff;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-family:inherit}.btn-action-primary:hover{background:#6d28d9;box-shadow:0 2px 8px #7c3aed40}.btn-action-secondary{background:#f1f5f9;color:#475569;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #cbd5e1;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-family:inherit}.btn-action-secondary:hover{background:#e2e8f0;color:#0f172a}body.dark-mode .btn-action-secondary{background:#334155;color:#e2e8f0;border-color:#475569}.purchases-pagination-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000008;flex-wrap:wrap;gap:12px}body.dark-mode .purchases-pagination-wrapper{background:#1e293b;border-color:#334155}.pagination-info{font-size:13px;color:#64748b;font-weight:600}body.dark-mode .pagination-info{color:#94a3b8}.pagination-controls{display:flex;align-items:center;gap:6px}.page-btn,.page-num{padding:6px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:13px;font-weight:600;color:#334155;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;font-family:inherit}.page-btn.disabled,.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.page-num.active{background:#7c3aed;color:#fff;border-color:#7c3aed}body.dark-mode .page-btn,body.dark-mode .page-num{background:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .page-num.active{background:#7c3aed;color:#fff}.purchases-sidebar-side{display:flex;flex-direction:column;gap:20px}.purchases-side-card{border-radius:16px;padding:22px 20px;box-sizing:border-box}.explore-card{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border:1px solid #e9d5ff;text-align:center}body.dark-mode .explore-card{background:linear-gradient(135deg,#7c3aed26,#a855f71a);border-color:#a855f74d}.explore-icon-box{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid #ede9fe;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 2px 8px #7c3aed1a}.side-card-title{font-size:16px;font-weight:800;color:#1e1b4b;margin:0 0 8px}body.dark-mode .side-card-title{color:#f8fafc}.side-card-desc{font-size:13px;color:#64748b;line-height:1.5;margin:0 0 16px}body.dark-mode .side-card-desc{color:#94a3b8}.btn-explore-products{width:100%;background:#7c3aed;color:#fff;border:none;padding:10px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-explore-products:hover{background:#6d28d9;box-shadow:0 4px 12px #7c3aed40}.payment-methods-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008}body.dark-mode .payment-methods-card{background:#1e293b;border-color:#334155}.payment-methods-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.payment-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:800}.payment-badge.visa{background:#1a1f71;color:#fff}.payment-badge.mastercard{background:#eb001b;color:#fff}.payment-badge.wallet{background:#7c3aed;color:#fff}.btn-manage-payment{width:100%;background:#f8fafc;color:#334155;border:1px solid #cbd5e1;padding:10px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-manage-payment:hover{background:#f1f5f9;color:#0f172a}body.dark-mode .btn-manage-payment{background:#334155;color:#e2e8f0;border-color:#475569}.security-card{background:#f0fdf4;border:1px solid #bbf7d0}body.dark-mode .security-card{background:#16653426;border-color:#22c55e4d}.security-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.shield-icon-box{width:32px;height:32px;border-radius:8px;background:#dcfce7;display:flex;align-items:center;justify-content:center}.security-title{font-size:14px;font-weight:800;color:#166534;margin:0}body.dark-mode .security-title{color:#4ade80}.security-msg{font-size:12px;color:#15803d;line-height:1.5;margin:0}body.dark-mode .security-msg{color:#86efac}@media(max-width:768px){.purchases-page-section{padding:16px 12px 60px}.purchases-page-container{width:100%}.purchases-header-bar{margin-bottom:12px}.purchases-close-btn{width:34px;height:34px}.purchases-top-header{margin-bottom:16px}.header-icon-title{gap:12px}.title-badge-icon{width:42px;height:42px;border-radius:10px}.title-badge-icon svg{width:22px;height:22px}.purchases-title{font-size:clamp(20px,5vw,22px);margin-bottom:2px}.purchases-subtitle{font-size:12.5px;line-height:1.4}.purchases-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.purchases-stat-card{padding:12px 10px;gap:10px;border-radius:12px}.stat-card-icon{width:38px;height:38px;border-radius:10px}.stat-card-icon svg{width:18px;height:18px}.stat-number{font-size:17px}.stat-label{font-size:11px;margin-top:1px}.purchases-controls-row{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.filter-pills-group{display:flex;flex-wrap:wrap;gap:6px;width:100%}.filter-pill{padding:6px 12px;font-size:12.5px;border-radius:16px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1 1 auto;text-align:center}.dropdown-filter-pill{flex:1 1 100%;width:100%}.dropdown-filter-pill select{width:100%!important;height:40px!important;padding:6px 12px!important;font-size:13px!important;border-radius:16px!important;box-sizing:border-box}.search-input-wrapper{width:100%;min-width:100%}.search-input-wrapper input{height:42px;font-size:13.5px;border-radius:20px;padding:8px 38px 8px 14px}.search-input-wrapper .search-icon{right:12px}.purchases-main-layout{grid-template-columns:1fr;gap:16px}.purchases-table-container{background:transparent;border:none;box-shadow:none;overflow-x:visible}.purchases-table,.purchases-table tbody,.purchases-table tr,.purchases-table td{display:block;width:100%;box-sizing:border-box}.purchases-table thead{display:none}.purchases-table tbody{display:flex;flex-direction:column;gap:12px}.purchases-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:10px}body.dark-mode .purchases-table tbody tr{background:#1e293b;border-color:#334155}.purchases-table td{padding:0;border:none;white-space:normal}.purchases-table td.product-col{border-bottom:1px dashed #e2e8f0;padding-bottom:10px}body.dark-mode .purchases-table td.product-col{border-bottom-color:#334155}.purchases-table td.order-details-col,.purchases-table td.date-col,.purchases-table td.price-col,.purchases-table td.status-col{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;line-height:1.4}.purchases-table td.order-details-col:before{content:"رقم الطلب:";font-weight:600;color:#64748b}.purchases-table td.date-col:before{content:"تاريخ الشراء:";font-weight:600;color:#64748b}.purchases-table td.price-col:before{content:"المبلغ:";font-weight:600;color:#64748b}.purchases-table td.status-col:before{content:"حالة الدفع:";font-weight:600;color:#64748b}body.dark-mode .purchases-table td.order-details-col:before,body.dark-mode .purchases-table td.date-col:before,body.dark-mode .purchases-table td.price-col:before,body.dark-mode .purchases-table td.status-col:before{color:#94a3b8}.purchases-table td.actions-col{margin-top:4px;padding-top:10px;border-top:1px solid #f1f5f9}body.dark-mode .purchases-table td.actions-col{border-top-color:#334155}.purchases-table .action-buttons-group{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}.btn-action-primary,.btn-action-secondary{min-height:42px;padding:8px 10px;font-size:13px;font-weight:700;border-radius:10px;width:100%;box-sizing:border-box;justify-content:center}.purchases-pagination-wrapper{padding:12px;border-radius:12px}.pagination-info{font-size:12px;text-align:center;width:100%}.purchases-sidebar-side{gap:12px}.purchases-side-card{padding:16px;border-radius:14px}.explore-icon-box{width:50px;height:50px;margin-bottom:10px}.side-card-title{font-size:15px;margin-bottom:4px}.side-card-desc{font-size:12px;margin-bottom:12px}.btn-explore-products,.btn-manage-payment{height:42px;font-size:13.5px;border-radius:10px;display:flex;align-items:center;justify-content:center}.payment-methods-badges{gap:6px;margin-bottom:12px}.payment-badge{padding:5px 10px;font-size:10.5px}.shield-icon-box{width:28px;height:28px}.security-title{font-size:13.5px}.security-msg{font-size:11.5px;line-height:1.4}}.favorites-page-section{width:100%;min-height:calc(100vh - 120px);background-color:#f8fafc;padding:32px 20px 80px;box-sizing:border-box}.favorites-page-section.hidden{display:none!important}.favorites-page-container{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.favorites-header-bar{display:flex;justify-content:flex-end}.favorites-close-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.favorites-close-btn:hover{background:#f1f5f9;color:#0f172a}.favorites-top-header{display:flex;align-items:center;justify-content:space-between}.favorites-top-header .header-icon-title{display:flex;align-items:center;gap:16px}.title-badge-icon.pink-badge{width:52px;height:52px;border-radius:16px;background:#ffe4e6;color:#ef4444;display:flex;align-items:center;justify-content:center}.favorites-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 4px}.favorites-subtitle{font-size:14px;color:#64748b;margin:0}.favorites-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.favorites-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000005;transition:transform .2s ease;min-height:0}.favorites-stat-card:hover{transform:translateY(-1px)}.favorites-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px}.favorites-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.favorite-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000008;transition:transform .2s ease,box-shadow .2s ease}.favorite-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.card-thumb-wrapper{position:relative;height:135px;overflow:hidden;width:100%}.type-badge{position:absolute;top:10px;right:10px;z-index:2;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}.type-badge.course-badge{background:#f3e8ff;color:#7c3aed}.type-badge.book-badge{background:#fef3c7;color:#d97706}.heart-badge-btn{position:absolute;top:10px;left:10px;z-index:2;background:#fffffff2;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000001a}.thumb-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:12px;box-sizing:border-box}.python-bg{background:linear-gradient(135deg,#0d1b2a,#1b263b)}.react-bg{background:linear-gradient(135deg,#0b0e14,#1e293b)}.uiux-bg{background:linear-gradient(135deg,#2e1065,#581c87)}.node-bg{background:linear-gradient(135deg,#022c22,#064e3b)}.ts-bg{background:linear-gradient(135deg,#172554,#1e3a8a)}.book-cover-1{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.book-cover-2{background:linear-gradient(135deg,#451a03,#78350f)}.book-cover-3{background:linear-gradient(135deg,#78350f,#b45309)}.book-cover-4{background:linear-gradient(135deg,#0f172a,#334155)}.book-cover-5{background:linear-gradient(135deg,#fef3c7,#fde047);color:#78350f}.book-cover-text h4{font-size:13px;font-weight:800;margin:0;line-height:1.3}.book-cover-text p{font-size:10px;opacity:.85;margin:2px 0 0}.uiux-cover-text h4{font-size:18px;font-weight:900;margin:0}.uiux-cover-text p{font-size:11px;letter-spacing:2px;margin:0;opacity:.8}.node-cover-text h4,.ts-cover-text h4{font-size:16px;font-weight:800;margin:0}.card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.card-title{font-size:13px;font-weight:800;color:#0f172a;margin:0;line-height:1.4;height:36px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author-line{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.author-avatar{width:18px;height:18px;border-radius:50%;background:#cbd5e1}.author-name{font-weight:600;color:#334155}.author-name.text-gray{color:#64748b;font-weight:500}.card-rating-line{display:flex;align-items:center;gap:6px;font-size:12px}.card-rating-line .stars{color:#f59e0b;font-size:11px}.card-rating-line .rating-num{font-weight:800;color:#0f172a}.card-rating-line .rating-count{color:#94a3b8;font-size:11px}.card-meta{font-size:11px;color:#64748b}.card-price{font-size:15px;font-weight:800;color:#0f172a;margin-top:auto}.card-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.btn-trash-action{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.btn-trash-action:hover{background:#fee2e2;border-color:#fca5a5}.btn-primary-action{flex:1;height:36px;border:none;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-primary-action.btn-purple{background:#7c3aed;color:#fff}.btn-primary-action.btn-purple:hover{background:#6d28d9}.btn-primary-action.btn-orange{background:#f59e0b;color:#fff}.btn-primary-action.btn-orange:hover{background:#d97706}.favorites-bottom-banner{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-top:24px;box-shadow:0 2px 10px #00000005}.banner-heart-icon{width:56px;height:56px;border-radius:50%;background:#ffe4e6;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.banner-title{font-size:20px;font-weight:800;color:#0f172a;margin:0}.banner-subtitle{font-size:14px;color:#64748b;margin:0;max-width:500px}.banner-buttons-row{display:flex;align-items:center;gap:12px;margin-top:8px}.btn-explore-courses{background:#7c3aed;color:#fff;border:none;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease}.btn-explore-courses:hover{background:#6d28d9}.btn-explore-books{background:#fef3c7;color:#d97706;border:1px solid #fcd34d;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-explore-books:hover{background:#fde68a}.course-fav-btn{position:absolute;top:10px;left:10px;z-index:5;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1)}.course-fav-btn:hover{transform:scale(1.12);background:#fff}.course-fav-btn.active{background:#fff;box-shadow:0 4px 14px #ef444440}.course-fav-btn.active svg{animation:heartPulse .35s ease-in-out}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.fav-controls-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.favorites-sort-select{padding:8px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:13px;font-family:inherit;color:#334155;background:#fff;cursor:pointer;outline:none;font-weight:600;transition:border-color .2s ease}.favorites-sort-select:focus{border-color:#7c3aed}.fav-view-mode-group{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px}.fav-view-btn{background:transparent;border:none;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.fav-view-btn:hover{color:#1e293b}.fav-view-btn.active{background:#fff;color:#7c3aed;box-shadow:0 2px 6px #00000014}.favorites-grid.list-view,.favorites-grid.favorites-list-view{display:flex!important;flex-direction:column!important;gap:16px!important}.favorites-grid.list-view .favorite-card,.favorites-grid.favorites-list-view .favorite-card{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:140px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000008;transition:transform .2s ease,box-shadow .2s ease}.favorites-grid.list-view .favorite-card:hover,.favorites-grid.favorites-list-view .favorite-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.favorites-grid.list-view .card-thumb-wrapper,.favorites-grid.favorites-list-view .card-thumb-wrapper{width:220px!important;min-width:220px!important;height:140px!important;position:relative;flex-shrink:0}.favorites-grid.list-view .card-body,.favorites-grid.favorites-list-view .card-body{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:16px 20px!important;gap:20px!important;flex-wrap:nowrap!important}.favorites-grid.list-view .card-info-col,.favorites-grid.favorites-list-view .card-info-col{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1!important;min-width:0!important}.favorites-grid.list-view .card-title,.favorites-grid.favorites-list-view .card-title{height:auto!important;font-size:15px!important;font-weight:800!important;color:#0f172a!important;margin:0!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.favorites-grid.list-view .card-price-col,.favorites-grid.favorites-list-view .card-price-col{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:10px!important;flex-shrink:0!important;min-width:130px!important}.favorites-grid.list-view .card-price,.favorites-grid.favorites-list-view .card-price{font-size:18px!important;font-weight:800!important;color:#0f172a!important;margin:0!important}.favorites-grid.list-view .card-actions,.favorites-grid.favorites-list-view .card-actions{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}.favorites-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}.fav-page-btn{min-width:36px;height:36px;padding:0 12px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.fav-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.fav-page-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.fav-page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1280px){.favorites-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.favorites-grid{grid-template-columns:repeat(3,1fr)}.favorites-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.favorites-grid:not(.list-view):not(.favorites-list-view){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.favorites-grid.list-view,.favorites-grid.favorites-list-view{display:flex!important;flex-direction:column!important;gap:12px!important}.favorites-grid.list-view .favorite-card,.favorites-grid.favorites-list-view .favorite-card{flex-direction:column!important;height:auto!important;min-height:auto!important}.favorites-grid.list-view .card-thumb-wrapper,.favorites-grid.favorites-list-view .card-thumb-wrapper{width:100%!important;min-width:100%!important;height:140px!important}.favorites-grid.list-view .card-body,.favorites-grid.favorites-list-view .card-body{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.favorites-grid.list-view .card-price-col,.favorites-grid.favorites-list-view .card-price-col{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.favorites-stats-grid{grid-template-columns:repeat(1,1fr)}.banner-buttons-row{flex-direction:column;width:100%}.btn-explore-courses,.btn-explore-books{width:100%;justify-content:center}}body.dark-mode .student-dashboard-sidebar{background:var(--card-bg, #1f2937)!important;color:var(--text-primary, #f3f4f6)}body.dark-mode .sidebar-close-btn{background:#ffffff1a;border-color:var(--border-color, #374151);color:var(--text-secondary, #d1d5db)}body.dark-mode .sidebar-close-btn:hover{background:var(--secondary-color, #1f2937);color:var(--text-primary, #f3f4f6)}body.dark-mode .student-profile-header{background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);box-shadow:inset 0 0 0 1px #ffffff1a}body.dark-mode .student-avatar-img{border-color:var(--border-color, #374151)}body.dark-mode .student-name{color:#f8fafc}body.dark-mode .student-role-badge{color:#c4b5fd;background:#ffffff1f}body.dark-mode .student-menu-item:hover{background:var(--secondary-color, #1f2937)}body.dark-mode .menu-icon{color:var(--text-secondary, #d1d5db)}body.dark-mode .menu-title{color:var(--text-primary, #f3f4f6)}body.dark-mode .student-menu-item:hover .menu-title{color:#fff}body.dark-mode .menu-item-divider,body.dark-mode .menu-section-separator{background:var(--border-color, #374151)}body.dark-mode .logout-item:hover{background:#ef444426}body.dark-mode #authModal .modal-content,body.dark-mode #authModal .modal-content.wide-modal{background-color:var(--card-bg, #1f2937)!important;color:var(--text-primary, #f3f4f6)!important;border-color:var(--border-color, #374151)!important}body.dark-mode #authModal .close{background:var(--secondary-color, #1f2937);color:var(--text-secondary, #d1d5db)}body.dark-mode #authModal .close:hover{background:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}body.dark-mode .auth-header h2{color:var(--text-primary, #f3f4f6)}body.dark-mode .auth-header p{color:var(--text-secondary, #d1d5db)}body.dark-mode .auth-form-group label{color:var(--text-primary, #f3f4f6)}body.dark-mode .auth-input-wrapper{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151)}body.dark-mode .auth-icon-box{background:#2563eb26;color:#60a5fa}body.dark-mode .auth-input-wrapper input{color:var(--text-primary, #f3f4f6)!important}body.dark-mode .auth-input-wrapper input::placeholder{color:#94a3b8}body.dark-mode .google-auth-btn{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}body.dark-mode .google-auth-btn:hover{background:var(--secondary-color, #1f2937);color:#fff}body.dark-mode .auth-divider{color:var(--text-secondary, #d1d5db)}body.dark-mode .auth-divider:before,body.dark-mode .auth-divider:after{border-color:var(--border-color, #374151)}body.dark-mode .auth-register-footer .prompt{color:var(--text-secondary, #d1d5db)}body.dark-mode #courseModal .modal-content.course-modal-v2{background:var(--card-bg, #1f2937)!important;border-color:var(--border-color, #374151)!important;color:var(--text-primary, #f3f4f6)!important}body.dark-mode #courseModal .close-v2{background:var(--secondary-color, #1f2937)!important;border-color:var(--border-color, #374151)!important;color:var(--text-primary, #f3f4f6)!important}body.dark-mode #courseModal .close-v2:hover{background:var(--border-color, #374151)!important;color:#fff!important}.certificate-viewer{position:relative;z-index:20;width:min(1100px,calc(100vw - 32px));max-width:100%;max-height:calc(100vh - 52px);overflow:visible;--certificate-scale: min(1, calc((100vh - 170px) / 820))}.certificate-toolbar{position:relative!important;z-index:30!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:100%;max-width:100%;justify-content:flex-end!important;margin-bottom:10px!important;padding:0!important;flex-wrap:wrap}.certificate-close-button,.certificate-print-button{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative;z-index:31;min-height:42px;white-space:nowrap}.certificate-print-area,.certificate-printable-area{width:100%!important;max-width:100%!important;max-height:calc(100vh - 120px)!important;height:auto!important;display:block!important;transform:scale(var(--certificate-scale, 1));transform-origin:top center}@media print{body *{visibility:hidden!important}#certificateModalOverlay,#certificateModalOverlay *{visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#certificateModalOverlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#fff!important;padding:0!important;margin:0!important;overflow:visible!important;z-index:2147483647!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important}#certificateModalOverlay .no-print{display:none!important}#certificateModalOverlay .certificate-toolbar,#certificateModalOverlay .certificate-close-button,#certificateModalOverlay .certificate-print-button{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}#certificateModalOverlay .certificate-print-area{width:100%!important;max-width:100%!important;min-height:auto!important;box-shadow:none!important;border-radius:0!important;margin:0 auto!important;border:1px solid #dbeafe!important}@page{size:A4 landscape;margin:8mm}}#checkoutModal,#checkoutModal .checkout-modal,#checkoutModal .checkout-modal-container,#invoiceModalOverlay,#invoiceModalBox{box-sizing:border-box!important;max-width:100%!important}#checkoutModal{padding:16px!important}.checkout-modal{max-width:860px!important;width:95%!important;max-height:90vh!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:auto!important}.checkout-modal-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.checkout-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.checkout-header-section{flex:1 1 auto!important;min-width:0!important}.checkout-main-title,.checkout-main-subtitle{word-break:break-word!important;overflow-wrap:break-word!important}.order-review-items-card{width:100%!important;box-sizing:border-box!important}.order-review-item-card{width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}.review-item-thumb{max-width:100%!important;object-fit:cover!important}.review-item-body{min-width:0!important;flex:1 1 auto!important}.review-item-title{word-break:break-word!important;overflow-wrap:break-word!important}.review-item-details-grid{display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important}.review-item-pricing-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.review-item-actions-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.order-summary-card{width:100%!important;box-sizing:border-box!important}.summary-line-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}.summary-line-label{min-width:0!important;word-break:break-word!important}.summary-line-val{flex-shrink:0!important;direction:ltr!important}.coupon-section-box{width:100%!important;box-sizing:border-box!important}.coupon-input-group{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.coupon-input{min-width:0!important;box-sizing:border-box!important}.payment-methods-card{width:100%!important;box-sizing:border-box!important}.payment-options-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.payment-option-card{box-sizing:border-box!important;min-width:0!important}.form-row-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.form-group-payment,.payment-input-light,.checkout-pay-submit-btn{width:100%!important;box-sizing:border-box!important}#invoiceModalOverlay{padding:12px!important;box-sizing:border-box!important}#invoiceModalBox{width:100%!important;max-width:890px!important;height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important;box-sizing:border-box!important}#invoicePrintArea,.invoice-a4-document{max-width:850px!important;width:100%!important;box-sizing:border-box!important}@media(max-width:1024px){.checkout-modal{max-width:760px!important;width:94%!important;padding:24px 20px!important}}@media(max-width:768px){#checkoutModal{padding:10px!important}.checkout-modal{max-width:100%!important;width:96%!important;padding:20px 16px!important;border-radius:16px!important;max-height:92vh!important}.checkout-modal .close{top:14px!important;left:14px!important;width:32px!important;height:32px!important;font-size:14px!important}.checkout-header-section{padding:0 36px 0 0!important}.checkout-main-title{font-size:18px!important}.checkout-main-subtitle{font-size:13px!important}#invoiceModalBox{height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important}#invoicePrintArea,.invoice-a4-document{padding:24px 20px!important}}@media(max-width:600px){.checkout-top-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.checkout-header-section{padding:0 32px 0 0!important;text-align:right!important}.btn-print-receipt{width:100%!important;justify-content:center!important;padding:9px 12px!important;font-size:13px!important}.payment-options-grid{grid-template-columns:1fr!important}#invoicePrintArea [style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}#invoicePrintArea [style*="display: flex; justify-content: space-between"]{flex-wrap:wrap!important;gap:10px!important}}@media(max-width:576px){.order-review-item-card{flex-direction:column!important;align-items:stretch!important;padding:14px!important}.review-item-thumb{width:100%!important;height:130px!important;border-radius:10px!important}.review-item-pricing-row{justify-content:space-between!important;width:100%!important}.review-item-actions-row{width:100%!important}.btn-item-action{flex:1 1 auto!important;justify-content:center!important;text-align:center!important}.product-summary-card{flex-direction:column-reverse!important;align-items:stretch!important}.product-card-thumb{width:100%!important;height:130px!important}}@media(max-width:480px){#checkoutModal{padding:6px!important}.checkout-modal{width:98%!important;padding:16px 12px!important;border-radius:14px!important}.form-row-2col{grid-template-columns:1fr!important;gap:10px!important}.coupon-input-group{flex-direction:column!important}.coupon-input{width:100%!important}.btn-apply-coupon{width:100%!important;justify-content:center!important}.checkout-pay-submit-btn{height:48px!important;font-size:15px!important}#invoiceModalOverlay{padding:6px!important}#invoicePrintArea,.invoice-a4-document{padding:16px 12px!important;border-radius:10px!important}#invoicePrintArea table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;width:100%!important}}@media(max-width:360px){.checkout-modal{padding:12px 10px!important}.checkout-main-title{font-size:16px!important}.total-line-label{font-size:14px!important}.total-line-val{font-size:18px!important}}@media(max-width:767px){.book-reader-page-section{width:100%!important;padding:12px 10px 40px!important}.book-reader-container{gap:10px!important}.reader-top-nav-bar{margin-bottom:4px!important;gap:8px!important}.reader-breadcrumb{font-size:12px!important;gap:4px!important;max-width:60%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.reader-back-btn{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important;height:34px!important;gap:4px!important}.reader-back-btn svg{width:14px!important;height:14px!important}.reader-main-card{border-radius:12px!important;box-shadow:0 4px 12px #0000000a!important}.reader-header-bar{padding:12px 14px!important;gap:10px!important}.reader-header-info{width:100%!important}.reader-book-title{font-size:16px!important;margin-bottom:2px!important;line-height:1.3!important}.reader-book-meta{font-size:12px!important}.reader-action-buttons{width:100%!important;display:flex!important;gap:6px!important;justify-content:space-between!important}.reader-action-btn{flex:1!important;padding:6px!important;font-size:11px!important;border-radius:8px!important;height:34px!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important}.reader-progress-track{height:4px!important}.reader-content-outer{padding:14px 10px!important;min-height:auto!important}.reader-content-inner{padding:16px 14px!important;border-radius:12px!important;box-shadow:none!important}.reader-chapter-header{padding-bottom:10px!important;margin-bottom:14px!important}.reader-chapter-badge{font-size:11px!important;padding:4px 12px!important}.reader-page-heading{font-size:17px!important;margin-top:8px!important}.reader-page-text{font-size:15px!important;line-height:1.8!important;margin-bottom:16px!important;text-indent:14px!important}.reader-page-footer-info{margin-top:16px!important;padding-top:10px!important;font-size:11px!important}.reader-footer-controls{padding:12px 14px!important;gap:10px!important;flex-direction:column!important;align-items:stretch!important}.reader-nav-buttons{width:100%!important;display:flex!important;gap:8px!important}.reader-nav-btn{flex:1!important;padding:8px 12px!important;font-size:12px!important;border-radius:8px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.reader-jump-group{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.reader-jump-label{font-size:12px!important}.reader-jump-input{width:60px!important;height:34px!important;padding:2px 4px!important;font-size:13px!important;border-radius:6px!important}.reader-jump-btn{height:34px!important;padding:4px 12px!important;font-size:12px!important;border-radius:6px!important}.reader-save-btn{width:100%!important;height:36px!important;padding:6px 14px!important;font-size:12px!important;border-radius:8px!important;justify-content:center!important}}.my-books-grid-container .book-card-info,#myBooksPage .book-card-info{padding:9px 12px!important;gap:3px!important}.my-books-grid-container .book-card-title,#myBooksPage .book-card-title{font-size:13.5px!important;line-height:1.25!important;margin:0 0 1px!important}.my-books-grid-container .book-card-author,#myBooksPage .book-card-author{font-size:11px!important;margin-top:0!important;line-height:1.2!important}.my-books-grid-container .book-card-category,#myBooksPage .book-card-category{font-size:9.5px!important;padding:1px 6px!important;margin-top:1px!important;line-height:1.2!important;border-radius:4px!important}.my-books-grid-container .book-card-meta,#myBooksPage .book-card-meta{font-size:10px!important;margin-top:1px!important;gap:1px!important;line-height:1.2!important}.my-books-grid-container .book-card-progress,#myBooksPage .book-card-progress{margin-top:2px!important;gap:6px!important}.my-books-grid-container .progress-bar-track,#myBooksPage .progress-bar-track{height:4px!important;border-radius:2px!important}.my-books-grid-container .progress-percentage,#myBooksPage .progress-percentage{font-size:10px!important;line-height:1!important}.my-books-grid-container .book-card-actions,#myBooksPage .book-card-actions{margin-top:4px!important;padding-top:3px!important;gap:4px!important}.my-books-grid-container .book-card-actions button,#myBooksPage .book-card-actions button{height:28px!important;min-height:28px!important;padding:2px 8px!important;font-size:11px!important;font-weight:700!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.my-books-grid-container .book-card-actions button svg,#myBooksPage .book-card-actions button svg{width:12px!important;height:12px!important}@media(min-width:1200px){.my-books-grid-container .desktop-category-inline,#myBooksPage .desktop-category-inline{display:inline!important;font-weight:500!important;font-size:.82em!important;color:var(--text-secondary, #64748b)!important;margin-right:4px!important}.my-books-grid-container .book-card-category,#myBooksPage .book-card-category{display:none!important}.my-books-grid-container .book-card-meta,#myBooksPage .book-card-meta{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important;gap:0!important}.my-books-grid-container .book-card-meta .meta-separator,#myBooksPage .book-card-meta .meta-separator{display:inline!important;color:#94a3b8!important;margin:0 5px!important;font-weight:400!important}.my-books-grid-container .book-card-meta .meta-last-read-label,#myBooksPage .book-card-meta .meta-last-read-label{display:inline!important}}@media(max-width:1199px){.desktop-category-inline,.book-card-meta .meta-separator,.book-card-meta .meta-last-read-label{display:none!important}}#toast-container{position:fixed;top:24px;right:24px;z-index:9999999;display:flex;flex-col:column;flex-direction:column;gap:14px;max-width:420px;width:calc(100% - 48px);pointer-events:none}[dir=rtl] #toast-container{right:auto;left:24px}.sm-toast{pointer-events:auto;position:relative;background:#fff;border-radius:16px;padding:18px 20px 20px;box-shadow:0 16px 36px -6px #0f172a1f,0 4px 12px #0f172a0a;display:flex;align-items:flex-start;gap:16px;overflow:hidden;border:1px solid rgba(226,232,240,.8);animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif}.sm-toast.hiding{animation:toastFadeOut .25s ease forwards}.sm-toast-progress{position:absolute;top:0;left:0;right:0;height:4px;background:#10b981;border-top-left-radius:16px;border-top-right-radius:16px;transform-origin:left center;transition:transform linear}[dir=rtl] .sm-toast-progress{transform-origin:right center}.sm-toast.sm-toast-success{background:#fff;border:1px solid rgba(226,232,240,.8)}.sm-toast.sm-toast-success .sm-toast-progress{background:#10b981}.sm-toast.sm-toast-error{background:#fef2f2;border:1px solid #fca5a5;animation:toastShake .4s cubic-bezier(.36,.07,.19,.97) both}.sm-toast.sm-toast-error .sm-toast-progress{background:#ef4444}.sm-toast.sm-toast-warning{background:#fffbe1;border:1px solid #fde68a}.sm-toast.sm-toast-warning .sm-toast-progress{background:#f59e0b}.sm-toast.sm-toast-info{background:#eff6ff;border:1px solid #bfdbfe}.sm-toast.sm-toast-info .sm-toast-progress{background:#3b82f6}.sm-toast.sm-toast-loading{background:#f8fafc;border:1px solid #cbd5e1}.sm-toast.sm-toast-loading .sm-toast-progress{background:#7c3aed;animation:pulseProgress 1.5s infinite linear}.sm-toast-icon-wrapper{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .25s ease}.sm-toast-icon-success{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98140}.sm-toast-icon-error{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444440}.sm-toast-icon-warning{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b40}.sm-toast-icon-info{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.sm-toast-icon-loading{background:#7c3aed1f;color:#7c3aed;box-shadow:0 4px 12px #7c3aed26}.sm-toast-spinner-icon{animation:smToastSpin 1.2s linear infinite}@keyframes smToastSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseProgress{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sm-toast-content{flex:1;display:flex;flex-direction:column;gap:4px;padding-right:8px}[dir=rtl] .sm-toast-content{padding-right:0;padding-left:8px}.sm-toast-title{font-size:17px;font-weight:800;color:#0f172a;line-height:1.3}.sm-toast-error .sm-toast-title{color:#dc2626}.sm-toast-desc{font-size:14px;color:#64748b;line-height:1.45}.sm-toast-error .sm-toast-desc{color:#7f1d1d}.sm-toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:-2px}.sm-toast-close:hover{color:#334155;background:#0000000d}.sm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn .2s ease forwards;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif}.sm-dialog-overlay.hiding{animation:overlayFadeOut .2s ease forwards}.sm-dialog-card{background:#fff;border-radius:24px;padding:32px 28px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 50px -12px #0000002e,0 0 0 1px #0000000a;animation:dialogScaleIn .25s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;align-items:center}.sm-dialog-card.hiding{animation:dialogScaleOut .2s ease forwards}.sm-dialog-icon-wrapper{position:relative;width:64px;height:64px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#ef4444}.sm-dialog-sparkles{position:absolute;top:-6px;width:100%;display:flex;justify-content:space-around;pointer-events:none}.sm-dialog-title{font-size:19px;font-weight:800;color:#0f172a;margin-bottom:8px;line-height:1.3}.sm-dialog-desc{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:24px}.sm-dialog-actions{display:flex;gap:12px;width:100%}.sm-btn-pill{flex:1;height:46px;border-radius:9999px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none;font-family:inherit}.sm-btn-pill-cancel{background:#fff;border:1px solid #e2e8f0;color:#475569}.sm-btn-pill-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.sm-btn-pill-danger{background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef44444d}.sm-btn-pill-danger:hover{background:#dc2626;box-shadow:0 6px 18px #ef444466}.sm-btn-pill-primary{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb4d}.sm-btn-pill-primary:hover{background:#1d4ed8}.sm-loading-card{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 45px #0f172a26;animation:dialogScaleIn .25s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;gap:20px;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif}.sm-loading-header{display:flex;align-items:flex-start;gap:16px}.sm-loading-icon-blue{width:48px;height:48px;min-width:48px;border-radius:50%;border:2px solid #2563eb;color:#2563eb;display:flex;align-items:center;justify-content:center;margin-top:2px}.sm-loading-title{font-size:19px;font-weight:800;color:#0f172a}.sm-loading-desc{font-size:14px;color:#64748b;margin-top:4px;line-height:1.45}.sm-loading-close{position:absolute;top:18px;left:18px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}[dir=rtl] .sm-loading-close{left:18px;right:auto}.sm-loading-close:hover{color:#334155;background:#0000000d}.sm-loading-bottom{display:flex;align-items:center;gap:16px;margin-top:4px}.sm-loading-progress-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.sm-loading-percent-row{display:flex;justify-content:flex-end;font-size:13px;font-weight:700;color:#475569}.sm-loading-progress-track{height:7px;background:#e2e8f0;border-radius:9999px;overflow:hidden;width:100%}.sm-loading-progress-fill{height:100%;background:#2563eb;border-radius:9999px;transition:width .3s ease}.sm-loading-cancel-btn{height:40px;padding:0 20px;border-radius:10px;background:#e2e8f0;color:#334155;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.sm-loading-cancel-btn:hover{background:#cbd5e1;color:#0f172a}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.92)}}@keyframes toastShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogScaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialogScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(10px)}}.nav-notification-panel{width:360px;max-width:calc(100vw - 20px);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px -10px #0f172a2e;overflow:hidden;animation:dialogScaleIn .25s ease forwards;font-family:Tajawal,sans-serif}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.notif-panel-title{font-weight:700;font-size:15px;color:#0f172a;display:flex;align-items:center;gap:8px}.notif-unread-tag{background:#ef4444;color:#fff;font-size:11px;padding:2px 8px;border-radius:99px;font-weight:700}.notif-panel-actions{display:flex;align-items:center;gap:8px}.btn-text-action{background:none;border:none;color:#0284c7;font-size:12px;font-weight:700;cursor:pointer;padding:4px 6px}.btn-text-action:hover{text-decoration:underline}.btn-close-panel{background:#e2e8f0;border:none;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#475569;cursor:pointer}.notif-panel-body{max-height:380px;overflow-y:auto}@media(max-width:767px){.nav-notification-panel{width:310px!important;max-width:calc(100vw - 16px)!important;border-radius:12px!important;box-shadow:0 12px 32px -8px #0f172a38!important}.notif-panel-header{padding:10px 12px!important}.notif-panel-title{font-size:13.5px!important}.notif-unread-tag{font-size:10px!important;padding:2px 6px!important}.btn-text-action{font-size:11px!important;padding:2px 4px!important}.btn-close-panel{width:22px!important;height:22px!important;font-size:11px!important}.notif-panel-body{max-height:280px!important;overflow-y:auto!important}.notif-item{padding:10px 12px!important;gap:10px!important}.notif-item-title{font-size:12px!important}.notif-item-desc{font-size:11px!important;margin-bottom:2px!important}.notif-type-icon{font-size:17px!important}}.notif-empty-state{text-align:center;padding:40px 20px;color:#64748b}.notif-empty-state span{font-size:32px;display:block;margin-bottom:8px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .15s ease;position:relative}.notif-item:hover{background:#f1f5f9}.notif-item.unread{background:#f0f9ff}.notif-item.unread:hover{background:#e0f2fe}.notif-type-icon{font-size:20px}.notif-item-content{flex:1}.notif-item-title{font-weight:700;font-size:13px;color:#0f172a;display:flex;align-items:center;gap:6px;margin-bottom:2px}.notif-dot{width:6px;height:6px;border-radius:50%;background:#0284c7;display:inline-block}.notif-item-desc{font-size:12px;color:#475569;line-height:1.4;margin-bottom:4px}.notif-item-time{font-size:10px;color:#94a3b8}.notif-item-del{background:none;border:none;color:#cbd5e1;font-size:12px;cursor:pointer;padding:2px 4px}.notif-item-del:hover{color:#ef4444}body.dark-mode .sm-toast{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}body.dark-mode .sm-dialog-card{background:var(--card-bg, #1f2937);color:var(--text-primary, #f3f4f6);border:1px solid var(--border-color, #374151)}body.dark-mode .sm-dialog-title{color:var(--text-primary, #f3f4f6)}body.dark-mode .sm-dialog-desc{color:var(--text-secondary, #d1d5db)}body.dark-mode .sm-btn-pill-cancel{background:var(--secondary-color, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}body.dark-mode .sm-btn-pill-cancel:hover{background:var(--border-color, #374151)}body.dark-mode .sm-loading-card{background:var(--card-bg, #1f2937);color:var(--text-primary, #f3f4f6);border:1px solid var(--border-color, #374151)}body.dark-mode .sm-loading-title{color:var(--text-primary, #f3f4f6)}body.dark-mode .sm-loading-desc{color:var(--text-secondary, #d1d5db)}body.dark-mode .nav-notification-panel{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151)}body.dark-mode .notif-panel-header{background:var(--secondary-color, #1f2937);border-bottom-color:var(--border-color, #374151)}body.dark-mode .notif-panel-title{color:var(--text-primary, #f3f4f6)}body.dark-mode .btn-close-panel{background:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}body.dark-mode .notif-item{border-bottom-color:var(--border-color, #374151)}body.dark-mode .notif-item:hover{background:var(--secondary-color, #1f2937)}body.dark-mode .notif-item.unread{background:#2563eb26}body.dark-mode .notif-item-title{color:var(--text-primary, #f3f4f6)}body.dark-mode .notif-item-desc{color:var(--text-secondary, #d1d5db)}.teacher-management-page-section,.course-builder-page-section{width:100%;min-height:calc(100vh - 100px);padding:32px 24px 60px;background:var(--bg-color, #f8fafc);box-sizing:border-box;direction:rtl}@media(max-width:768px){.teacher-management-page-section,.course-builder-page-section{padding:16px 12px 40px}}.course-builder-container{display:flex;flex-direction:column;gap:24px;width:min(95%,1800px);margin:0 auto;font-family:Tajawal,sans-serif;color:var(--text-color, #1e293b);direction:rtl}.management-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;background:var(--card-bg, #ffffff);border:1px solid rgba(148,163,184,.2);border-radius:16px;box-shadow:0 4px 20px -2px #0000000d}.management-title-group h2{font-size:22px;font-weight:800;color:var(--primary-color, #6d28d9);margin:0 0 4px;display:flex;align-items:center;gap:10px}.management-title-group p{font-size:14px;color:#64748b;margin:0}.btn-create-course{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#6d28d9,#4c1d95);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #6d28d940}.btn-create-course:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6d28d959}.builder-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:899px){.builder-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.builder-stat-card{padding:10px 12px;background:var(--card-bg, #ffffff);border:1px solid rgba(148,163,184,.18);border-radius:10px;display:flex;flex-direction:column;gap:4px;transition:transform .2s ease,box-shadow .2s ease;min-height:0}.builder-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px #0000000f}.builder-stat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#6d28d91a;color:#6d28d9}.builder-stat-val{font-size:16px;font-weight:800;color:#0f172a;line-height:1.2}.builder-stat-lbl{font-size:11px;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courses-table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--card-bg, #ffffff);padding:16px 20px;border-radius:14px;border:1px solid rgba(148,163,184,.18)}.search-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.builder-search-input{padding:10px 16px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;min-width:240px;outline:none;font-family:inherit;transition:border-color .2s ease}.builder-search-input:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91f}.builder-select{padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;outline:none;background:#fff;font-family:inherit;cursor:pointer}.courses-management-list{display:flex;flex-direction:column;gap:14px}.mgmt-course-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--card-bg, #ffffff);border:1px solid rgba(148,163,184,.2);border-radius:14px;transition:all .2s ease}.mgmt-course-card:hover{border-color:#6d28d9;box-shadow:0 6px 20px -4px #6d28d91a}.mgmt-course-main{display:flex;align-items:center;gap:16px;flex:1;min-width:280px}.mgmt-course-img{width:90px;height:65px;border-radius:10px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.mgmt-course-details h4{font-size:16px;font-weight:700;margin:0 0 6px;color:#0f172a}.mgmt-course-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#64748b}.status-badge{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.published{background:#dcfce7;color:#15803d}.status-badge.draft{background:#fef9c3;color:#a16207}.status-badge.archived{background:#f1f5f9;color:#64748b}.status-badge.unpublished{background:#fee2e2;color:#b91c1c}.mgmt-course-stats{display:flex;align-items:center;gap:20px;font-size:13px;color:#475569}.mgmt-stat-item{display:flex;flex-direction:column;align-items:center}.mgmt-stat-item strong{font-size:15px;color:#0f172a;font-weight:700}.mgmt-course-actions{display:flex;align-items:center;gap:8px}.action-icon-btn,.btn-icon-action{position:relative;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px #0000000d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;outline:none;color:#4b5563;box-sizing:border-box}.action-icon-btn svg,.btn-icon-action svg{width:18px;height:18px;transition:transform .2s ease,stroke .2s ease;flex-shrink:0}.action-icon-btn:hover,.btn-icon-action:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05);box-shadow:0 4px 6px -1px #00000014}.action-icon-btn:active,.btn-icon-action:active{background:#e5e7eb;transform:scale(.98)}.action-icon-btn:focus-visible,.btn-icon-action:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#1e293b;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:6px;box-shadow:0 4px 12px #00000026;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease .3s,transform .2s ease .3s,visibility .2s ease .3s;z-index:1000;font-family:Tajawal,sans-serif;direction:rtl}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border-width:6px 6px 0 6px;border-style:solid;border-color:#1e293b transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease .3s,transform .2s ease .3s,visibility .2s ease .3s;z-index:1000}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.builder-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--card-bg, #ffffff);border:1px solid rgba(148,163,184,.2);border-radius:14px;flex-wrap:wrap}.builder-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease}.builder-back-btn:hover{background:#e2e8f0;color:#0f172a}.auto-save-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:20px;font-size:13px;font-weight:600}.auto-save-pill.saving{background:#fefce8;border-color:#fef08a;color:#854d0e}.auto-save-pill.unsaved{background:#fff7ed;border-color:#ffedd5;color:#c2410c}.builder-tabs-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;scrollbar-width:thin}.builder-tab-btn{padding:10px 18px;border-radius:10px;border:none;background:transparent;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:8px}.builder-tab-btn:hover{color:#6d28d9;background:#6d28d90d}.builder-tab-btn.active{background:#6d28d9;color:#fff;box-shadow:0 2px 8px #6d28d940}.builder-tab-panel{display:none;flex-direction:column;gap:20px;padding:24px;background:var(--card-bg, #ffffff);border:1px solid rgba(148,163,184,.2);border-radius:16px}.builder-tab-panel.active{display:flex}.builder-section-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.form-grid-2{grid-template-columns:1fr}}.form-group-builder{display:flex;flex-direction:column;gap:6px}.form-group-builder label{font-size:14px;font-weight:700;color:#334155}.form-input-builder,.form-select-builder,.form-textarea-builder{padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;font-family:inherit;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input-builder:focus,.form-select-builder:focus,.form-textarea-builder:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91f}.rich-editor-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f8fafc;border:1px solid #cbd5e1;border-bottom:none;border-radius:10px 10px 0 0}.editor-btn{padding:4px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.editor-btn:hover{background:#6d28d9;color:#fff}.curriculum-tree-container{display:flex;flex-direction:column;gap:16px}.section-builder-card{border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;overflow:hidden;transition:border-color .2s ease}.section-builder-card:focus-within{border-color:#6d28d9}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer}.section-title-input{font-size:16px;font-weight:700;border:none;background:transparent;outline:none;color:#0f172a;flex:1}.section-actions{display:flex;align-items:center;gap:6px}.lessons-list-builder{padding:12px 18px;display:flex;flex-direction:column;gap:10px}.lesson-builder-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.lesson-builder-card:hover{border-color:#a855f7;box-shadow:0 4px 12px -2px #a855f71f}.lesson-info-group{display:flex;align-items:center;gap:10px;flex:1}.drag-handle{cursor:grab;color:#94a3b8;font-size:16px}.lesson-badge-free{padding:2px 8px;background:#dcfce7;color:#166534;font-size:11px;font-weight:700;border-radius:12px}.item-list-builder{display:flex;flex-direction:column;gap:10px}.item-row-builder{display:flex;align-items:center;gap:10px}.item-row-builder input{flex:1}.attachments-grid-builder{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.attachment-card-builder{padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-meta h5{margin:0 0 4px;font-size:14px;font-weight:700}.attachment-meta p{margin:0;font-size:12px;color:#64748b}.quiz-questions-list{display:flex;flex-direction:column;gap:16px}.quiz-question-card{padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:12px}.qna-thread-card,.review-manage-card{padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.qna-header,.review-header{display:flex;align-items:center;justify-content:space-between;gap:10px}body.dark-mode .management-header,body.dark-mode .courses-table-controls,body.dark-mode .mgmt-course-card,body.dark-mode .builder-top-bar,body.dark-mode .builder-tab-panel,body.dark-mode .section-header-row,body.dark-mode .lesson-builder-card,body.dark-mode .quiz-question-card{background:#0f172a;border-color:#ffffff1a;color:#f8fafc}body.dark-mode .builder-tabs-nav,body.dark-mode .section-builder-card,body.dark-mode .attachment-card-builder,body.dark-mode .qna-thread-card,body.dark-mode .review-manage-card,body.dark-mode .rich-editor-toolbar{background:#1e293b;border-color:#ffffff1f}body.dark-mode .form-input-builder,body.dark-mode .form-select-builder,body.dark-mode .form-textarea-builder,body.dark-mode .builder-search-input,body.dark-mode .builder-select,body.dark-mode .section-title-input{background:#1e293b;border-color:#334155;color:#f8fafc}body.dark-mode .form-group-builder label,body.dark-mode .builder-stat-val,body.dark-mode .mgmt-course-details h4,body.dark-mode .builder-section-title{color:#f8fafc}.builder-media-upload-row{display:flex;gap:10px;align-items:center}.builder-preview-checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1023px){.course-builder-page-section,.teacher-management-page-section{padding:20px 16px 40px}.course-builder-container{width:100%;gap:18px}.builder-top-bar{padding:14px 18px;gap:14px}.builder-top-bar-title-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto}.builder-top-bar-course-title{font-size:16px;font-weight:800;color:var(--primary-color, #6d28d9)}.builder-top-bar-actions-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-grid-3{grid-template-columns:repeat(2,1fr)}.mgmt-course-card{padding:14px 16px}}.att-file-actions-group{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.att-action-btn.btn-danger{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px}@media(max-width:768px){.course-builder-page-section,.teacher-management-page-section,#questionBankPage{padding:10px 8px 24px!important;box-sizing:border-box!important;overflow-x:hidden!important}.course-builder-container{gap:10px;width:100%!important;max-width:100%!important}.management-header{padding:12px 10px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.btn-create-course{width:100%!important;justify-content:center!important;min-height:38px!important;font-size:14px!important;padding:8px 14px!important}.courses-table-controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.search-filter-group{flex-direction:column!important;width:100%!important;gap:8px!important}.builder-search-input,.builder-select{width:100%!important;min-height:36px!important;font-size:13px!important;padding:8px 10px!important;box-sizing:border-box!important}.builder-top-bar{padding:10px 12px;flex-direction:column;align-items:stretch;gap:8px;border-radius:10px}.builder-top-bar-title-group{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between}.builder-top-bar-course-title{font-size:15px!important;font-weight:700!important;line-height:1.3!important;width:100%;flex:1 1 100%;order:2;word-break:break-word;margin-top:2px}.builder-back-btn{order:1;padding:6px 10px;font-size:12px;min-height:34px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.status-badge{order:3;font-size:11px;padding:3px 8px}.builder-top-bar-actions-group{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.builder-top-bar-actions-group .auto-save-pill{width:100%;justify-content:center;text-align:center;box-sizing:border-box;padding:4px 8px;font-size:11px}.builder-top-bar-actions-group .btn,.builder-top-bar-actions-group .builder-action-btn{flex:1 1 calc(50% - 4px)!important;min-width:0!important;padding:8px 10px!important;font-size:13px!important;font-weight:600!important;justify-content:center!important;text-align:center!important;min-height:38px!important;border-radius:8px!important}.builder-tabs-nav{padding:4px!important;gap:6px!important;border-radius:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important}.builder-tabs-nav::-webkit-scrollbar{display:none}.builder-tab-btn{padding:8px 12px!important;font-size:13px!important;font-weight:600!important;border-radius:8px!important;flex-shrink:0!important;min-height:36px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.builder-tab-panel{padding:12px 10px!important;gap:12px!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important}.builder-section-title{font-size:15px!important;font-weight:700!important;line-height:1.3!important;margin-bottom:10px!important;padding-bottom:6px!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;word-break:break-word!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important;gap:10px!important}.form-input-builder,.form-select-builder,.form-textarea-builder{padding:8px 10px!important;font-size:13px!important;min-height:38px!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.form-textarea-builder{min-height:80px!important}.rich-editor-toolbar{flex-wrap:wrap!important;gap:4px!important;padding:6px!important}.editor-btn{min-height:32px!important;padding:4px 8px!important;font-size:12px!important}.builder-tab-panel .btn,.builder-tab-panel button.btn,.course-builder-container .btn{min-height:38px;padding:8px 12px;font-size:13px;font-weight:600;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.builder-tab-panel button[onclick*=addNewSection],.builder-tab-panel button[onclick*=addNewQuiz],.builder-tab-panel button[onclick*=addNewAssignment],.builder-tab-panel button[onclick*=addRequirementItem],.builder-tab-panel button[onclick*=addOutcomeItem],.builder-tab-panel button[onclick*=openAddAttachmentModal],.builder-tab-panel button[onclick*=openQuestionBankManagerModal],.builder-tab-panel button[onclick*=triggerDirectImportFile]{width:100%!important;justify-content:center!important;margin-top:6px!important}.curriculum-tree-container{gap:8px!important}.section-builder-card{border-radius:8px!important;overflow:hidden!important}.section-header-row{padding:6px 8px!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}.section-title-input{font-size:13px!important;font-weight:700!important;flex:1 1 calc(100% - 24px)!important;width:calc(100% - 24px)!important;order:2!important;min-height:28px!important;padding:2px 6px!important;border:1px solid #cbd5e1!important;border-radius:5px!important;background:#fff!important}.section-header-row .drag-handle{order:1!important;font-size:13px!important;color:#94a3b8!important}.section-actions{order:3!important;width:100%!important;justify-content:flex-end!important;border-top:1px solid #e2e8f0!important;padding-top:4px!important;margin-top:2px!important;flex-wrap:wrap!important;gap:4px!important;display:flex!important;align-items:center!important}.section-actions .btn-icon-action,.section-actions button{padding:2px 6px!important;font-size:11px!important;font-weight:600!important;min-height:26px!important;height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:4px!important}.lessons-list-builder{padding:6px!important;gap:6px!important}.lesson-builder-card{padding:6px 8px!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;border-radius:6px!important;background:#fff!important}.lesson-info-group{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 6px!important;width:100%!important}.lesson-info-group .drag-handle{font-size:12px!important;color:#94a3b8!important;flex-shrink:0!important}.lesson-info-group input[type=text].form-input-builder{flex:1 1 calc(100% - 24px)!important;width:calc(100% - 24px)!important;min-height:28px!important;padding:2px 6px!important;font-size:12px!important;font-weight:600!important;border-radius:4px!important}.lesson-info-group input[type=number].form-input-builder{width:52px!important;min-width:52px!important;min-height:24px!important;padding:1px 4px!important;font-size:11px!important;border-radius:4px!important;text-align:center!important}.lesson-info-group label{font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;margin-right:auto!important;white-space:nowrap!important;color:#475569!important}.lesson-builder-card .section-actions{border-top:1px dashed #f1f5f9!important;padding-top:3px!important;margin-top:2px!important}.lesson-builder-card .section-actions .btn-icon-action,.lesson-builder-card button{min-height:24px!important;height:24px!important;padding:2px 5px!important;font-size:10px!important;font-weight:600!important;border-radius:4px!important}.quiz-questions-list{gap:10px!important}.quiz-question-card{padding:10px!important;gap:8px!important;border-radius:8px!important}.quiz-question-card .btn,.quiz-question-card button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important;font-weight:600!important;border-radius:6px!important}#questionBankPage button#btn_new_question_bank,#questionBankPage button#btn_import_questions_bank{width:100%!important;justify-content:center!important;min-height:38px!important;font-size:13px!important;font-weight:600!important;padding:8px 12px!important}.attachments-grid-builder{grid-template-columns:1fr!important;gap:10px!important}.att-file-actions-group{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;margin-top:8px!important;width:100%!important;box-sizing:border-box!important}.att-action-btn{width:100%!important;min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:6px!important}.builder-preview-checklist-grid{grid-template-columns:1fr!important;gap:10px!important}.mgmt-course-card{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important;border-radius:10px!important}.mgmt-course-main{width:100%!important;min-width:0!important}.mgmt-course-stats{width:100%!important;justify-content:space-between!important;border-top:1px solid #f1f5f9!important;padding-top:8px!important;flex-wrap:wrap!important;gap:6px!important}.mgmt-course-actions{width:100%!important;justify-content:flex-end!important;border-top:1px solid #f1f5f9!important;padding-top:8px!important;flex-wrap:wrap!important;gap:6px!important}.mgmt-course-actions .btn,.mgmt-course-actions button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important;font-weight:600!important;flex:1 1 auto!important;justify-content:center!important}}@media(max-width:480px){.course-builder-page-section,.teacher-management-page-section,#questionBankPage{padding:8px 6px 20px!important}.builder-tab-panel{padding:10px 8px!important;gap:10px!important}.builder-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.builder-media-upload-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.builder-media-upload-row img{width:100%!important;height:130px!important;object-fit:cover!important;border-radius:8px!important}.builder-media-upload-row .btn{width:100%!important;justify-content:center!important;min-height:38px!important}.form-grid-3,.attachments-grid-builder{grid-template-columns:1fr!important}.item-row-builder{flex-direction:row!important;align-items:center!important;gap:6px!important}.item-row-builder input{flex:1 1 auto!important;width:auto!important;min-height:36px!important}.item-row-builder button{align-self:auto!important;min-height:36px!important;padding:6px 10px!important}.floating-modal-overlay{padding:6px!important}.floating-modal-box{width:100%!important;max-width:100%!important;padding:12px!important;border-radius:10px!important;max-height:94vh!important;box-sizing:border-box!important}}@media(max-width:768px){.qb-mgr-modal-box{width:95%!important;max-width:95%!important;max-height:92vh!important;padding:12px 10px!important;border-radius:12px!important;margin:auto!important;box-sizing:border-box!important}.qb-mgr-header{padding-bottom:10px!important;margin-bottom:10px!important;gap:8px!important}.qb-mgr-title{font-size:15px!important;line-height:1.35!important;font-weight:800!important}.qb-mgr-desc{font-size:11px!important;line-height:1.35!important;margin-top:3px!important}.qb-mgr-close-btn{width:32px!important;height:32px!important;min-width:32px!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.qb-mgr-toolbar{padding:10px!important;margin-bottom:10px!important;gap:8px!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}#qb_mgr_search{width:100%!important;min-width:100%!important;box-sizing:border-box!important;font-size:13px!important;min-height:36px!important;padding:6px 10px!important}.qb-mgr-toolbar .form-select-builder,#qb_mgr_cat,#qb_mgr_diff{width:100%!important;box-sizing:border-box!important;font-size:13px!important;min-height:36px!important;padding:6px 10px!important}@media(min-width:360px){.qb-mgr-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}#qb_mgr_search,.qb-mgr-archived-label,#qb_mgr_add_btn{grid-column:1 / -1!important}}.qb-mgr-archived-label{font-size:12px!important;font-weight:700!important;padding:2px 0!important}#qb_mgr_add_btn{width:100%!important;margin-right:0!important;min-height:36px!important;font-size:13px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 12px!important}.qb-mgr-list{gap:8px!important;padding-left:0!important}.qb-mgr-card{padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.qb-mgr-card-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.qb-mgr-card-body{width:100%!important}.qb-mgr-card-title{font-size:13px!important;line-height:1.4!important;display:block!important;word-break:break-word!important}.qb-mgr-card-meta{font-size:11px!important;gap:6px 8px!important;margin-top:6px!important;padding-top:4px!important;border-top:1px dashed #f1f5f9!important}.qb-mgr-card-explanation{font-size:11px!important;line-height:1.4!important;margin-top:6px!important;background:#f8fafc!important;padding:6px 8px!important;border-radius:6px!important;word-break:break-word!important}.qb-mgr-card-actions{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;margin-top:6px!important;padding-top:8px!important;border-top:1px solid #f1f5f9!important;box-sizing:border-box!important}.qb-mgr-card-actions .btn,.qb-mgr-card-actions button,.qb-action-btn{width:100%!important;min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:6px!important}.qb-mgr-card-actions .btn-danger,.qb-action-btn.btn-del{background:#ef4444!important;color:#fff!important;border:none!important}.qb-mgr-footer{padding-top:10px!important;margin-top:10px!important}.qb-mgr-close-footer{min-height:34px!important;font-size:12px!important;padding:6px 16px!important}#questionEditorPage{padding:0!important;overflow-x:hidden!important}#questionEditorPage .qe-main-wrapper{margin-top:0!important;border-radius:0!important;border:none!important;min-height:100vh!important}#questionEditorPage .qe-top-toolbar{padding:10px 12px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important}#questionEditorPage .qe-toolbar-left{display:flex!important;align-items:flex-start!important;gap:8px!important}#questionEditorPage .qe-back-btn{height:32px!important;min-height:32px!important;padding:4px 10px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important}#questionEditorPage .qe-title{font-size:14px!important;font-weight:800!important;line-height:1.3!important;flex-wrap:wrap!important;gap:4px!important}#questionEditorPage .qe-badge{font-size:10px!important;padding:2px 6px!important}#questionEditorPage .qe-subtitle{font-size:11px!important;line-height:1.3!important;margin-top:2px!important;color:#64748b!important}#questionEditorPage .qe-toolbar-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;width:100%!important;padding-top:6px!important;border-top:1px solid #f1f5f9!important;box-sizing:border-box!important}#questionEditorPage .qe-autosave{font-size:11px!important}#questionEditorPage .qe-export-btn,#questionEditorPage .qe-save-btn{height:34px!important;min-height:34px!important;padding:4px 12px!important;font-size:12px!important;font-weight:700!important;border-radius:6px!important;white-space:nowrap!important}#questionEditorPage .qe-workspace{flex-direction:column!important;overflow:visible!important}#questionEditorPage .qe-editor-panel{width:100%!important;min-width:100%!important;max-width:100%!important;border-left:none!important;padding:10px!important;gap:12px!important;box-sizing:border-box!important;overflow-y:visible!important}#questionEditorPage .qe-preview-panel{width:100%!important;min-width:100%!important;max-width:100%!important;padding:10px!important;gap:10px!important;box-sizing:border-box!important;border-top:2px dashed #cbd5e1!important;background:#f1f5f9!important;overflow-y:visible!important}#questionEditorPage .qe-card,#questionEditorPage .builder-card{padding:12px 10px!important;border-radius:10px!important;box-sizing:border-box!important}#questionEditorPage .qe-card-title,#questionEditorPage .builder-card h4{font-size:13px!important;margin-bottom:8px!important;line-height:1.3!important}#questionEditorPage .qe-grid-3,#questionEditorPage .qe-grid-2,#questionEditorPage .form-grid-3,#questionEditorPage .form-grid-2{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}#questionEditorPage .form-group-builder{gap:3px!important}#questionEditorPage .form-group-builder label{font-size:11px!important;font-weight:700!important;color:#334155!important}#questionEditorPage .form-input-builder,#questionEditorPage .form-select-builder{height:34px!important;min-height:34px!important;padding:4px 8px!important;font-size:12px!important;border-radius:6px!important;box-sizing:border-box!important}#questionEditorPage .qe-textarea,#questionEditorPage .form-textarea-builder{padding:8px!important;font-size:13px!important;line-height:1.5!important;border-radius:0 0 8px 8px!important;box-sizing:border-box!important}#questionEditorPage .qe-rich-toolbar{padding:4px 6px!important;gap:3px!important;align-items:center!important}#questionEditorPage .qe-rich-btn{min-height:28px!important;height:28px!important;padding:2px 6px!important;font-size:11px!important;border-radius:4px!important}#questionEditorPage .qe-rich-sep{display:none!important}#questionEditorPage .qe-media-drop{padding:10px 8px!important;margin-bottom:8px!important;border-radius:8px!important}#questionEditorPage .qe-drop-icon{font-size:20px!important}#questionEditorPage .qe-drop-text{font-size:11px!important;margin:2px 0!important}#questionEditorPage .qe-drop-btn{height:30px!important;min-height:30px!important;padding:2px 10px!important;font-size:11px!important}#questionEditorPage .qe-ans-opt-row{padding:8px!important;gap:6px!important;border-radius:6px!important}#questionEditorPage .qe-ans-opt-row input[type=radio]{width:16px!important;height:16px!important;flex-shrink:0!important}#questionEditorPage .qe-opt-input{height:32px!important;min-height:32px!important;font-size:12px!important;padding:2px 8px!important}#questionEditorPage .qe-opt-actions{gap:2px!important;flex-shrink:0!important}#questionEditorPage .qe-opt-btn{min-height:28px!important;height:28px!important;width:28px!important;padding:0!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#questionEditorPage .qe-add-opt-btn{min-height:32px!important;height:32px!important;padding:4px 12px!important;font-size:12px!important;width:100%!important;border-radius:6px!important;margin-top:4px!important}#questionEditorPage .qe-img-choice-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}#questionEditorPage .qe-img-choice-card{padding:6px!important}#questionEditorPage .qe-img-choice-box{height:70px!important}#questionEditorPage .qe-matching-row,#questionEditorPage .qe-ordering-row{padding:6px 8px!important;gap:6px!important}#questionEditorPage .qe-matching-header{font-size:10px!important}#questionEditorPage .qe-scoring-checks{gap:8px 12px!important}#questionEditorPage .qe-scoring-checks label{font-size:11px!important}#questionEditorPage .qe-val-box{padding:8px 10px!important;font-size:11px!important;border-radius:8px!important}}.book-management-container,.book-builder-container{width:min(95%,1800px);margin:30px auto;padding:0 32px 60px;box-sizing:border-box;font-family:Tajawal,sans-serif;color:var(--text-color, #1e293b);direction:rtl}.book-builder-header,.book-mgmt-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--card-bg, #ffffff);padding:24px;border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 16px #0000000a;margin-bottom:24px}.book-mgmt-title-group h2,.book-builder-title-group h2{font-size:22px;font-weight:800;color:var(--text-color, #0f172a);margin:0 0 6px;display:flex;align-items:center;gap:10px}.book-mgmt-title-group p,.book-builder-title-group p{margin:0;font-size:14px;color:#64748b}.book-breadcrumb-bar{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:12px}.book-breadcrumb-bar a{color:var(--primary-color, #7c3aed);text-decoration:none;font-weight:600;cursor:pointer}.book-breadcrumb-bar a:hover{text-decoration:underline}.book-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auto-save-indicator{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;background:#f1f5f9;color:#475569;transition:all .3s ease}.auto-save-indicator.saved{background:#dcfce7;color:#15803d}.auto-save-indicator.saving{background:#fef9c3;color:#a16207}.auto-save-indicator.unsaved{background:#fee2e2;color:#b91c1c}.save-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.book-stats-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:1024px){.book-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:899px){.book-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.book-stat-card{background:var(--card-bg, #ffffff);border:1px solid rgba(226,232,240,.8);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 4px #00000008;transition:transform .2s ease,box-shadow .2s ease;min-height:0}.book-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.book-stat-header{display:flex;align-items:center;justify-content:space-between}.book-stat-icon{width:28px;height:28px;border-radius:6px;background:#7c3aed14;display:flex;align-items:center;justify-content:center;color:var(--primary-color, #7c3aed);font-size:14px}.book-stat-val{font-size:16px;font-weight:800;color:var(--text-color, #0f172a);line-height:1.2}.book-stat-lbl{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-builder-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px;background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid rgba(226,232,240,.8);margin-bottom:24px;scrollbar-width:thin}.book-builder-tab{padding:10px 16px;border-radius:10px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:all .2s ease}.book-builder-tab:hover{background:#f8fafc;color:var(--primary-color, #7c3aed)}.book-builder-tab.active{background:var(--primary-color, #7c3aed);color:#fff;box-shadow:0 4px 12px #7c3aed40}.book-builder-progress-wrapper{background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid rgba(226,232,240,.8);padding:12px 18px;margin-bottom:20px}.book-progress-info{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.book-progress-track{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.book-progress-fill{height:100%;background:var(--primary-color, #7c3aed);border-radius:4px;transition:width .3s ease}.book-builder-footer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e2e8f0}.book-section-card{background:var(--card-bg, #ffffff);border-radius:16px;border:1px solid rgba(226,232,240,.8);padding:24px;box-shadow:0 4px 16px #00000008;margin-bottom:24px}.book-section-title{font-size:17px;font-weight:800;color:var(--text-color, #0f172a);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:10px}.book-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.book-form-group{display:flex;flex-direction:column;gap:6px}.book-form-group.full-width{grid-column:1 / -1}.book-form-group label{font-size:13px;font-weight:700;color:#334155;display:flex;align-items:center;justify-content:space-between}.book-form-group label span.required{color:#ef4444}.book-form-control{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.book-form-control:focus{outline:none;border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1f}textarea.book-form-control{resize:vertical;min-height:90px}.rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:6px;background:#f8fafc;border:1px solid #cbd5e1;border-bottom:none;border-radius:10px 10px 0 0;flex-wrap:wrap}.rich-btn{padding:5px 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.rich-btn:hover{background:#e2e8f0;color:#0f172a}.rich-text-editor-box{min-height:140px;padding:14px;border:1px solid #cbd5e1;border-radius:0 0 10px 10px;background:#fff;color:#0f172a;font-size:14px;line-height:1.6;outline:none}.rich-text-editor-box:focus{border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1f}.cover-upload-wrapper{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.cover-preview-box{width:160px;height:220px;border-radius:12px;border:2px dashed #cbd5e1;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.cover-preview-img{width:100%;height:100%;object-fit:cover}.cover-actions{display:flex;flex-direction:column;gap:10px}.source-type-selector{display:flex;gap:10px;margin-bottom:12px}.source-type-btn{flex:1;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:all .2s ease}.source-type-btn.active{background:#f3e8ff;border-color:var(--primary-color, #7c3aed);color:var(--primary-color, #7c3aed)}.attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.attachment-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;gap:12px}.attachment-info{display:flex;align-items:center;gap:10px}.attachment-type-badge{padding:4px 8px;border-radius:6px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:800;text-transform:uppercase}.review-item-card,.qa-item-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;background:#f8fafc}.review-item-header,.qa-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.review-stars{color:#f59e0b;font-size:14px}.reply-box{margin-top:10px;padding-top:10px;border-top:1px dashed #cbd5e1;display:flex;gap:8px}.validation-summary-box{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:16px;margin-bottom:20px}.validation-summary-box h4{margin:0 0 8px;color:#991b1b;font-size:14px;font-weight:800}.validation-summary-box ul{margin:0;padding-right:20px;color:#b91c1c;font-size:13px}.mgmt-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--card-bg, #ffffff);padding:16px 20px;border-radius:14px;border:1px solid rgba(226,232,240,.8);margin-bottom:20px}.mgmt-search-filter-group{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.mgmt-search-input{flex:1;min-width:220px;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit;outline:none}.mgmt-search-input:focus{border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1f}.mgmt-select-filter{padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:13px;font-weight:600;color:#334155;background:#fff;outline:none;cursor:pointer}.mgmt-bulk-actions{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.book-mgmt-table-wrapper{background:var(--card-bg, #ffffff);border-radius:16px;border:1px solid rgba(226,232,240,.8);overflow-x:auto;box-shadow:0 4px 16px #00000008}.book-mgmt-table{width:100%;min-width:980px;border-collapse:collapse;text-align:right;font-size:13px}.book-mgmt-table th{background:#f8fafc;color:#475569;font-weight:800;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.book-mgmt-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.book-mgmt-table tr:hover{background:#f8fafc}.book-thumb-cell{display:flex;align-items:center;gap:12px;min-width:280px}.book-thumb-img{width:44px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.book-info-text{flex:1;min-width:220px}.book-table-title{font-weight:800;font-size:14px;color:#0f172a;margin-bottom:3px;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:break-word}.book-table-sub{font-size:12px;color:#64748b;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:break-word}.status-pill{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;display:inline-block;white-space:nowrap}.status-pill.published{background:#dcfce7;color:#15803d}.status-pill.draft{background:#fef9c3;color:#a16207}.status-pill.private{background:#f3e8ff;color:#7e22ce}.status-pill.archived{background:#f1f5f9;color:#64748b}.status-pill.unlisted{background:#e0f2fe;color:#0369a1}.table-actions-cell{display:flex;align-items:center;gap:6px;justify-content:flex-end}.table-actions-cell .action-icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.table-actions-cell .action-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05)}.book-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid rgba(226,232,240,.8);margin-top:20px}.pagination-pages{display:flex;gap:6px}.page-btn{padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:700;font-size:13px;cursor:pointer}.page-btn.active{background:var(--primary-color, #7c3aed);color:#fff;border-color:var(--primary-color, #7c3aed)}.book-modal-box{background:#fff;border-radius:18px;padding:24px;max-width:640px;width:90%;box-shadow:0 20px 40px #0003;direction:rtl;position:relative}@media(max-width:768px){.book-builder-container{width:100%!important;margin:8px auto!important;padding:0 10px 24px!important}.book-breadcrumb-bar{font-size:11px!important;margin-bottom:8px!important;gap:4px!important}.book-builder-header{padding:10px 12px!important;border-radius:10px!important;margin-bottom:10px!important;gap:8px!important}.book-builder-title-group h2{font-size:15px!important;margin-bottom:2px!important;gap:6px!important}.book-builder-title-group h2 svg{width:18px!important;height:18px!important}.book-builder-title-group p{font-size:11px!important;line-height:1.3!important}.book-header-actions{gap:6px!important;width:100%!important;justify-content:flex-start!important}.auto-save-indicator{font-size:11px!important;padding:3px 8px!important;gap:4px!important}.save-dot{width:6px!important;height:6px!important}.book-header-actions button,.book-header-actions .btn-primary-purple,.book-header-actions .btn-secondary-outline{padding:5px 10px!important;font-size:11px!important;height:auto!important;gap:4px!important}.book-header-actions button svg{width:13px!important;height:13px!important}.book-builder-progress-wrapper{padding:8px 10px!important;border-radius:8px!important;margin-bottom:10px!important}.book-progress-info{font-size:11px!important;margin-bottom:4px!important}.book-progress-track{height:5px!important}.validation-summary-box{padding:8px 10px!important;border-radius:8px!important;margin-bottom:10px!important}.validation-summary-box h4{font-size:12px!important;margin-bottom:4px!important}.validation-summary-box ul{padding-right:14px!important;font-size:11px!important;line-height:1.4!important}.book-builder-tabs{padding:3px!important;gap:3px!important;border-radius:10px!important;margin-bottom:10px!important}.book-builder-tab{padding:6px 10px!important;font-size:11px!important;border-radius:7px!important;gap:4px!important}.book-builder-tab span{font-size:13px!important}.book-section-card{padding:12px 10px!important;border-radius:10px!important;margin-bottom:10px!important;box-shadow:0 1px 4px #00000005!important}.book-section-title{font-size:14px!important;margin:0 0 10px!important;padding-bottom:8px!important;gap:6px!important}.book-form-grid{grid-template-columns:1fr!important;gap:8px!important}.book-form-group{gap:3px!important}.book-form-group label{font-size:11px!important;font-weight:700!important}.book-form-control{padding:6px 10px!important;font-size:12px!important;border-radius:7px!important}textarea.book-form-control{min-height:55px!important}.rich-text-toolbar{padding:3px 4px!important;gap:2px!important;border-radius:7px 7px 0 0!important}.rich-btn{padding:3px 6px!important;font-size:11px!important;border-radius:4px!important}.rich-text-editor-box{min-height:80px!important;padding:8px 10px!important;font-size:12px!important;border-radius:0 0 7px 7px!important}.cover-upload-wrapper{gap:10px!important;align-items:center!important}.cover-preview-box{width:100px!important;height:135px!important;border-radius:8px!important;flex-shrink:0!important}.cover-actions{gap:6px!important;flex:1!important;min-width:0!important}.cover-actions p{font-size:10px!important;margin:0 0 4px!important;line-height:1.3!important}.cover-actions label,.cover-actions button{padding:5px 8px!important;font-size:11px!important;gap:4px!important;width:100%!important;justify-content:center!important;box-sizing:border-box!important}.source-type-selector{gap:6px!important;margin-bottom:8px!important}.source-type-btn{padding:6px 8px!important;font-size:11px!important;border-radius:7px!important}.attachment-list{gap:6px!important;margin-top:8px!important}.attachment-item-row{padding:8px 10px!important;border-radius:7px!important;gap:8px!important}.attachment-info{gap:6px!important}.attachment-type-badge{padding:2px 5px!important;font-size:10px!important}.book-builder-footer-nav{margin-top:12px!important;padding-top:10px!important;gap:8px!important}.book-builder-footer-nav button{padding:6px 12px!important;font-size:11px!important}.book-management-container{width:100%!important;margin:8px auto!important;padding:0 10px 24px!important}.book-mgmt-header{padding:10px 12px!important;border-radius:10px!important;margin-bottom:10px!important;gap:8px!important}.book-mgmt-title-group h2{font-size:15px!important;margin-bottom:2px!important;gap:6px!important}.book-mgmt-title-group h2 svg{width:18px!important;height:18px!important}.book-mgmt-title-group p{font-size:11px!important;line-height:1.3!important}.book-mgmt-header button{padding:5px 10px!important;font-size:11px!important;height:auto!important}.book-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-bottom:10px!important}.book-stat-card{padding:8px 10px!important;border-radius:8px!important;gap:2px!important}.book-stat-icon{width:24px!important;height:24px!important;font-size:12px!important;border-radius:5px!important}.book-stat-val{font-size:15px!important;line-height:1.1!important}.book-stat-lbl{font-size:10px!important}.mgmt-controls-bar{padding:8px 10px!important;border-radius:10px!important;margin-bottom:10px!important;gap:8px!important}.mgmt-search-filter-group{gap:6px!important;width:100%!important}.mgmt-search-input{width:100%!important;min-width:100%!important;padding:6px 10px!important;font-size:12px!important;border-radius:7px!important;box-sizing:border-box!important}.mgmt-select-filter{flex:1!important;min-width:0!important;padding:6px 8px!important;font-size:11px!important;border-radius:7px!important}.mgmt-bulk-actions{width:100%!important;padding:5px 8px!important;border-radius:7px!important;gap:4px!important;flex-wrap:wrap!important}.mgmt-bulk-actions span{font-size:11px!important}.mgmt-bulk-actions button{padding:4px 8px!important;font-size:11px!important}.book-mgmt-table-wrapper{border-radius:10px!important;box-shadow:0 1px 4px #00000005!important;overflow-x:auto!important}.book-mgmt-table{font-size:11px!important;min-width:880px!important}.book-mgmt-table th{padding:8px 10px!important;font-size:11px!important;white-space:nowrap!important}.book-mgmt-table td{padding:8px 10px!important;font-size:11px!important}.book-thumb-cell{display:flex!important;align-items:center!important;gap:10px!important;min-width:240px!important}.book-thumb-img{width:36px!important;height:50px!important;flex-shrink:0!important;border-radius:4px!important;object-fit:cover!important}.book-info-text{flex:1!important;min-width:180px!important}.book-table-title{font-size:12px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#0f172a!important;margin-bottom:2px!important}.book-table-sub{font-size:10.5px!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#64748b!important}.status-pill{padding:2px 6px!important;font-size:10px!important}.table-actions-cell{gap:4px!important}.table-actions-cell .action-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:6px!important}.table-actions-cell .action-icon-btn svg{width:13px!important;height:13px!important}.more-dropdown-menu{width:160px!important;padding:4px!important;border-radius:8px!important}.more-dropdown-menu .dropdown-item-btn{padding:6px 8px!important;font-size:11px!important;gap:6px!important}.book-pagination{padding:8px 10px!important;border-radius:10px!important;margin-top:10px!important}.book-pagination span{font-size:11px!important}.pagination-pages{gap:4px!important}.page-btn{padding:4px 8px!important;font-size:11px!important;border-radius:6px!important}.book-modal-box{padding:14px!important;border-radius:12px!important;width:95%!important}}.revenue-container,.transactions-container{width:min(95%,1800px);margin:0 auto;padding:24px 32px 60px;box-sizing:border-box;font-family:Tajawal,system-ui,-apple-system,sans-serif;color:#0f172a}.rt-breadcrumb{font-size:14px;color:#64748b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.rt-breadcrumb a{color:#6d28d9;text-decoration:none;font-weight:600;transition:color .2s ease}.rt-breadcrumb a:hover{color:#5b21b6;text-decoration:underline}.rt-header-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);padding:28px 32px;border-radius:20px;color:#fff;margin-bottom:28px;box-shadow:0 10px 25px -5px #4c1d9540}.rt-header-info h1{font-size:26px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:12px}.rt-header-info p{margin:0;color:#c7d2fe;font-size:14px}.rt-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rt-select,.rt-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px;font-size:14px;font-family:inherit;color:#1e293b;outline:none;transition:all .2s ease}.rt-select:focus,.rt-input:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d926}.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.rt-btn-primary{background:#6d28d9;color:#fff;box-shadow:0 4px 12px #6d28d940}.rt-btn-primary:hover{background:#5b21b6;transform:translateY(-1px)}.rt-btn-secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.rt-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.rt-btn-excel{background:#10b981;color:#fff}.rt-btn-excel:hover{background:#059669}.rt-btn-pdf{background:#ef4444;color:#fff}.rt-btn-pdf:hover{background:#dc2626}.rt-btn-csv{background:#3b82f6;color:#fff}.rt-btn-csv:hover{background:#2563eb}.rt-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:20px}.rt-card{background:#fff;border-radius:10px;padding:10px 12px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0f172a0a;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.rt-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14;border-color:#cbd5e1}.rt-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px}.rt-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.rt-icon-purple{background:#f3e8ff;color:#7c3aed}.rt-icon-green{background:#dcfce7;color:#16a34a}.rt-icon-blue{background:#dbeafe;color:#2563eb}.rt-icon-orange{background:#ffedd5;color:#ea580c}.rt-icon-amber{background:#fef3c7;color:#d97706}.rt-icon-rose{background:#ffe4e6;color:#e11d48}.rt-card-title{font-size:11.5px;font-weight:700;color:#64748b;margin:0;line-height:1.25;flex:1;min-width:0}.rt-card-val{font-size:16px;font-weight:800;color:#0f172a;margin:2px 0;line-height:1.2;word-break:break-word}.rt-card-sub{font-size:10.5px;color:#64748b;display:flex;align-items:center;gap:3px;line-height:1.2}.rt-card-sub.positive{color:#16a34a;font-weight:700}.rt-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 2px 6px #00000005}.rt-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rt-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:24px;margin-bottom:32px}.rt-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 4px 12px #0f172a08}.rt-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rt-chart-title{font-size:16px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.rt-svg-chart-container{width:100%;height:260px;position:relative}.rt-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 4px 12px #0f172a08;margin-bottom:32px;overflow:hidden}.rt-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #f1f5f9}.rt-table{width:100%;border-collapse:collapse;text-align:right;font-size:14px}.rt-table th{background:#f8fafc;color:#475569;font-weight:700;padding:14px 16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.rt-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.rt-table tr:hover td{background:#f8fafc}.rt-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.rt-badge-completed{background:#dcfce7;color:#15803d}.rt-badge-pending{background:#fef3c7;color:#b45309}.rt-badge-failed{background:#fee2e2;color:#b91c1c}.rt-badge-cancelled{background:#f1f5f9;color:#64748b}.rt-badge-refunded{background:#ffedd5;color:#c2410c}.rt-op-purchase{background:#f3e8ff;color:#6d28d9}.rt-op-refund{background:#fee2e2;color:#dc2626}.rt-op-withdrawal{background:#dbeafe;color:#1d4ed8}.rt-op-withdrawal_cancelled{background:#f1f5f9;color:#475569}.rt-op-platform_fee{background:#e0e7ff;color:#4338ca}.rt-op-coupon{background:#fce7f3;color:#be185d}.rt-op-bonus{background:#dcfce7;color:#15803d}.rt-op-balance_adj{background:#fef3c7;color:#a16207}.rt-op-tax{background:#f3f4f6;color:#374151}.rt-detail-container{max-width:1000px;margin:0 auto;padding:30px 20px 80px;font-family:Tajawal,system-ui,sans-serif}.rt-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 10px 30px #0f172a0d;margin-bottom:24px}.rt-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.rt-detail-item{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #f1f5f9}.rt-detail-item label{font-size:12px;color:#64748b;font-weight:700;display:block;margin-bottom:4px}.rt-detail-item val{font-size:16px;font-weight:800;color:#0f172a}.rt-financial-breakdown{background:#faf5ff;border:1px solid #e9d5ff;border-radius:16px;padding:24px;margin-top:24px}.rt-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #e9d5ff;font-size:14px;color:#4c1d95}.rt-breakdown-row.total{border-bottom:none;font-size:20px;font-weight:900;color:#15803d;padding-top:16px}.rt-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:16px;gap:12px;flex-wrap:wrap}.rt-page-btn{padding:6px 14px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.rt-page-btn.active{background:#6d28d9;color:#fff;border-color:#6d28d9}.rt-page-btn:disabled{opacity:.4;cursor:not-allowed}.rt-top-products-list{display:flex;flex-direction:column;gap:12px;padding-top:6px}.rt-top-product-item{display:flex;flex-direction:column;gap:4px;width:100%}.rt-top-product-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.rt-top-product-title{font-size:12px;font-weight:700;color:#1e293b;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-top-product-stats{font-size:12px;font-weight:800;flex-shrink:0;white-space:nowrap}.rt-top-product-bar-track{width:100%;height:8px;background:#f1f5f9;border-radius:8px;overflow:hidden}.rt-top-product-bar-fill{height:100%;border-radius:8px;transition:width .4s ease}@media(max-width:768px){.revenue-container{padding:10px 10px 24px;width:100%;box-sizing:border-box}.rt-breadcrumb{font-size:10.5px;margin-bottom:8px;gap:4px}.rt-header-banner{padding:10px 12px;border-radius:10px;margin-bottom:12px;gap:8px;flex-direction:column;align-items:stretch}.rt-header-info h1{font-size:13.5px;margin:0 0 2px;gap:4px;line-height:1.3}.rt-header-info p{font-size:10.5px;line-height:1.35}.rt-header-controls{gap:4px;width:100%;align-items:center;justify-content:flex-start;flex-wrap:wrap}.rt-currency-wrapper{padding:2px 6px!important;border-radius:6px!important;gap:4px!important}.rt-currency-wrapper span{font-size:10px!important}.rt-select,.rt-input{padding:3px 6px!important;font-size:10.5px!important;border-radius:6px!important;height:28px!important;box-sizing:border-box!important}.rt-btn{padding:3px 8px!important;font-size:10.5px!important;border-radius:6px!important;height:28px!important;gap:4px!important;box-sizing:border-box!important}.rt-custom-dates-bar{padding:6px 8px!important;margin-bottom:10px!important;gap:4px!important}.rt-custom-dates-bar span{font-size:10px!important}.rt-breakdown-card{padding:10px!important;margin-bottom:12px!important;border-radius:10px!important}.rt-breakdown-header{gap:6px!important;margin-bottom:8px!important;flex-direction:column;align-items:stretch}.rt-breakdown-header h3{font-size:12.5px!important;margin-bottom:2px!important;line-height:1.3}.rt-breakdown-header p{font-size:10px!important;line-height:1.3}.rt-breakdown-legend{gap:6px!important;flex-wrap:wrap!important;display:flex!important;justify-content:space-between!important;width:100%!important}.rt-breakdown-legend span{font-size:10px!important;font-weight:700!important}.rt-breakdown-bar{height:8px!important;border-radius:6px!important;width:100%!important}.rt-summary-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.rt-card{padding:6px;border-radius:6px;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.rt-card-top{margin-bottom:2px;display:flex;align-items:flex-start;justify-content:space-between;gap:2px}.rt-card-icon{width:18px;height:18px;border-radius:4px;font-size:9.5px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.rt-card-title{font-size:8.5px;font-weight:700;line-height:1.15;min-width:0;flex:1;word-break:break-word}.rt-card-val{font-size:11px;margin:1px 0;font-weight:800;word-break:break-all;line-height:1.15}.rt-card-sub{font-size:7.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:1px}.rt-filter-bar{padding:8px;margin-bottom:12px;border-radius:8px;gap:6px;flex-direction:column;align-items:stretch}.rt-filter-group{gap:4px}.rt-charts-grid{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.rt-chart-card{padding:10px;border-radius:10px}.rt-chart-header{margin-bottom:6px}.rt-chart-title{font-size:11.5px;gap:4px}.rt-svg-chart-container{height:135px}.rt-top-products-list{gap:6px;padding-top:2px}.rt-top-product-item{gap:2px}.rt-top-product-title{font-size:10.5px}.rt-top-product-stats{font-size:10px}.rt-top-product-bar-track{height:6px;border-radius:4px}.rt-table-card{padding:10px;border-radius:10px;margin-bottom:12px}.rt-table-card-header{margin-bottom:8px!important;gap:6px!important;flex-direction:column;align-items:stretch}.rt-table-card-header h3{font-size:12.5px!important;margin:0 0 2px!important}.rt-table-card-header p{font-size:10px!important;margin:0!important}.rt-table-card-controls{width:100%;gap:6px!important}.rt-table-card-controls input{width:100%!important;max-width:100%!important;height:28px!important;font-size:10.5px!important;padding:3px 6px!important;box-sizing:border-box!important}.rt-filter-selects-group{display:flex!important;flex-direction:row!important;gap:6px!important;width:100%!important}.rt-filter-selects-group select{flex:1!important;width:50%!important;min-width:0!important;padding:3px 6px!important;font-size:10.5px!important;height:28px!important;box-sizing:border-box!important}.rt-table th,.rt-table td{padding:6px 8px;font-size:10.5px}.rt-badge{padding:1px 5px;font-size:9.5px}.rt-pagination{padding-top:8px;gap:6px;flex-direction:column;align-items:center}.rt-pagination>div{font-size:10px}.rt-page-btn{padding:3px 6px;font-size:10px;border-radius:4px;height:26px}}@media(max-width:480px){.rt-summary-grid{grid-template-columns:repeat(4,1fr);gap:4px}}@media(max-width:360px){.rt-summary-grid{grid-template-columns:repeat(3,1fr);gap:3px}.rt-card{padding:5px 4px}.rt-card-val{font-size:10px}.rt-card-title{font-size:8px}.rt-card-sub{font-size:7px}.rt-card-icon{width:15px;height:15px;font-size:8.5px;border-radius:3px}}@media print{body *{visibility:hidden}.revenue-container,.revenue-container *,.transactions-container,.transactions-container *,.rt-detail-container,.rt-detail-container *{visibility:visible}.revenue-container,.transactions-container,.rt-detail-container{position:absolute;left:0;top:0;width:100%;margin:0;padding:0}.rt-btn,.rt-filter-bar{display:none!important}}#publicReviewsPage,#studentReviewsPage{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}#publicReviewsContent,#studentReviewsContent{width:100%;max-width:100%;box-sizing:border-box}.crm-module-container{width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 60px;box-sizing:border-box;color:var(--text-color, #1e293b);direction:rtl;font-family:Tajawal,sans-serif}@media(max-width:1024px){.crm-module-container{padding:20px 16px 40px}}@media(max-width:640px){.crm-module-container{padding:16px 12px 30px}}@media(max-width:380px){.crm-module-container{padding:12px 8px 24px}}body.dark-mode .crm-module-container{color:#f8fafc}.public-reviews-toolbar{background:var(--sm-card-bg, #ffffff);border:1px solid var(--sm-border, #e2e8f0);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;box-sizing:border-box;width:100%}.public-reviews-search-box{flex:1;min-width:200px;box-sizing:border-box}.public-reviews-search-box input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--sm-border, #cbd5e1);font-family:inherit;font-size:13px;background:var(--sm-card-bg, #ffffff);color:var(--sm-text-dark, #0f172a);box-sizing:border-box;height:38px;outline:none}.public-reviews-selects-group{display:flex;gap:10px;align-items:center;box-sizing:border-box}.public-reviews-select{padding:8px 10px;border-radius:8px;border:1px solid var(--sm-border, #cbd5e1);font-family:inherit;font-size:13px;background:var(--sm-card-bg, #ffffff);color:var(--sm-text-dark, #0f172a);height:38px;box-sizing:border-box;outline:none;cursor:pointer}@media(max-width:640px){.public-reviews-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.public-reviews-search-box{width:100%;flex:none}.public-reviews-selects-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;box-sizing:border-box}.public-reviews-select{width:100%;min-width:0;padding:8px 4px;font-size:11.5px;height:38px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media(max-width:380px){.public-reviews-toolbar{padding:10px 8px}.public-reviews-selects-group{gap:4px}.public-reviews-select{padding:8px 2px;font-size:10.5px}}.crm-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}body.dark-mode .crm-header-row{border-bottom-color:#334155}.crm-title-area h1{font-size:26px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:10px}.crm-breadcrumb{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}body.dark-mode .crm-breadcrumb{color:#94a3b8}.crm-breadcrumb span.sep{opacity:.5}.crm-actions-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none}.crm-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 12px #7c3aed40}.crm-btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px)}.crm-btn-secondary{background:#f1f5f9;color:#334155;border-color:#cbd5e1}body.dark-mode .crm-btn-secondary{background:#1e293b;color:#f1f5f9;border-color:#475569}.crm-btn-secondary:hover{background:#e2e8f0}body.dark-mode .crm-btn-secondary:hover{background:#334155}.crm-btn-success{background:#10b981;color:#fff}.crm-btn-success:hover{background:#059669}.crm-btn-danger{background:#ef4444;color:#fff}.crm-btn-danger:hover{background:#dc2626}.crm-btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.crm-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.crm-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #00000008;transition:transform .2s ease,box-shadow .2s ease;min-height:0}body.dark-mode .crm-stat-card{background:#0f172a;border-color:#1e293b;box-shadow:0 2px 8px #0003}.crm-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.crm-stat-icon-wrapper{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#7c3aed1a;color:#7c3aed}.crm-stat-content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.crm-stat-value{font-size:16px;font-weight:800;line-height:1.2;white-space:nowrap}.crm-stat-label{font-size:11px;color:#64748b;margin-top:1px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .crm-stat-label{color:#94a3b8}.crm-rating-breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:28px;box-shadow:0 2px 8px #0000000a}body.dark-mode .crm-rating-breakdown-card{background:#0f172a;border-color:#1e293b}.crm-rating-header-bar{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.crm-overall-score{text-align:center;padding:16px 24px;background:#7c3aed0f;border-radius:12px;border:1px solid rgba(124,58,237,.15)}.crm-overall-num{font-size:36px;font-weight:900;color:#7c3aed;line-height:1}.crm-overall-stars{color:#f59e0b;font-size:18px;margin:4px 0}.crm-overall-count{font-size:12px;color:#64748b}.crm-bars-list{flex:1;min-width:260px;display:flex;flex-direction:column;gap:8px}.crm-bar-row{display:flex;align-items:center;gap:12px;font-size:13px}.crm-bar-star-label{width:60px;font-weight:700;display:flex;align-items:center;gap:4px}.crm-bar-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;position:relative}body.dark-mode .crm-bar-track{background:#334155}.crm-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:5px;transition:width .4s ease}.crm-bar-count{width:45px;text-align:left;font-size:12px;color:#64748b;font-weight:600}.crm-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:28px}.crm-analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000000a}body.dark-mode .crm-analytics-card{background:#0f172a;border-color:#1e293b}.crm-analytics-card h4{margin:0 0 14px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.crm-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}body.dark-mode .crm-filters-card{background:#0f172a;border-color:#1e293b}.crm-filters-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.crm-filter-group{display:flex;flex-direction:column;gap:4px}.crm-filter-group label{font-size:12px;font-weight:700;color:#64748b}body.dark-mode .crm-filter-group label{color:#94a3b8}.crm-input,.crm-select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-size:13px;font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .2s ease}body.dark-mode .crm-input,body.dark-mode .crm-select{background:#1e293b;border-color:#334155;color:#f8fafc}.crm-input:focus,.crm-select:focus{border-color:#7c3aed}.crm-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}body.dark-mode .crm-table-container{background:#0f172a;border-color:#1e293b}.crm-table{width:100%;min-width:960px;border-collapse:collapse;text-align:right;font-size:13px}.crm-table th{background:#f8fafc;color:#475569;font-weight:800;padding:12px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap}body.dark-mode .crm-table th{background:#1e293b;color:#cbd5e1;border-bottom-color:#334155}.crm-table td{padding:12px 14px;border-bottom:1px solid #e2e8f0;vertical-align:middle}body.dark-mode .crm-table td{border-bottom-color:#1e293b}.crm-table tr:hover{background:#f1f5f9}body.dark-mode .crm-table tr:hover{background:#1e293b}.crm-col-student{min-width:160px;white-space:normal;word-break:normal;overflow-wrap:break-word}.crm-col-product{min-width:180px;max-width:260px;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4}.crm-col-type{min-width:80px;white-space:nowrap}.crm-col-rating{min-width:85px;white-space:nowrap}.crm-col-title{min-width:150px;max-width:220px;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4}.crm-col-excerpt{min-width:200px;max-width:320px;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4;color:#64748b;font-size:12px}body.dark-mode .crm-col-excerpt{color:#94a3b8}.crm-col-date{min-width:90px;white-space:nowrap}.crm-col-status{min-width:110px;white-space:nowrap}.crm-col-actions{min-width:70px;white-space:nowrap;text-align:center}.crm-user-cell{display:flex;align-items:center;gap:10px}.crm-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0}.crm-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800}.crm-badge-active{background:#10b9811f;color:#059669}.crm-badge-completed{background:#3b82f61f;color:#2563eb}.crm-badge-inactive{background:#f59e0b1f;color:#d97706}.crm-badge-blocked{background:#ef44441f;color:#dc2626}.crm-badge-course{background:#7c3aed1f;color:#7c3aed}.crm-badge-book{background:#0ea5e91f;color:#0284c7}.crm-mini-progress{width:90px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:6px}body.dark-mode .crm-mini-progress{background:#334155}.crm-mini-progress-fill{height:100%;background:#10b981;border-radius:3px}.crm-pagination-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;font-size:13px;color:#64748b}.crm-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}body.dark-mode .crm-details-card{background:#0f172a;border-color:#1e293b}.crm-details-header-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#7c3aed14,#6366f10a);border:1px solid rgba(124,58,237,.15);border-radius:16px;padding:24px;margin-bottom:24px}.crm-student-hero{display:flex;align-items:center;gap:18px}.crm-hero-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #7c3aed;box-shadow:0 4px 12px #7c3aed33}.crm-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.crm-timeline-list{display:flex;flex-direction:column;gap:12px;position:relative;padding-right:18px;border-right:2px solid #e2e8f0}body.dark-mode .crm-timeline-list{border-right-color:#334155}.crm-timeline-item{position:relative;font-size:13px}.crm-timeline-item:before{content:"";position:absolute;right:-23px;top:4px;width:8px;height:8px;border-radius:50%;background:#7c3aed}.crm-action-dropdown-wrapper{position:relative;display:inline-block}.crm-action-dots-btn{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;line-height:1;padding:0;outline:none}body.dark-mode .crm-action-dots-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.crm-action-dots-btn:hover,.crm-action-dots-btn[aria-expanded=true]{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed40}.crm-action-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;min-width:165px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000f;padding:6px;display:flex;flex-direction:column;gap:2px;direction:rtl;text-align:right}body.dark-mode .crm-action-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}.crm-action-menu.hidden{display:none!important}.crm-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:#334155;font-size:12px;font-weight:700;font-family:inherit;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}body.dark-mode .crm-menu-item{color:#e2e8f0}.crm-menu-item:hover{background:#f1f5f9;color:#7c3aed}body.dark-mode .crm-menu-item:hover{background:#334155;color:#a78bfa}.crm-menu-item-danger:hover{background:#fef2f2;color:#dc2626}body.dark-mode .crm-menu-item-danger:hover{background:#dc262633;color:#fca5a5}.crm-menu-item-success:hover{background:#f0fdf4;color:#059669}body.dark-mode .crm-menu-item-success:hover{background:#10b98133;color:#6ee7b7}@media(max-width:768px){.crm-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:16px!important}.crm-stat-card{padding:8px 6px!important;border-radius:10px!important;gap:4px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-width:0!important;justify-content:center!important}.crm-stat-icon-wrapper{width:32px!important;height:32px!important;border-radius:8px!important;font-size:16px!important}.crm-stat-content{align-items:center!important;text-align:center!important;width:100%!important;min-width:0!important}.crm-stat-value{font-size:14px!important;font-weight:800!important;line-height:1.2!important}.crm-stat-label{font-size:10px!important;margin-top:1px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;word-break:break-word!important}.crm-details-header-card{padding:12px 14px!important;gap:12px!important;margin-bottom:16px!important;border-radius:12px!important}.crm-student-hero{gap:10px!important;align-items:center!important}.crm-hero-avatar{width:50px!important;height:50px!important;border-width:2px!important;flex-shrink:0!important}.crm-hero-name{font-size:16px!important;margin-bottom:2px!important;line-height:1.3!important}.crm-hero-info{font-size:11px!important;gap:4px 10px!important;line-height:1.3!important}.crm-hero-stats-row{gap:8px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.crm-hero-stat-card{padding:6px 10px!important;border-radius:8px!important;flex:1 1 auto!important;min-width:0!important}.crm-hero-stat-card span{font-size:10px!important}.crm-hero-stat-card strong{font-size:14px!important}.crm-hero-status-badge{font-size:11px!important;padding:6px 10px!important;border-radius:8px!important;white-space:nowrap!important}.crm-actions-bar{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;align-items:center!important;justify-content:space-between!important;margin-top:8px!important}.crm-actions-bar .crm-btn{flex:1 1 0!important;min-width:0!important;padding:7px 4px!important;font-size:11px!important;letter-spacing:-.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;gap:4px!important}}@media print{.crm-actions-bar,.crm-filters-card,.crm-action-dots-btn,.crm-action-menu,.crm-pagination-bar,.navbar,aside,.sidebar-close-btn,button{display:none!important}.crm-module-container{padding:0!important;max-width:100%!important}.crm-table{font-size:10pt!important}}.mc-container{width:min(95%,1800px);margin:0 auto;padding:20px 32px;box-sizing:border-box;direction:rtl;font-family:Tajawal,sans-serif;color:var(--text-color, #1e293b)}body.dark-mode .mc-container{color:#f8fafc}.mc-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}body.dark-mode .mc-header{border-bottom-color:#334155}.mc-title-group h1{font-size:26px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:10px}.mc-breadcrumb{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}body.dark-mode .mc-breadcrumb{color:#94a3b8}.mc-actions-group{display:flex;align-items:center;gap:10px}.mc-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.mc-btn-primary{background:#6366f1;color:#fff}.mc-btn-primary:hover{background:#4f46e5}.mc-btn-outline{background:transparent;border-color:#cbd5e1;color:#475569}body.dark-mode .mc-btn-outline{border-color:#475569;color:#cbd5e1}.mc-btn-outline:hover{background:#f1f5f9}body.dark-mode .mc-btn-outline:hover{background:#334155}.mc-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:899px){.mc-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.mc-stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #00000008;min-height:0}body.dark-mode .mc-stat-card{background:#1e293b;border-color:#334155}.mc-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.mc-stat-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.mc-stat-value{font-size:16px;font-weight:800;line-height:1.2;white-space:nowrap}.mc-stat-label{font-size:11px;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .mc-stat-label{color:#94a3b8}.mc-layout{display:grid;grid-template-columns:340px 1fr 320px;gap:20px;min-height:720px;height:calc(100vh - 220px);transition:grid-template-columns .25s ease}.mc-layout.student-info-hidden{grid-template-columns:340px 1fr}.mc-col-right.hidden-panel{display:none!important}.mc-panel-close-btn{background:transparent;border:none;font-size:16px;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:6px;transition:all .2s ease}body.dark-mode .mc-panel-close-btn{color:#94a3b8}.mc-panel-close-btn:hover{background:var(--card-header-bg, #f1f5f9);color:#ef4444!important}.mc-header-dropdown{position:absolute;top:100%;left:0;margin-top:6px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:180px;z-index:100;padding:6px;display:flex;flex-direction:column;gap:2px}body.dark-mode .mc-header-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}.mc-header-dropdown.hidden{display:none!important}.mc-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-color, #1e293b);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:right;transition:background .15s ease}body.dark-mode .mc-dropdown-item{color:#f1f5f9}.mc-dropdown-item:hover{background:#f1f5f9}body.dark-mode .mc-dropdown-item:hover{background:#334155}.mc-dropdown-item.danger{color:#ef4444}.mc-dropdown-item.danger:hover{background:#ef44441a}.mc-dropdown-divider{height:1px;background:var(--border-color, #e2e8f0);margin:4px 0}body.dark-mode .mc-dropdown-divider{background:#334155}.mc-col-left,.mc-col-center,.mc-col-right{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #00000008}body.dark-mode .mc-col-left,body.dark-mode .mc-col-center,body.dark-mode .mc-col-right{background:#1e293b;border-color:#334155}.mc-mobile-tabs{display:none;gap:8px;margin-bottom:14px}.mc-mobile-tab-btn{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:#475569;font-size:13px;font-weight:700;cursor:pointer;text-align:center}body.dark-mode .mc-mobile-tab-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.mc-mobile-tab-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.mc-list-header{padding:16px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;flex-direction:column;gap:12px;background:var(--card-header-bg, #f8fafc)}body.dark-mode .mc-list-header{background:#0f172a;border-bottom-color:#334155}.mc-search-box{position:relative;width:100%}.mc-search-box input{width:100%;padding:10px 38px 10px 12px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:inherit;font-size:13px;outline:none;box-sizing:border-box}body.dark-mode .mc-search-box input{background:#1e293b;border-color:#475569;color:#f8fafc}.mc-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:15px}.mc-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.mc-filter-tab{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;background:var(--chip-bg, #e2e8f0);color:#475569;border:none;white-space:nowrap;transition:all .2s}body.dark-mode .mc-filter-tab{background:#334155;color:#cbd5e1}.mc-filter-tab.active{background:#6366f1;color:#fff}.mc-filter-dropdowns{display:flex;gap:8px}.mc-filter-dropdowns select{flex:1;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:inherit;font-size:12px;outline:none}body.dark-mode .mc-filter-dropdowns select{background:#1e293b;border-color:#475569}.mc-list-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.mc-conv-card{padding:12px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;position:relative;background:transparent}.mc-conv-card:hover{background:#6366f10d;border-color:#6366f133}.mc-conv-card.active{background:#6366f11f;border-color:#6366f1}body.dark-mode .mc-conv-card.active{background:#6366f140}.mc-avatar-wrap{position:relative;flex-shrink:0}.mc-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.mc-status-dot{width:11px;height:11px;border-radius:50%;position:absolute;bottom:0;left:0;border:2px solid var(--card-bg, #ffffff)}.mc-status-dot.online{background:#10b981}.mc-status-dot.offline{background:#94a3b8}.mc-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mc-conv-top{display:flex;justify-content:space-between;align-items:center}.mc-student-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-time{font-size:11px;color:#94a3b8;white-space:nowrap}.mc-conv-item-badge{display:inline-block;font-size:11px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}body.dark-mode .mc-conv-item-badge{background:#334155;color:#cbd5e1}.mc-last-msg{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .mc-last-msg{color:#94a3b8}.mc-conv-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.mc-badge-unread{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center}.mc-icon-pins{display:flex;align-items:center;gap:4px;font-size:12px;color:#f59e0b}.mc-tag-chips{display:flex;flex-wrap:wrap;gap:4px}.mc-tag-chip{font-size:10px;padding:1px 6px;border-radius:4px;background:#e0e7ff;color:#3730a3;font-weight:700}body.dark-mode .mc-tag-chip{background:#312e81;color:#c7d2fe}.mc-chat-header{padding:14px 18px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card-header-bg, #f8fafc)}body.dark-mode .mc-chat-header{background:#0f172a;border-bottom-color:#334155}.mc-chat-student-info{display:flex;align-items:center;gap:12px}.mc-chat-actions{display:flex;align-items:center;gap:8px}.mc-chat-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:6px}.mc-profile-badge{font-size:11px;background:#6366f11a;color:#6366f1;padding:2px 8px;border-radius:12px;font-weight:600}.mc-chat-subtitle{font-size:12px;color:#64748b}body.dark-mode .mc-chat-subtitle{color:#94a3b8}.mc-online-indicator{color:#10b981;font-weight:700}.mc-overflow-menu-btn{font-size:20px;line-height:1;padding:4px;width:36px;height:36px}.mc-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}body.dark-mode .mc-icon-btn{background:#1e293b;border-color:#475569;color:#cbd5e1}.mc-icon-btn:hover{background:#f1f5f9;color:#6366f1}body.dark-mode .mc-icon-btn:hover{background:#334155;color:#818cf8}.mc-icon-btn.active{color:#f59e0b;border-color:#f59e0b;background:#f59e0b1a}.mc-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--chat-bg, #f1f5f9)}body.dark-mode .mc-chat-messages{background:#0b0f19}.mc-date-separator{text-align:center;margin:10px 0;position:relative}.mc-date-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color, #cbd5e1);z-index:1}body.dark-mode .mc-date-separator:before{background:#334155}.mc-date-separator span{position:relative;z-index:2;background:var(--card-bg, #ffffff);padding:4px 12px;border-radius:12px;font-size:11px;color:#64748b;font-weight:700;border:1px solid var(--border-color, #cbd5e1)}body.dark-mode .mc-date-separator span{background:#1e293b;border-color:#334155;color:#94a3b8}.mc-msg-row{display:flex;gap:10px;max-width:80%}.mc-msg-row.student{align-self:flex-start}.mc-msg-row.teacher{align-self:flex-end;flex-direction:row-reverse}.mc-msg-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:4px}.mc-msg-bubble{padding:12px 16px;border-radius:16px;position:relative;font-size:14px;line-height:1.6;box-shadow:0 1px 2px #0000000d;word-break:break-word}.mc-msg-row.student .mc-msg-bubble{background:var(--card-bg, #ffffff);color:var(--text-color, #1e293b);border-bottom-right-radius:4px;border:1px solid var(--border-color, #e2e8f0)}body.dark-mode .mc-msg-row.student .mc-msg-bubble{background:#1e293b;color:#f8fafc;border-color:#334155}.mc-msg-row.teacher .mc-msg-bubble{background:#6366f1;color:#fff;border-bottom-left-radius:4px}.mc-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px;font-size:10px;opacity:.8}.mc-msg-row.teacher .mc-msg-meta{color:#e0e7ff}.mc-msg-row.student .mc-msg-meta{color:#64748b}body.dark-mode .mc-msg-row.student .mc-msg-meta{color:#94a3b8}.mc-attachment-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#0000000d;margin-top:8px;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.08)}.mc-msg-row.teacher .mc-attachment-card{background:#ffffff26;border-color:#fff3}.mc-attachment-icon{font-size:22px;flex-shrink:0}.mc-attachment-details{flex:1;min-width:0}.mc-attachment-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-attachment-size{font-size:11px;opacity:.8}.mc-attachment-wrapper{margin-top:6px}.mc-attachment-caption{font-size:11px;margin-top:2px;color:#64748b}.mc-msg-row.teacher .mc-attachment-caption{color:#e0e7ff}.mc-audio-wrapper{margin-top:8px}.mc-audio-player{width:100%;max-width:260px;height:32px}.mc-attachment-dl{font-size:12px;font-weight:700;color:#6366f1;flex-shrink:0}.mc-msg-row.teacher .mc-attachment-dl{color:#fff}.mc-image-preview-attachment{max-width:100%;max-height:280px;border-radius:8px;margin-top:8px;cursor:pointer;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.mc-code-block{background:#0f172a;color:#38bdf8;padding:12px;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:12px;direction:ltr;text-align:left;overflow-x:auto;margin-top:8px;border:1px solid #1e293b}.mc-composer-area{padding:14px 18px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #ffffff);display:flex;flex-direction:column;gap:10px;position:relative}body.dark-mode .mc-composer-area{background:#1e293b;border-top-color:#334155}.mc-attachments-previews{display:flex;flex-wrap:wrap;gap:8px}.mc-attachment-preview-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px;background:#e2e8f0;font-size:12px;font-weight:600}body.dark-mode .mc-attachment-preview-chip{background:#334155;color:#f8fafc}.mc-attachment-preview-chip .remove-btn{cursor:pointer;color:#ef4444;font-weight:700}.mc-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-toolbar-tools{display:flex;align-items:center;gap:6px}.mc-composer-input-wrapper{display:flex;align-items:flex-end;gap:10px}.mc-composer-textarea{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:inherit;font-family:inherit;font-size:14px;resize:none;min-height:44px;max-height:120px;outline:none}body.dark-mode .mc-composer-textarea{background:#0f172a;border-color:#475569;color:#f8fafc}.mc-send-btn{height:44px;padding:0 20px;border-radius:10px;background:#6366f1;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.mc-send-btn:hover{background:#4f46e5}.mc-right-panel{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.mc-student-profile-card{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}body.dark-mode .mc-student-profile-card{border-bottom-color:#334155}.mc-profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:3px solid #6366f1}.mc-profile-name{font-size:16px;font-weight:800;margin-bottom:4px}.mc-profile-email{font-size:12px;color:#64748b;margin-bottom:10px}body.dark-mode .mc-profile-email{color:#94a3b8}.mc-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;background:var(--card-header-bg, #f8fafc);padding:10px;border-radius:10px}body.dark-mode .mc-profile-stats{background:#0f172a}.mc-pstat-item{display:flex;flex-direction:column;align-items:center}.mc-pstat-val{font-size:15px;font-weight:800;color:#6366f1}.mc-pstat-lbl{font-size:11px;color:#64748b}body.dark-mode .mc-pstat-lbl{color:#94a3b8}.mc-section-title{font-size:13px;font-weight:800;color:#475569;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}body.dark-mode .mc-section-title{color:#cbd5e1}.mc-quick-replies-list{display:flex;flex-direction:column;gap:6px}.mc-quick-reply-btn{text-align:right;padding:8px 12px;border-radius:8px;background:var(--card-header-bg, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);font-size:12px;cursor:pointer;transition:all .2s;color:inherit;line-height:1.4}body.dark-mode .mc-quick-reply-btn{background:#0f172a;border-color:#334155}.mc-quick-reply-btn:hover{background:#e0e7ff;border-color:#6366f1;color:#3730a3}body.dark-mode .mc-quick-reply-btn:hover{background:#312e81;border-color:#818cf8;color:#fff}.mc-status-select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:inherit;font-size:13px;font-weight:700;outline:none}body.dark-mode .mc-status-select{background:#0f172a;border-color:#475569}.mc-chat-back-btn{display:none;background:transparent;border:none;font-size:18px;font-weight:700;cursor:pointer;color:var(--text-color, #1e293b);padding:6px 10px;border-radius:8px;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}body.dark-mode .mc-chat-back-btn{color:#f1f5f9}.mc-chat-back-btn:hover{background:var(--card-header-bg, #f1f5f9)}body.dark-mode .mc-chat-back-btn:hover{background:#334155}@media(max-width:1200px){.mc-layout{grid-template-columns:300px 1fr 280px}}@media(max-width:992px){.mc-container{padding:10px 12px}.mc-header{margin-bottom:10px;padding-bottom:8px;gap:8px}.mc-title-group h1{font-size:14px!important;line-height:1.2!important;margin-bottom:3px!important;gap:6px!important}.mc-title-group h1 span{font-size:10px!important;padding:2px 7px!important}.mc-breadcrumb{font-size:11px!important;gap:4px!important}.mc-chat-back-btn{display:inline-flex;padding:2px 4px!important;font-size:13px!important}.mc-layout{display:block;height:auto;min-height:500px}.mc-col-left,.mc-col-center,.mc-col-right{height:calc(100vh - 180px);min-height:500px}.mc-col-left.mobile-hidden,.mc-col-center.mobile-hidden,.mc-col-right.mobile-hidden{display:none!important}.mc-chat-header{padding:4px 6px!important;gap:4px!important;min-height:36px!important}.mc-chat-student-info{gap:4px!important}.mc-chat-student-info .mc-avatar{width:22px!important;height:22px!important}.mc-chat-student-info .mc-status-dot{width:6px!important;height:6px!important;border-width:1px!important}.mc-chat-title{font-size:11px!important;font-weight:700!important;gap:4px!important;line-height:1.1!important}.mc-chat-subtitle{font-size:9px!important;line-height:1.1!important}.mc-profile-badge{font-size:8px!important;padding:1px 3px!important}.mc-chat-actions{gap:3px!important}.mc-chat-actions .mc-btn{padding:2px 5px!important;font-size:9px!important;height:22px!important;line-height:1!important}.mc-chat-actions .mc-icon-btn,.mc-overflow-menu-btn{width:22px!important;height:22px!important;font-size:11px!important;padding:0!important}.mc-chat-messages{padding:4px 6px!important;gap:3px!important}.mc-date-separator{margin:1px 0!important}.mc-date-separator span{padding:1px 6px!important;font-size:8px!important;border-radius:4px!important}.mc-msg-row{gap:3px!important;max-width:82%!important;margin-bottom:2px!important}.mc-msg-avatar{width:18px!important;height:18px!important;margin-top:1px!important}.mc-msg-bubble{padding:3px 6px!important;border-radius:6px!important;font-size:11px!important;line-height:1.3!important;box-shadow:none!important}.mc-msg-bubble>div{margin:0!important}.mc-msg-meta{margin-top:1px!important;gap:2px!important;font-size:8px!important;line-height:1!important}.mc-attachment-wrapper{margin-top:2px!important}.mc-image-preview-attachment{max-height:75px!important;max-width:130px!important;width:auto!important;height:auto!important;margin-top:2px!important;border-radius:4px!important;display:block!important;object-fit:cover!important}.mc-attachment-caption{font-size:8px!important;margin-top:1px!important;line-height:1.1!important;opacity:.85!important}.mc-attachment-card{padding:2px 5px!important;gap:4px!important;margin-top:2px!important;border-radius:4px!important;font-size:9px!important;max-width:100%!important}.mc-attachment-card .mc-attachment-icon{font-size:11px!important}.mc-attachment-name{font-size:9px!important;line-height:1.1!important}.mc-attachment-size{font-size:8px!important;line-height:1!important}.mc-attachment-dl{font-size:8px!important;white-space:nowrap!important}.mc-audio-wrapper{margin-top:2px!important}.mc-audio-player{width:100%!important;max-width:160px!important;height:24px!important;margin-top:1px!important}.mc-code-block{padding:3px 5px!important;font-size:9px!important;margin-top:2px!important;border-radius:4px!important;line-height:1.2!important;max-height:90px!important;overflow-x:auto!important;overflow-y:auto!important;max-width:100%!important}.mc-code-block pre{margin:0!important;padding:0!important;white-space:pre-wrap!important;word-break:break-all!important}.mc-code-block code{font-size:9px!important;font-family:monospace!important}.mc-composer-area{padding:3px 6px!important;gap:3px!important}.mc-composer-toolbar{gap:3px!important}.mc-toolbar-tools{gap:2px!important}.mc-composer-area .mc-icon-btn{width:22px!important;height:22px!important;font-size:10px!important;border-radius:4px!important;padding:0!important}.mc-quick-replies{gap:2px!important}.mc-quick-reply-btn{padding:1px 4px!important;font-size:9px!important;border-radius:8px!important;height:22px!important;line-height:1.1!important}.mc-composer-input-wrapper{gap:3px!important}.mc-composer-textarea{padding:3px 6px!important;min-height:24px!important;max-height:55px!important;font-size:11px!important;line-height:1.2!important;border-radius:5px!important}.mc-send-btn{height:24px!important;padding:0 8px!important;font-size:10px!important;border-radius:5px!important;gap:2px!important}}@media(max-width:576px){.mc-composer-hint{display:none!important}.mc-chat-messages{padding:3px 4px!important;gap:2px!important}.mc-msg-row{max-width:85%!important}}.msg-bubble-highlighted{animation:notifMsgPulse 1s ease-in-out 3 alternate;border:2px solid #6366f1!important;box-shadow:0 0 16px #6366f166!important;border-radius:12px}@keyframes notifMsgPulse{0%{background-color:#6366f11f}to{background-color:#6366f152}}.po-container{width:min(95%,1800px);margin:0 auto;padding:24px 32px;box-sizing:border-box;direction:rtl;font-family:Tajawal,sans-serif;color:var(--text-color, #1e293b)}body.dark-mode .po-container{color:#f8fafc}.po-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}body.dark-mode .po-header{border-bottom-color:#334155}.po-title-group h1{font-size:26px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:10px}.po-breadcrumb{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}body.dark-mode .po-breadcrumb{color:#94a3b8}.po-actions{display:flex;align-items:center;gap:12px}.po-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;text-decoration:none}.po-btn-primary{background:#10b981;color:#fff}.po-btn-primary:hover{background:#059669}.po-btn-indigo{background:#6366f1;color:#fff}.po-btn-indigo:hover{background:#4f46e5}.po-btn-outline{background:transparent;border-color:#cbd5e1;color:#475569}body.dark-mode .po-btn-outline{border-color:#475569;color:#cbd5e1}.po-btn-outline:hover{background:#f1f5f9}body.dark-mode .po-btn-outline:hover{background:#334155}.po-btn-danger{background:#ef4444;color:#fff}.po-btn-danger:hover{background:#dc2626}.po-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}@media(max-width:1024px){.po-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:576px){.po-metrics-grid{grid-template-columns:minmax(0,1fr);gap:10px}}.po-metric-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px #00000008;position:relative;overflow:hidden}body.dark-mode .po-metric-card{background:#1e293b;border-color:#334155}.po-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.po-metric-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.po-metric-label{font-size:12px;color:#64748b;font-weight:600}body.dark-mode .po-metric-label{color:#94a3b8}.po-metric-value{font-size:20px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-metric-sub{font-size:11px;color:#94a3b8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-wallet-notice-card{background:linear-gradient(135deg,#065f46,#047857);color:#fff;border-radius:16px;padding:24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;box-shadow:0 4px 14px #10b98133}.po-wallet-brands{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.po-brand-chip{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.po-wallet-verified-badge{background:#d1fae5;color:#059669;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;box-sizing:border-box;line-height:1.3}body.dark-mode .po-wallet-verified-badge{background:#065f46;color:#d1fae5}.po-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.po-badge-pending{background:#fef3c7;color:#d97706}.po-badge-review{background:#e0f2fe;color:#0284c7}.po-badge-approved{background:#e0e7ff;color:#4338ca}.po-badge-paid{background:#d1fae5;color:#059669}.po-badge-rejected{background:#fee2e2;color:#dc2626}.po-badge-cancelled{background:#f1f5f9;color:#64748b}body.dark-mode .po-badge-pending{background:#78350f;color:#fef3c7}body.dark-mode .po-badge-review{background:#075985;color:#e0f2fe}body.dark-mode .po-badge-approved{background:#3730a3;color:#e0e7ff}body.dark-mode .po-badge-paid{background:#065f46;color:#d1fae5}body.dark-mode .po-badge-rejected{background:#991b1b;color:#fee2e2}body.dark-mode .po-badge-cancelled{background:#334155;color:#cbd5e1}.po-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 10px #00000008}body.dark-mode .po-card{background:#1e293b;border-color:#334155}.po-card-title{font-size:18px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.po-table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}body.dark-mode .po-table-container{border-color:#334155}.po-table{width:100%;border-collapse:collapse;font-size:14px;text-align:right}.po-table th{background:var(--card-header-bg, #f8fafc);padding:14px 16px;font-weight:700;color:#475569;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}body.dark-mode .po-table th{background:#0f172a;color:#cbd5e1;border-bottom-color:#334155}.po-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #f1f5f9);vertical-align:middle}body.dark-mode .po-table td{border-bottom-color:#334155}.po-table tr:hover{background:#10b98108}.po-timeline{display:flex;flex-direction:column;gap:16px;margin:20px 0;position:relative;padding-right:20px}.po-timeline:before{content:"";position:absolute;right:7px;top:8px;bottom:8px;width:2px;background:var(--border-color, #cbd5e1)}body.dark-mode .po-timeline:before{background:#334155}.po-timeline-item{position:relative;display:flex;flex-direction:column;gap:2px}.po-timeline-dot{position:absolute;right:-20px;top:4px;width:16px;height:16px;border-radius:50%;background:#10b981;border:3px solid var(--card-bg, #ffffff);box-shadow:0 0 0 2px #10b981}.po-timeline-title{font-size:14px;font-weight:800}.po-timeline-time{font-size:12px;color:#94a3b8}.po-form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.po-form-group label{font-size:13px;font-weight:700;color:#475569}body.dark-mode .po-form-group label{color:#cbd5e1}.po-form-group input,.po-form-group select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #ffffff);color:inherit;font-size:14px;outline:none;box-sizing:border-box}body.dark-mode .po-form-group input,body.dark-mode .po-form-group select{background:#0f172a;border-color:#475569}.po-form-group input:focus,.po-form-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.po-input-hint{font-size:12px;color:#64748b}body.dark-mode .po-input-hint{color:#94a3b8}@media(max-width:768px){.po-container{padding:12px!important}.po-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:14px!important;padding-bottom:12px!important}.po-title-group h1{font-size:18px!important;gap:6px!important;flex-wrap:wrap!important}.po-title-group h1 span{font-size:11px!important;padding:2px 8px!important}.po-breadcrumb{font-size:11px!important;gap:4px!important}.po-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}.po-actions .po-btn{flex:1 1 calc(50% - 4px)!important;justify-content:center!important;padding:8px 10px!important;font-size:12px!important}.po-btn{padding:8px 12px!important;font-size:12px!important;border-radius:8px!important}.po-two-col-grid,.po-req-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:16px!important}.po-wallet-notice-card{padding:12px 14px!important;margin-bottom:16px!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.po-wallet-notice-title{font-size:13px!important;font-weight:800!important;margin-bottom:4px!important}.po-wallet-notice-sub{font-size:11px!important;line-height:1.4!important;opacity:.95!important}.po-wallet-brands{gap:6px!important;margin-top:2px!important}.po-brand-chip{padding:3px 8px!important;font-size:10px!important;border-radius:12px!important;gap:4px!important}.po-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}.po-metric-card{padding:10px 12px!important;border-radius:10px!important}.po-metric-top{margin-bottom:4px!important}.po-metric-icon{width:30px!important;height:30px!important;font-size:14px!important;border-radius:8px!important}.po-metric-label{font-size:11px!important}.po-metric-value{font-size:15px!important}.po-metric-sub{font-size:10px!important;margin-top:2px!important}.po-card{padding:14px!important;margin-bottom:14px!important;border-radius:12px!important}.po-card-title{font-size:14px!important;margin-bottom:10px!important;flex-wrap:wrap!important;gap:6px!important}.po-wallet-card-inner{padding:12px 14px!important;gap:10px!important;align-items:center!important}.po-wallet-verified-badge{padding:4px 8px!important;font-size:11px!important;border-radius:14px!important;white-space:nowrap!important;line-height:1.2!important}.po-wallet-item-card{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}.po-wallet-item-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important}.po-toolbar-flex{flex-direction:column!important;gap:8px!important}.po-toolbar-flex>div,.po-toolbar-flex>select{width:100%!important}.po-table th,.po-table td{padding:8px 10px!important;font-size:11px!important}.po-table{min-width:540px!important}.po-form-group{margin-bottom:12px!important}.po-form-group label{font-size:12px!important}.po-form-group input,.po-form-group select{padding:9px 12px!important;font-size:13px!important;border-radius:8px!important}.po-input-hint{font-size:11px!important}.po-details-footer{flex-direction:column!important;gap:12px!important;text-align:center!important}}@media(max-width:360px){.po-container{padding:8px!important}.po-actions .po-btn{flex:1 1 100%!important}.po-metrics-grid{grid-template-columns:minmax(0,1fr)!important}}@media print{body *{visibility:hidden}#printablePayoutReceipt,#printablePayoutReceipt *{visibility:visible}#printablePayoutReceipt{position:absolute;left:0;top:0;width:100%;padding:30px;background:#fff!important;color:#000!important;direction:rtl;font-family:sans-serif}.no-print{display:none!important}}