:root{--primary-blue: #0D6B93;--light-blue: #7ECEF4;--green: #26D07C;--bg-light: #F5F9FC;--text-dark: #1A1A1A;--text-grey: #888;--gradient-blue: linear-gradient(135deg, #1E96C8 0%, #0D6B93 100%);--gradient-green: linear-gradient(135deg, #38D996 0%, #26D07C 100%);--box-shadow: 0 10px 20px rgba(0, 0, 0, .05);--card-shadow: 0 5px 15px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background-color:var(--bg-light);color:var(--text-dark);min-height:100vh}#app{max-width:100%;margin:0 auto;background:#fff;min-height:100vh;position:relative;overflow-x:hidden}@media (min-width: 1024px){#app{max-width:1200px;margin:20px auto;border-radius:20px;box-shadow:var(--box-shadow);min-height:calc(100vh - 40px);display:flex;flex-direction:column}}.content-container{position:relative;z-index:10}.hidden{display:none!important}.bg-circles{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:-1;overflow:hidden}.circle{position:absolute;border-radius:50%;background-color:#e4f2fa}.circle1{width:200px;height:200px;left:-100px;bottom:50px;opacity:.7}.circle2{width:250px;height:250px;right:-125px;bottom:-125px;opacity:.7}.login-page{display:flex;flex-direction:column;align-items:center;padding:60px 25px;min-height:100vh;height:auto;position:relative}.login-top{background:transparent;width:100%;height:180px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.logo-container{display:flex;justify-content:center;align-items:center;height:120px}.logo-container img{height:70px;max-width:220px;object-fit:contain;transition:transform .3s ease}.login-title{font-size:32px;font-weight:800;margin-bottom:50px;color:var(--text-dark);position:relative;text-align:center}.login-title:after{content:"";position:absolute;width:50px;height:4px;background:var(--gradient-blue);bottom:-10px;right:50%;transform:translate(50%);border-radius:2px}.phone-input-container{width:100%;margin-bottom:40px;padding:20px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 25px #00000014}.phone-input-label{display:block;margin-bottom:12px;color:var(--text-dark);font-weight:600;font-size:16px}.phone-hint{margin-top:10px;color:var(--text-grey);font-size:14px;text-align:center;margin-bottom:30px}.phone-input{width:100%;padding:20px 24px;border-radius:14px;border:2px solid #eee;font-family:Tajawal,sans-serif;font-size:18px;text-align:left;direction:ltr;margin-bottom:25px;transition:all .3s ease;box-shadow:0 6px 12px #0000000d}.phone-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 4px 15px #0d6b931a}.login-button{width:100%;padding:20px;border-radius:14px;background:var(--gradient-blue);color:#fff;font-family:Tajawal,sans-serif;font-size:18px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px #0d6b9333}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0d6b9340}.login-button:active{transform:translateY(1px);box-shadow:0 5px 10px #0d6b9333}.login-button:disabled{background:linear-gradient(135deg,#8ab6cd,#527c91);cursor:not-allowed;transform:none;opacity:.7}.iti{width:100%;margin-bottom:20px}.iti__flag{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.3.5/img/flags.png)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.3.5/img/flags@2x.png)}}.user-type-container{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:30px}.privacy-policy-link-container{width:100%;display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.privacy-policy-link{background:transparent;border:2px solid #ff9800;color:#ff9800;padding:12px 20px;border-radius:25px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.privacy-policy-link:hover{background:#ff9800;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff980033}.privacy-policy-link .btn-icon{width:16px;height:16px;object-fit:contain}.packages-link{background:transparent;border:2px solid #ff9800;color:#ff9800;padding:12px 20px;border-radius:25px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.packages-link:hover{background:#ff9800;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff980033}.packages-link .btn-icon{width:16px;height:16px;object-fit:contain}.user-type-option{background:linear-gradient(to bottom,#fff,#f8f9fa);border:2px solid #eee;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00000008;position:relative}.user-type-option:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0d6b931a;border-color:#0d6b934d}.user-type-option:active{transform:translateY(-2px)}.user-type-icon{position:relative;margin-bottom:15px}.user-type-icon img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 5px 15px #0000001a}.user-badge{position:absolute;top:-5px;right:-10px;background:var(--gradient-green);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;box-shadow:0 3px 8px #26d07c4d}.user-type-option h3{font-size:18px;font-weight:700;margin-bottom:5px;color:var(--text-dark)}.user-type-option p{font-size:14px;color:var(--text-grey);margin:0}.user-type-option.unified-login{background:linear-gradient(135deg,#f8fbff,#e8f4f8);border:2px solid rgba(13,107,147,.2);box-shadow:0 8px 25px #0d6b931a}.user-type-option.unified-login:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0d6b9333;border-color:var(--primary-blue)}.user-type-option.unified-login h3{color:var(--primary-blue);font-size:20px}.user-type-option.unified-login p{color:#0d6b93b3;font-size:15px}.login-back-button{position:absolute;top:25px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-blue);color:#fff;border-radius:12px;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 10px #0d6b9333}.login-back-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0d6b934d}.login-back-button:active{transform:translateY(-1px);box-shadow:0 4px 10px #0d6b9333}.login-back-button i{font-size:18px}.verify-subtitle{font-size:16px;color:var(--text-grey);margin-bottom:10px;text-align:center}.verify-phone{font-size:18px;font-weight:600;color:var(--primary-blue);margin-bottom:30px;text-align:center;direction:ltr}.verification-container{width:100%;display:flex;flex-direction:column;align-items:center}.verification-code-inputs{display:flex;justify-content:center;gap:10px;width:100%;margin-bottom:25px}.forgot-password-link{margin-top:20px;text-align:center}.forgot-password-link a,.resend-otp-link a{color:var(--primary-blue);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.forgot-password-link a:hover,.resend-otp-link a:hover{color:var(--secondary-blue);text-decoration:underline}.resend-otp-link{margin-top:20px;text-align:center}.code-input{width:60px;height:60px;border-radius:12px;border:2px solid #eee;font-size:24px;font-weight:600;text-align:center;box-shadow:0 4px 10px #00000008;transition:all .3s ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.code-input::-webkit-outer-spin-button,.code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.code-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 4px 15px #0d6b931a;transform:scale(1.05)}.resend-code{font-size:14px;color:var(--text-grey);margin-bottom:25px;text-align:center}.resend-code a{color:var(--primary-blue);text-decoration:none;font-weight:600}.resend-code a:hover{text-decoration:underline}.countdown{color:var(--text-grey);font-size:14px}.registration-form{padding-top:30px}.registration-container{width:100%;margin-top:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-dark)}.form-input{width:100%;padding:15px;border-radius:12px;border:2px solid #eee;font-family:Tajawal,sans-serif;font-size:16px;transition:all .3s ease;box-shadow:0 4px 6px #00000005}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 4px 15px #0d6b931a}.pin-code-container{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;direction:inherit}.pin-input{width:45px;height:50px;border-radius:10px;border:2px solid #eee;font-size:20px;font-weight:600;text-align:center;box-shadow:0 4px 10px #00000008;transition:all .3s ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;direction:ltr;position:relative}.pin-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 4px 15px #0d6b931a;transform:scale(1.05);animation:pulse-highlight .5s ease}@keyframes pulse-highlight{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.pin-input::-webkit-outer-spin-button,.pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pin-hint{margin-top:8px;color:var(--text-grey);font-size:14px}.coupon-info{width:100%;padding:15px;border-radius:12px;margin-bottom:20px;background:linear-gradient(135deg,#26d07c1a,#0d6b931a);box-shadow:0 4px 10px #00000005;border:1px dashed rgba(38,208,124,.5);animation:fadeIn .5s ease}.coupon-details{display:flex;align-items:center;gap:15px}.coupon-details i{font-size:24px;color:var(--green)}.coupon-text h4{margin:0 0 5px;font-size:16px;color:var(--green)}.coupon-text p{margin:0;font-size:14px;color:var(--text-dark)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:300px}}.logo-container:hover img{transform:scale(1.02)}.logo-container img{filter:drop-shadow(0 3px 5px rgba(0,0,0,.15))}@media (max-width: 768px){.login-page{padding:20px 25px}.login-top{height:100px;margin-bottom:20px}.logo-container{height:80px}.logo-container img{height:60px}.login-title{font-size:28px;margin-bottom:30px}.privacy-policy-link-container{gap:12px}.privacy-policy-link,.packages-link{min-width:140px;justify-content:center;padding:10px 16px;font-size:13px}.privacy-policy-link .btn-icon,.packages-link .btn-icon{width:14px;height:14px}}@media (max-width: 480px){.login-page{padding:15px 20px}.login-top{height:80px;margin-bottom:15px}.logo-container{height:60px}.logo-container img{height:50px}.login-title{font-size:24px;margin-bottom:25px}.privacy-policy-link,.packages-link{min-width:130px;padding:8px 12px;font-size:12px}.privacy-policy-link .btn-icon,.packages-link .btn-icon{width:12px;height:12px}}@media (min-width: 768px){.pin-code-container{max-width:400px;margin:0 auto 10px}.pin-input{width:55px;height:60px;font-size:24px}}.phone-loading-indicator{display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;margin-top:8px;height:20px}.phone-loading-indicator span{position:relative;padding-right:24px}.phone-loading-indicator span:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #ddd;border-top-color:#3f51b5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.pre-registration-notification{background-color:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32;padding:12px 16px;border-radius:8px;margin:0 20px 20px;display:flex;align-items:center;font-size:14px}.pre-registration-notification i{margin-left:10px;font-size:18px}.privacy-policy-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow-x:hidden}.privacy-policy-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.privacy-policy-back-button{background:var(--primary-blue);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0d6b9333}.privacy-policy-back-button:hover{background:var(--text-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0d6b934d}.header-content{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;margin-right:40px}.privacy-icon-container{display:flex;align-items:center;justify-content:center}.privacy-icon{height:35px;width:35px;object-fit:contain}.privacy-policy-header .logo-container{display:flex;justify-content:center}.privacy-policy-header .logo-container img{height:45px;max-width:150px;object-fit:contain}.privacy-policy-content{flex:1;padding:30px 25px;max-width:800px;margin:0 auto;width:100%}.privacy-policy-title{font-size:28px;font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:10px;position:relative}.privacy-policy-title:after{content:"";position:absolute;width:60px;height:4px;background:var(--gradient-blue);bottom:-8px;right:50%;transform:translate(50%);border-radius:2px}.privacy-policy-subtitle{font-size:18px;font-weight:600;color:var(--text-grey);text-align:center;margin-bottom:40px}.privacy-policy-section{background:#ffffffe6;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 5px 15px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.privacy-policy-section h3{font-size:20px;font-weight:700;color:var(--primary-blue);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid rgba(13,107,147,.1)}.privacy-policy-section p{font-size:16px;line-height:1.7;color:var(--text-dark);margin-bottom:15px}.privacy-policy-section ul{margin:15px 0;padding-right:20px}.privacy-policy-section li{font-size:16px;line-height:1.7;color:var(--text-dark);margin-bottom:10px;list-style-type:disc}.privacy-policy-section li strong{color:var(--primary-blue);font-weight:600}.privacy-policy-section.effective-date{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid var(--primary-blue);text-align:center}.privacy-policy-section.effective-date p{font-size:18px;font-weight:700;color:var(--primary-blue);margin-bottom:0}.privacy-policy-section.agreement{background:linear-gradient(135deg,#fff3e0,#fce4ec);border:2px solid #ff9800;border-radius:20px}.privacy-policy-section.agreement .agreement-text{font-size:16px;font-weight:600;color:var(--text-dark);text-align:center;margin-bottom:0;line-height:1.8}.privacy-navigation-buttons{display:flex;justify-content:center;padding:30px 25px;margin-bottom:20px}.navigation-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;border:none;border-radius:15px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000001a;min-width:160px}.navigation-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.navigation-btn:active{transform:translateY(-1px)}.home-btn{background:var(--gradient-blue);color:#fff}.home-btn:hover{background:linear-gradient(135deg,#0d6b93,#1976d2)}.navigation-btn i{font-size:18px}@media (max-width: 768px){.privacy-policy-content{padding:20px 15px}.privacy-policy-title{font-size:24px}.privacy-policy-subtitle{font-size:16px}.privacy-policy-section{padding:20px}.privacy-policy-section h3{font-size:18px}.privacy-policy-section p,.privacy-policy-section li{font-size:15px}.privacy-navigation-buttons{flex-direction:column;align-items:center;gap:15px;padding:20px 15px}.navigation-btn{min-width:200px;justify-content:center}}@media (max-width: 480px){.privacy-policy-header{padding:15px 20px}.header-content{gap:10px;margin-right:30px}.privacy-icon{height:28px;width:28px}.privacy-policy-content{padding:15px 10px}.privacy-policy-title{font-size:22px}.privacy-policy-section{padding:15px}.privacy-policy-section h3{font-size:17px}.privacy-policy-section p,.privacy-policy-section li{font-size:14px}.privacy-navigation-buttons{padding:15px 10px}.navigation-btn{min-width:180px;padding:12px 20px;font-size:15px}.navigation-btn i{font-size:16px}}.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:15px 0;background-color:#fff;box-shadow:0 -2px 20px #0000000f;max-width:100%;margin:0 auto;z-index:1000;transition:all .3s ease}.nav-item{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--text-grey);transition:all .3s ease;padding:8px 15px;border-radius:10px;cursor:pointer}.nav-item.active{color:var(--primary-blue);font-weight:700}.nav-item:hover{background-color:#0d6b930d}.nav-item i{font-size:24px;margin-bottom:4px}.nav-home{background-color:var(--light-blue);padding:8px 25px;border-radius:30px;color:var(--primary-blue);font-weight:700}.mobile-menu-btn{display:block}@media (min-width: 1024px){#app{padding-bottom:70px}.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-around;padding:15px 0;background-color:#fff;box-shadow:0 -2px 20px #0000000f;width:100%!important;max-width:1200px;margin:0 auto;height:auto!important;border-right:none!important}.nav-item{display:flex;flex-direction:column;align-items:center;font-size:12px!important;color:var(--text-grey);padding:8px 15px!important;margin-bottom:0!important;border-radius:10px!important}.nav-item i{font-size:24px!important;margin-bottom:4px!important;margin-left:0!important}.nav-item span{font-size:12px!important}.nav-item.active{color:var(--primary-blue)!important;background-color:transparent!important;font-weight:700}}@media (min-width: 1024px){.content-container{margin-bottom:70px}}.content-container{display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.schedule-page{padding:25px;flex:1;position:relative;margin-bottom:60px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05)}.user-info{display:flex;flex-direction:column;align-items:center;gap:5px}.user-avatar{width:45px;height:45px;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0000001a;border:2px solid white}.user-name{font-weight:700;font-size:13px;text-align:center}.schedule-title{font-size:24px;font-weight:800;color:var(--primary-blue);position:relative}.schedule-title:after{content:"";position:absolute;width:30px;height:3px;background:var(--gradient-blue);bottom:-8px;right:0;border-radius:2px}.subscribed-packages-section{margin-bottom:18px;background:linear-gradient(135deg,#fff,#fff8f0);border-radius:14px;padding:14px;box-shadow:0 3px 12px #ff980014;border:1px solid rgba(255,152,0,.1)}.packages-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.packages-section-header h3{font-size:15px;color:var(--text-dark);font-weight:700;margin:0}.view-all-packages-btn{display:flex;align-items:center;gap:6px;background:var(--primary-blue);border:none;padding:5px 10px;border-radius:8px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.view-all-packages-btn:hover{background-color:#0a5a7d;transform:translateY(-2px);box-shadow:0 4px 8px #0d6b9333}.view-all-packages-btn i{font-size:12px}.subscribed-packages-slider{overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.subscribed-packages-slider::-webkit-scrollbar{height:3px}.subscribed-packages-slider::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.packages-slider-wrapper{display:flex;gap:8px;padding:3px 0}.package-slider-item{min-width:130px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;height:auto;min-height:110px}.package-slider-item.all-packages{background-color:var(--bg-light);min-width:110px;display:flex;align-items:center;justify-content:center}.package-slider-item.active-filter{border:2px solid #ff9800;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 16px #ff980059;transform:scale(1.02);position:relative;animation:subtle-orange-glow 3s ease-in-out infinite}.package-slider-item.expired{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:#e5393533;opacity:.95}.package-slider-item.expired.active-filter{border:2px solid #e53935;background:linear-gradient(135deg,#e539351a,#e539350a);box-shadow:0 4px 16px #e5393533;opacity:1}.package-slider-item:hover{box-shadow:0 6px 20px #ff980026;border-color:#ff980066;background:linear-gradient(135deg,#fff,#fff8f0)}.package-slider-content{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.package-slider-name{font-size:13px;font-weight:700;color:#e65100;line-height:1.3;margin-bottom:4px;text-shadow:0 1px 2px rgba(230,81,0,.1)}.package-slider-item.expired .package-slider-name{color:#777}.package-slider-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:15px;display:inline-flex;align-items:center;gap:4px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.package-slider-status.active{background:linear-gradient(135deg,#ff980033,#ff98001a);color:#e65100;border:1px solid rgba(255,152,0,.3)}.package-slider-status.expired{background:linear-gradient(135deg,#e5393526,#e5393514);color:#c62828;border:1px solid rgba(229,57,53,.25)}@media (max-width: 768px){.package-slider-item{min-width:120px;padding:8px;min-height:100px}.package-slider-name{font-size:12px}.package-slider-status{font-size:9px;padding:3px 6px}.package-slider-content{gap:4px}.view-weekly-schedule-btn{font-size:9px;padding:4px 8px}}.package-slider-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff9800,#ff980080);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease}.package-slider-item.active-filter:before{opacity:1;height:4px;background:linear-gradient(90deg,#ff9800,#f57c00,#ff9800)}.package-slider-item.expired:before{background:linear-gradient(90deg,#e53935,#e5393580)}.package-slider-item.expired .package-slider-name{color:#d84315!important;opacity:1}.package-slider-item.expired span{color:#8d6e63!important}.no-lessons-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background-color:var(--bg-light);padding:30px;border-radius:10px;text-align:center;margin:20px 0;border:1px dashed rgba(0,0,0,.1)}.no-lessons-message i{font-size:30px;color:var(--text-grey)}.no-lessons-message p{font-size:16px;color:var(--text-dark);margin:0}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lessons-list .lesson-item{animation:fadeScale .3s ease}.date-nav{margin-bottom:15px}.date-selector-new{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background-color:var(--bg-light);padding:16px 20px;border-radius:15px;box-shadow:var(--card-shadow)}.date-text{font-family:Tajawal,sans-serif;font-weight:700;font-size:20px;color:var(--primary-blue);text-align:center;flex:1}.date-arrow{background:var(--primary-blue);border:none;color:#fff;font-size:16px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.date-arrow:hover{background-color:#0d6b93cc}.date-arrow:active{background-color:#0d6b93e6;transform:scale(.95)}.lessons-list{display:flex;flex-direction:column;gap:15px;padding-bottom:20px}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:15px;background-color:#e4f2fa;transition:all .3s ease;box-shadow:var(--card-shadow);cursor:pointer}.lesson-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.lesson-item.started{background:var(--gradient-blue);color:#fff}.lesson-item.coming-soon{background:linear-gradient(135deg,#64b5f6,#2196f3);color:#fff}.lesson-item.scheduled{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.lesson-info{display:flex;align-items:flex-start;gap:15px}.lesson-title-container{display:flex;flex-direction:column;gap:5px}.lesson-title{font-weight:700;font-size:18px}.lesson-time{font-size:14px;opacity:.9;font-weight:500}.remaining-time-container{display:flex;align-items:center;gap:5px;margin-top:5px;background-color:#fff3;padding:5px 10px;border-radius:12px;font-size:13px}.remaining-time-container i{font-size:12px}.lesson-status{font-size:14px;background-color:#fff3;color:#fff;padding:6px 15px;border-radius:20px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.play-button{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;color:var(--primary-blue);box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:all .3s ease}.play-button:hover{transform:scale(1.1)}@media (min-width: 768px){.packages-slider-wrapper{flex-wrap:wrap}.package-slider-item{min-width:130px;flex:0 0 calc(25% - 8px)}.package-slider-item.all-packages{min-width:110px;flex:0 0 calc(20% - 8px)}}@media (min-width: 1024px){.schedule-page,.profile-page,.session-page,.balance-page{max-width:none!important;margin-bottom:60px!important;padding-bottom:30px!important}.lessons-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important}.lesson-item{height:auto!important;min-height:120px!important}.user-info{flex-direction:column!important;gap:5px!important}.user-avatar{width:55px!important;height:55px!important;border-radius:15px!important;border-width:3px!important}.user-name{font-size:16px!important;font-weight:800!important}}.package-slider-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.package-slider-item:hover .view-weekly-schedule-btn{background:linear-gradient(135deg,#e65100,#bf360c);color:#fff}.package-slider-item.active-filter .view-weekly-schedule-btn{background:linear-gradient(135deg,#0006,#0003);color:#fff;box-shadow:0 3px 10px #0006;font-weight:700;border:1px solid rgba(255,255,255,.6)}.package-slider-item span[style*="color: #d63384"]{background:linear-gradient(135deg,#d633841a,#d633840d)!important;border:1px solid rgba(214,51,132,.2)!important;border-radius:6px!important;padding:2px 6px!important;font-size:9px!important;font-weight:600!important;margin-top:2px!important;display:inline-block!important;line-height:1.2!important}.packages-slider-wrapper{gap:6px;padding:2px 0}.subscribed-packages-slider{padding-bottom:3px}.packages-section-header h3{font-size:14px;color:#e65100;font-weight:700;text-shadow:0 1px 2px rgba(230,81,0,.1)}.view-all-packages-btn{background:linear-gradient(135deg,#ff9800,#f57c00);padding:4px 8px;font-size:11px;border-radius:6px;box-shadow:0 2px 6px #ff980033}.view-all-packages-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);box-shadow:0 3px 8px #ff98004d}.package-slider-item.active-filter .package-slider-name{color:#fff!important;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.4)}.package-slider-item.active-filter .package-slider-status{background:linear-gradient(135deg,#0006,#0003)!important;color:#fff!important;border:1px solid rgba(255,255,255,.6)!important;font-weight:700;box-shadow:0 2px 4px #0000004d}@keyframes subtle-orange-glow{0%{box-shadow:0 4px 16px #ff980080}50%{box-shadow:0 6px 20px #ff980099}to{box-shadow:0 4px 16px #ff980080}}.package-slider-item.active-filter span{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.package-slider-item.active-filter .waiting-list-message{background:linear-gradient(135deg,#0000004d,#00000026);border:1px solid rgba(255,255,255,.5);color:#fff}.package-slider-status.waiting{background:linear-gradient(135deg,#ff980040,#ff980026);color:#e65100;border:1px solid rgba(255,152,0,.4);font-weight:700}.waiting-list-message{background:linear-gradient(135deg,#ff98001f,#ff98000f);border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:8px 12px;margin-top:8px;display:flex;align-items:center;justify-content:center;color:#e65100;font-size:10px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.schedule-title{color:#e65100!important;text-shadow:0 2px 4px rgba(230,81,0,.15)}.schedule-title:after{background:linear-gradient(90deg,#ff9800,#e65100)!important}.package-slider-item span[style*="font-weight: bold"]{color:#bf360c!important;font-weight:600!important}.package-slider-item span{font-size:10px!important;line-height:1.3;display:block;margin-top:3px;font-weight:600;color:#bf360c!important}.view-weekly-schedule-btn{margin-top:8px;padding:6px 10px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;width:100%;text-align:center;font-family:inherit;box-shadow:0 2px 8px #ff980033}.view-weekly-schedule-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.waiting-list-message i{margin-left:6px;font-size:12px;animation:pulse 2s infinite}.profile-page{padding:15px;flex:1;margin-bottom:60px}@media (min-width: 768px){.profile-page{padding:25px}}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05)}.profile-title{font-size:24px;font-weight:800;color:var(--primary-blue);position:relative}.profile-title:after{content:"";position:absolute;width:30px;height:3px;background:var(--gradient-blue);bottom:-8px;right:0;border-radius:2px}.back-to-home-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;background:var(--bg-light);border:none;padding:10px 15px;border-radius:12px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:600;color:var(--primary-blue);transition:all .3s ease}.back-to-home-btn:hover{background-color:var(--primary-blue);color:#fff}.student-profile-container{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;padding:20px;background-color:var(--bg-light);border-radius:20px;box-shadow:var(--card-shadow);position:relative}.student-avatar-wrapper{position:relative;margin-bottom:15px}.student-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background-color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border:2px solid white;box-shadow:0 3px 8px #0000001a;transition:all .3s ease}.avatar-edit-btn:hover{transform:scale(1.1);background-color:#0a5a7d}.avatar-loading{position:absolute;top:0;left:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:#ffffffb3;border-radius:50%;z-index:5;animation:fadeIn .3s ease}.avatar-loading i{font-size:24px;color:var(--primary-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.student-name{font-size:20px;font-weight:700;margin:0 0 5px;color:var(--text-dark)}.student-grade{font-size:14px;color:var(--text-grey);margin-bottom:5px}.form-group{margin-bottom:20px;background-color:var(--bg-light);padding:20px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease}.form-group:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.form-label{display:block;margin-bottom:12px;text-align:right;font-weight:700;color:var(--primary-blue);font-size:16px}.form-input{width:100%;padding:15px;border-radius:12px;border:2px solid rgba(0,0,0,.05);font-family:Tajawal,sans-serif;font-size:16px;background-color:#fff;box-shadow:inset 0 2px 4px #00000005;transition:all .3s ease}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0d6b931a}.form-input[readonly]{background-color:#f5f5f5;cursor:not-allowed;opacity:.8;border-color:#e0e0e0}.form-input[readonly]:focus{border-color:#e0e0e0;box-shadow:none}.readonly-label{font-size:12px;font-weight:400;color:#888;margin-right:5px}.form-actions{margin-bottom:25px;text-align:center}.save-profile-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--primary-blue);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 8px #0d6b9333}.save-profile-btn:hover{background-color:#0a5a7d;transform:translateY(-2px);box-shadow:0 6px 12px #0d6b934d}.save-profile-btn:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.save-profile-btn i{font-size:16px}.custom-phone-input{position:relative}.custom-phone-input .form-input{padding-right:60px;padding-left:15px}.country-flag{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:30px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none}.country-flag img{width:100%;height:auto;border-radius:4px}.subscription-section{margin-bottom:25px;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000000d;border:1px solid rgba(0,0,0,.05)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2{font-size:18px;color:var(--primary-blue);font-weight:700}.view-details-btn{display:flex;align-items:center;gap:8px;background:var(--primary-blue);border:none;color:#fff;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background-color:#0a5a7d;transform:translateY(-2px);box-shadow:0 4px 8px #0d6b9333}.view-details-btn i{font-size:14px}.subscription-simple-card{border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.subscription-simple-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:var(--bg-light);border-bottom:1px solid rgba(0,0,0,.05)}.subscription-simple-title{font-size:16px;font-weight:700;color:var(--text-dark)}.subscription-simple-status{font-size:12px;padding:4px 10px;border-radius:15px;font-weight:600}.subscription-simple-status.active{background-color:#26d07c26;color:var(--green)}.subscription-simple-status.expired{background-color:#f4433626;color:#f44336}.subscription-simple-dates{padding:12px 15px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background-color:#fff}.simple-date-item{display:flex;flex-direction:column;gap:3px}.simple-date-label{font-size:12px;color:var(--text-grey)}.simple-date-value{font-size:14px;font-weight:600;color:var(--text-dark)}.wallet-section{margin-bottom:25px}.wallet-card{background:linear-gradient(135deg,#1e40af,#3b82f6,#1d4ed8);padding:20px;border-radius:15px;box-shadow:0 8px 25px #1e40af4d;color:#fff;margin-bottom:15px;position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:#ffffff1a;border-radius:50%;z-index:1}.wallet-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;z-index:2}.platform-logo{width:40px;height:40px;border-radius:8px;background:#fff;padding:6px;box-shadow:0 2px 8px #00000026}.platform-name{font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.wallet-card-body{position:relative;z-index:2}.balance-display{text-align:center}.balance-amount{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);display:block}.wallet-actions{display:flex;gap:10px}.wallet-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;background-color:#fff;border:2px solid var(--primary-blue);font-family:Tajawal,sans-serif;font-weight:600;font-size:14px;color:var(--primary-blue);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e40af26}.wallet-action-btn:hover{background-color:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0d6b9326}.invite-friend-section{margin-bottom:25px;text-align:center}.invite-friend-btn{width:100%;padding:15px;border-radius:12px;background:var(--gradient-green);color:#fff;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px #26d07c33;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.invite-friend-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #26d07c40}.invite-friend-btn i{margin-left:8px}.invite-note{font-size:12px;color:var(--text-secondary);margin-top:8px;text-align:center}.support-section{margin:25px 0;text-align:center}.whatsapp-support-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:15px 25px;border-radius:12px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:600;font-size:16px;width:100%;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #25d36633}.whatsapp-support-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #25d3664d}.whatsapp-support-btn i{font-size:20px}.logout-btn{width:100%;padding:15px;border-radius:12px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #d32f2f33;display:flex;align-items:center;justify-content:center;gap:10px}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d32f2f4d}.logout-btn i{font-size:18px}.logout-confirm-modal .modal-container{width:320px;padding:25px;text-align:center}.logout-confirm-modal .modal-header h3{font-size:22px;font-weight:700;color:#d32f2f;margin-bottom:15px}.logout-confirm-modal .modal-body{margin-bottom:25px}.logout-confirm-modal .modal-body p{font-size:16px;color:var(--text-dark)}.logout-confirm-modal .modal-actions{display:flex;gap:15px}.cancel-logout-btn,.confirm-logout-btn{flex:1;padding:12px;border-radius:10px;font-family:Tajawal,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.cancel-logout-btn{background-color:#f5f5f5;color:var(--text-grey);border:1px solid #e0e0e0}.confirm-logout-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;box-shadow:0 4px 10px #d32f2f33}.cancel-logout-btn:hover{background-color:#eee}.confirm-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d32f2f4d}.coupon-modal-content h3{font-size:22px;font-weight:700;margin-bottom:25px;text-align:center;color:var(--primary-blue)}.coupon-form{margin-bottom:30px}.coupon-form .form-group{margin-bottom:20px}.coupon-form label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-dark)}.coupon-form input{width:100%;padding:15px;border-radius:12px;border:2px solid #e0e0e0;font-family:Tajawal,sans-serif;font-size:16px;text-align:center;text-transform:uppercase;transition:all .3s ease}.coupon-form input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0d6b931a}.coupon-status{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;background-color:#26d07c1a;border:1px solid rgba(38,208,124,.3);margin-top:15px;animation:fadeIn .3s ease}.coupon-status.hidden{display:none}.coupon-icon{font-size:24px;color:var(--green)}.coupon-message{font-size:14px;color:var(--text-dark)}.coupon-message span{font-weight:700;color:var(--green)}.confirm-coupon-btn{width:100%;padding:16px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;background:var(--gradient-blue);color:#fff;box-shadow:0 5px 15px #0d6b9333}.confirm-coupon-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0d6b934d}.confirm-coupon-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.student-avatar{width:120px;height:120px}.avatar-edit-btn{width:36px;height:36px}.student-name{font-size:24px}.student-grade{font-size:16px}}.copy-btn{position:relative;cursor:pointer;background:none;border:none;font-size:16px}.copy-btn:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.copy-btn:hover:after{opacity:1}.view-packages-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:var(--gradient-blue);color:#fff;border:none;border-radius:12px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0d6b9333;position:relative;overflow:hidden;margin-top:10px}.view-packages-btn:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.view-packages-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0d6b934d}.view-packages-btn:hover:before{right:100%}.view-packages-btn i{font-size:16px}.account-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:100px}.delete-account-btn{width:100%;padding:15px;border-radius:12px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #d32f2f33;display:flex;align-items:center;justify-content:center;gap:10px}.delete-account-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d32f2f4d}.delete-account-btn i{font-size:18px}.delete-account-modal{max-width:500px;width:90%}.delete-account-modal .modal-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.warning-title{margin:0;font-size:18px;font-weight:700}.warning-icon{font-size:24px;color:#ffc107}.delete-account-modal .modal-body{padding:25px}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-bottom:20px}.warning-message p{margin:0 0 10px;color:#856404;font-weight:600}.warning-message ul{margin:10px 0;padding-right:20px;color:#856404}.warning-message li{margin-bottom:5px}.final-warning{margin-top:15px!important;padding:10px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24!important;text-align:center;font-weight:700!important}.confirmation-section{margin-top:20px}.confirmation-section label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:15px}.confirmation-input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-family:Tajawal,sans-serif;font-size:16px;text-align:center;transition:all .3s ease}.confirmation-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.change-grade-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.change-grade-modal.active{display:flex}.change-grade-modal .modal-container{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0003;transform:scale(.9);transition:transform .3s ease}.change-grade-modal.active .modal-container{transform:scale(1)}.change-grade-modal .modal-close{position:absolute;top:15px;left:15px;width:30px;height:30px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1}.change-grade-modal .modal-close:hover{background:#0003}.change-grade-modal .modal-header{background:var(--gradient-blue);color:#fff;padding:25px;border-radius:16px 16px 0 0;text-align:center}.change-grade-modal .modal-header h3{margin:0 0 8px;font-size:20px;font-weight:700}.change-grade-modal .modal-header p{margin:0;font-size:14px;opacity:.9}.change-grade-modal .registration-container{padding:25px}.change-grade-modal .form-group{margin-bottom:20px}.change-grade-modal .form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:14px}.change-grade-modal .form-input{width:100%;padding:12px 16px;border:2px solid #eee;border-radius:10px;font-family:Tajawal,sans-serif;font-size:14px;transition:all .3s ease;background:#fff}.change-grade-modal .form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0d6b931a}.grade-change-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:15px;display:flex;align-items:flex-start;gap:12px;margin-top:15px}.grade-change-warning i{color:#856404;font-size:18px;margin-top:2px}.grade-change-warning p{margin:0;color:#856404;font-size:14px;line-height:1.5}.change-grade-modal .modal-footer{padding:20px 25px;background:#f8f9fa;border-radius:0 0 16px 16px;display:flex;gap:12px;justify-content:flex-end}.cancel-grade-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-grade-btn:hover{background:#5a6268;transform:translateY(-1px)}.confirm-grade-btn{padding:12px 24px;background:var(--gradient-blue);color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0d6b9333}.confirm-grade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d6b934d}.confirm-grade-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.change-grade-modal .modal-container{margin:10px;max-width:none}.change-grade-modal .modal-header,.change-grade-modal .registration-container{padding:20px}.change-grade-modal .modal-footer{padding:15px 20px;flex-direction:column-reverse}.cancel-grade-btn,.confirm-grade-btn{width:100%;padding:14px}}.delete-account-modal .modal-actions{padding:0 25px 25px;display:flex;gap:15px;justify-content:flex-end}.cancel-delete-btn,.confirm-delete-btn{padding:10px 20px;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-delete-btn{background:#6c757d;color:#fff}.cancel-delete-btn:hover{background:#5a6268;transform:translateY(-2px)}.confirm-delete-btn{background:#e0e0e0;color:#999;cursor:not-allowed}.confirm-delete-btn.enabled{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;cursor:pointer}.confirm-delete-btn.enabled:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px)}@media (min-width: 768px){.account-actions{flex-direction:row;justify-content:space-between}.logout-btn,.delete-account-btn{flex:1;max-width:48%;margin-bottom:0}}.brothers-section{margin-bottom:25px;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000000d;border:1px solid rgba(0,0,0,.05)}.brothers-title{font-size:18px;font-weight:700;color:var(--primary-blue);margin:0 0 15px;display:flex;align-items:center;gap:8px}.brothers-title:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--primary-blue)}.brothers-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:12px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#856404;line-height:1.5}.brothers-note i{color:#856404;font-size:16px;margin-top:2px;flex-shrink:0}.brothers-list{display:flex;flex-direction:column;gap:15px}.brother-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px;transition:all .3s ease}.brother-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.brother-info{display:flex;flex-direction:column;gap:12px}.brother-name,.brother-phone{display:flex;align-items:center;gap:8px;font-size:14px}.brother-name i,.brother-phone i{color:var(--primary-blue);width:16px;flex-shrink:0}.phone-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.phone-number{font-family:Courier New,monospace;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #dee2e6;font-size:13px;word-break:break-all;flex:1;min-width:0}.copy-phone-btn{background:#2563eb;color:#fff;border:2px solid #1d4ed8;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .3s ease;font-size:12px;flex-shrink:0;box-shadow:0 2px 4px #2563eb4d}.copy-phone-btn i{color:#fff!important}.copy-phone-btn:hover{background:#0a5a7d;transform:scale(1.05)}.add-brother-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--gradient-green);color:#fff;border:none;border-radius:10px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #26d07c33}.add-brother-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #26d07c4d}@media (max-width: 768px){.brothers-section{padding:15px}.brother-info{gap:10px}.brother-phone{flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.phone-container{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.phone-number{flex:1;min-width:0;font-size:12px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-phone-btn{padding:8px 10px;font-size:14px;border-radius:8px;flex-shrink:0}}.session-page{padding:25px;flex:1;height:100%;display:flex;flex-direction:column;margin-bottom:60px;position:relative;z-index:10;background-color:#f8fafc}.session-header{display:flex;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:20px;margin-bottom:25px}.session-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.session-info-card{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:15px;box-shadow:0 3px 12px #0000000d;margin-bottom:20px}.session-status{display:inline-block;padding:6px 15px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;background-color:#4caf50;margin-bottom:10px;box-shadow:0 3px 8px #4caf5040}.session-title{font-size:24px;font-weight:800;color:var(--primary-blue, #0d6b93);margin:10px 0;position:relative;padding-bottom:12px}.session-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,var(--primary-blue, #0d6b93),#4caf50);border-radius:3px}.session-time-display{font-size:16px;color:#555;margin:12px 0;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.session-time-display:before{content:"";font-family:"Font Awesome 5 Free";font-weight:400;color:var(--primary-blue, #0d6b93)}.session-remaining-time{font-size:16px;color:#2e7d32;margin:10px 0;font-weight:500;display:inline-flex;align-items:center;padding:6px 15px;background-color:#4caf501a;border-radius:20px;box-shadow:0 2px 8px #2e7d321a}.session-remaining-time:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:8px;animation:pulse 1.5s infinite}.session-teacher,.session-group{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto;padding:8px 15px;background-color:#fff;border-radius:10px;max-width:fit-content;box-shadow:0 2px 5px #0000000d;font-size:14px;color:#555}.session-teacher i,.session-group i{color:var(--primary-blue, #0d6b93)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.back-button{align-self:flex-start;display:flex;align-items:center;gap:8px;background:#f0f8ff;border:none;padding:10px 15px;border-radius:12px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:600;color:var(--primary-blue, #0d6b93);transition:all .3s ease}.back-button:hover{background-color:var(--primary-blue, #0d6b93);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0d6b9333}.session-actions{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;padding:0}.session-content{flex:1;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px #00000014;background-color:#fff;height:calc(100vh - 150px);position:relative}.fullscreen-content{height:calc(100vh - 100px)!important}.iframe-loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.spinner{width:40px;height:40px;border:4px solid rgba(13,107,147,.2);border-left-color:var(--primary-blue, #0d6b93);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.iframe-loading-indicator p{font-size:16px;color:var(--primary-blue, #0d6b93);font-weight:500}.session-iframe{width:100%;height:100%;border:none}.fullscreen-iframe{height:100%;min-height:500px}.session-buttons-container{display:flex;justify-content:center;gap:5px;padding:3px;background-color:#f5f9fc;border-radius:15px;box-shadow:0 2px 5px #0000000d;width:200px;max-width:90%;margin:5px auto;border:1px solid #e0e0e0}.session-button{flex:1;padding:5px 10px;border:none;border-radius:12px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:transparent;color:var(--text-grey, #555)}.session-button.active{background-color:var(--primary-blue, #0d6b93);color:#fff;box-shadow:0 3px 10px #0d6b9333}.session-button:hover:not(.active){background-color:#0d6b931a}.join-session-card-btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#4caf50;color:#fff;border:none;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #4caf504d;width:100%}.join-session-card-btn:hover{background-color:#2e7d32;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.session-card-content{display:flex;flex-direction:column;height:100%}.session-card{display:flex;flex-direction:column;border-radius:12px;border-right:5px solid #e0e0e0;background-color:#fff;box-shadow:0 2px 5px #0000000d;padding:15px;margin-bottom:15px;transition:all .3s ease;cursor:pointer;height:100%}.session-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.session-card.started{border-right-color:#28a745}.session-card.coming-soon{border-right-color:#ffc107}.session-card .session-status{display:inline-flex;font-size:12px;padding:3px 8px;border-radius:12px;margin-bottom:8px;font-weight:500;align-items:center;gap:5px}.session-card.started .session-status{color:#28a745;background-color:#28a7451a;box-shadow:none}.session-card.coming-soon .session-status{color:#ffc107;background-color:#ffc1071a;box-shadow:none}.session-card .remaining-time{font-size:12px;color:#28a745;margin:8px 0}.session-card .session-details{flex:1;margin-bottom:10px}.session-card .session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:0;border:none;box-shadow:none;background:none}.session-card .session-title{font-size:16px;font-weight:700;margin:0;padding:0;text-align:right}.session-card .session-title:after{display:none}.session-card .session-time{font-size:13px;color:#666;display:flex;align-items:center;gap:5px}.session-card .session-time:before{content:"";font-family:"Font Awesome 5 Free";font-weight:400}.session-card .time-until-start{font-size:12px;color:#f57c00;margin:5px 0}.session-card .teacher-name,.session-card .group-name{font-size:12px;color:#666;margin:5px 0}@media (max-width: 768px){.session-page{padding:15px;margin-bottom:50px}.session-header,.session-info-card{padding:15px}.session-title{font-size:20px}.fullscreen-content{height:calc(100vh - 150px)!important}.fullscreen-iframe{min-height:70vh}}@media (min-width: 1024px){.session-content{height:calc(100vh - 300px)!important}.session-iframe{height:100%!important}.fullscreen-content{height:calc(100vh - 200px)!important}}.balance-page{padding:25px;flex:1;position:relative;margin-bottom:60px;z-index:10}.user-card-container{margin-bottom:25px;display:flex;justify-content:center}.user-card{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:25px;color:#fff;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 15px 35px #1e3c724d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.card-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;opacity:.9}.card-logo i{font-size:20px}.card-type{background:#fff3;border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-type i{font-size:18px}.card-content{position:relative;z-index:2}.user-name{font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-phone{font-size:14px;font-family:Courier New,monospace;opacity:.9;margin-bottom:20px;letter-spacing:1px}.balance-display{display:flex;flex-direction:column;gap:5px}.balance-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.balance-value{font-size:24px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.card-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.card-decoration .circle{position:absolute;border-radius:50%;background:#ffffff1a}.card-decoration .circle-1{width:120px;height:120px;top:-60px;right:-60px}.card-decoration .circle-2{width:80px;height:80px;bottom:-40px;left:-40px;background:#ffffff0d}@media (max-width: 768px){.user-card{padding:20px;margin:0 10px}.user-name{font-size:18px}.balance-value{font-size:20px}.card-logo{font-size:14px}.card-logo i{font-size:16px}}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--gradient-blue);color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease}.back-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0d6b934d}.back-btn:active{transform:translateY(0)}.back-btn i{font-size:10px}.balance-title{font-size:24px;font-weight:800;color:var(--primary-blue);position:relative}.balance-title:after{content:"";position:absolute;width:30px;height:3px;background:var(--gradient-blue);bottom:-8px;right:0;border-radius:2px}.balance-summary-card{background:var(--gradient-blue);border-radius:20px;padding:25px;margin-bottom:30px;color:#fff;box-shadow:0 10px 30px #0d6b934d;position:relative;overflow:hidden}.balance-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1}.balance-summary-header{display:flex;flex-direction:column;margin-bottom:25px;position:relative;z-index:5}.balance-summary-header h2{font-size:18px;font-weight:600;margin:0 0 10px;opacity:.9}.balance-summary-amount{font-size:36px;font-weight:800;display:flex;align-items:center;gap:8px}.balance-statistics{display:flex;gap:15px;margin-bottom:30px}.stat-card{flex:1;display:flex;align-items:center;gap:15px;background-color:#fff;padding:18px;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:20px}.stat-card.income .stat-icon{background:var(--gradient-green);box-shadow:0 5px 10px #26d07c33}.stat-card.expenses .stat-icon{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 5px 10px #f57c0033}.stat-details{display:flex;flex-direction:column}.stat-title{font-size:14px;color:var(--text-grey);margin-bottom:5px}.stat-value{font-size:22px;font-weight:700;color:var(--text-dark)}.transactions-section{margin-bottom:80px}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.section-title{font-size:20px;font-weight:700;margin:0;color:var(--text-dark)}.search-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.date-range-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input-group label{font-size:12px;font-weight:600;color:var(--text-grey);margin:0}.date-input{padding:8px 12px;border:2px solid rgba(13,107,147,.1);border-radius:8px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:600;color:var(--text-dark);background:#fff;cursor:pointer;transition:all .3s ease;min-width:120px}.date-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0d6b931a}.date-input:hover{border-color:var(--primary-blue)}.apply-filter-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--gradient-blue);color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:18px}.apply-filter-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #0d6b934d}.apply-filter-btn:active{transform:translateY(0)}.apply-filter-btn i{font-size:10px}.month-filter-container{display:flex;align-items:center}.filter-info{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-badge{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--gradient-blue);color:#fff;border-radius:20px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:600}.filter-badge i{font-size:10px}.month-select{padding:10px 15px;border:2px solid rgba(13,107,147,.1);border-radius:10px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;color:var(--text-dark);background:#fff;cursor:pointer;transition:all .3s ease;min-width:150px}.month-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0d6b931a}.month-select:hover{border-color:var(--primary-blue)}.clear-filter-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f44336;color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:#d32f2f;transform:translateY(-1px)}.clear-filter-btn:active{transform:translateY(0)}.clear-filter-btn i{font-size:10px}.transactions-list{display:flex;flex-direction:column;gap:15px}.transaction-item{display:flex;align-items:center;gap:15px;background-color:#fff;padding:18px;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.transaction-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.transaction-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:18px}.transaction-icon.deposit{background:var(--gradient-green)}.transaction-icon.withdrawal{background:linear-gradient(135deg,#ff9800,#f57c00)}.transaction-details{flex:1}.transaction-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:5px}.transaction-date{font-size:14px;color:var(--text-grey)}.transaction-amount{font-size:18px;font-weight:700}.transaction-amount.deposit{color:#26d07c!important;font-weight:700;font-size:17px}.transaction-amount.withdrawal{color:var(--warning-orange)}.transaction-amount.discount{color:#f44336!important;font-weight:700;font-size:17px}.transaction-icon.discount{background:#f44336!important;color:#fff!important}@media (max-width: 480px){.balance-summary-amount{font-size:28px}.balance-page{padding:20px}.stat-card{padding:15px}.stat-icon{width:40px;height:40px;font-size:16px}.stat-value{font-size:18px}.balance-statistics{flex-direction:column;gap:10px}.transactions-header,.search-container{flex-direction:column;align-items:stretch;gap:15px}.date-range-container{flex-direction:column;align-items:stretch;gap:10px}.date-input-group{align-items:stretch}.date-input{min-width:auto;width:100%}.apply-filter-btn{margin-top:0;align-self:center}.month-filter-container{justify-content:center}.month-select{min-width:120px;font-size:13px}.filter-info{justify-content:center}}@media (min-width: 768px){.transactions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.balance-statistics{display:flex;flex-direction:row}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:40px 20px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(13,107,147,.1);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:16px;color:var(--text-grey);margin:0}.error-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:40px 20px}.error-message{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:300px}.error-message i{font-size:48px;color:#f44336}.error-message p{font-size:16px;color:var(--text-grey);margin:0;line-height:1.5}.retry-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--gradient-blue);color:#fff;border:none;border-radius:10px;font-family:Tajawal,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0d6b934d}.retry-btn:active{transform:translateY(0)}.no-transactions{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;text-align:center}.no-transactions p{font-size:16px;color:var(--text-grey);margin:0}.transaction-icon.referral_bonus{background:linear-gradient(135deg,#4caf50,#45a049)}.transaction-icon.coupon_credit{background:linear-gradient(135deg,#2196f3,#1976d2)}.transaction-icon.package_payment{background:linear-gradient(135deg,#ff9800,#f57c00)}.transaction-icon.refund{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.wallet-balance-header{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--primary-blue);margin-inline-end:12px}.wallet-balance-header i{font-size:16px}@media (max-width: 480px){.wallet-balance-header{font-size:13px;margin-inline-end:0;margin-bottom:8px}}.add-balance-coupon-btn{display:flex;align-items:center;gap:6px;min-width:90px;padding:7px 14px;font-size:13px;font-weight:500;background:#1976d2;color:#fff;border:none;border-radius:6px;box-shadow:0 1px 4px #1976d22a;cursor:pointer;transition:all .2s}.add-balance-coupon-btn i{font-size:13px;color:#fff}.add-balance-coupon-btn:hover{background:#1256a3;box-shadow:0 2px 8px #1976d24a;transform:translateY(-2px)}.add-balance-coupon-btn:active{background:#1976d2;transform:translateY(0)}@media (max-width: 480px){.add-balance-coupon-btn{min-width:70px;font-size:12px;padding:7px 8px}.add-balance-coupon-btn i{font-size:12px}}.packages-page{padding:25px;min-height:100vh;margin-bottom:60px;position:relative;z-index:10}.packages-header{text-align:center;margin-bottom:25px;position:relative}.packages-title{font-size:28px;font-weight:800;color:var(--primary-blue);margin-bottom:10px;position:relative;display:inline-block}.packages-title:after{content:"";position:absolute;width:50px;height:4px;background:var(--gradient-blue);bottom:-10px;right:50%;transform:translate(50%);border-radius:2px}.packages-subtitle{color:var(--text-grey);font-size:16px;margin-top:20px}.packages-note{display:flex;align-items:center;gap:10px;background-color:#0d6b9312;border-radius:10px;padding:12px 15px;margin-bottom:25px;color:var(--primary-blue);font-size:15px}.packages-note i{font-size:18px;color:var(--primary-blue)}.group-selection-container{background-color:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 8px 25px #00000014;border:1px solid rgba(0,0,0,.05);position:relative}.group-selection-container:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--gradient-blue);border-radius:15px 0 0 15px}.group-selection-title{font-size:20px;font-weight:700;color:var(--primary-blue);margin-bottom:10px}.group-selection-subtitle{color:var(--text-grey);font-size:14px;margin-bottom:20px}.group-options-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:15px}.group-label{display:flex;flex-direction:column;padding:15px;border-radius:12px;background-color:var(--bg-light);cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000d;position:relative}.group-label:before{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:2px solid #ddd;transition:all .2s ease}.group-label:after{content:"";position:absolute;top:50%;right:21px;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:var(--primary-blue);transition:all .2s ease}.group-radio:checked+.group-label{border-color:var(--primary-blue);background-color:#0d6b930d;box-shadow:0 4px 12px #0d6b931a}.group-radio:checked+.group-label:before{border-color:var(--primary-blue)}.group-radio:checked+.group-label:after{transform:translateY(-50%) scale(1)}.group-name{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:5px;margin-right:40px}.group-time{font-size:14px;color:var(--text-grey);margin-right:40px}.packages-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.package-card{background-color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #00000014;position:relative;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.package-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.best-value-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:14px;font-weight:700;padding:6px 15px;border-radius:20px;z-index:10;box-shadow:0 4px 10px #ff98004d}.package-header{padding:30px 25px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.package-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom right,#ffffff26,#fff0 70%)}.package-header.blue{background:var(--gradient-blue)}.package-header.green{background:linear-gradient(135deg,#26d07c,#1ca365)}.package-header.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.package-name-container{flex:1;position:relative;z-index:5}.package-name{font-size:22px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.package-price{font-size:18px;font-weight:600;margin-bottom:10px}.price-amount{font-weight:700;font-size:24px;margin-left:5px}.free-price{color:#28a745;font-weight:700}.package-period{font-size:14px;opacity:.9}.package-checkbox-container{margin-right:15px;position:relative;z-index:5}.package-checkbox{display:none}.package-checkbox-label{display:block;width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.7);cursor:pointer;position:relative;transition:all .3s ease}.package-checkbox-label:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .3s ease;color:#fff}.package-checkbox:checked+.package-checkbox-label{background-color:#fff3;border-color:#fff;box-shadow:0 0 15px #ffffff80}.package-checkbox:checked+.package-checkbox-label:after{transform:translate(-50%,-50%) scale(1);opacity:1}.package-content{padding:20px}.package-classes-info{display:flex;justify-content:space-around;margin-bottom:20px;padding:15px 10px;background-color:#0d6b930d;border-radius:12px;text-align:center;border:1px solid rgba(13,107,147,.1)}.classes-item{display:flex;align-items:center;gap:12px;padding:5px 12px;position:relative;flex:1;justify-content:center}.classes-item:first-child{border-left:1px solid rgba(13,107,147,.15)}.classes-item:first-child:after{content:none}.classes-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-blue);color:#fff;font-size:16px;box-shadow:0 4px 10px #0d6b9333}.classes-details{display:flex;flex-direction:column;text-align:start}.classes-count{font-size:24px;font-weight:700;color:var(--primary-blue);line-height:1}.classes-label{font-size:13px;color:var(--text-grey);margin-top:3px}.package-description{margin-bottom:20px;padding:0 5px;color:var(--text-grey);font-size:14px;line-height:1.5}.package-subjects{margin-bottom:20px}.subjects-title{font-size:16px;font-weight:600;color:var(--primary-blue);margin-bottom:10px}.subjects-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.subject-item{background-color:#0d6b9314;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;color:var(--primary-blue);font-size:14px;font-weight:500;transition:all .2s ease}.subject-item:hover{background-color:#0d6b931f;transform:translateY(-2px)}.subject-icon{width:20px;height:20px;object-fit:contain}.subject-item i{font-size:16px}.package-sessions{margin-bottom:25px;background-color:var(--bg-light);border-radius:15px;padding:15px}.sessions-info{display:flex;justify-content:space-around;gap:10px}.sessions-item{display:flex;align-items:center;gap:12px;padding:10px}.sessions-icon{width:45px;height:45px;background-color:var(--primary-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 10px #0d6b9333}.sessions-text{display:flex;flex-direction:column}.sessions-count{font-size:20px;font-weight:700;color:var(--text-dark)}.sessions-label{font-size:13px;color:var(--text-grey)}.packages-summary{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0000001a;margin-top:30px;margin-bottom:80px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.packages-summary:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-blue)}.summary-title{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--text-dark)}.summary-price{font-size:24px;font-weight:700;color:var(--primary-blue);margin-bottom:25px}.continue-btn{width:100%;padding:16px;background:var(--gradient-blue);color:#fff;border:none;border-radius:12px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px #0d6b9333;position:relative;overflow:hidden}.continue-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.continue-btn:hover:not(:disabled):before{left:100%}.continue-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #0d6b934d}.continue-btn:disabled{background:linear-gradient(135deg,#a8c4d5,#7797ab);cursor:not-allowed}@keyframes selectedPulse{0%{box-shadow:0 0 #0d6b9366}70%{box-shadow:0 0 0 10px #0d6b9300}to{box-shadow:0 0 #0d6b9300}}.selected-animation{animation:selectedPulse 1s}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}@media (max-width: 480px){.sessions-info{flex-direction:column}.subjects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.subject-item{padding:8px;font-size:12px;height:36px;border-radius:8px;justify-content:center;text-align:center}}@media (min-width: 481px) and (max-width: 767px){.subjects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.packages-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.package-card{height:100%;display:flex;flex-direction:column}.package-content{flex:1;display:flex;flex-direction:column}.package-subjects{flex:1}.subjects-grid{display:flex;flex-wrap:wrap;gap:10px}.subject-item{padding:8px 16px;height:auto}.group-options-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (min-width: 1024px){.packages-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.group-options-grid{grid-template-columns:repeat(4,1fr)}.subjects-grid{display:flex;flex-wrap:wrap;gap:10px}.subject-item{flex:0 0 auto}}.no-packages-message{background-color:#fff;border-radius:15px;padding:40px 25px;margin:30px auto;max-width:500px;text-align:center;box-shadow:0 8px 25px #00000014;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.no-packages-message i{font-size:60px;color:var(--text-grey);opacity:.7}.no-packages-message p{font-size:18px;color:var(--text-dark);line-height:1.5}.back-button{display:inline-block;background:var(--gradient-blue);color:#fff;border:none;border-radius:10px;padding:12px 25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0d6b9333;margin-top:10px}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6b934d}.group-selection-warning{color:var(--text-warning);font-size:16px;margin-bottom:10px;padding:10px 15px;background-color:#ff98001a;border-radius:8px}.original-price{text-decoration:line-through;color:#ffffffb3;font-size:.9em;margin-right:8px}.package-type-info{display:flex;gap:10px;margin-top:15px}.type-badge,.duration-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.type-badge{background-color:#0d6b931a;color:var(--primary-blue)}.duration-badge{background-color:#26d07c1a;color:#26d07c}.package-header.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.package-header.teal{background:linear-gradient(135deg,#009688,#00796b)}.back-to-home-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gradient-blue);color:#fff;border:none;border-radius:10px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0d6b9333}.back-to-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6b934d}.back-to-home-btn i{font-size:14px}@media (max-width: 768px){.back-to-home-btn{padding:8px 12px;font-size:13px}.back-to-home-btn i{font-size:12px}}.package-schedule-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#0d6b9314;color:var(--primary-blue);border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;margin-top:15px;cursor:pointer;transition:all .2s ease;width:100%}.package-schedule-btn:hover{background-color:#0d6b9326;transform:translateY(-2px)}.package-schedule-btn:active{transform:translateY(0)}.package-schedule-btn i{font-size:16px}.schedule-container{margin:10px 0 25px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014}.schedule-table{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.05);background-color:#fff}.schedule-table th{background:linear-gradient(135deg,var(--primary-blue) 0%,#164F6B 100%);color:#fff;padding:12px;font-size:15px;font-weight:600;text-align:center}.schedule-table td{padding:12px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center}.schedule-day{background-color:#0d6b930d;font-weight:700;color:var(--primary-blue);border-left:1px solid rgba(0,0,0,.05)}.schedule-subject{font-weight:600;color:var(--text-dark)}.schedule-time{color:var(--text-grey);font-size:14px}.day-start{border-top:2px solid rgba(13,107,147,.1)}.schedule-notes{display:flex;align-items:center;gap:10px;background-color:#ffc1071a;border-radius:10px;padding:12px 15px;color:#856404;font-size:14px}.schedule-notes i{font-size:16px;color:#856404}@media (max-width: 480px){.schedule-table{font-size:13px}.schedule-table th,.schedule-table td{padding:10px 5px}.schedule-time{font-size:12px}}.schedule-modal .modal-container{max-width:550px}.header-actions{display:flex;align-items:center;justify-content:flex-end;margin-bottom:15px;position:relative;width:100%}.package-summary-modal{max-width:600px;width:98vw;background:#fff;border-radius:20px;box-shadow:0 8px 32px #2196f321,0 0 0 1px #e3eaf2;padding:0 0 18px;position:relative;display:flex;flex-direction:column;align-items:stretch;animation:modalIn .25s cubic-bezier(.4,2,.6,1) both}@keyframes modalIn{0%{transform:scale(.85) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.package-summary-modal .modal-header{padding:22px 24px 10px;border-bottom:1px solid #e3eaf2;text-align:center}.package-summary-modal .modal-title{font-size:22px;font-weight:800;color:#1976d2;margin-bottom:2px}.package-summary-modal .modal-close{position:absolute;top:12px;left:12px;width:32px;height:32px;background:#f5f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1976d2;font-size:18px;transition:background .2s;z-index:10}.package-summary-modal .modal-close:hover{background:#e3eaf2}.package-summary-modal .modal-body{padding:18px 24px 0;display:flex;flex-direction:column;gap:16px}.package-summary-modal .selected-package-name{font-size:18px;font-weight:700;color:#1976d2;margin-bottom:2px;display:flex;align-items:center;gap:7px;justify-content:center}.package-summary-modal .wallet-summary-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:0;justify-content:center}.package-summary-modal .coupon-input-group{display:flex;flex-direction:column;gap:0;margin-bottom:0}.coupon-row{display:flex;align-items:center;justify-content:center;gap:8px}.coupon-input{width:80%;min-width:0;max-width:100%;border:1.5px solid #b6c6e3;border-radius:8px;padding:16px 0;font-size:16px;outline:none;transition:border .2s;background:#fff;text-align:center;margin-top:5%;justify-content:center;box-sizing:border-box}.coupon-input:focus{border-color:#1976d2;background:#f0f7ff}.renew-modal-btn{width:20%;min-width:40px;max-width:80px;background:linear-gradient(90deg,#1976d2,#2196f3);color:#fff;border:none;border-radius:8px;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #2196f314}.renew-modal-btn:active{background:#1565c0}.coupon-status-msg{margin-top:8px;font-size:15px;min-height:18px;font-weight:600;transition:color .2s;text-align:center;direction:rtl}.coupon-status-msg.error{color:#f44336!important}.coupon-status-msg.success{color:#26d07c!important}.coupon-status-msg.info{color:#1976d2!important}#wallet-balance-warning,.wallet-balance-warning{margin-top:8px;font-size:15px;font-weight:700;color:#f44336;text-align:center;display:block}.package-summary-modal .modal-footer{display:flex;justify-content:center;align-items:center;padding:18px 0 0}.package-summary-modal .continue-btn{background:linear-gradient(90deg,#26d07c,#43a047);color:#fff;border:none;border-radius:8px;padding:12px 0;font-size:17px;font-weight:700;cursor:pointer;min-width:180px;box-shadow:0 2px 8px #26d07c14;transition:background .2s,box-shadow .2s}.package-summary-modal .continue-btn:active{background:#1b5e20}@media (max-width: 600px){.package-summary-modal{padding:0 0 8px;max-width:99vw}.package-summary-modal .modal-header{padding:14px 8px 8px}.package-summary-modal .modal-body{padding:10px 8px 0}.package-summary-modal .modal-title{font-size:17px}.package-summary-modal .selected-package-name{font-size:15px}.package-summary-modal .continue-btn{font-size:15px;min-width:120px}}.wallet-balance-card{background:#fff;border-radius:12px;padding:25px;margin:0 auto 30px;max-width:450px;box-shadow:0 4px 12px #00000014;border:1px solid #e3f2fd;text-align:center;transition:all .3s ease}.wallet-balance-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.wallet-balance-header{margin-bottom:15px}.wallet-balance-title{font-size:18px;font-weight:600;color:#424242;margin:0}.wallet-balance-content{text-align:center}.wallet-balance-amount{font-size:32px;font-weight:700;color:#1976d2;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.wallet-balance-currency{font-size:18px;font-weight:600;color:#1976d2;opacity:.8}.wallet-balance-info{display:flex;align-items:center;justify-content:center;gap:6px;color:#4caf50;font-size:14px;font-weight:500;margin-top:8px}.wallet-balance-info i{color:#4caf50;font-size:16px}@media (max-width: 480px){.wallet-balance-card{margin:0 15px 25px;padding:20px}.wallet-balance-title{font-size:16px}.wallet-balance-amount{font-size:28px}.wallet-balance-currency{font-size:16px}}.modal-wallet-display{background:#fff;border-radius:12px;padding:18px;margin:15px 0;border:1px solid #e3f2fd;text-align:center;box-shadow:0 2px 8px #0000000d}.modal-wallet-header{margin-bottom:12px}.modal-wallet-amount{font-size:22px;font-weight:700;color:#1976d2;text-align:center;margin-bottom:8px}.modal-wallet-status{text-align:center;font-size:14px;color:#666;display:flex;align-items:center;justify-content:center;gap:6px}.modal-wallet-status.sufficient{color:#4caf50}.modal-wallet-status.insufficient{color:#f44336}.modal-wallet-status i{font-size:16px}.subscription-page{padding:25px;flex:1;position:relative;margin-bottom:60px;z-index:10}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05)}.subscription-title{font-size:24px;font-weight:800;color:var(--primary-blue);position:relative}.subscription-title:after{content:"";position:absolute;width:30px;height:3px;background:var(--gradient-blue);bottom:-8px;right:0;border-radius:2px}.back-to-profile-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;background:var(--bg-light);border:none;padding:10px 15px;border-radius:12px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:600;color:var(--primary-blue);transition:all .3s ease}.back-to-profile-btn:hover{background-color:var(--primary-blue);color:#fff}.package-details-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:20px;padding:14px;border-radius:12px;background-color:#0d6b9314;border:none;font-family:Tajawal,sans-serif;font-weight:600;font-size:15px;color:var(--primary-blue);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.package-details-btn:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(13,107,147,.1),transparent);transition:.5s}.package-details-btn:hover{background-color:#0d6b931f;transform:translateY(-2px)}.package-details-btn:hover:before{right:100%}.package-details-btn i{font-size:16px}.subscriptions-list{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.subscription-compact-card{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:0 3px 10px #0000000d;transition:all .3s ease}.subscription-compact-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.subscription-compact-card.removing{opacity:0;transform:translateY(20px);transition:all .3s ease}.subscription-compact-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid rgba(0,0,0,.05)}.subscription-compact-name{font-size:18px;font-weight:700;color:var(--primary-blue);margin:0}.subscription-compact-badge{padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.subscription-compact-badge.active{background-color:#26d07c26;color:var(--green)}.subscription-compact-badge.expired,.subscription-compact-badge.cancelled{background-color:#f4433626;color:#f44336}.subscription-dates-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(0,0,0,.05)}.subscription-date-col{padding:12px 15px}.subscription-date-col:first-child{border-left:1px solid rgba(0,0,0,.05)}.date-col-label{font-size:13px;color:var(--text-grey);margin-bottom:5px}.date-col-value{font-size:14px;font-weight:600;color:var(--text-dark)}.subscription-group-info{padding:15px;border-bottom:1px solid rgba(0,0,0,.05);position:relative}.group-info-label{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.group-info-value{font-size:15px;font-weight:700;color:var(--primary-blue);margin-bottom:3px;transition:background-color .3s ease}.group-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.group-item:last-child{border-bottom:none}.group-item .group-info-value{margin-bottom:0;flex:1}.group-info-time{font-size:13px;color:var(--text-grey);margin-bottom:12px;transition:background-color .3s ease}.change-group-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;background-color:#0d6b9314;border:none;font-family:Tajawal,sans-serif;font-weight:600;font-size:12px;color:var(--primary-blue);cursor:pointer;transition:all .3s ease;width:fit-content;white-space:nowrap}.change-group-btn:hover{background-color:#0d6b9326;transform:translateY(-2px)}.change-group-btn i{font-size:14px}.change-package-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;margin:10px 0;border-radius:8px;background-color:#0d6b9314;border:none;font-family:Tajawal,sans-serif;font-weight:600;font-size:13px;color:var(--primary-blue);cursor:pointer;transition:all .3s ease;width:fit-content}.change-package-btn:hover{background-color:#0d6b9326;transform:translateY(-2px)}.change-package-btn i{font-size:14px}.highlight-change{background-color:#26d07c26;padding:3px 6px;border-radius:4px;animation:fadeHighlight 2s forwards}@keyframes fadeHighlight{0%{background-color:#26d07c40}to{background-color:transparent}}.subscription-subjects{padding:15px}.subjects-label{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:10px}.subjects-list{display:flex;flex-wrap:wrap;gap:8px}.subject-pill{display:inline-block;padding:5px 10px;background-color:var(--bg-light);border-radius:15px;font-size:12px;color:var(--primary-blue);font-weight:500;transition:all .2s ease}.subject-pill:hover{background-color:#0d6b9326;transform:translateY(-1px)}.subscription-actions{display:flex;flex-direction:column;gap:10px;padding:0 15px 15px}.extend-trial-btn,.renew-subscription-btn{padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Tajawal,sans-serif;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .3s ease}.extend-trial-btn{background-color:#2196f31a;color:#2196f3}.extend-trial-btn:hover{background-color:#2196f333;transform:translateY(-2px)}.renew-subscription-btn{background-color:#26d07c1a;color:var(--green)}.renew-subscription-btn:hover{background-color:#26d07c33;transform:translateY(-2px)}.cancel-subscription-compact-btn{padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f443361a;color:#f44336;border:none;font-family:Tajawal,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-subscription-compact-btn:hover{background-color:#f4433633;transform:translateY(-2px)}.cancel-subscription-compact-btn i{font-size:14px}.add-package-container{text-align:center;margin-bottom:60px}.add-package-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;background:var(--gradient-blue);color:#fff;border:none;padding:14px 25px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0d6b9333;position:relative;overflow:hidden}.add-package-btn:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.add-package-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0d6b934d}.add-package-btn:hover:before{right:100%}.add-package-btn i{font-size:16px}.group-selection-modal .modal-container{max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.group-selection-modal .modal-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.group-selection-modal .modal-header h3{font-size:20px;font-weight:700;color:var(--primary-blue);margin-bottom:8px}.group-selection-modal .modal-header p{font-size:14px;color:var(--text-grey);margin:0}.subject-name-in-title{font-weight:600;color:var(--primary-blue);font-size:15px}.group-selection-content{margin:20px 0}.group-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.group-option{display:flex}.group-option{position:relative}.group-label{display:flex;flex-direction:column;padding:20px;border-radius:12px;background-color:#f8f9fa;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;box-shadow:0 4px 15px #00000014;height:100%;width:100%}.group-label:hover{background-color:#0d6b930d;transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#0d6b934d}.group-radio{position:absolute;opacity:0;width:0;height:0}.group-radio:checked+.group-label{background-color:#0d6b9314;border-color:var(--primary-blue);box-shadow:0 6px 20px #0d6b9333}.group-radio:not(:checked)+.group-label{background-color:#fff;border-color:#e0e0e0;opacity:.8}.group-radio:not(:checked)+.group-label:hover{opacity:1;background-color:#f8f9fa}.group-radio:checked+.group-label:before{content:"";position:absolute;top:15px;right:15px;width:20px;height:20px;border-radius:50%;background-color:var(--primary-blue);display:flex;align-items:center;justify-content:center}.group-radio:checked+.group-label:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:15px;right:15px;color:#fff;font-size:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.group-info{flex:1}.group-name{font-size:18px;font-weight:700;color:var(--primary-blue);margin-bottom:4px}.group-teacher{font-size:14px;color:var(--text-grey);font-weight:500}.current-group-icon{width:24px;height:24px;border-radius:50%;background-color:var(--primary-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.group-details{display:flex;flex-direction:column;gap:12px;flex:1}.subject-teacher{font-size:14px;color:var(--text-grey);display:block}.session-info{display:flex;flex-direction:column;gap:8px}.days-section{display:flex;align-items:flex-start;gap:8px}.label{font-size:14px;font-weight:600;color:var(--text-dark);min-width:50px;margin-top:2px}.days-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;max-width:100%}.session-day-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;width:100%}.day-badge,.time-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-align:center;width:100%}.day-badge{background-color:var(--primary-blue)}.time-badge{background-color:var(--green)}.current-group-badge{position:relative;margin:15px auto 0;padding:6px 12px;border-radius:20px;background-color:var(--green);color:#fff;font-size:12px;font-weight:600;text-align:center;white-space:nowrap;width:fit-content}.no-schedule{font-size:14px;color:var(--text-grey);font-style:italic}.group-selection-modal .modal-footer{text-align:center;padding-top:15px;border-top:2px solid #e9ecef}.confirm-group-btn{background:var(--gradient-blue);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0d6b934d;min-width:200px}.confirm-group-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6b9366}.cancel-confirm-modal .modal-container{max-width:400px;text-align:center}.warning-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffa726,#fb8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:30px;box-shadow:0 5px 15px #fb8c004d}.cancel-confirm-modal .modal-header h3{font-size:22px;font-weight:700;color:#fb8c00;margin-bottom:20px}.cancel-confirm-modal .modal-body{margin-bottom:25px}.cancel-confirm-modal .modal-body p{margin-bottom:15px;font-size:16px;color:var(--text-dark)}.warning-text{color:#fb8c00;font-size:14px}.modal-footer{display:flex;gap:15px;justify-content:center}.cancel-modal-btn,.confirm-cancel-btn{flex:1;padding:12px;border-radius:10px;font-family:Tajawal,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.cancel-modal-btn{background-color:#f5f5f5;color:var(--text-grey);border:1px solid #e0e0e0}.confirm-cancel-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;box-shadow:0 4px 10px #d32f2f33}.cancel-modal-btn:hover{background-color:#eee}.confirm-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d32f2f4d}.renew-modal-info{display:flex;flex-direction:column;gap:18px;margin-bottom:0}.renew-modal-row{display:flex;align-items:center;gap:4px}.renew-modal-label{font-weight:600;color:#1976d2;min-width:70px;font-size:15px}.renew-modal-label.price{color:#388e3c}.renew-modal-value{font-weight:700;font-size:15px}.renew-modal-coupon-group{margin-top:10px;display:flex;flex-direction:column;gap:0}.renew-modal-coupon-label{font-size:14px;font-weight:600;display:block;margin-bottom:6px;text-align:right}.renew-modal-coupon-input{width:100%;padding:12px 10px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:15px}.renew-modal-btn{width:100%;margin:18px auto 0;display:block;background:linear-gradient(135deg,#1976d2,#2196f3);color:#fff;border:none;border-radius:8px;padding:13px 0;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.renew-modal-btn:hover{background:linear-gradient(135deg,#164f6b,#1976d2);transform:translateY(-2px);box-shadow:0 6px 15px #1976d226}@media (max-width: 480px){.subscription-dates-row{grid-template-columns:1fr}.subscription-date-col:first-child{border-left:none;border-bottom:1px solid rgba(0,0,0,.05)}.group-item{flex-direction:column;align-items:flex-start;gap:8px}.change-group-btn{font-size:11px;padding:5px 10px}}@media (min-width: 768px){.subscriptions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.extend-trial-btn,.renew-subscription-btn{font-size:14px;padding:12px}.group-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;align-items:stretch}.group-label{padding:25px}.group-name{font-size:20px}.group-teacher{font-size:15px}.days-container{grid-template-columns:repeat(3,1fr)}.session-day-item{min-width:0;width:100%}.day-badge,.time-badge{font-size:13px;padding:5px 10px}}@media (max-width: 767px){.group-selection-modal .modal-container{width:95%;padding:20px}.group-options{gap:12px;align-items:stretch}.group-label{padding:15px}.group-name{font-size:16px}.group-teacher{font-size:13px}.days-container{gap:6px;grid-template-columns:repeat(3,1fr)}.session-day-item{min-width:0;width:100%}.day-badge,.time-badge{font-size:11px;padding:3px 6px}.confirm-group-btn{padding:12px 24px;font-size:14px;min-width:160px}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.notification-overlay.active{opacity:1;visibility:visible}.notification-modal{background-color:#fff;border-radius:20px;padding:25px;box-shadow:0 15px 30px #00000026;width:90%;max-width:400px;transform:scale(.9);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.27,1.55);text-align:center;position:relative}.notification-overlay.active .notification-modal{transform:scale(1);opacity:1}.notification-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.notification-icon i{font-size:35px;color:#fff}.notification-icon.success{background:var(--gradient-green);box-shadow:0 5px 15px #26d07c4d}.notification-icon.info{background:var(--gradient-blue);box-shadow:0 5px 15px #0d6b934d}.notification-icon.warning{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 5px 15px #fb8c004d}.notification-title{font-size:22px;font-weight:800;color:var(--text-dark);margin-bottom:10px}.notification-message{font-size:16px;color:var(--text-grey);margin-bottom:25px;line-height:1.5}.notification-btn{padding:12px 30px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.notification-btn.success{background:var(--gradient-green);color:#fff;box-shadow:0 5px 15px #26d07c33}.notification-btn.info{background:var(--gradient-blue);color:#fff;box-shadow:0 5px 15px #0d6b9333}.notification-btn.warning{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff;box-shadow:0 5px 15px #fb8c0033}.notification-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.notification-close{position:absolute;top:15px;left:15px;width:30px;height:30px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.notification-close:hover{background-color:#e0e0e0}.notification-close i{font-size:16px;color:#666}@keyframes modalPulse{0%{box-shadow:0 0 #0d6b9366}70%{box-shadow:0 0 0 20px #0d6b9300}to{box-shadow:0 0 #0d6b9300}}.modal-pulse{animation:modalPulse 2s infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:linear-gradient(135deg,#fffffff2,#f5f9fcf2);border-radius:24px;padding:30px;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a;width:90%;max-width:450px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.22,1,.36,1);transform:scale(.95);opacity:0;max-height:90vh;overflow-y:auto}.modal-overlay.active .modal-container{transform:scale(1);opacity:1}.modal-enter{animation:modalEnter .5s cubic-bezier(.22,1,.36,1) forwards}.modal-exit{animation:modalExit .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes modalEnter{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalExit{0%{transform:scale(1);opacity:1}to{transform:scale(.9) translateY(10px);opacity:0}}.modal-close{position:absolute;top:15px;left:15px;width:36px;height:36px;border-radius:50%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background-color:#0000001a;transform:rotate(90deg)}.modal-close i{font-size:16px;color:#555}.copy-success-modal .modal-container{text-align:center;max-width:350px}.copy-success-modal .modal-header h3{color:#22c55e;margin-bottom:20px;font-size:20px;font-weight:700}.copy-success-modal .success-icon{font-size:48px;color:#22c55e;margin-bottom:15px;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.copy-success-modal .modal-body p{font-size:16px;color:#374151;margin-bottom:25px;direction:rtl;font-weight:500}.copy-success-modal .close-copy-modal-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;padding:12px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22c55e4d}.copy-success-modal .close-copy-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.modal-header{text-align:center;margin-bottom:25px;position:relative}.modal-icon-wrapper{position:relative;margin:0 auto 20px;width:70px;height:70px}.modal-icon-wrapper:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--green) 100%);opacity:.2;animation:pulse 2s infinite}.modal-icon{width:70px;height:70px;margin:0 auto;background:linear-gradient(135deg,var(--primary-blue) 0%,#164F6B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 10px 20px #0d6b934d;position:relative;z-index:2}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:.2}}.modal-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary-blue) 0%,#164F6B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.modal-subtitle{font-size:16px;color:var(--text-grey);margin-bottom:5px;line-height:1.5}.invite-illustration{display:flex;justify-content:center;margin-bottom:20px;overflow:hidden}.invite-illustration img{width:120px;height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));transition:transform .3s ease}.invite-illustration img:hover{transform:translateY(-5px) scale(1.05)}.invite-stats{display:flex;justify-content:space-between;margin-bottom:30px;gap:10px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom,#ffffffe6,#ffffff80);border-radius:16px;padding:15px 10px;box-shadow:0 4px 10px #00000008;border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000000d}.stat-value{font-size:24px;font-weight:700;color:var(--primary-blue);margin-bottom:5px}.stat-label{font-size:12px;color:var(--text-grey);text-align:center}.invite-code-container{background:linear-gradient(to right,#f8f9fa,#e9ecef);border-radius:16px;padding:15px;margin-bottom:20px;text-align:center;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.invite-code-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#0d6b931a,#26d07c1a);z-index:-1;filter:blur(10px);opacity:.5}.invite-code-label{font-size:14px;color:var(--text-grey);margin-bottom:10px}.invite-code{font-size:24px;font-weight:700;color:var(--primary-blue);letter-spacing:1px;padding:10px 15px;background-color:#fff;border-radius:10px;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #0000000d;border:1px dashed rgba(13,107,147,.2);position:relative}.invite-code:hover{background-color:#f5f9fc;box-shadow:0 5px 12px #0d6b931a}.invite-code:after{content:"انقر للنسخ";position:absolute;top:-25px;right:50%;transform:translate(50%);font-size:12px;color:var(--text-grey);background-color:#000000b3;padding:5px 10px;border-radius:5px;opacity:0;transition:opacity .3s ease;pointer-events:none}.invite-code:hover:after{opacity:1}.invitation-link-container{display:flex;flex-direction:row-reverse;background-color:#fff;border-radius:16px;padding:5px;margin-bottom:25px;border:1px solid rgba(0,0,0,.1);overflow:hidden;box-shadow:0 4px 15px #00000008}.invitation-link{flex:1;padding:15px;border:none;background:transparent;font-family:Tajawal,sans-serif;font-size:14px;color:var(--text-dark);direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.copy-link-btn{padding:12px 20px;background:linear-gradient(135deg,var(--primary-blue) 0%,#164F6B 100%);border:none;color:#fff;border-radius:12px;font-family:Tajawal,sans-serif;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 10px #0d6b9333}.copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0d6b9340}.copy-link-btn:active{transform:translateY(0)}.copy-link-btn i{font-size:16px}.share-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:15px;text-align:center}.share-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.share-option-btn{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.share-option-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transform:translateY(100%);transition:transform .3s ease}.share-option-btn:hover:before{transform:translateY(0)}.share-option-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.share-option-btn:active{transform:translateY(-2px)}.share-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-telegram{background:linear-gradient(135deg,#2aabee,#229ed9)}.share-snapchat{background:linear-gradient(135deg,#fffc00,#ffe300);color:#000}.share-email{background:linear-gradient(135deg,#ea4335,#c5221f)}.share-tooltip{position:fixed;background-color:#000c;color:#fff;padding:8px 15px;border-radius:6px;font-size:13px;pointer-events:none;transform:translate(-50%,-100%);z-index:3000;opacity:1;transition:opacity .3s ease}.share-tooltip.hide{opacity:0}.share-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}@media (max-width: 480px){.modal-container{padding:25px 20px}.modal-title{font-size:24px}.modal-subtitle{font-size:14px}.invite-code{font-size:20px}.copy-link-btn{padding:12px 15px;font-size:14px}.share-option-btn{width:55px;height:55px;font-size:22px}}@media (min-width: 1024px){#app{max-width:1200px;margin:20px auto;border-radius:20px;box-shadow:var(--box-shadow);min-height:calc(100vh - 40px);display:flex;flex-direction:column}.content-container{flex:1;padding:30px}.login-page{max-width:500px;margin:0 auto}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f8f9fa}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes refresh-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes refresh-shine{0%{background-position:-100%}to{background-position:300%}}#schedule-page.refreshing{animation:refresh-pulse .8s ease;position:relative}#schedule-page.refreshing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:refresh-shine 1s ease forwards;pointer-events:none;z-index:10}.no-packages-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem}.no-packages-message{background-color:#f9f9f9;border-radius:10px;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000000d;max-width:500px;width:100%}.no-packages-icon{font-size:48px;color:#ccc;margin-bottom:1rem}.no-packages-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.no-packages-description{color:#666;line-height:1.6;margin-bottom:1rem}.package-card.selected{border:2px solid #4CAF50;box-shadow:0 4px 12px #4caf5033;transform:translateY(-3px);transition:all .3s ease}.package-card.selected .package-checkbox-container{background-color:#4caf50}.package-card.selected .package-checkbox-label:after{opacity:1}.manual-refresh-btn{background:var(--primary-blue);color:#fff;border:none;border-radius:10px;padding:10px 15px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 10px #0d6b9333;width:auto;max-width:200px;margin:10px auto}.manual-refresh-btn:hover{background-color:#0d6b93e6;transform:translateY(-2px);box-shadow:0 6px 15px #0d6b934d}.manual-refresh-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0d6b9333}.manual-refresh-btn i{font-size:14px}.subscribed-packages-section.refreshing{animation:refresh-pulse .8s ease;position:relative}.subscribed-packages-section.refreshing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:refresh-shine 1s ease forwards;pointer-events:none;z-index:10;border-radius:12px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{position:absolute;z-index:2;margin-left:-1px;box-shadow:1px 1px 4px #0003;background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:-1px}.iti__search-input{width:100%;border-width:0}.iti__country-list{list-style:none;padding:0;margin:0}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width: 500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:#0000000d}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=text],.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:#0000000d}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:#0000000d}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:#00000080;top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup.iti--container.iti--country-search{justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution: 2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0 0 1px #888;background-image:url(/assets/flags-BMGzDaSL.png?1);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (min-resolution: 2x){.iti__flag{background-image:url(/assets/flags@2x-DTOyOn_-.png?1)}}.iti__flag.iti__np{background-color:transparent}