@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap";.main-content .input-with-icon{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#0f0f23f2,#14142df2);border:1.5px solid rgba(102,126,234,.25);border-radius:14px;padding:1rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff0f,0 0 #667eea00;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.main-content .input-with-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);opacity:0;transition:opacity .4s ease}.main-content .input-with-icon:hover{border-color:#667eea73;background:linear-gradient(135deg,#0f0f23,#191932);box-shadow:0 6px 20px #667eea26,inset 0 1px #ffffff14,0 0 #667eea00;transform:translateY(-1px)}.main-content .input-with-icon:hover:before{opacity:.6}.main-content .input-with-icon:focus-within{border-color:#667eeacc;background:linear-gradient(135deg,#141428,#1e1e37);box-shadow:0 0 0 4px #667eea1f,0 8px 24px #667eea59,inset 0 1px #ffffff1a,inset 0 -1px #667eea33;transform:translateY(-2px)}.main-content .input-with-icon:focus-within:before{opacity:1;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.main-content .input-with-icon svg{color:#a78bfa99;margin-left:.875rem;font-size:1.35rem;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(167,139,250,.3))}.main-content .input-with-icon:hover svg{color:#a78bfad9;transform:scale(1.05) rotate(-5deg)}.main-content .input-with-icon:focus-within svg{color:#c4b5fd;transform:scale(1.15) rotate(0);filter:drop-shadow(0 4px 8px rgba(167,139,250,.6));animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1.15) rotate(0)}50%{transform:scale(1.2) rotate(0)}}.main-content .input-with-icon input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-weight:600;padding:0;min-width:0;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.main-content .input-with-icon input[type=tel]{direction:ltr;text-align:left}.main-content .input-with-icon input::placeholder{color:#ffffff40;font-weight:400;letter-spacing:.5px}.main-content .form-group{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out backwards}.main-content .form-group:nth-child(1){animation-delay:.05s}.main-content .form-group:nth-child(2){animation-delay:.1s}.main-content .form-group:nth-child(3){animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.main-content>div[style*="grid-template-columns: 320px 1fr"]{grid-template-columns:1fr!important}.card[style*="position: sticky"]{position:static!important}}.main-content .form-group label{display:block;margin-bottom:.875rem;font-weight:800;color:var(--text-primary);font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;position:relative;padding-right:.5rem}.main-content .form-group label:after{content:"";position:absolute;right:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,#a78bfa,#60a5fa);transition:width .3s ease}.main-content .form-group:hover label:after,.main-content .form-group:focus-within label:after{width:40px}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #8b5cf6;--secondary-hover: #7c3aed;--success-color: #22c55e;--success-hover: #16a34a;--warning-color: #f97316;--warning-hover: #ea580c;--error-color: #ef4444;--error-hover: #dc2626;--bg-primary: rgba(15, 23, 42, .95);--bg-secondary: rgba(30, 41, 59, .95);--bg-card: rgba(255, 255, 255, .1);--bg-card-hover: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}.instances-container .instance-card{position:relative;overflow:hidden}.instances-container .instance-card[data-status=ستبدأ]:before,.instances-container .instance-card[data-status=منتهية]:before{content:"";position:absolute;inset-inline-start:0;top:0;width:4px;height:100%;opacity:.9}.instances-container .instance-card[data-status=ستبدأ]{background:linear-gradient(180deg,#fcd34d12,#fbbf240a);border:1px solid rgba(251,191,36,.22);box-shadow:0 10px 24px #fbbf2414}.instances-container .instance-card[data-status=ستبدأ]:before{background:linear-gradient(180deg,#f59e0b,#fde047)}.instances-container .instance-card[data-status=ستبدأ] .status-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1f2937;box-shadow:0 4px 10px #f59e0b40}.instances-container .instance-card[data-status=ستبدأ] .btn-icon.view{background:#fbbf241f;border-color:#fbbf2459}.instances-container .instance-card[data-status=ستبدأ] .btn-icon.view:hover{background:#fbbf242e}.instances-container .instance-card[data-status=منتهية]{background:linear-gradient(180deg,#f43f5e12,#e11d480a);border:1px solid rgba(244,63,94,.22);box-shadow:0 10px 24px #f43f5e14}.instances-container .instance-card[data-status=منتهية]:before{background:linear-gradient(180deg,#f43f5e,#fb7185)}.instances-container .instance-card[data-status=منتهية] .status-badge{background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 4px 10px #f43f5e40}.instances-container .instance-card[data-status=منتهية] .btn-icon.view{background:#f43f5e1f;border-color:#f43f5e59}.instances-container .instance-card[data-status=منتهية] .btn-icon.view:hover{background:#f43f5e2e}.instances-container .instance-card[data-status=جارية]{background:linear-gradient(180deg,#10b98112,#0596690a);border:1px solid rgba(16,185,129,.22);box-shadow:0 10px 24px #10b98114}.instances-container .instance-card[data-status=جارية]:before{background:linear-gradient(180deg,#22c55e,#10b981)}.instances-container .instance-card[data-status=جارية] .status-badge{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 10px #10b98140}.instances-container .instance-card[data-status=جارية] .btn-icon.view{background:#10b9811f;border-color:#10b98159}.instances-container .instance-card[data-status=جارية] .btn-icon.view:hover{background:#10b9812e}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-tap-highlight-color:rgba(102,126,234,.2)}html{scroll-behavior:smooth}body{-webkit-overflow-scrolling:touch}html{direction:rtl;text-align:right}body{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-attachment:fixed;min-height:100vh;color:#e0e0e0;direction:rtl;text-align:right;position:relative;overflow-x:hidden;max-width:100vw}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(102,126,234,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}#root{min-height:100vh;width:100%;max-width:100vw;position:relative;z-index:1;overflow-x:hidden}.modern-navbar{background:#0f0c29cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(102,126,234,.3);border-image:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent) 1}.mobile-menu-btn{display:none;background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:#667eea66;transform:scale(1.05)}.mobile-menu-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.navbar-container{max-width:1400px;margin:0 auto;padding:.6rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:rtl;overflow:visible}.navbar-logo{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{background:#fff3;border-radius:10px;padding:.4rem;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text h2{color:#fff;font-size:1.3rem;font-weight:800;margin:0;line-height:1}.logo-text span{color:#fffc;font-size:.6rem;font-weight:500}.navbar-links{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center;flex-wrap:nowrap}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;color:#ffffffe6;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;min-width:fit-content}.nav-link:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:12px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.nav-link:hover:before,.nav-link.active:before{transform:scaleX(1)}.nav-link:hover{color:#fff;background:#ffffff26}.nav-link.active{background:#ffffff40;color:#fff;box-shadow:0 4px 15px #0000001a}.navbar-actions{display:flex;align-items:center;gap:1rem;direction:ltr}.refresh-btn{background:#fff3;border:none;color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.user-menu-wrapper{position:relative}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:#fff3;border:none;padding:.4rem .7rem;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff}.user-menu-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.user-menu-btn .user-avatar{background:#ffffff4d;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.user-info-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left}.user-info-text .user-name{font-weight:600;font-size:.75rem;line-height:1;color:#fff}.user-info-text .user-role{font-size:.6rem;opacity:.9;background:#ffffff26;padding:.15rem .35rem;border-radius:5px;font-weight:600;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.4px;line-height:1.1;color:#fffffff2}.nav-menu-wrapper{position:relative}.nav-menu-wrapper>button.nav-link{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;color:#ffffffe6;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;min-width:fit-content;border:none;background:none;cursor:pointer;width:auto}.nav-menu-wrapper>button.nav-link:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:12px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.nav-menu-wrapper>button.nav-link:hover:before,.nav-menu-wrapper>button.nav-link.active:before{transform:scaleX(1)}.nav-menu-wrapper>button.nav-link:hover{color:#fff;background:#ffffff26}.nav-menu-wrapper>button.nav-link.active{background:#ffffff40;color:#fff;box-shadow:0 4px 15px #0000001a}.dropdown-arrow{margin-right:auto;font-size:.875rem;opacity:.7;transition:opacity .3s ease}.nav-link:hover .dropdown-arrow{opacity:1}.nav-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#1e1e3cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(102,126,234,.3);min-width:200px;max-width:250px;overflow:hidden;animation:dropdownFadeIn .3s ease;direction:rtl;z-index:1001}.user-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:#1e1e3cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(102,126,234,.3);min-width:200px;max-width:250px;overflow:hidden;animation:dropdownFadeIn .3s ease;direction:rtl;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;color:#ffffffe6;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;border:none;background:none;width:100%;text-align:right;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap}.dropdown-item:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:12px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.dropdown-item:hover:before,.dropdown-item.active:before{transform:scaleX(1)}.dropdown-item:hover{color:#fff;background:#ffffff26}.dropdown-item.active{background:#ffffff40;color:#fff;box-shadow:0 4px 15px #0000001a}.dropdown-item.logout{color:#ff6b6b}.dropdown-item.logout:hover{background:#ef444433;color:#ff6b6b}.dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.dashboard-title{font-size:2rem;font-weight:700;color:#2c3e50;margin:0;font-family:Cairo,sans-serif}.user-info{display:flex;align-items:center;gap:1rem;direction:ltr;text-align:left;justify-content:flex-end}.user-greeting{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:500}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{background:#c0392b;transform:translateY(-2px)}.main-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%;direction:rtl;text-align:right;min-height:calc(100vh - 80px);overflow-y:auto}.page-title{font-size:2.5rem;color:#fff;text-align:center;margin-bottom:2rem;font-family:Cairo,sans-serif;font-weight:800;position:relative;padding-bottom:1rem;text-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6)}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;box-shadow:0 0 20px #667eeacc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;direction:rtl;text-align:right}.stat-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;border-radius:16px;box-shadow:0 6px 24px #0006;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(102,126,234,.3);position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;min-height:80px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;box-shadow:0 0 20px #667eeacc}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #667eea66,0 0 40px #667eea33;border-color:#667eea99}.stat-title{font-size:.9rem;color:#a0a0c0;margin-bottom:.3rem;font-weight:600;font-family:Cairo,sans-serif}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.3rem;color:#fff;font-family:Cairo,sans-serif;text-shadow:0 0 15px rgba(102,126,234,.6)}.stat-subtitle{font-size:.9rem;color:#88a}.stat-icon{font-size:2rem;flex-shrink:0;opacity:.9}.stat-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-card.blue{color:#3498db}.stat-card.green{color:#2ecc71}.stat-card.orange{color:#f39c12}.stat-card.purple{color:#9b59b6}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.chart-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(102,126,234,.3);transition:all .3s ease}.chart-card:hover{box-shadow:0 15px 50px #667eea66,0 0 30px #667eea33;transform:translateY(-5px);border-color:#667eea80}.chart-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center;font-family:Cairo,sans-serif;text-shadow:0 2px 10px rgba(102,126,234,.5)}.top-users{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.top-users-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.user-card{background:linear-gradient(45deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.user-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px #0000001a}.user-rank{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.user-name{font-weight:700;color:#2c3e50;margin-bottom:.5rem}.user-posts{color:#666;font-size:.9rem}.loading{display:flex;justify-content:center;align-items:center;height:50vh;color:#fff;font-size:1.2rem}.error{background:#e74c3ce6;color:#fff;padding:1rem;border-radius:10px;text-align:center;margin:1rem 0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;direction:rtl;text-align:right;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#1e1e3cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(102,126,234,.3);width:100%;max-width:450px;padding:0;position:relative;z-index:10;color:#fff}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:20px 20px 0 0;text-align:center;color:#fff}.logo h1{font-size:3rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Cairo,sans-serif}.logo p{font-size:1.2rem;margin:.5rem 0 0;opacity:.9}.login-form-container{padding:2rem;direction:rtl;text-align:right}.login-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem;font-family:Cairo,sans-serif}.login-form{display:flex;flex-direction:column;gap:1.5rem;direction:rtl;text-align:right}.input-group{display:flex;flex-direction:column;gap:.5rem;direction:rtl;text-align:right}.input-label{display:block;font-size:.9rem;font-weight:600;color:#a0a0c0;margin-bottom:.5rem}.input-field{width:100%;padding:.75rem 1rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease;direction:rtl;text-align:right;unicode-bidi:plaintext;min-width:0;box-sizing:border-box;resize:none}.input-field option{background:#1a1a2e;color:#fff;padding:.5rem}select.input-field{background:#1e1e3c80;color:#e0e0e0}select.input-field option{background:#1a1a2e;color:#fff}select.input-field:focus{background:#1e1e3cb3}select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.input-field:focus{outline:none;border-color:#667eea99;background:#1e1e3cb3;box-shadow:0 0 20px #667eea33}.input-field::placeholder{color:#a0a0c099}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-icon{font-size:1.2rem}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.login-footer{padding:1.5rem 2rem;text-align:center;background:#1e1e3ccc;border-radius:0 0 20px 20px;border-top:1px solid rgba(102,126,234,.2)}.login-footer p{color:#ffffffb3;font-size:.85rem;margin:0}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:30%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}.shape-5{width:70px;height:70px;bottom:10%;right:10%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;direction:rtl;justify-content:flex-start}.search-box,.filter-box{display:flex;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);gap:.5rem}.search-input,.filter-select{border:none;outline:none;background:transparent;font-size:1rem;color:#333;direction:rtl;text-align:right;min-width:200px}.search-input::placeholder{color:#999}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.user-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #00000080;border:1px solid rgba(102,126,234,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.user-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 50px #667eea66,0 0 30px #667eea33;border-color:#667eea99}.user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.user-info{flex:1}.user-name{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .25rem;direction:rtl;text-align:right}.user-email{color:#a0a0c0;margin:0 0 .25rem;font-size:.9rem;direction:rtl;text-align:right}.user-role{font-weight:600;font-size:.85rem;padding:.25rem .75rem;border-radius:12px;background:#3498db26;border:1px solid rgba(52,152,219,.3);display:inline-block;margin-top:.25rem}.user-details{margin-bottom:1.5rem;direction:rtl;text-align:right}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(102,126,234,.2)}.detail-label{font-weight:600;color:#9090b0;font-size:.9rem}.detail-value{color:#e0e0e0;font-size:.9rem}.detail-value.complete{color:#2ecc71;font-weight:600}.detail-value.incomplete{color:#e74c3c;font-weight:600}.user-actions{display:flex;gap:.5rem}.action-btn{flex:1;padding:.5rem;border:1px solid;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.fingerprint-btn{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.action-btn.fingerprint-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#8b5cf6}.action-btn.fingerprint-btn.has-fingerprint{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.action-btn.fingerprint-btn.has-fingerprint:hover{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.view-btn{background:#3498db33;color:#5dade2;border:1px solid rgba(52,152,219,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn:hover{background:#3498db4d;color:#85c1e9;border-color:#3498db99;box-shadow:0 0 15px #3498db66}.edit-btn{background:#f39c1233;color:#f8c471;border:1px solid rgba(243,156,18,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-btn:hover{background:#f39c124d;color:#fad7a0;border-color:#f39c1299;box-shadow:0 0 15px #f39c1266}.delete-btn{background:#e74c3c33;color:#ec7063;border:1px solid rgba(231,76,60,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-btn:hover{background:#e74c3c4d;color:#f1948a;border-color:#e74c3c99;box-shadow:0 0 15px #e74c3c66}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-weight:600}.complete-btn{background:#2ecc7133;color:#58d68d;border:1px solid rgba(46,204,113,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.complete-btn:hover{background:#2ecc714d;color:#7dcea0;border-color:#2ecc7199;box-shadow:0 0 15px #2ecc7166}.incomplete-btn{background:#f39c1233;color:#f8c471;border:1px solid rgba(243,156,18,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.incomplete-btn:hover{background:#f39c124d;color:#fad7a0;border-color:#f39c1299;box-shadow:0 0 15px #f39c1266}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;cursor:pointer;margin-right:.5rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-family:Cairo,sans-serif}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.nav-btn.green{background:linear-gradient(135deg,#2ecc71,#27ae60)}.nav-btn.blue{background:linear-gradient(135deg,#3498db,#2980b9)}.nav-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid,.charts-grid,.users-grid{grid-template-columns:1fr}.login-container{padding:1rem}.login-card{max-width:100%}.logo h1{font-size:2.5rem}.filters-section{flex-direction:column;gap:1rem}.search-input,.filter-select{min-width:100%}.navbar-container{padding:.4rem 1rem;flex-wrap:wrap;gap:.5rem}.navbar-logo{flex:0 0 auto}.logo-text h2{font-size:1.1rem}.logo-text span{font-size:.6rem}.mobile-menu-btn{display:flex}.navbar-links{position:fixed;top:70px;right:-100%;width:280px;height:calc(100vh - 70px);background:#0f0c29fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:.5rem;padding:1.5rem;box-shadow:-5px 0 30px #00000080;border-left:1px solid rgba(102,126,234,.3);transition:right .3s ease;overflow-y:auto;z-index:999}.navbar-links.mobile-open{right:0}.nav-link{padding:.8rem;font-size:.9rem;white-space:nowrap;justify-content:flex-start;width:100%;border-radius:10px}.nav-link span{display:inline;margin-right:.75rem}.navbar-actions{gap:.5rem}.user-menu-btn{padding:.4rem .75rem}.user-info-text{display:none}.user-menu-btn .user-avatar{width:30px;height:30px}.refresh-btn{padding:.6rem;min-width:44px;min-height:44px}.nav-link{min-height:44px}button,a{min-width:44px;min-height:44px}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem;gap:1rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.8rem}.stat-title{font-size:.9rem}.stat-subtitle{font-size:.8rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1rem}.chart-title{font-size:1.2rem}.page-title{font-size:1.8rem}.main-content{padding:1rem}.users-grid{grid-template-columns:1fr}.user-card{padding:1rem}.user-dropdown{right:0;left:auto;min-width:180px}.instance-detail-row{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.navbar-links{justify-content:center}.nav-link span{display:inline}.stats-grid{grid-template-columns:repeat(2,1fr)}.user-info-text{display:flex}.page-title{font-size:2rem}}@media (min-width: 769px) and (max-width: 1024px){.navbar-links{order:unset;width:auto;margin-top:0;padding-bottom:0}.nav-link span{display:inline}.stats-grid,.charts-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;padding:1rem;overflow-y:auto}.modal-container{background:#0f0f23fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(102,126,234,.4);box-shadow:0 20px 60px #0009,0 0 40px #667eea40;max-width:700px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(102,126,234,.2);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 0 15px #ffffff4d}.modal-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.modal-close-btn:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 0 15px #fff3;transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1;min-height:0;max-height:calc(90vh - 160px)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#667eea80}.modal-overlay::-webkit-scrollbar{width:8px}.modal-overlay::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.modal-overlay::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.modal-overlay::-webkit-scrollbar-thumb:hover{background:#667eea80}.modal-footer{padding:2rem;border-top:1px solid var(--border-primary);display:flex;gap:1.5rem;justify-content:flex-end;background:var(--bg-secondary);margin-top:auto;flex-shrink:0;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.modal-btn,.btn-primary,.btn-secondary{padding:.9rem 2.5rem;border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.8rem;border:2px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:140px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.8px;font-family:Cairo,sans-serif}.modal-btn:before,.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.modal-btn:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before{left:100%}.modal-btn-primary,.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:#ffffff4d;box-shadow:0 8px 32px #3b82f64d;font-weight:700}.modal-btn-primary:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--secondary-hover));box-shadow:0 12px 40px #3b82f680;transform:translateY(-4px) scale(1.02);border-color:#ffffff80}.modal-btn-secondary,.btn-secondary{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));color:var(--text-secondary);border-color:var(--border-primary);box-shadow:0 8px 32px #0003;font-weight:600}.modal-btn-secondary:hover,.btn-secondary:hover{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));box-shadow:0 12px 40px #0000004d;transform:translateY(-3px) scale(1.02);border-color:var(--border-secondary);color:var(--text-primary)}.modal-btn-danger{background:linear-gradient(135deg,var(--error-color),#dc2626);color:#fff;border-color:#ffffff4d;box-shadow:0 8px 32px #ef44444d;font-weight:700}.modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 40px #ef444480;transform:translateY(-4px) scale(1.02);border-color:#ffffff80}.modal-btn:active,.btn-primary:active,.btn-secondary:active{transform:translateY(0) scale(.98);transition:all .1s ease}.modal-btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-btn:disabled:hover,.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none;box-shadow:none}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.85rem;font-weight:600;color:#9090b0;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:#e0e0e0;font-weight:500;padding:.75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px}.form-group{margin-bottom:1.5rem;direction:rtl;text-align:right}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}}.form-group:last-child{margin-bottom:.2rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:#a0a0c0;margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea99;background:#1e1e3cb3;box-shadow:0 0 20px #667eea33}.form-input.error,.form-textarea.error,.form-select.error{border-color:#f5222d99;background:#3c141980}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{border-color:#f5222dcc;box-shadow:0 0 20px #f5222d4d}.form-error{display:block;color:#ff4d4f;font-size:.85rem;margin-top:.25rem;font-family:Cairo,sans-serif;text-align:right;direction:rtl;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-helper{display:block;color:#7a7a9a;font-size:.85rem;margin-top:.25rem;font-family:Cairo,sans-serif;text-align:right;direction:rtl}.form-input[type=date]{color-scheme:dark}.form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.form-control[type=date]{color-scheme:dark}.form-control[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1;padding:8px}.form-control[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1;padding:8px}.form-textarea{resize:vertical;min-height:100px}@media (max-width: 768px){.modal-container{max-width:95%;border-radius:16px;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem 1.5rem}.modal-body{max-height:calc(95vh - 140px);overflow-y:auto;padding:1rem 1.5rem}.modal-footer{padding:1rem 1.5rem;flex-shrink:0}.info-grid{grid-template-columns:1fr;gap:1rem}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.dashboard-section{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(102,126,234,.2);padding:2rem;transition:all .3s ease}.dashboard-section:hover{transform:translateY(-5px);box-shadow:0 12px 40px #667eea33;border-color:#667eea66}.section-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease;cursor:pointer}.task-item:hover{background:#667eea1a;transform:translate(-5px)}.task-item.completed{opacity:.6}.task-item.completed .task-text{text-decoration:line-through}.task-checkbox{width:24px;height:24px;border:2px solid rgba(102,126,234,.5);border-radius:8px;flex-shrink:0;transition:all .3s ease}.task-checkbox.checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.task-content{flex:1}.task-text{color:#e0e0f0;font-size:1rem;font-weight:500;margin-bottom:.3rem}.task-meta{color:#ffffff80;font-size:.85rem}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.link-button{background:transparent;border:none;color:var(--primary-color);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;transition:all .2s ease}.link-button.subtle{color:#e2e8fff2;padding:.35rem .9rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 10px #0f172a66}.link-button.subtle:hover{border-color:#818cf899;background:#667eea1a;transform:translateY(-1px)}.link-button:active{transform:translateY(0)}.notifications-list{display:flex;flex-direction:column;gap:.8rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.notification-item.new{border-color:#667eea66;background:#667eea0d}.notification-item:hover{background:#667eea1a;transform:translate(-5px)}.notification-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notification-icon.blue{background:#667eea33}.notification-icon.green{background:#52c41a33}.notification-icon.orange{background:#fa8c1633}.notification-icon.purple{background:#722ed133}.notification-content{flex:1}.notification-text{color:#e0e0f0;font-size:.95rem;font-weight:500;margin-bottom:.3rem}.notification-time{color:#fff6;font-size:.8rem}.reminders-list{display:flex;flex-direction:column;gap:1rem}.reminder-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:16px;border-left:4px solid;transition:all .3s ease}.reminder-item.urgent{border-left-color:#f5576c;background:#f5576c0d}.reminder-item.high{border-left-color:#fa8c16;background:#fa8c160d}.reminder-item.normal{border-left-color:#667eea;background:#667eea0d}.reminder-item:hover{transform:translate(-5px);box-shadow:0 4px 15px #0003}.reminder-badge{padding:.3rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.reminder-item.urgent .reminder-badge{background:#f5576c4d;color:#ff7a8a}.reminder-item.high .reminder-badge{background:#fa8c164d;color:#ffa940}.reminder-item.normal .reminder-badge{background:#667eea4d;color:#85a5ff}.reminder-content{flex:1}.reminder-text{color:#e0e0f0;font-size:1rem;font-weight:500;margin-bottom:.3rem}.reminder-date{color:#ffffff80;font-size:.85rem}@media (max-width: 768px){.dashboard-sections{grid-template-columns:1fr;gap:1.5rem}}.quick-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.quick-stat-item:hover{background:#667eea1a;transform:scale(1.05)}.quick-stat-icon{font-size:2.5rem;flex-shrink:0}.quick-stat-content{flex:1}.quick-stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.3rem}.quick-stat-label{font-size:.9rem;color:#fff9}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:1rem;padding:1rem 0}.activity-item:not(:last-child){border-bottom:1px solid rgba(102,126,234,.1)}.activity-timeline{display:flex;flex-direction:column;align-items:center;gap:.5rem}.activity-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.activity-dot.blue{background:#667eea;box-shadow:0 0 10px #667eea80}.activity-dot.green{background:#52c41a;box-shadow:0 0 10px #52c41a80}.activity-dot.orange{background:#fa8c16;box-shadow:0 0 10px #fa8c1680}.activity-dot.purple{background:#722ed1;box-shadow:0 0 10px #722ed180}.activity-line{width:2px;flex:1;background:linear-gradient(180deg,#667eea4d,#667eea0d)}.activity-content{flex:1}.activity-text{color:#e0e0f0;font-size:.95rem;font-weight:500;margin-bottom:.3rem}.activity-time{color:#fff6;font-size:.8rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 1rem;background:#ffffff05;border:1px solid rgba(102,126,234,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.quick-action-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea80;transform:translateY(-5px);box-shadow:0 10px 30px #667eea4d}.quick-action-icon{font-size:2.5rem}.quick-action-text{color:#e0e0f0;font-size:1rem;font-weight:600}@media (max-width: 768px){.quick-stats-grid,.quick-actions-grid{grid-template-columns:1fr}}.tabs-container{display:flex;gap:.75rem;margin:1.5rem 0 .1rem;padding:.4rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(102,126,234,.2)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.tab-btn:hover{background:#667eea1a;color:#ffffffe6;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 24px #667eea66}.tab-icon{font-size:1.25rem}.tab-text{font-size:.9rem}@media (max-width: 768px){.tabs-container{flex-direction:column;gap:.5rem}.tab-btn{padding:.8rem 1.5rem}.tab-text{font-size:.9rem}}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;padding:1rem 0 2rem;min-height:100vh;overflow-y:auto}.course-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(102,126,234,.2);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea4d;border-color:#667eea80}.course-header{position:relative;background:linear-gradient(135deg,#667eea4d,#764ba24d);padding:1rem 1.5rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.course-template-icon{font-size:2rem;margin-bottom:0;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;direction:ltr}.course-header-badges{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.course-duration-badge{padding:.25rem .6rem;border-radius:16px;font-size:.75rem;font-weight:600;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.program-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.program-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.program-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea33;border-color:#667eea4d}.program-header{padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.program-template-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.program-template-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.3;letter-spacing:-.02em}.program-teacher{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.teacher-icon{width:16px;height:16px;color:#fff9}.program-duration-badge{margin-left:1rem;flex-shrink:0}.duration-badge{padding:.4rem 1rem;border-radius:25px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;border:none;box-shadow:0 4px 15px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.program-body{padding:0 1.5rem 1.5rem;background:#ffffff05}.program-pricing{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.pricing-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;margin-bottom:.5rem}.pricing-item:last-child{margin-bottom:0}.pricing-item:hover{background:#ffffff14;transform:translate(2px)}.pricing-label{font-size:.9rem;color:#ffffffb3;font-weight:500;margin-right:1rem}.pricing-value{font-size:1rem;color:#fff;font-weight:700;letter-spacing:-.01em;margin-left:1rem;text-align:left;min-width:120px}.program-footer{padding:1.5rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.8rem;justify-content:center}.course-category-badge{display:inline-block;align-self:flex-start;padding:.25rem .6rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:16px;font-size:.75rem;font-weight:600;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-thumbnail{font-size:5rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.course-status{position:relative;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-end}.course-status.active{background:#52c41a4d;color:#95de64;border:1px solid rgba(82,196,26,.5)}.course-status.upcoming{background:#fa8c164d;color:#ffa940;border:1px solid rgba(250,140,22,.5)}.course-body{padding:1rem 1.5rem .5rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.course-category{display:inline-block;align-self:flex-start;padding:.4rem 1rem;background:#667eea33;border-radius:12px;font-size:.8rem;color:#85a5ff;font-weight:600}.course-card .course-body .course-title{font-size:1.8rem!important;font-weight:700;color:#fff;margin:0;line-height:1.3;text-align:center;width:100%}.course-description{color:#ffffffb3;font-size:.875rem;line-height:2;margin:0}.course-meta{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.course-meta-single{display:flex;flex-direction:row;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap;align-items:center}.meta-item{display:flex;align-items:center;gap:.8rem;color:#fff9;font-size:.9rem}.meta-item svg{color:#667eeacc}.course-stats{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.2)}.stat-item{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.stat-item svg{color:#667eeacc}.level-badge{margin-left:auto;padding:.3rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.course-progress{margin-top:1rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .3s ease}.progress-fill.over-limit{background:#f87171!important;box-shadow:0 0 15px #f8717199,0 0 30px #f8717166,inset 0 0 10px #fff3;animation:redPulse 2s ease-in-out infinite}@keyframes redPulse{0%,to{box-shadow:0 0 15px #f8717199,0 0 30px #f8717166,inset 0 0 10px #fff3}50%{box-shadow:0 0 25px #f87171cc,0 0 45px #f8717199,inset 0 0 15px #ffffff4d}}.course-metrics{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.metric{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.metric-icon{width:16px;height:16px;flex-shrink:0}.course-footer{padding:.75rem 1rem;background:#ffffff05;border-top:1px solid rgba(102,126,234,.1);display:flex;justify-content:center;gap:.5rem;margin-top:auto;margin-left:0;margin-right:0}.course-footer button{flex:1;padding:.45rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .3s ease;min-height:30px;background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 16px #667eea1a;cursor:pointer;box-sizing:border-box;max-width:90px;min-width:65px}.course-footer button:hover{background:#667eea33;box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px) scale(1.02);border-color:#667eea80;color:#667eea}.course-footer button.delete{background:#ff4d4f1a;border-color:#ff4d4f4d;color:#ff4d4f}.course-footer button.delete:hover{background:#ff4d4f33;box-shadow:0 8px 24px #ff4d4f4d;transform:translateY(-2px) scale(1.02);border-color:#ff4d4f80;color:#ff4d4f}.add-template-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:2px dashed rgba(102,126,234,.4);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:3rem 2rem;text-align:center;gap:1.5rem;min-height:400px}.add-template-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea33;border-color:#667eea99;background:#667eea0d}.add-template-icon{font-size:6rem;color:#667eea;margin-bottom:1rem;filter:drop-shadow(0 8px 16px rgba(102,126,234,.3))}.add-template-text{color:#667eea;font-size:1.4rem;font-weight:700;margin:0}.add-template-subtitle{color:#667eeab3;font-size:1rem;margin:0;line-height:1.5}@media (max-width: 1400px){.courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem 0 2.5rem}.add-template-card{min-height:350px}}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 0 2.5rem}.add-template-card{min-height:350px}}@media (max-width: 768px){.courses-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0 3rem}.main-content{padding:1rem;min-height:calc(100vh - 60px)}.add-template-card{min-height:300px;padding:2rem 1.5rem}.add-template-icon{font-size:4rem}.add-template-text{font-size:1.2rem}}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.page-subtitle{color:#ffffff8c;margin:.25rem 0 0}.posts-actions{display:flex;gap:.75rem;flex-wrap:wrap}.posts-toolbar{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;margin-top:2rem}.posts-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;flex:1}.posts-stat-card{background:#1f2436d9;border-radius:18px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#fff;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.posts-stat-card svg{font-size:1.9rem}.posts-stat-card .stat-label{display:block;font-size:.85rem;color:#ffffffa6}.posts-stat-card .stat-value{font-size:1.4rem;font-weight:700;margin-top:.2rem}.gradient-indigo{background:linear-gradient(135deg,#6366f159,#4f46e566)}.gradient-green{background:linear-gradient(135deg,#22c55e59,#16a34a66)}.gradient-orange{background:linear-gradient(135deg,#f9731659,#ea580c66)}.gradient-purple{background:linear-gradient(135deg,#9333ea59,#7e22ce66)}.posts-search{min-width:240px;flex:1;max-width:360px;position:relative;display:flex;align-items:center;gap:.5rem;background:#0e131ed9;border:1px solid rgba(99,102,241,.25);border-radius:16px;padding:.75rem 1rem}.posts-search svg{color:#ffffff73}.posts-search input{background:transparent;border:none;outline:none;flex:1;color:#fff;font-family:Cairo,sans-serif}.posts-search input::placeholder{color:#fff6}.posts-filters{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.filter-chip{padding:.65rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#161b29bf;color:#ffffffb8;font-weight:600;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .25s ease}.filter-chip svg{font-size:1rem}.filter-chip:hover{transform:translateY(-2px);border-color:#6366f166}.filter-chip.active{background:var(--chip-color, linear-gradient(135deg, #667eea, #764ba2));color:#fff;box-shadow:0 12px 32px #667eea40}.post-card{border-radius:24px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;max-width:360px;margin:0 auto}.post-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0f172a73}.post-card-header{padding:1.4rem 1.6rem .8rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.post-card-header-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.post-type-chip{align-self:flex-start;padding:.35rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 8px 20px #00000040}.post-card-title{margin:0;color:#fff;font-size:1.22rem;line-height:1.5}.post-card-meta{display:flex;gap:.9rem;flex-wrap:wrap;color:#fff9;font-size:.85rem}.post-card-meta span{display:inline-flex;align-items:center;gap:.35rem}.post-status{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:12px;font-size:.8rem;font-weight:600}.post-status.active{background:#22c55e2e;color:#4ade80}.post-status.inactive{background:#f472b62e;color:#f472b6}.post-card-image{width:calc(100% - 2.4rem);margin:.5rem auto;border-radius:18px;height:220px;background-size:cover;background-position:center;position:relative;box-shadow:0 16px 35px #00000059;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;display:block}.post-card-image.placeholder{background:#0f172aa6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;color:#ffffff80}.post-card-image.placeholder.error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#f43f5ecc}.post-card-body{padding:1.3rem 1.6rem 1rem;display:flex;flex-direction:column;gap:1rem}.post-card-content{color:#ffffffb8;line-height:1.7;margin:0;font-size:.95rem;max-height:5.1rem;overflow:hidden}.post-card-stats{display:flex;align-items:center;gap:1.2rem;color:#ffffffa6;font-size:.88rem}.post-card-stats span{display:inline-flex;align-items:center;gap:.4rem}.post-card-footer{padding:.9rem 1.4rem 1.4rem;display:flex;gap:.75rem;justify-content:flex-end}.post-card-footer button{min-width:auto;padding:.65rem .9rem;border-radius:14px}.post-card-footer .delete{background:linear-gradient(135deg,#f43f5e2e,#f43f5e47);border-color:#f43f5e52}.post-card-video{width:calc(100% - 2.4rem);margin:.5rem auto;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 16px 35px #00000059;background:#0f172aa6}.post-card-video video{width:100%;height:220px;object-fit:cover;display:block}.post-card-video-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#6366f1e6,#4f46e5f2);color:#fff;padding:.4rem .85rem;border-radius:12px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post-card-gallery{display:flex;gap:.5rem;padding:0 1.2rem;margin-bottom:.5rem;flex-wrap:wrap}.post-card-thumb{width:60px;height:60px;border-radius:12px;overflow:hidden;position:relative;border:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.post-card-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f166;border-color:#6366f180}.post-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-card-thumb.video-thumb{border-color:#6366f14d}.post-card-thumb-video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-preview-thumb-video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-preview-item{position:relative}.video-preview-item video{background:#0f172acc}.image-preview-item.video-preview-item{border:1px solid rgba(99,102,241,.3)}.image-preview-item.video-preview-item .image-preview-caption{background:linear-gradient(135deg,#6366f133,#4f46e540);color:#c4b5fd}.post-editor-backdrop,.post-preview-backdrop{position:fixed;inset:0;background:#060b17bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:flex-end;z-index:1300}.post-editor-panel{width:min(460px,100%);background:#111827f5;padding:2rem 2.2rem;overflow-y:auto;box-shadow:-12px 0 32px #00000059}.post-editor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.post-editor-header h3{margin:0;color:#fff}.post-editor-header p{margin:.3rem 0 0;color:#ffffff8c;font-size:.9rem}.post-editor-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group label{color:#ffffffbf;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:#0f172ae6;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:.85rem 1rem;color:#fff;font-family:Cairo,sans-serif;resize:vertical}.form-group textarea{min-height:140px}.hint{text-align:left;color:#fff6;font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group.switch{flex-direction:row;align-items:center;justify-content:space-between}.switch-control{display:inline-flex;align-items:center;gap:.6rem}.switch-control input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.image-preview{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.image-preview img{width:100%;height:auto;display:block}.image-url-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.image-url-row input{flex:1}.image-url-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0f172a80}.image-preview-item img,.image-preview-item video{width:100%;height:auto;display:block}.image-preview-caption{display:block;padding:.5rem;background:#0f172ab3;color:#fffc;font-size:.75rem;text-align:center;font-weight:600}.form-footer{display:flex;justify-content:flex-end;gap:.8rem}.post-preview-card{margin:auto;background:#111827f5;border-radius:24px;padding:2rem;max-width:640px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006;width:calc(100% - 2rem)}.post-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.post-preview-header h3{margin:.6rem 0 0;color:#fff}.post-preview-header p{color:#ffffff8c;margin:.4rem 0 0}.post-preview-image{margin:1.5rem 0;border-radius:18px;overflow:hidden}.post-preview-image img{display:block;width:100%;height:auto}.post-preview-gallery{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.post-preview-thumb{width:80px;height:80px;border-radius:14px;overflow:hidden;position:relative;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.post-preview-thumb:hover{transform:scale(1.08);box-shadow:0 6px 16px #6366f166;border-color:#6366f180}.post-preview-thumb img,.post-preview-thumb video{width:100%;height:100%;object-fit:cover;display:block}.post-preview-thumb.video-thumb{border-color:#6366f166}.post-preview-body{display:flex;flex-direction:column;gap:1rem}.post-preview-body p{color:#ffffffbf;line-height:1.8}.post-preview-meta{display:flex;gap:1rem;flex-wrap:wrap;color:#ffffff8c;font-size:.85rem}.post-preview-meta span{display:inline-flex;align-items:center;gap:.4rem}.post-preview-stats{margin-top:1.5rem;display:flex;gap:1.5rem;flex-wrap:wrap;color:#ffffffa6}.post-preview-stats span{display:inline-flex;align-items:center;gap:.4rem}.filter-section{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.filter-btn{padding:.8rem 1.5rem;background:#ffffff08;border:1px solid rgba(102,126,234,.2);border-radius:16px;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.filter-btn:hover{background:#667eea1a;border-color:#667eea66;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;color:#fff;box-shadow:0 8px 24px #667eea4d}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr;gap:1.5rem}.filter-section{gap:.8rem}.filter-btn{font-size:.85rem;padding:.6rem 1.2rem}}.view-section{display:flex;flex-direction:column;gap:2rem}.view-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(102,126,234,.2)}.info-section{padding:1.5rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(102,126,234,.1)}.info-section-title{color:#667eea;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.toast-container{position:fixed;bottom:2rem;left:2rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:1rem;pointer-events:none}.toast{background:#141432f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.25rem 1.5rem;min-width:320px;max-width:400px;box-shadow:0 10px 40px #00000080,0 0 20px #667eea4d;border:1px solid;display:flex;align-items:center;gap:1rem;pointer-events:auto;animation:slideInLeft .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast.success{border-color:#52c41a80}.toast.success:before{background:linear-gradient(180deg,#52c41a,#73d13d)}.toast.error{border-color:#f5222d80}.toast.error:before{background:linear-gradient(180deg,#f5222d,#ff4d4f)}.toast.info{border-color:#1890ff80}.toast.info:before{background:linear-gradient(180deg,#1890ff,#40a9ff)}.toast.warning{border-color:#faad1480}.toast.warning:before{background:linear-gradient(180deg,#faad14,#ffc53d)}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.toast.success .toast-icon{background:#52c41a33;color:#73d13d}.toast.error .toast-icon{background:#f5222d33;color:#ff4d4f}.toast.info .toast-icon{background:#1890ff33;color:#40a9ff}.toast.warning .toast-icon{background:#faad1433;color:#ffc53d}.toast-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.toast-title{font-weight:600;font-size:.95rem;color:#fff;margin:0}.toast-message{font-size:.875rem;color:#b0b0c0;margin:0}.toast-close{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:none;color:#a0a0c0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;font-size:18px}.toast-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#667eea99,#764ba299);animation:progressBar 3s linear forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-400px)}}@keyframes progressBar{0%{width:100%}to{width:0%}}.toast.removing{animation:slideOutLeft .3s ease forwards}@media (max-width: 768px){.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{min-width:unset;width:100%}}.confirm-dialog-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:1rem}.confirm-dialog{background:#141432f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(245,34,45,.4);box-shadow:0 20px 60px #00000080,0 0 40px #f5222d4d;max-width:480px;width:100%;overflow:hidden;animation:scaleUp .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.confirm-dialog-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f5222d26,#ff4d4f1a);border-bottom:1px solid rgba(245,34,45,.3);display:flex;align-items:center;gap:1rem}.confirm-dialog-icon{width:48px;height:48px;border-radius:50%;background:#f5222d33;display:flex;align-items:center;justify-content:center;color:#ff4d4f;font-size:28px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #f5222db3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #f5222d00}}.confirm-dialog-title{flex:1}.confirm-dialog-title h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#fff}.confirm-dialog-title p{margin:0;font-size:.875rem;color:#b0b0c0}.confirm-dialog-body{padding:2rem}.confirm-dialog-message{font-size:1rem;color:#d0d0e0;line-height:1.6;margin:0;text-align:center}.confirm-dialog-highlight{color:#ff4d4f;font-weight:700;display:block;margin-top:.5rem;font-size:1.1rem}.confirm-dialog-footer{padding:1.5rem 2rem;border-top:1px solid rgba(102,126,234,.2);display:flex;gap:1rem;background:#0f0c2980}.confirm-dialog-btn{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-dialog-btn-cancel{background:#64647833;color:#a0a0c0;border-color:#64647866}.confirm-dialog-btn-cancel:hover{background:#6464784d;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.confirm-dialog-btn-confirm{background:#f5222d4d;color:#ff4d4f;border-color:#f5222d80}.confirm-dialog-btn-confirm:hover{background:#f5222d80;box-shadow:0 0 20px #f5222d66;transform:translateY(-2px)}@media (max-width: 768px){.confirm-dialog{max-width:95%}.confirm-dialog-footer{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.filters-section-wide{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.search-box-wide{flex:1;min-width:300px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-box-wide:focus-within{border-color:#667eea99;background:#1e1e3cb3;box-shadow:0 0 20px #667eea33}.search-input-wide{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:Cairo,sans-serif}.search-input-wide::placeholder{color:var(--text-muted)}.add-student-btn{padding:.875rem 1.5rem;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:var(--radius-lg);color:var(--success-color);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Cairo,sans-serif;white-space:nowrap}.add-student-btn:hover{background:#52c41a4d;box-shadow:0 0 20px #52c41a4d;transform:translateY(-2px)}.add-student-btn svg{font-size:1.25rem}@media (max-width: 768px){.filters-section-wide{flex-direction:column}.search-box-wide{width:100%;min-width:unset}.filter-box{width:100%}.add-student-btn{width:100%;justify-content:center}}.programs-container{padding:2rem;min-height:calc(100vh - 80px);overflow-y:auto}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.program-card{background:#14143266;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;min-height:320px}.program-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.program-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.program-template-info{flex:1}.program-template-name{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3}.program-teacher{font-size:.9rem;color:#ffffffb3;display:flex;align-items:center;gap:.5rem}.program-status-badge{flex-shrink:0}.program-status-badge .status{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.program-status-badge .status.active{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.program-status-badge .status.inactive{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.program-body{padding:0 1.5rem 1rem;flex:1;display:flex;flex-direction:column;gap:1.5rem}.program-schedule,.program-pricing{display:flex;flex-direction:column;gap:.8rem}.pricing-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-item:last-child{border-bottom:none}.pricing-label{font-size:.9rem;color:#fff9;font-weight:500}.pricing-value{font-size:.9rem;color:#fff;font-weight:600}.program-footer{padding:1rem 1.5rem;display:flex;gap:.6rem;margin-top:auto;justify-content:center}.program-footer button{flex:1;padding:.8rem 1rem;border-radius:12px;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;max-width:100px;min-width:80px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.program-footer button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.program-footer button:hover:before{left:100%}.program-footer .btn-icon{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#ffffffe6;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000001a}.program-footer .btn-icon:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:#ffffff4d}.program-footer .btn-icon.view{background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3;border:1px solid rgba(33,150,243,.3)}.program-footer .btn-icon.view:hover{background:linear-gradient(135deg,#2196f34d,#2196f333);color:#2196f3;box-shadow:0 8px 25px #2196f34d}.program-footer .btn-icon.edit{background:linear-gradient(135deg,#ffc10733,#ffc1071a);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.program-footer .btn-icon.edit:hover{background:linear-gradient(135deg,#ffc1074d,#ffc10733);color:#ffc107;box-shadow:0 8px 25px #ffc1074d}.program-footer .btn-icon.delete{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3)}.program-footer .btn-icon.delete:hover{background:linear-gradient(135deg,#f443364d,#f4433633);color:#f44336;box-shadow:0 8px 25px #f443364d}.add-program-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:2px dashed rgba(102,126,234,.4);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:3rem 2rem;text-align:center;gap:1.5rem;min-height:320px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.add-program-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.add-program-card:hover{background:linear-gradient(135deg,#667eea26,#764ba214);border-color:#667eea99;transform:translateY(-8px);box-shadow:0 20px 60px #667eea33}.add-program-icon{font-size:4rem;color:#667eeacc;font-weight:300;transition:all .3s ease}.add-program-card:hover .add-program-icon{color:#667eea;transform:scale(1.1)}.add-program-text{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.add-program-subtitle{font-size:1rem;color:#ffffffb3;margin:0;font-weight:500}@media (max-width: 1024px){.programs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.program-card,.add-program-card{min-height:280px}}@media (max-width: 768px){.programs-container{padding:1rem}.programs-grid{grid-template-columns:1fr;gap:1rem}.program-header{padding:1rem 1rem .8rem;flex-direction:column;align-items:flex-start;gap:.8rem}.program-body{padding:0 1rem .8rem;gap:1rem}.program-footer{padding:.8rem 1rem;gap:.5rem}.add-program-card{padding:2rem 1.5rem;min-height:250px}.add-program-icon{font-size:3rem}.add-program-text{font-size:1.3rem}}.days-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.day-button{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.day-button:hover{background:#ffffff1a;border-color:#ffffff4d}.day-button.selected{background:#667eea4d;border-color:#667eea80;color:#667eea}.time-slots{margin-top:.5rem}.common-times{margin-bottom:1rem}.time-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.time-button{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500}.time-button:hover{background:#ffffff1a;border-color:#ffffff4d}.time-button.selected{background:#667eea4d;border-color:#667eea80;color:#667eea}.custom-time{margin-top:1rem}@media (max-width: 768px){.days-buttons{gap:.3rem}.day-button{padding:.4rem .8rem;font-size:.8rem}.time-buttons{gap:.3rem}.time-button{padding:.3rem .6rem;font-size:.8rem}}.view-program-modal{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.view-program-header{background:linear-gradient(135deg,#667eea26,#764ba21a);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;position:relative}.view-program-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.view-program-title-section{display:flex;align-items:center;gap:1rem}.view-program-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea33,#764ba21a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#667eea;border:1px solid rgba(102,126,234,.3)}.view-program-body{padding:0;background:#ffffff05}.view-program-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:16px;margin:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.view-program-header-info{padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:1px solid rgba(255,255,255,.1)}.view-program-template{display:flex;align-items:center;gap:1rem}.view-program-template-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea33,#764ba21a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 15px #667eea33}.view-program-template-info{flex:1}.view-program-template-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:.5px}.view-program-duration{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.view-program-details{padding:1.5rem}.view-detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.view-detail-item:hover{background:#ffffff14;transform:translate(5px)}.view-detail-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-detail-icon.teacher{background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3;border:1px solid rgba(33,150,243,.3)}.view-detail-icon.students{background:linear-gradient(135deg,#22c55e4d,#22c55e33);color:#22c55e;border:1px solid rgba(34,197,94,.4)}.view-detail-icon.location{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3)}.view-detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.view-detail-label{font-size:.85rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.view-detail-value{font-size:1.1rem;color:#fff;font-weight:600}.view-pricing-section{margin:1.5rem 0}.view-pricing-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem;text-align:center;padding:.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:8px;border:1px solid rgba(102,126,234,.2)}.view-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.view-pricing-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.view-pricing-item:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.view-pricing-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-pricing-icon.student{background:linear-gradient(135deg,#ff980033,#ff98001a);color:#ff9800;border:1px solid rgba(255,152,0,.3)}.view-pricing-icon.teacher{background:linear-gradient(135deg,#9c27b033,#9c27b01a);color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.view-pricing-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.view-pricing-label{font-size:.8rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.view-pricing-value{font-size:1rem;color:#fff;font-weight:700;letter-spacing:.5px}.view-program-footer{padding:1.5rem 2rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:center}.view-close-btn,.view-edit-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;justify-content:center}.delete-cancel-btn:hover{background:linear-gradient(135deg,#9e9e9e4d,#9e9e9e33);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #9e9e9e33}.delete-confirm-btn{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3)}.delete-confirm-btn:hover{background:linear-gradient(135deg,#f443364d,#f4433633);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d;border-color:#f4433680}.view-template-modal{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.view-template-header{background:linear-gradient(135deg,#667eea26,#764ba21a);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;position:relative}.view-template-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.view-template-title-section{display:flex;align-items:center;gap:1rem}.view-template-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea33,#764ba21a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#667eea;border:1px solid rgba(102,126,234,.3)}.view-template-body{padding:0;background:#ffffff05}.view-template-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:16px;margin:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.view-template-header-info{padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:1px solid rgba(255,255,255,.1)}.view-template-main{display:flex;align-items:center;gap:1rem}.view-template-icon-large{width:60px;height:60px;background:linear-gradient(135deg,#667eea33,#764ba21a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 15px #667eea33}.view-template-info{flex:1}.view-template-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:.5px}.view-template-category{display:flex;align-items:center}.category-badge{background:linear-gradient(135deg,#4caf5033,#4caf501a);color:#4caf50;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(76,175,80,.3);text-transform:uppercase;letter-spacing:.5px}.view-template-details{padding:1.5rem}.view-detail-icon.duration{background:linear-gradient(135deg,#ff980033,#ff98001a);color:#ff9800;border:1px solid rgba(255,152,0,.3)}.view-detail-icon.status{background:linear-gradient(135deg,#4caf5033,#4caf501a);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.view-overview-section{margin:1.5rem 0;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.view-overview-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem;text-align:center;padding:.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:8px;border:1px solid rgba(102,126,234,.2)}.view-overview-content{color:#ffffffe6;line-height:1.6;font-size:.95rem}.view-overview-content p{margin:0}.view-template-footer{padding:1.5rem 2rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:center}.view-close-btn,.view-edit-btn,.view-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:100px;justify-content:center}.view-close-btn{background:linear-gradient(135deg,#9e9e9e33,#9e9e9e1a);color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.view-close-btn:hover{background:linear-gradient(135deg,#9e9e9e4d,#9e9e9e33);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #9e9e9e33}.view-edit-btn{background:linear-gradient(135deg,#667eea33,#764ba21a);color:#667eea;border:1px solid rgba(102,126,234,.3)}.view-edit-btn:hover{background:linear-gradient(135deg,#667eea4d,#764ba233);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.view-delete-btn{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3)}.view-delete-btn:hover{background:linear-gradient(135deg,#f443364d,#f4433633);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d;border-color:#f4433680}.instances-container{padding:2rem 0}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:1rem 0 2rem}.instance-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.instance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.instance-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea33;border-color:#667eea4d}.instance-header{padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;justify-content:space-between;align-items:flex-start}.instance-program-info{flex:1}.instance-program-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:.5px}.instance-teacher{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.teacher-icon{width:16px;height:16px;color:#667eea}.instance-status-badge{margin-left:1rem;flex-shrink:0}.instance-body{padding:1.5rem;background:#ffffff05}.instance-details{display:flex;flex-direction:column;gap:1rem}.instance-details-grid{display:grid;grid-template-columns:1fr;gap:1rem}.instance-detail-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.instance-detail-row-full{grid-template-columns:1fr}.instance-detail-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.instance-detail-item:hover{background:#ffffff14;transform:translate(5px)}.instance-detail-item.students-clickable{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.instance-detail-item.students-clickable:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e80;transform:translate(8px) scale(1.02);box-shadow:0 8px 25px #22c55e33}.instance-detail-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instance-detail-icon.calendar{background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3;border:1px solid rgba(33,150,243,.3)}.instance-detail-icon.clock{background:linear-gradient(135deg,#ff980033,#ff98001a);color:#ff9800;border:1px solid rgba(255,152,0,.3)}.instance-detail-icon.time{background:linear-gradient(135deg,#9c27b033,#9c27b01a);color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.instance-detail-icon.students{background:linear-gradient(135deg,#22c55e4d,#22c55e33);color:#22c55e;border:1px solid rgba(34,197,94,.4)}.instance-detail-icon.location{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3)}.instance-detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.instance-detail-label{font-size:.8rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.instance-detail-value{font-size:1rem;color:#fff;font-weight:600}.instance-progress{padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:1rem}.instance-progress .progress-bar{width:100%!important;flex:none!important}.instance-progress .progress-info{width:100%!important}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;min-width:100%;width:100%}.progress-label{font-size:.85rem;color:#fff9;font-weight:500}.progress-percentage{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:40px;text-align:right}.progress-bar{flex:1;height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;min-width:120px}.progress-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1),background-color .3s ease;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.instance-footer{padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.8rem;justify-content:center}.instance-footer .btn-icon{padding:.8rem 1rem;border-radius:12px;font-weight:600;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.instance-footer .btn-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.instance-footer .btn-icon:hover:before{left:100%}.instance-footer .btn-icon.view{background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3;border:1px solid rgba(33,150,243,.3);box-shadow:0 2px 8px #2196f333}.instance-footer .btn-icon.view:hover{background:linear-gradient(135deg,#2196f34d,#2196f333);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #2196f34d;border-color:#2196f380}.instance-footer .btn-icon.edit{background:linear-gradient(135deg,#ff980033,#ff98001a)!important;color:#ff9800!important;border:1px solid rgba(255,152,0,.3)!important;box-shadow:0 2px 8px #ff980033!important}.instance-footer .btn-icon.edit:hover{background:linear-gradient(135deg,#ff98004d,#ff980033)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 15px #ff98004d!important;border-color:#ff980080!important}.instance-footer .btn-icon.delete{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;border:1px solid rgba(244,67,54,.3);box-shadow:0 2px 8px #f4433633}.instance-footer .btn-icon.delete:hover{background:linear-gradient(135deg,#f443364d,#f4433633);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d;border-color:#f4433680}.add-instance-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:2px dashed rgba(102,126,234,.4);padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;text-decoration:none;color:inherit}.add-instance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.add-instance-card:hover{background:linear-gradient(135deg,#667eea26,#764ba214);border-color:#667eea99;transform:translateY(-5px);box-shadow:0 15px 40px #667eea33}.add-instance-icon{font-size:3rem;color:#667eea;font-weight:300;transition:all .3s ease}.add-instance-card:hover .add-instance-icon{color:#667eea;transform:scale(1.1)}.add-instance-text{font-size:1.2rem;font-weight:600;color:#fff;margin:0;letter-spacing:.5px}.add-instance-subtitle{font-size:.9rem;color:#ffffffb3;margin:0;font-weight:400}@media (max-width: 768px){.instances-grid{grid-template-columns:1fr;gap:1.5rem}.instance-card{margin:0 1rem}}.instance-modal .modal-container{background:#0f0f23fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;border:1px solid rgba(102,126,234,.4);box-shadow:0 20px 60px #0009,0 0 40px #667eea40;max-width:700px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column;position:relative}.instance-modal .modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(102,126,234,.2);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.instance-modal .modal-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem}.instance-modal .close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem;font-weight:700}.instance-modal .close-btn:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 0 15px #ffffff4d}.instance-modal .modal-body{padding:2rem;overflow-y:auto;flex:1;min-height:0;max-height:calc(90vh - 160px)}.instance-modal .form-group{margin-bottom:1.5rem;direction:rtl;text-align:right}.instance-modal .form-group label{display:block;font-size:.9rem;font-weight:600;color:#a0a0c0;margin-bottom:.5rem}.instance-modal .form-group input,.instance-modal .form-group select{width:100%;padding:.75rem 1rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease}.instance-modal .form-group input:focus,.instance-modal .form-group select:focus{outline:none;border-color:#667eea99;background:#1e1e3cb3;box-shadow:0 0 20px #667eea33}.instance-modal .form-group input::placeholder{color:#a0a0c099}.instance-modal .form-group select option{background-color:#1a1a2e;color:#fff;padding:.5rem}.instance-modal .form-group select option:hover{background-color:#667eea}.instance-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.instance-modal .days-container{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.5rem}.instance-modal .day-btn{padding:.5rem;border:2px solid rgba(102,126,234,.3);border-radius:8px;background:#1e1e3c80;color:#a0a0c0;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.instance-modal .day-btn:hover{background:#667eea33;border-color:#667eea99;color:#fff}.instance-modal .day-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d;color:#fff;box-shadow:0 8px 32px #667eea4d}.instance-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(102,126,234,.2);display:flex;gap:1rem;justify-content:flex-end}.instance-modal .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:#ffffff4d;box-shadow:0 8px 32px #3b82f64d;font-weight:700}.instance-modal .btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--secondary-hover));box-shadow:0 12px 40px #3b82f680;transform:translateY(-4px) scale(1.02);border-color:#ffffff80}.instance-modal .btn-secondary{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));color:var(--text-secondary);border:1px solid var(--border-primary)}.instance-modal .btn-secondary:hover{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@media (max-width: 768px){.instance-modal .modal-container{width:95%;max-height:95vh;margin:1rem}.instance-modal .modal-header{padding:1rem 1.5rem}.instance-modal .modal-header h2{font-size:1.2rem}.instance-modal .modal-body{padding:1.5rem}.instance-modal .form-row{grid-template-columns:1fr;gap:.5rem}.instance-modal .days-container{grid-template-columns:repeat(3,1fr);gap:.3rem}.instance-modal .day-btn{padding:.4rem;font-size:.7rem}.instance-modal .modal-footer{padding:1rem 1.5rem;flex-direction:column;gap:.5rem}.instance-modal .btn-primary,.instance-modal .btn-secondary{width:100%;justify-content:center}}.spinner{border:2px solid var(--border-primary);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.students-management{display:flex;flex-direction:column;gap:1.5rem}.students-summary{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:16px;transition:all .3s ease}.summary-card:hover{background:linear-gradient(135deg,#667eea26,#764ba21a);transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.summary-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #667eea4d}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.9rem;color:#a0a0c0;font-weight:500}.summary-value{font-size:1.5rem;color:#fff;font-weight:700}.search-container{display:flex;gap:.5rem;align-items:center;flex-direction:row;width:100%;min-width:0;margin-bottom:.5rem}.search-input{flex:1;padding:.75rem 1rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;font-family:Cairo,sans-serif;transition:all .3s ease;height:48px;box-sizing:border-box;min-width:0;width:100%}.search-input:focus{outline:none;border-color:#667eea99;background:#1e1e3cb3;box-shadow:0 0 20px #667eea33}.search-input::placeholder{color:#a0a0c099}.search-btn{padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;flex-shrink:0}.search-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.students-list{display:flex;flex-direction:column;gap:.5rem}.list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(102,126,234,.2)}.list-header h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.available-count{color:#22c55e;font-size:.9rem;font-weight:600;background:#22c55e1a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(34,197,94,.3)}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:400px;overflow-y:auto;width:100%;min-width:0}.students-grid::-webkit-scrollbar{width:6px}.students-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.students-grid::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.students-grid::-webkit-scrollbar-thumb:hover{background:#667eeab3}.student-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;min-width:0;width:100%;box-sizing:border-box}.student-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.student-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #667eea4d;flex-shrink:0}.student-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.student-name{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-phone{color:#a0a0c0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-student-btn{padding:.4rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;max-width:36px;min-width:36px;width:36px;height:36px}.add-student-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.1);box-shadow:0 4px 15px #22c55e4d}.add-student-btn.enrolled{background:linear-gradient(135deg,#ef4444,#dc2626)}.add-student-btn.enrolled:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef44444d}.add-student-btn:disabled{background:#6b728080;cursor:not-allowed;transform:none;box-shadow:none}.add-student-btn:disabled:hover{background:#6b728080;transform:none;box-shadow:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#a0a0c0;font-size:1rem}*,.modal-container,.students-management,.search-container,.students-grid,.student-card{box-sizing:border-box}@media (max-width: 768px){.students-summary{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1rem}.summary-icon{width:40px;height:40px}.summary-value{font-size:1.25rem}.students-grid{grid-template-columns:1fr;gap:.75rem;max-height:300px}.student-card{padding:.75rem}.student-avatar{width:32px;height:32px}.student-name{font-size:.9rem}.student-phone{font-size:.8rem}.add-student-btn{padding:.3rem;max-width:32px;min-width:32px;width:32px;height:32px}.list-header{flex-direction:column;align-items:flex-start;gap:.5rem}.available-count{font-size:.8rem;padding:.4rem .8rem}.search-container{flex-direction:row;gap:.5rem;margin-bottom:.25rem}.search-btn{min-width:44px;height:44px;padding:.6rem}}@media (max-width: 480px){.students-management{gap:1rem}.summary-card{padding:.75rem;gap:.75rem}.summary-icon{width:36px;height:36px}.summary-label{font-size:.8rem}.summary-value{font-size:1.125rem}.search-input{padding:.625rem .75rem;font-size:.9rem;height:44px}.search-container{gap:.4rem;margin-bottom:.25rem}.search-input{height:40px}.search-btn{min-width:40px;height:40px;padding:.5rem}.students-grid{max-height:250px}.student-card{padding:.625rem;gap:.75rem}.student-avatar{width:28px;height:28px}.student-name{font-size:.85rem}.student-phone{font-size:.75rem}.add-student-btn{padding:.25rem;max-width:28px;min-width:28px;width:28px;height:28px}.list-header h3{font-size:1rem}.available-count{font-size:.75rem;padding:.3rem .6rem}}@media (max-width: 768px){.modal-container{max-width:95%;margin:.5rem;max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.5rem;max-height:calc(95vh - 140px)}.modal-footer{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.modal-btn,.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:.8rem 1.5rem}}@media (max-width: 480px){.modal-container{max-width:98%;margin:.25rem;max-height:98vh;border-radius:16px}.modal-header{padding:.75rem 1rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem;max-height:calc(98vh - 120px)}.modal-footer{padding:.75rem 1rem;gap:.5rem}.modal-btn,.btn-primary,.btn-secondary{padding:.7rem 1.2rem;font-size:.9rem}}.course-details-page{padding:2rem;color:var(--text-primary)}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);color:var(--primary-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#3b82f633;transform:translate(5px)}.course-header-content{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.course-title-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.course-progress-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.tabs-container{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.tabs-header{display:flex;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tab-button.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f64d}.tab-badge{padding:.25rem .5rem;background:#fff3;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700}.tab-button.active .tab-badge{background:#ffffff4d}.tab-content{padding:1.5rem}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.panel-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.student-card-details{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.student-card-details:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.student-avatar-large{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.student-info-details{flex:1}.student-name-details{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.student-phone-details,.student-email-details{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.student-actions{display:flex;gap:.5rem}.btn-icon-small{padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon-small:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-icon-small.view{border-color:#3b82f64d;color:var(--primary-color)}.btn-icon-small.edit{border-color:#8b5cf64d;color:var(--secondary-color)}.btn-icon-small.delete{border-color:#ef44444d;color:var(--error-color)}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.session-card:hover{background:var(--bg-card-hover);transform:translate(-5px)}.session-header{display:flex;flex-direction:column;gap:.5rem;min-width:100px}.session-number{font-size:1rem;font-weight:700;color:var(--text-primary)}.session-status{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-align:center}.session-status.completed{background:#22c55e33;color:var(--success-color)}.session-status.scheduled{background:#3b82f633;color:var(--primary-color)}.session-status.cancelled{background:#ef444433;color:var(--error-color)}.session-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.session-info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.session-topic{font-weight:600;color:var(--text-primary)}.session-attendance{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.session-actions{display:flex;gap:.5rem}.payments-table{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.payments-table table{width:100%;border-collapse:collapse}.payments-table th{background:var(--bg-secondary);padding:1rem 1.5rem;text-align:right;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.payments-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.payments-table tr:hover{background:var(--bg-card-hover)}.payment-amount{font-weight:700;color:var(--success-color)}.table-actions{display:flex;gap:.5rem}.chat-info-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:3rem;text-align:center;max-width:500px;margin:0 auto}.chat-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.chat-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.chat-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.chat-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.3}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:.95rem}@media (max-width: 768px){.course-details-page{padding:1rem}.course-header-content{padding:1.5rem}.course-meta{flex-direction:column;gap:1rem}.tabs-header{padding:.75rem}.tab-content{padding:1.5rem}.students-grid{grid-template-columns:1fr}.session-card{flex-direction:column;align-items:flex-start}.payments-table{overflow-x:auto}}.course-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.course-title-section{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;position:relative;justify-content:flex-start}.course-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0;text-shadow:0 4px 20px rgba(59,130,246,.3);letter-spacing:-.02em;position:relative}.course-title:before{content:"";position:absolute;inset:0 -10px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:var(--radius-lg);z-index:-1;opacity:.6}.back-button{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff;border:2px solid rgba(102,126,234,.4);padding:1rem 2rem;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea33}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-button:hover:before{left:100%}.back-button:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);transform:translate(-5px) translateY(-2px);box-shadow:0 12px 40px #667eea66;border-color:#667eea99}.back-button:active{transform:translate(-2px) translateY(0)}.professional-tabs-container{background:linear-gradient(135deg,#0f0c29f2,#1e193cf2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:1.5rem;margin-bottom:.75rem;border:2px solid rgba(102,126,234,.3);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;overflow:hidden;position:relative}.professional-tabs-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.professional-tabs{display:flex;width:100%}.professional-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;font-weight:600;font-size:1rem;border-right:1px solid rgba(102,126,234,.15);overflow:hidden}.professional-tab:last-child{border-right:none}.professional-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.professional-tab:hover:before{left:100%}.professional-tab:hover{background:linear-gradient(135deg,#667eea26,#764ba226);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #667eea33}.professional-tab.active{background:linear-gradient(135deg,#667eea40,#764ba240);color:#fff;font-weight:700;box-shadow:inset 0 2px 10px #667eea4d}.professional-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 .5rem .5rem;box-shadow:0 0 20px #667eea80}.tab-count{background:linear-gradient(135deg,#667eea66,#764ba266);color:#fff;padding:.4rem .9rem;border-radius:1.5rem;font-size:.75rem;font-weight:700;min-width:1.8rem;text-align:center;border:2px solid rgba(102,126,234,.5);box-shadow:0 4px 15px #667eea4d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.tab-count:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.professional-tab.active .tab-count{background:linear-gradient(135deg,#667eea99,#764ba299);border-color:#667eeacc;box-shadow:0 6px 20px #667eea80}.tab-content{background:linear-gradient(135deg,#0f0c29e6,#1e193ce6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff0d;border-radius:1.5rem;padding:1.5rem;border:2px solid rgba(102,126,234,.3);min-height:500px;position:relative;overflow:hidden}.tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.course-header-content{background:#ffffff0d;padding:2rem;border-radius:1rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-content{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative;flex-direction:row}.info-item:hover{background:#667eea0d;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem;margin:0 -.5rem}.info-item:last-child{border-bottom:none}.info-item.full-width{flex-direction:column;gap:.75rem;grid-column:1 / -1}.info-item svg{color:var(--primary-color);margin-top:.25rem;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3));transition:all .3s ease}.info-item:hover svg{color:var(--secondary-color);transform:scale(1.1)}.info-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{display:block;font-size:1.1rem;color:var(--text-primary);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}.info-description{color:var(--text-primary);line-height:1.6;margin:0;font-size:.875rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.info-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2.5rem;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid var(--border-primary);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a;border-color:var(--primary-color)}.info-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary-color);position:relative;text-shadow:0 2px 10px rgba(59,130,246,.3);letter-spacing:-.01em}.info-title:after{content:"";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.course-meta{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;background:var(--bg-card);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.meta-item svg{color:var(--primary-color);width:1rem;height:1rem}.course-progress-section{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-lg);margin-top:1rem;border:1px solid var(--border-secondary)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-label{color:var(--text-primary);font-weight:600;font-size:1rem}.progress-percentage{color:var(--text-primary);font-weight:700;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem;border:1px solid var(--border-secondary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-sm);transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}[data-sonner-toaster]{--normal-bg: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--normal-border: rgba(255, 255, 255, .2);--normal-text: white;--success-bg: linear-gradient(135deg, var(--success-color) 0%, var(--success-hover) 100%);--success-border: rgba(255, 255, 255, .2);--success-text: white;--error-bg: linear-gradient(135deg, var(--error-color) 0%, var(--error-hover) 100%);--error-border: rgba(255, 255, 255, .2);--error-text: white;--warning-bg: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-hover) 100%);--warning-border: rgba(255, 255, 255, .2);--warning-text: white;--info-bg: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);--info-border: rgba(255, 255, 255, .2);--info-text: white}[data-sonner-toast]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl)!important;padding:1rem 1.5rem!important;font-weight:700!important;font-size:.95rem!important;letter-spacing:.5px!important;text-align:center!important;box-shadow:var(--shadow-lg)!important;border:1px solid rgba(255,255,255,.2)!important;position:relative!important;overflow:hidden!important;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1)!important}[data-sonner-toast]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}[data-sonner-toast][data-type=success]{background:var(--success-bg)!important;color:var(--success-text)!important;border-color:var(--success-border)!important;box-shadow:var(--shadow-lg)!important}[data-sonner-toast][data-type=error]{background:var(--error-bg)!important;color:var(--error-text)!important;border-color:var(--error-border)!important;box-shadow:var(--shadow-lg)!important}[data-sonner-toast][data-type=warning]{background:var(--warning-bg)!important;color:var(--warning-text)!important;border-color:var(--warning-border)!important;box-shadow:var(--shadow-lg)!important}[data-sonner-toast][data-type=info]{background:var(--info-bg)!important;color:var(--info-text)!important;border-color:var(--info-border)!important;box-shadow:var(--shadow-lg)!important}[data-sonner-toaster][data-x-position=left][data-y-position=bottom]{left:1rem!important;bottom:1rem!important;z-index:9999!important}[data-sonner-toaster][data-x-position=left][data-y-position=bottom] [data-sonner-toast]{margin-bottom:.75rem!important;margin-right:0!important;margin-left:0!important;width:auto!important;min-width:300px!important;max-width:400px!important}.progress-info{display:none;justify-content:flex-end;margin-top:.5rem}.progress-sessions{font-size:.75rem;color:#ffffff80;font-weight:400}@media (max-width: 768px){.course-page-header{flex-direction:column;gap:1rem;align-items:flex-start}.course-title{font-size:2rem}.professional-tabs{flex-direction:column}.professional-tab{border-right:none;border-bottom:1px solid var(--border-primary)}.professional-tab:last-child{border-bottom:none}.tab-content{padding:1.5rem}.course-meta{flex-direction:column;gap:1rem}.info-row{grid-template-columns:1fr;gap:1rem}.info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.course-title{font-size:1.5rem}.course-title-section{flex-direction:column;align-items:center;gap:1rem;text-align:center}.status-badge{position:static;transform:none;margin-top:1rem}.professional-tab{padding:1rem;font-size:.875rem}.tab-content{padding:1rem}}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.75rem;transition:all .3s ease;min-height:70px}.stat-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);box-shadow:var(--shadow-lg)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-card.blue .stat-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff}.stat-card.green .stat-icon{background:linear-gradient(135deg,var(--success-color),var(--success-hover));color:#fff}.stat-card.orange .stat-icon{background:linear-gradient(135deg,var(--warning-color),var(--warning-hover));color:#fff}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.stat-card.red .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content{flex:1;display:flex;flex-direction:column;gap:.1rem}.stat-title{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin:0;line-height:1.2}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.filter-select{height:44px;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:.9rem;transition:all .3s ease;min-width:150px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;direction:rtl;text-align:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:0 2.5rem 0 1rem}.filter-select:focus{outline:none;border-color:var(--primary-color);background:var(--bg-card-hover)}.filter-select option{background:var(--bg-secondary)!important;color:var(--text-primary)!important}select{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1rem!important;padding-right:2rem!important}select::-ms-expand{display:none!important}select option{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.form-select{background:#1e1e3c80!important;color:#e0e0e0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1rem!important;padding-right:3rem!important}.form-select::-ms-expand{display:none!important}select.input-field::-ms-expand{display:none!important}.filter-select::-ms-expand{display:none!important}.form-select option{background:#1a1a2e!important;color:#fff!important}select.input-field{background:#1e1e3c80!important;color:#e0e0e0!important}select.input-field option{background:#1a1a2e!important;color:#fff!important}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.search-box-wide{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:0 1rem;height:44px;transition:all .3s ease}.search-box-wide:focus-within{border-color:var(--primary-color);background:var(--bg-card-hover)}.search-box-wide input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;height:100%}.search-box-wide input::placeholder{color:var(--text-muted)}.add-student-btn{background:linear-gradient(135deg,var(--success-color),var(--success-hover));color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2ecc714d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1.2rem;min-width:44px}.add-student-btn:hover{background:linear-gradient(135deg,var(--success-hover),var(--success-color));transform:translateY(-2px);box-shadow:0 4px 12px #2ecc7166}.add-student-btn:active{transform:translateY(0);box-shadow:0 2px 6px #2ecc714d}.empty-students-message{text-align:center;padding:3rem 1rem;background:var(--bg-card);border-radius:1rem;border:2px solid rgba(255,255,255,.1)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffffb3}.empty-icon{color:#fff6;margin-bottom:.5rem}.empty-state h3{font-size:1.2rem;font-weight:600;color:#fffc;margin:0}.empty-state p{font-size:.9rem;color:#fff9;margin:0}.search-input-container{position:relative;display:flex;align-items:center}.search-input{padding-right:2.5rem!important}.clear-search-btn{position:absolute;right:.75rem;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:#fffc;background:#ffffff1a}.search-results{margin-top:1rem}.results-title{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem;text-align:right;direction:rtl}.students-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.student-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .2s ease}.student-item:hover{background:var(--bg-card-hover);border-color:#667eea4d;transform:translateY(-1px);box-shadow:0 4px 15px #667eea1a}.student-info{display:flex;align-items:center;gap:.5rem;flex:1}.student-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.student-details{display:flex;flex-direction:row;align-items:center;gap:.75rem;text-align:right;direction:rtl;flex:1}.student-name{font-size:.9rem;font-weight:600;color:#ffffffe6;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.student-phone{font-size:.8rem;color:#fff9;line-height:1.2;white-space:nowrap}.search-instructions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#ffffffb3}.instructions-icon{color:#fff6;margin-bottom:1rem}.search-instructions h3{font-size:1.2rem;font-weight:600;color:#fffc;margin:0 0 .5rem}.search-instructions p{font-size:.9rem;color:#fff9;margin:0}.students-table-mobile{display:none}.students-table{width:100%}.table-header{display:grid;grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr 1fr;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600;font-size:.9rem;padding:.1875rem 0}.table-row{display:grid;grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr 1fr;border-bottom:1px solid var(--border-primary);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border-left:3px solid transparent;cursor:pointer}.table-row:hover{background:linear-gradient(90deg,#3b82f614,#8b5cf60d);border-left-color:#3b82f699;transform:translate(-2px);box-shadow:0 2px 12px #3b82f626}.table-row:last-child{border-bottom:none}.table-cell{padding:.1875rem .75rem;display:flex;align-items:center;min-height:28px;color:var(--text-primary);overflow:visible;min-width:0}.header-cell{font-weight:700;text-align:left;justify-content:flex-start}.actions-header{justify-content:right!important;text-align:right!important;margin-left:150px}.student-name{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);min-width:0;flex:1;overflow:hidden;max-width:100%}.student-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.name-text{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;max-width:100%}.father-name,.phone-number{color:var(--text-secondary);font-size:.85rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;transition:all .3s ease}.actions-cell{justify-content:center}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn{background:#3b82f626!important;color:var(--primary-color)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 8px #3b82f61a,inset 0 1px #3b82f61a!important;font-size:1rem!important}.view-btn:hover{color:var(--primary-hover)!important}.edit-btn{background:#8b5cf626!important;color:var(--secondary-color)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 2px 8px #8b5cf61a,inset 0 1px #8b5cf61a!important;font-size:1rem!important}.edit-btn:hover{color:var(--secondary-hover)!important}.delete-btn{background:#ef444426!important;color:var(--error-color)!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 2px 8px #ef44441a,inset 0 1px #ef44441a!important;font-size:1rem!important}.delete-btn:hover{color:var(--error-hover)!important}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1.2fr}}@media (max-width: 768px){.students-table-container{overflow-x:auto}.students-table{min-width:600px}.table-cell{padding:.75rem .5rem;min-height:50px}.student-avatar{width:32px;height:32px;font-size:.9rem}.name-text{font-size:.85rem}.father-name,.phone-number{font-size:.8rem}.status-badge{padding:.4rem .8rem;font-size:.75rem}.action-btn{width:32px;height:32px;font-size:.9rem}.stats-section{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.75rem;min-height:60px}.stat-icon{width:40px;height:40px;font-size:1.2rem}.stat-value{font-size:1.4rem}.stat-title{font-size:.8rem}}.no-results{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.no-results-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:2rem}.no-results h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.no-results p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.students-table-container .status-badge.complete{background:#22c55e26!important;color:var(--success-color)!important;border:1px solid rgba(34,197,94,.3)!important;box-shadow:0 2px 8px #22c55e1a,inset 0 1px #22c55e1a!important;font-weight:600!important;text-shadow:none!important}.students-table-container .status-badge.complete:hover{color:var(--success-hover)!important}.students-table-container .status-badge.incomplete{background:#f9731626!important;color:var(--warning-color)!important;border:1px solid rgba(249,115,22,.3)!important;box-shadow:0 2px 8px #f973161a,inset 0 1px #f973161a!important;font-weight:600!important;text-shadow:none!important}.students-table-container .status-badge.incomplete:hover{color:var(--warning-hover)!important}.students-table-container .view-btn{background:#3b82f626!important;color:var(--primary-color)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 8px #3b82f61a,inset 0 1px #3b82f61a!important;font-size:1rem!important}.students-table-container .view-btn:hover{color:var(--primary-hover)!important}.students-table-container .edit-btn{background:#8b5cf626!important;color:var(--secondary-color)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 2px 8px #8b5cf61a,inset 0 1px #8b5cf61a!important;font-size:1rem!important}.students-table-container .edit-btn:hover{color:var(--secondary-hover)!important}.students-table-container .delete-btn{background:#ef444426!important;color:var(--error-color)!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 2px 8px #ef44441a,inset 0 1px #ef44441a!important;font-size:1rem!important}.students-table-container .delete-btn:hover{color:var(--error-hover)!important}.student-view-modal{max-width:950px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d}.student-view-header{display:flex!important;align-items:center!important;gap:.875rem!important;padding:1rem 1.25rem!important}.student-view-close{order:-1!important}.student-view-info{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0}.student-view-icon{flex-shrink:0}.student-view-text{min-width:0;flex:1}.student-view-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-view-status .status-text{display:inline}.Toastify__toast-container{width:auto!important;max-width:320px!important;padding:.5rem!important}.Toastify__toast{min-height:auto!important;padding:.625rem .875rem!important;border-radius:10px!important;font-size:.8rem!important;box-shadow:0 4px 20px #00000040!important;margin-bottom:.5rem!important}.Toastify__toast-body{padding:0!important;margin:0!important;font-size:.8rem!important}.Toastify__toast-icon{width:18px!important;margin-inline-end:.5rem!important}.Toastify__close-button{opacity:.7!important;padding:.25rem!important}.Toastify__close-button>svg{width:14px!important;height:14px!important}.Toastify__progress-bar{height:3px!important}div[role=status][aria-live=polite]>div{font-size:.8rem!important;padding:.5rem .75rem!important;border-radius:10px!important;max-width:300px!important}[data-sonner-toast],.sonner-toast{font-size:.8rem!important;padding:.625rem .875rem!important;border-radius:10px!important}.student-header{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--border-primary);position:relative;overflow:hidden}.student-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-radius:16px;z-index:-1}.student-avatar-large{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 6px 20px #3b82f666,0 0 0 3px #3b82f61a;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.student-info{flex:1}.student-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.student-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-xl);font-size:.9rem;font-weight:700;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all .3s ease}.student-status:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.student-status.complete{background:linear-gradient(135deg,#22c55e33,#16a34a33);color:var(--success-color);border:1px solid var(--border-success);box-shadow:var(--shadow-md)}.student-status.incomplete{background:linear-gradient(135deg,#f9731633,#ea580c33);color:var(--warning-color);border:1px solid var(--border-warning);box-shadow:var(--shadow-md)}.student-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.details-section{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:all .3s ease}.details-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.details-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-title svg{color:var(--primary-color);font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.details-grid{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);transition:all .3s ease;border-radius:var(--radius-sm);padding:.75rem .25rem}.detail-item:hover{background:var(--bg-card-hover);transform:translate(5px)}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-secondary);font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.detail-value{font-weight:700;color:var(--text-primary);text-align:left;max-width:60%;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:.95rem}@media (max-width: 768px){.student-view-modal{max-width:95vw!important;width:95vw!important;margin:.5rem!important;max-height:95vh!important}.student-view-header{flex-wrap:wrap!important;gap:.625rem!important;padding:.875rem 1rem!important}.student-view-close{width:36px!important;height:36px!important}.student-view-icon{width:38px!important;height:38px!important}.student-view-icon svg{font-size:1.1rem!important}.student-view-name{font-size:1rem!important}.student-view-status{padding:.3rem .625rem!important;font-size:.7rem!important}.student-view-status .status-text{display:none!important}.student-view-modal .modal-body{padding:1rem!important}.student-view-modal .student-details-grid>div{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.student-view-modal .detail-item{padding:.625rem!important}.student-view-modal .detail-label{font-size:.7rem!important}.student-view-modal .detail-value{font-size:.8rem!important}.student-view-modal .details-section h4{font-size:.95rem!important}.student-view-modal .details-section>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.student-view-modal .details-section button{width:100%!important;justify-content:center!important}.student-header{flex-direction:column;text-align:center;gap:1rem}.student-details-grid{grid-template-columns:1fr!important;gap:.75rem!important}.details-section{padding:1rem!important}.Toastify__toast-container{max-width:280px!important;right:.5rem!important;top:.5rem!important}.Toastify__toast{font-size:.75rem!important;padding:.5rem .75rem!important}.detail-item{flex-direction:column;align-items:flex-start;gap:.375rem}.detail-value{max-width:100%}.page-container{padding:1rem}.stats-section{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.students-table-container{order:1}.filters-section-wide{flex-direction:column;gap:1rem}.filter-add-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.filter-select{flex:1;min-width:120px}.add-student-btn{min-width:44px;flex-shrink:0}.filters-section-wide:after{content:"";display:block;order:1}.filters-section-wide .search-box-wide{order:0}.filters-section-wide .filter-select{order:2;flex:1;margin-right:1rem}.filters-section-wide .add-student-btn{order:3;flex-shrink:0}.students-page .students-table{display:none}.students-page .students-table-mobile{display:block}.payments-page .desktop-actions{display:none!important}.payments-page .mobile-actions{display:flex!important;justify-content:center;align-items:center}.mobile-menu-btn{background:#667eea26!important;border:1px solid rgba(102,126,234,.3)!important;color:#667eea!important;padding:.5rem!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important}.mobile-menu-btn:hover{background:#667eea40!important;transform:scale(1.05)!important}.dropdown-overlay{position:fixed;inset:0;z-index:998;background:transparent}.actions-dropdown{position:absolute;right:0;bottom:calc(100% + .5rem);background:#0f0f23fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #667eea4d;border:1px solid rgba(102,126,234,.3);min-width:250px;overflow:hidden;z-index:999;animation:dropdownFadeInUp .2s ease}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payments-page .students-table-container{overflow-x:auto;overflow-y:visible!important;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.payments-page .students-table{min-width:1100px;display:grid!important;overflow:visible!important}.payments-page .table-row,.payments-page .actions-cell{overflow:visible!important}.dropdown-action-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;width:100%;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);text-align:right;direction:rtl}.dropdown-action-item:last-child{border-bottom:none}.dropdown-action-item:hover{background:#667eea26;color:#fff}.dropdown-action-item.delete-item{color:#ef4444}.dropdown-action-item.delete-item:hover{background:#ef444426;color:#f87171}.dropdown-action-item svg{flex-shrink:0}.dropdown-action-item span{flex:1}.mobile-filter-toggle{display:none!important}.filters-content{display:flex!important;flex-direction:row;align-items:center;gap:1rem;flex-wrap:nowrap;overflow-x:auto;opacity:1!important}.payments-page .filters-content{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.payments-page .filters-content>div:last-child{display:flex;flex-direction:row;align-items:center;gap:.75rem}.payments-page .search-box-wide{max-width:350px;margin-bottom:0}.payments-page .filters-section-wide{display:block}.payments-page .filters-content{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap;overflow-x:visible}.mobile-filter-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea26,#3b82f61a);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;gap:.75rem;box-sizing:border-box}.mobile-filter-toggle:hover{background:linear-gradient(135deg,#667eea40,#3b82f626);border-color:#667eea80;transform:translateY(-2px)}.mobile-filter-toggle span{flex:1;text-align:right}.payments-page .filters-content{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:0;width:100%;box-sizing:border-box}.payments-page .filters-content.open{max-height:1000px;opacity:1;margin-top:.75rem;overflow:visible}.payments-page .search-box-wide{width:100%;box-sizing:border-box}.payments-page .search-input-wide{font-size:.9rem;padding:.875rem 1rem;width:100%;box-sizing:border-box}.payments-page .filters-content>div:last-child{display:flex;flex-direction:column;gap:.75rem;overflow-x:visible;width:100%;box-sizing:border-box}.payments-page .filters-row{flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:visible!important}.payments-page .filter-select{width:100%;min-width:auto!important;font-size:.9rem!important;padding:.875rem 1rem!important;box-sizing:border-box}.payments-page .reset-btn{width:100%;padding:.875rem 1rem!important;font-size:.9rem!important;box-sizing:border-box}.payments-page input[type=month]{width:100%;font-size:.9rem!important;padding:.875rem 1rem!important;box-sizing:border-box}.payments-page .filters-content label{width:100%;justify-content:flex-start;padding:.875rem 1rem!important;box-sizing:border-box}.payments-page .filters-section-wide{width:100%;box-sizing:border-box;overflow:visible}.mobile-student-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:.75rem;border:1px solid var(--border-secondary);transition:all .3s ease}.mobile-student-row:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.mobile-student-info{display:flex;align-items:center;gap:1rem;flex:1}.mobile-student-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;box-shadow:0 2px 6px #3b82f64d}.mobile-student-name{font-weight:600;color:var(--text-primary);font-size:1rem}.mobile-student-actions{display:flex;align-items:center;gap:.25rem}.mobile-status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.mobile-status-icon.complete{background:#22c55e33;color:var(--success-color);border:1px solid var(--border-success)}.mobile-status-icon.incomplete{background:#f9731633;color:var(--warning-color);border:1px solid var(--border-warning)}.mobile-action-btn{width:28px;height:28px;border-radius:5px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem}.mobile-view-btn{background:#3b82f626;color:var(--primary-color);border:1px solid var(--border-primary)}.mobile-view-btn:hover{background:#3b82f640;transform:scale(1.1)}.mobile-edit-btn{background:#8b5cf626;color:var(--secondary-color);border:1px solid var(--border-secondary)}.mobile-edit-btn:hover{background:#8b5cf640;transform:scale(1.1)}.mobile-delete-btn{background:#ef444426;color:var(--error-color);border:1px solid var(--border-error)}.mobile-delete-btn:hover{background:#ef444440;transform:scale(1.1)}}@media (max-width: 1024px){.students-table-container .students-table{min-width:unset}.students-table-container .table-header,.students-table-container .table-row{grid-template-columns:2fr 1fr 1.5fr 1.2fr 1.2fr}.students-table-container .table-cell{padding:.875rem .5rem;font-size:.85rem}.students-table-container .student-avatar{width:32px!important;height:32px!important;font-size:.875rem!important}.students-table-container .action-btn{width:32px!important;height:32px!important;padding:.35rem!important}}@media (max-width: 768px){.students-table-container .students-table{display:none!important}.students-table-container .students-table-mobile{display:block!important}.stats-section{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.stat-card{padding:1rem .75rem!important;min-height:auto!important}.stat-card .stat-icon{width:36px!important;height:36px!important}.stat-card .stat-icon svg{width:18px!important;height:18px!important}.stat-card .stat-value{font-size:1.25rem!important}.stat-card .stat-title{font-size:.7rem!important}.filters-section-wide{display:flex!important;flex-direction:column!important;gap:.625rem!important;padding:.875rem!important;background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 20px #00000026!important}.search-box-wide{width:100%!important;order:1!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:.75rem 1rem!important}.search-box-wide:focus-within{border-color:#3b82f680!important;box-shadow:0 0 0 3px #3b82f626!important}.filter-select{flex:1!important;min-width:0!important;order:2!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:.75rem 1rem!important;font-size:.85rem!important;color:#ffffffe6!important}.add-student-btn{order:3!important;min-width:48px!important;width:48px!important;height:48px!important;padding:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;box-shadow:0 4px 15px #10b98159!important;transition:all .3s ease!important}.add-student-btn:active{transform:scale(.95)!important}.add-student-btn svg{width:24px!important;height:24px!important}.add-student-btn:after{display:none!important}.mobile-student-row{padding:1rem!important;gap:.75rem!important;border-radius:12px!important}.mobile-student-info{gap:.75rem!important;flex:1!important;min-width:0!important}.mobile-student-name{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-student-actions{gap:.35rem!important;flex-shrink:0!important}.mobile-action-btn{width:32px!important;height:32px!important}.mobile-status-icon{width:24px!important;height:24px!important;font-size:.75rem!important}}@media (max-width: 600px){.main-content{padding:1rem!important}.stats-section{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important;margin-bottom:1rem!important}.stat-card{padding:.75rem .5rem!important;flex-direction:column!important;text-align:center!important;gap:.25rem!important}.stat-card .stat-icon{width:28px!important;height:28px!important;margin:0 auto .25rem!important}.stat-card .stat-icon svg{width:14px!important;height:14px!important}.stat-card .stat-content{display:flex!important;flex-direction:column!important;align-items:center!important}.stat-card .stat-value{font-size:1.1rem!important;line-height:1.2!important}.stat-card .stat-title{font-size:.6rem!important;text-align:center!important;line-height:1.2!important}.filters-section-wide{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:.5rem!important;padding:.75rem!important;background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;margin-bottom:.875rem!important;box-shadow:0 4px 20px #0000001f!important}.search-box-wide{grid-column:1 / -1!important;grid-row:1!important;width:100%!important;padding:.75rem 1rem!important;border-radius:10px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .3s ease!important}.search-box-wide:focus-within{border-color:#3b82f680!important;background:#ffffff12!important}.search-input-wide{font-size:.9rem!important;color:#fffffff2!important}.search-input-wide::placeholder{color:#fff6!important}.filter-select{grid-column:1!important;grid-row:2!important;padding:.75rem 1rem!important;font-size:.85rem!important;border-radius:10px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffe6!important;min-width:0!important}.add-student-btn{grid-column:2!important;grid-row:2!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:10px!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 15px #10b9814d!important}.add-student-btn svg{width:22px!important;height:22px!important}.add-student-btn:after{display:none!important}.students-table-mobile{display:flex!important;flex-direction:column!important;gap:.5rem!important}.mobile-student-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.875rem!important;background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.08)!important;margin-bottom:0!important;transition:all .2s ease!important;box-shadow:0 2px 8px #0000001a!important}.mobile-student-row:active{transform:scale(.98)!important;background:#ffffff14!important}.mobile-student-info{display:flex!important;align-items:center!important;gap:.625rem!important;flex:1!important;min-width:0!important;overflow:hidden!important}.mobile-student-avatar,.mobile-student-info>div:first-child{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;font-size:.875rem!important;font-weight:700!important;box-shadow:0 2px 8px #00000026!important}.mobile-student-name{font-size:.9rem!important;font-weight:600!important;color:#fffffff2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important}.mobile-student-actions{display:flex!important;align-items:center!important;gap:.25rem!important;flex-shrink:0!important}.mobile-status-icon{width:26px!important;height:26px!important;border-radius:8px!important;font-size:.7rem!important}.mobile-status-icon svg{width:14px!important;height:14px!important}.mobile-action-btn{width:30px!important;height:30px!important;border-radius:8px!important;font-size:.75rem!important}.mobile-action-btn svg{width:16px!important;height:16px!important}.pagination{flex-wrap:wrap!important;gap:.25rem!important;justify-content:center!important;padding:1rem 0!important}.pagination button{min-width:32px!important;height:32px!important;padding:.25rem .5rem!important;font-size:.8rem!important;border-radius:8px!important}.pagination .page-info{font-size:.75rem!important;padding:0 .5rem!important}.modal-container{max-width:100%!important;max-height:95vh!important;margin:.5rem!important;border-radius:16px!important}.modal-header{padding:1rem 1.25rem!important}.modal-title{font-size:1.1rem!important}.modal-body{padding:1rem!important;max-height:calc(95vh - 140px)!important;overflow-y:auto!important}.modal-footer{padding:.875rem 1rem!important;gap:.5rem!important}.modal-footer button{flex:1!important;padding:.75rem!important;font-size:.875rem!important;border-radius:10px!important}.form-group{margin-bottom:.875rem!important}.form-group label{font-size:.8rem!important;margin-bottom:.375rem!important}.form-group input,.form-group select,.form-group textarea{padding:.75rem!important;font-size:.9rem!important;border-radius:10px!important}.form-row{flex-direction:column!important;gap:.875rem!important}.details-section{padding:1rem!important;border-radius:12px!important;margin-bottom:.875rem!important}.details-grid{grid-template-columns:1fr!important;gap:.625rem!important}.detail-item{padding:.75rem!important;border-radius:8px!important}.detail-label{font-size:.75rem!important}.detail-value{font-size:.875rem!important}.course-card-compact{padding:.875rem!important;border-radius:10px!important}.student-view-modal{width:calc(100vw - .5rem)!important;max-width:calc(100vw - .5rem)!important;margin:.25rem!important;max-height:calc(100vh - .5rem)!important;border-radius:20px!important;overflow:hidden!important}.student-view-modal .modal-header{padding:1rem!important;position:relative!important;background:linear-gradient(135deg,#3b82f626,#2563eb1a)!important;border-bottom:1px solid rgba(59,130,246,.2)!important}.student-view-modal .modal-header>div:first-child{flex-direction:column!important;width:100%!important;padding-right:3rem!important;gap:.5rem!important}.student-view-modal .modal-title{font-size:1rem!important;gap:.25rem!important;flex-direction:column!important;align-items:flex-start!important}.student-view-modal .modal-title span:first-child{font-size:.7rem!important;opacity:.7!important;color:#ffffffb3!important}.student-view-modal .modal-title span:last-child{font-size:1.1rem!important;font-weight:700!important;color:#fff!important}.student-view-modal .student-status{font-size:.7rem!important;padding:.375rem .75rem!important;border-radius:8px!important;margin-top:.25rem!important}.student-view-modal .modal-close-btn{position:absolute!important;top:.75rem!important;right:.75rem!important;width:36px!important;height:36px!important}.student-view-modal .modal-body{padding:.875rem!important;max-height:calc(100vh - 100px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.student-view-modal .student-details-grid{padding:.875rem!important;margin-bottom:.75rem!important}.student-view-modal .student-details-grid>div{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.student-view-modal .detail-item{padding:.625rem!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;background:#ffffff0a!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important}.student-view-modal .detail-label{font-size:.65rem!important;gap:.25rem!important;color:#ffffff80!important;white-space:nowrap!important}.student-view-modal .detail-label svg{width:12px!important;height:12px!important}.student-view-modal .detail-value{font-size:.8rem!important;font-weight:600!important;color:#fffffff2!important;word-break:break-all!important;overflow-wrap:anywhere!important;line-height:1.3!important}.student-view-modal .detail-item:has(.detail-value[style*=break]),.student-view-modal .detail-item:nth-child(n){word-break:break-word!important}.student-view-modal .details-section{padding:.875rem!important;border-radius:12px!important}.student-view-modal .details-section>div:first-child{flex-direction:column!important;gap:.625rem!important;align-items:stretch!important}.student-view-modal .section-title{font-size:.95rem!important;margin-bottom:0!important}.student-view-modal .details-section button{width:100%!important;justify-content:center!important;padding:.75rem!important;border-radius:10px!important}.student-view-modal .course-card,.student-view-modal [style*=enrolled]{padding:.75rem!important;border-radius:10px!important}}@media (max-width: 375px){.main-content{padding:.5rem!important}.stats-section{gap:.25rem!important}.stat-card{padding:.5rem .25rem!important}.stat-card .stat-value{font-size:.95rem!important}.stat-card .stat-title{font-size:.5rem!important}.filters-section-wide{padding:.5rem!important;gap:.375rem!important}.search-box-wide{padding:.625rem .75rem!important}.filter-select{padding:.625rem .5rem!important;font-size:.75rem!important}.add-student-btn{width:40px!important;height:40px!important;min-width:40px!important}.add-student-btn svg{width:20px!important;height:20px!important}.mobile-student-name{max-width:90px!important;font-size:.8rem!important}.mobile-action-btn{width:26px!important;height:26px!important}.mobile-action-btn svg{width:14px!important;height:14px!important}.mobile-status-icon{width:22px!important;height:22px!important}.student-view-modal{margin:0!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.student-view-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;padding:.625rem .75rem!important;gap:.5rem!important;border-radius:0!important}.student-view-close{width:32px!important;height:32px!important;min-width:32px!important;order:-1!important}.student-view-close svg{width:16px!important;height:16px!important}.student-view-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important}.student-view-icon svg{width:16px!important;height:16px!important}.student-view-info{gap:.5rem!important;flex:1!important;min-width:0!important;overflow:hidden!important}.student-view-text>div:first-child{font-size:.55rem!important}.student-view-name{font-size:.85rem!important}.student-view-status{padding:.25rem .5rem!important;font-size:.6rem!important;border-radius:6px!important}.student-view-status .status-text{display:none!important}.student-view-status svg{width:12px!important;height:12px!important}.student-view-modal .modal-body{padding:.625rem!important;max-height:calc(100vh - 60px)!important}.student-view-modal .student-details-grid{padding:.625rem!important}.student-view-modal .student-details-grid>div{grid-template-columns:1fr!important;gap:.375rem!important}.student-view-modal .detail-item{padding:.5rem!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important}.student-view-modal .detail-label{font-size:.6rem!important;flex-shrink:0!important;max-width:35%!important}.student-view-modal .detail-value{font-size:.75rem!important;text-align:left!important;max-width:60%!important;word-break:break-all!important}.student-view-modal .details-section{padding:.625rem!important}.student-view-modal .section-title{font-size:.85rem!important}.signalr-notification{max-width:280px!important;min-width:220px!important;padding:.625rem .75rem!important}}.notifications-desktop{display:grid!important}.notifications-mobile{display:none!important}@media (max-width: 1024px){.notifications-desktop{grid-template-columns:2fr 2fr 1fr 1fr 1fr .8fr!important;font-size:.85rem}.notifications-desktop .table-cell{padding:.75rem!important}}@media (max-width: 768px){.notifications-desktop{display:none!important}.notifications-mobile{display:block!important}.payments-page .filters-section-wide{flex-direction:column!important;gap:.625rem!important}.payments-page .filters-section-wide>div{width:100%!important;flex-wrap:wrap!important;gap:.5rem!important}.payments-page .filters-section-wide .filter-select{flex:1!important;min-width:100px!important;font-size:.8rem!important;padding:.625rem .75rem!important}.payments-page .page-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important;padding:1rem!important}.payments-page .header-content{width:100%!important}.payments-page .header-icon{width:48px!important;height:48px!important}.payments-page .header-text h1{font-size:1.25rem!important}.payments-page .header-text p{font-size:.8rem!important}.notifications-pagination{flex-wrap:wrap!important;gap:.375rem!important;padding:.75rem!important}.notifications-pagination button{padding:.375rem .625rem!important;font-size:.8rem!important}.notifications-pagination .pagination-text{display:none!important}.notification-view-modal{max-width:95vw!important;margin:.5rem!important}.notification-view-modal .modal-body>div:last-child{grid-template-columns:1fr!important}}@media (max-width: 480px){.notification-card-mobile{padding:.875rem!important}.notification-card-mobile>div:first-child>div:first-child>div:first-child{width:28px!important;height:28px!important}.notifications-pagination button{width:32px!important;height:32px!important;padding:0!important}}.course-details-enhanced{margin-top:2rem}.rooms-page{padding:.1rem 2rem 2rem;max-width:1400px;margin:0 auto}.rooms-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem;padding:1.5rem;background:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color)}.rooms-page .header-content{display:flex;align-items:center;gap:1rem}.rooms-page .header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.rooms-page .header-text h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.rooms-page .header-text p{color:var(--text-secondary);margin:0}.payments-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem;padding:1.5rem;background:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color)}.payments-header-actions{display:flex;align-items:center;gap:.75rem}.payments-header-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;border-radius:var(--radius-lg);font-size:.88rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .25s ease;white-space:nowrap}.payments-header-btn svg{flex-shrink:0}.payments-header-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 6px 18px #2563eb73}.payments-header-btn.primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--secondary-hover));transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.payments-header-btn.purple{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 16px #9333ea66}.payments-header-btn.purple:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #9333ea80}.payments-header-btn.secondary{background:radial-gradient(circle at top left,#38bdf829,#0f172a33);color:var(--text-primary);border-color:#94a3b866}.payments-header-btn.secondary:hover{background:linear-gradient(135deg,#818cf83d,#38bdf82e);transform:translateY(-2px)}@media (max-width: 768px){.payments-page .page-header{flex-direction:column;align-items:stretch;gap:.75rem}.payments-header-actions{width:100%;flex-direction:column;align-items:stretch}.payments-header-btn{width:100%}}.payments-page .header-content{display:flex;align-items:center;gap:1rem}.payments-page .header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.payments-page .header-text h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.payments-page .header-text p{color:var(--text-secondary);margin:0}.posts-page{display:block}.payments-page .students-table.payments-table .table-header,.payments-page .students-table.payments-table .table-row{display:grid;grid-template-columns:2fr 1.2fr 1.5fr .8fr .8fr .8fr 1fr 1fr 1.2fr;gap:1rem;align-items:center;padding:1rem 1.5rem}.payments-page .students-table.payments-table .table-cell:first-child{min-width:200px}.payments-page .students-table.payments-table .table-cell.actions-cell{display:flex;gap:.5rem;justify-content:center;align-items:center}@media (max-width: 1400px){.payments-page .students-table.payments-table .table-header,.payments-page .students-table.payments-table .table-row{grid-template-columns:2fr 1fr 1.2fr .7fr .7fr .7fr .9fr .9fr 1fr;gap:.75rem;padding:.875rem 1rem}}@media (max-width: 1200px){.payments-page .students-table.payments-table .table-header,.payments-page .students-table.payments-table .table-row{grid-template-columns:2fr 1fr 1fr .6fr .6fr .6fr .8fr .8fr .9fr;gap:.5rem;padding:.75rem .875rem}.payments-page .students-table.payments-table .table-cell{font-size:.85rem}}.image-preview-grid,.video-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.image-preview-item,.video-preview-item{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;background:#0f172a80}.image-preview-item:hover,.video-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d;border-color:#667eea66}.video-preview-item{border-color:#6366f14d}.image-preview-item img,.video-preview-item video{width:100%;height:120px;object-fit:cover;display:block}.image-preview-caption,.video-preview-caption{padding:.5rem;background:#0f172ab3;font-size:.75rem;text-align:center;color:#fffc}.video-preview-caption{background:#6366f133;color:#c4b5fd}.wishes-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem;padding:1.5rem;background:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color)}.wishes-page .header-content{display:flex;align-items:center;gap:1rem}.wishes-page .header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.wishes-page .header-text h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.wishes-page .header-text p{color:var(--text-secondary);margin:0}.add-room-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-room-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.room-card{background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:1rem;padding:1.5rem;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #667eea33;border-color:var(--primary-color);background:#ffffff14}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem}.room-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.room-icon{width:2.75rem;height:2.75rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.room-status .status-active{color:var(--success-color)}.room-status .status-inactive{color:var(--error-color)}.status-badge-active,.status-badge-inactive{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.status-badge-active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge-inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.room-content{margin-bottom:1.25rem}.room-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;text-align:right;direction:rtl;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1024px){.room-name{text-align:right!important;direction:rtl!important}.room-actions{justify-content:flex-end!important;direction:rtl!important}}.room-card .room-name,.room-card h3.room-name,div.room-name{text-align:right!important;direction:rtl!important}.room-card .room-actions,.room-card div.room-actions{justify-content:flex-end!important;direction:rtl!important}.room-details{display:flex;flex-direction:column;gap:.75rem}.room-details .detail-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;width:100%}.room-details .detail-item:hover{background:#ffffff0d;border-color:#667eea33}.detail-icon{width:2.25rem;height:2.25rem;min-width:2.25rem;background:linear-gradient(135deg,#667eea33,#8b5cf633);border-radius:.6rem;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.detail-text{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;flex:1;min-width:0}.detail-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.detail-value{font-size:.9rem;color:var(--text-primary);font-weight:600;text-align:left;direction:ltr;white-space:nowrap}.detail-value.highlight{color:var(--primary-color);font-weight:700}.room-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end;direction:rtl}.room-actions .action-btn{flex:1;width:auto;height:2.75rem;padding:0;border:none;border-radius:.6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.room-actions .view-btn{background:var(--info-color);color:#fff}.room-actions .view-btn:hover{background:var(--info-hover);transform:translateY(-1px)}.room-actions .edit-btn{background:var(--warning-color);color:#fff}.room-actions .edit-btn:hover{background:var(--warning-hover);transform:translateY(-1px)}.room-actions .delete-btn{background:var(--error-color);color:#fff}.room-actions .delete-btn:hover:not(:disabled){background:var(--error-hover);transform:translateY(-1px)}.room-actions .delete-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.room-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:.5rem;color:var(--warning-color);font-size:.85rem;margin-top:.75rem}.room-form{display:flex;flex-direction:column;gap:1.5rem}.room-form .form-group{display:flex;flex-direction:column;gap:.5rem}.room-form label{font-weight:600;color:var(--text-primary)}.room-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:all .3s ease}.room-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{padding:.75rem 1.5rem;background:var(--text-muted);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:var(--text-secondary)}.btn-save{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.room-modal{max-width:500px!important;width:90%!important;border-radius:1rem!important}.room-modal .modal-container{border-radius:1rem}.modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.875rem;background:#667eea26;color:var(--primary-color)}.room-modal .modal-header{padding:1.5rem 2rem 1rem!important;border-bottom:1px solid rgba(102,126,234,.2)!important}.room-modal .modal-body{padding:1.5rem 2rem!important;flex:1}.room-modal .modal-footer{padding:1rem 2rem 1.5rem!important;border-top:1px solid rgba(102,126,234,.2)!important}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-icon.danger{background:#ef444426;color:#ef4444}.modal-title-text h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-title-text p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.room-modal .form-group{margin-bottom:1.5rem}.room-modal .form-group:last-child{margin-bottom:0}.room-modal .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.room-modal .form-group label svg{flex-shrink:0;width:16px;height:16px}.room-modal .form-group input{width:100%;padding:.75rem 1rem;border:1px solid rgba(102,126,234,.3);border-radius:.5rem;background:#ffffff0d;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.room-modal .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;background:#ffffff14}.room-modal .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:0;padding-top:0;border-top:none}.btn-cancel{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--text-muted);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-delete{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.delete-modal{max-width:500px!important;width:90%!important}.delete-modal .modal-body{padding:1.5rem 2rem!important;flex:1}.delete-modal .modal-footer{padding:1rem 2rem 1.5rem!important;border-top:1px solid rgba(102,126,234,.2)!important}.delete-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.delete-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#667eea0d;border-radius:.5rem;border:1px solid rgba(102,126,234,.1)}.delete-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.delete-item strong{color:var(--text-primary);font-weight:600}.delete-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44440d;border-radius:.5rem;border:1px solid rgba(239,68,68,.1);color:#ef4444}.delete-warning p{margin:0;font-size:.9rem;line-height:1.5}.delete-confirm-modal{max-width:480px!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.delete-modal-header{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.delete-modal-icon{width:64px;height:64px;border-radius:50%;background:#ef444426;border:3px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;color:#ef4444;animation:pulseDelete 2s ease-in-out infinite}@keyframes pulseDelete{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 15px #ef444400}}.delete-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.delete-modal-body{padding:1.5rem}.delete-modal-content{display:flex;flex-direction:column;gap:1.5rem}.delete-item-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.delete-item-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#ef444433,#dc26261a);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.delete-item-details{flex:1;min-width:0}.delete-item-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-item-type{margin:0;font-size:.875rem;color:#fff9}.delete-confirm-modal .delete-warning{padding:1.25rem;background:#ef44441a;border-radius:12px;border:2px solid rgba(239,68,68,.2)}.delete-confirm-modal .warning-text{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#fff;text-align:center}.delete-confirm-modal .warning-subtext{margin:0;font-size:.875rem;color:#ef4444;text-align:center;line-height:1.6}.delete-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:1rem}.delete-cancel-btn,.delete-confirm-btn{padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:600!important}.schedule-modal{max-width:800px;max-height:80vh;overflow-y:auto}.schedule-content{padding:0}.empty-schedule{text-align:center;padding:3rem 1rem;color:#fff9}.empty-schedule .empty-icon{width:6rem;height:6rem;margin:0 auto 1.5rem;background:#667eea1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea80}.empty-schedule h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary);font-weight:700}.empty-schedule p{margin:0;font-size:.95rem;color:var(--text-secondary)}.schedule-list{display:flex;flex-direction:column;gap:1rem}.schedule-item-enhanced{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#667eea14,#8b5cf60f);border:1px solid rgba(102,126,234,.25);border-radius:1rem;transition:all .3s ease;direction:rtl}.schedule-item-enhanced:hover{background:linear-gradient(135deg,#667eea1f,#8b5cf61a);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.schedule-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.schedule-course-info{flex:1}.schedule-course-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.schedule-teacher{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.schedule-teacher svg{color:var(--primary-color);flex-shrink:0}.schedule-status-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;font-size:.8rem;font-weight:600}.schedule-item-details{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.schedule-time-days-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.schedule-time-info,.schedule-days-info{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-size:.9rem;flex:1;min-width:0}.schedule-time-info svg,.schedule-days-info svg{color:var(--primary-color);flex-shrink:0}.time-range{display:flex;align-items:center;gap:.5rem}.time-start,.time-end{font-weight:600;color:var(--text-primary)}.time-separator{color:var(--text-muted)}.days-text{font-weight:500;color:var(--text-primary)}.room-schedule-modal .modal-container{max-width:700px;max-height:90vh;overflow-y:auto}.schedule-item{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea1f,#764ba21a);border:2px solid rgba(102,126,234,.4);border-radius:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea33,inset 0 1px #fff3}.schedule-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(102,126,234,1),transparent);opacity:.8}.schedule-item:after{content:"";position:absolute;inset:0;background:radial-gradient(800px at 50% 0%,rgba(102,126,234,.1),transparent);pointer-events:none}.schedule-item:hover{border-color:#667eeacc;background:linear-gradient(135deg,#667eea2e,#764ba226);box-shadow:0 30px 80px #667eea59,inset 0 1px #ffffff4d;transform:translateY(-5px)}.schedule-item>.schedule-top{display:flex;gap:1.2rem;align-items:center}.schedule-item>.schedule-top .schedule-details{flex:1}.schedule-item>.schedule-top .schedule-time{flex-shrink:0}.schedule-item>.schedule-bottom{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding-top:1rem;border-top:2px solid rgba(102,126,234,.25)}.schedule-time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;padding:.9rem 1.3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1.1rem;font-weight:700;text-align:center;box-shadow:0 15px 40px #667eeab3,inset 0 1px #ffffff4d;border:1.5px solid rgba(255,255,255,.25)}.schedule-time .time{font-size:.95rem;line-height:1.3;font-family:Courier New,monospace;letter-spacing:.6px}.schedule-time .separator{display:none}.schedule-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem;text-align:right;direction:rtl}.course-header{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;direction:rtl;text-align:right}.course-header h4{margin:0;color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:.5px;line-height:1.4;text-align:right;direction:rtl}.teacher-name{display:block;color:#ffffffbf;font-size:.9rem;font-weight:500;line-height:1.3;letter-spacing:.3px;text-align:right;direction:rtl}.day-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.3rem;background:linear-gradient(135deg,#667eea59,#764ba24d);color:#f0f4ff;border:2px solid rgba(102,126,234,.7);border-radius:1rem;font-size:.85rem;font-weight:700;text-transform:none;line-height:1.3;letter-spacing:.4px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 20px #667eea33,inset 0 1px #fff3;flex-shrink:0}.schedule-status{display:flex;align-items:center;justify-content:flex-end}.status-badge{padding:.4rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;transition:all .3s ease}.status-badge.active,.status-badge.scheduled{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);color:#60a5fa;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f626}.status-badge.completed{background:linear-gradient(135deg,#10b9811a,#0596690d);color:#10b981;border-color:#10b9814d;box-shadow:0 2px 8px #10b98126}.status-badge.cancelled,.status-badge.draft{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#f87171;border-color:#ef44444d;box-shadow:0 2px 8px #ef444426}@media (max-width: 768px){.rooms-page{padding:1rem}.rooms-page .page-header{flex-direction:column;gap:1rem;text-align:center}.rooms-grid{grid-template-columns:1fr}.schedule-item{flex-direction:column;text-align:center}.schedule-time{flex-direction:row;justify-content:center}.form-actions{flex-direction:column}}.course-details-enhanced .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.course-details-enhanced .info-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.course-details-enhanced .info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.course-details-enhanced .info-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.course-details-enhanced .card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .75rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-bottom:1px solid var(--border-primary);position:relative}.course-details-enhanced .card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.course-details-enhanced .course-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.course-details-enhanced .dates-icon{background:linear-gradient(135deg,var(--warning-color),var(--error-color));color:#fff}.course-details-enhanced .stats-icon{background:linear-gradient(135deg,var(--success-color),var(--primary-color));color:#fff}.course-details-enhanced .info-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.course-details-enhanced .card-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.course-details-enhanced .info-items{padding:.75rem 1.25rem 1rem}.course-details-enhanced .info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-primary);transition:all .3s ease}.course-details-enhanced .info-item:last-child{border-bottom:none}.course-details-enhanced .info-item:hover{background:var(--bg-card-hover);border-radius:var(--radius-sm);padding-left:.5rem;padding-right:.5rem}.course-details-enhanced .info-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-secondary);transition:all .3s ease;flex-shrink:0;align-self:flex-start;margin-top:2px}.course-details-enhanced .info-item:hover .info-icon{background:var(--bg-card-hover);color:var(--text-primary);transform:scale(1.1)}.course-details-enhanced .info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;flex-shrink:0;margin-left:.25rem}.course-details-enhanced .info-value{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-left:auto}.course-details-enhanced .course-info-card:hover .card-icon{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.course-details-enhanced .dates-info-card:hover .card-icon{background:linear-gradient(135deg,var(--error-color),var(--warning-color))}.course-details-enhanced .stats-info-card:hover .card-icon{background:linear-gradient(135deg,var(--primary-color),var(--success-color))}.course-details-enhanced .discount-info-card:hover .card-icon{background:linear-gradient(135deg,#f97316,#ea580c)}@media (max-width: 768px){.course-details-enhanced .info-grid{grid-template-columns:1fr;gap:1.5rem}.course-details-enhanced .card-header{padding:1.25rem 1.25rem .75rem}.course-details-enhanced .info-items{padding:.75rem 1.25rem 1.25rem}.course-details-enhanced .info-item{padding:.75rem 0}.course-details-enhanced .card-icon{width:40px;height:40px}.course-details-enhanced .info-icon{width:32px;height:32px}}@media (max-width: 480px){.course-details-enhanced .card-header{flex-direction:column;text-align:center;gap:.75rem}.course-details-enhanced .info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.course-details-enhanced .info-value{margin-left:0}.course-details-enhanced .info-label{font-size:.8rem}.course-details-enhanced .info-value{font-size:.9rem}}.sessions-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.session-card-enhanced{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.session-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.session-card-enhanced:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.session-header-enhanced{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .75rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-bottom:1px solid var(--border-primary);position:relative}.session-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transition:all .3s ease}.session-title h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.session-status{font-size:.8rem;padding:.25rem .5rem;border-radius:var(--radius-lg);font-weight:600}.session-content-enhanced{padding:.75rem 1.25rem 1rem}.session-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.session-info-item:last-child{border-bottom:none}.session-info-item .info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;flex-shrink:0;margin-left:.25rem}.session-info-item .info-value{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-left:auto}.session-actions-enhanced{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-primary)}.sessions-table-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1)}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));border-bottom:2px solid var(--border-primary)}.sessions-table th{padding:1rem;text-align:right;color:var(--text-primary);font-weight:600;font-size:.9rem;letter-spacing:.5px;white-space:nowrap}.sessions-table th .th-content{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.sessions-table th:nth-child(6) .th-content{justify-content:center}.sessions-table th:nth-child(7) .th-content{justify-content:center}.sessions-table th .th-content svg{color:var(--text-secondary);opacity:.8;flex-shrink:0}.sessions-table th .th-content span{flex:1}.sessions-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all .2s ease}.sessions-table tbody tr:hover{background:var(--bg-secondary);transform:scale(1.01)}.sessions-table tbody tr.holiday-row{background:#ef44440d!important;border-left:3px solid #ef4444}.sessions-table tbody tr.holiday-row:hover{background:#ef44441a!important}.sessions-table tbody tr.holiday-row td{color:#f97316;opacity:.8}.sessions-table tbody tr.has-evaluations{background:#8b5cf626!important;border-left:4px solid #8b5cf6}.sessions-table tbody tr.has-evaluations:hover{background:#8b5cf633!important}.sessions-table tbody tr.attendance-not-taken{background:#f59e0b1a!important;border-left:3px solid #f59e0b}.sessions-table tbody tr.attendance-not-taken:hover{background:#f59e0b26!important}.sessions-table tbody tr.attendance-not-taken td{opacity:.9}.sessions-table tbody tr:last-child{border-bottom:none}.sessions-table td{padding:1rem;color:var(--text-primary);font-size:.9rem;text-align:right}.sessions-table th:nth-child(1){width:120px}.sessions-table th:nth-child(2){width:80px}.sessions-table th:nth-child(3){width:120px}.sessions-panel .sessions-table{table-layout:fixed}.sessions-panel .sessions-table th:nth-child(1),.sessions-panel .sessions-table td:nth-child(1){width:180px}.sessions-panel .sessions-table th:nth-child(2),.sessions-panel .sessions-table td:nth-child(2){width:70px;text-align:center}.sessions-panel .sessions-table th:nth-child(3),.sessions-panel .sessions-table td:nth-child(3){width:130px}.sessions-panel .sessions-table th:nth-child(4),.sessions-panel .sessions-table td:nth-child(4){width:110px}.sessions-panel .sessions-table th:nth-child(5),.sessions-panel .sessions-table td:nth-child(5){width:35%}.sessions-panel .sessions-table th:nth-child(6),.sessions-panel .sessions-table td:nth-child(6){width:140px}.sessions-panel .sessions-table th:nth-child(7),.sessions-panel .sessions-table td:nth-child(7){width:260px}.payments-table-container{width:100%!important;max-width:100%!important;overflow-x:hidden}.payments-table-container table{width:100%!important;table-layout:fixed!important}.payments-table-container th:nth-child(1),.payments-table-container td:nth-child(1){width:13%;padding:.75rem!important}.payments-table-container th:nth-child(1) .th-content{flex-wrap:nowrap!important}.payments-table-container th:nth-child(2),.payments-table-container td:nth-child(2){width:12%;padding:.75rem!important}.payments-table-container th:nth-child(3),.payments-table-container td:nth-child(3){width:10%;padding:.75rem!important}.payments-table-container th:nth-child(4),.payments-table-container td:nth-child(4){width:50%;padding:.75rem!important}.payments-table-container th:nth-child(5),.payments-table-container td:nth-child(5){width:15%;padding:.5rem!important}.payments-table-container td:nth-child(5)>div{justify-content:center;gap:.25rem!important}.session-number{font-weight:600;color:var(--primary-color);text-align:center!important}.session-date{font-weight:600;color:var(--text-primary)}.session-day{color:var(--text-secondary);font-size:.85rem}.session-title{font-weight:500;color:var(--text-primary)}.session-title span{display:inline-block;padding:.5rem .75rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);transition:all .2s ease}.session-title span:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#8b5cf680}.session-attendance{text-align:center!important}.attendance-info{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500}.attendance-info svg{color:var(--success-color)}.session-notes{max-width:300px;text-align:center!important}.notes-preview{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;justify-content:center}.session-actions{text-align:center!important}.session-actions .btn-primary-small{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.session-actions .btn-holiday-small{padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.session-actions .btn-primary-small:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.session-actions .btn-holiday-small:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.session-actions .btn-warning-small{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px;border:none}.session-actions .btn-warning-small:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon-small{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-icon-small:is(:hover,:focus){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon-small.is-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-icon-small.is-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-icon-small.is-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-icon-small.is-holiday{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.sessions-panel .sessions-table td.session-actions{display:flex;align-items:center;gap:8px}.session-actions .btn-danger-small{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.session-actions .btn-danger-small:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.students-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.info-items.compact{padding:.5rem 1.25rem 1rem!important}.info-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important;margin-bottom:.5rem!important}.info-row:last-child{margin-bottom:0!important}.info-row .info-item{padding:.5rem 0!important;border-bottom:1px solid var(--border-primary)!important;display:flex!important;align-items:center!important;gap:.75rem!important;flex-direction:row!important}.info-row .info-item:last-child{border-bottom:none!important}.info-row .info-item .info-icon{width:32px!important;height:32px!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:#fff!important;flex-shrink:0!important}.info-row .info-item .info-label{color:var(--text-secondary)!important;font-size:.85rem!important;font-weight:500!important;flex-shrink:0!important;margin-left:.25rem!important}.info-row .info-item .info-value{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:600!important;margin-left:auto!important}.info-item{display:flex!important;align-items:center!important;flex-direction:row!important;gap:.75rem!important}.info-item .info-icon{flex-shrink:0!important}.info-item .info-label{flex-shrink:0!important;white-space:nowrap!important}.info-item .info-value{flex:1!important;text-align:left!important}.student-card-enhanced{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.student-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.student-card-enhanced:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.student-header-enhanced{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .75rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-bottom:1px solid var(--border-primary);position:relative}.student-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transition:all .3s ease}.student-title h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.student-phone{font-size:.85rem;color:var(--text-secondary)}.student-content-enhanced{padding:.75rem 1.25rem 1rem}.student-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.student-info-item:last-child{border-bottom:none}.student-info-item .info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;flex-shrink:0;margin-left:.25rem}.student-info-item .info-value{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-left:auto}.student-actions-enhanced{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-primary)}.chat-header-enhanced{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--border-primary)}.chat-info-enhanced{display:flex;align-items:center;gap:.75rem}.chat-icon-enhanced{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.chat-details-enhanced h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.chat-members{font-size:.85rem;color:var(--text-secondary)}.chat-messages-enhanced{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto;border:1px solid var(--border-primary)}.message-enhanced{margin-bottom:1rem;padding:.75rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary)}.message-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-sender{font-weight:600;color:var(--text-primary);font-size:.9rem}.message-time{font-size:.8rem;color:var(--text-secondary)}.message-text{color:var(--text-primary);line-height:1.5}.chat-input-enhanced{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border-primary)}.input-group-enhanced{display:flex;gap:.75rem;align-items:center}.message-input-enhanced{flex:1;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem}.message-input-enhanced::placeholder{color:var(--text-muted)}.send-button-enhanced{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:var(--radius-lg);padding:.75rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease}.send-button-enhanced:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-md)}.send-button-enhanced:disabled{opacity:.5;cursor:not-allowed}.students-panel{padding:2rem;background:var(--bg-primary);border-radius:var(--radius-lg);margin-top:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.panel-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;text-align:right;direction:rtl}.students-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.student-card-enhanced{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.student-card-enhanced:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.student-header-enhanced{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.student-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.student-title{flex:1;text-align:right;direction:rtl}.student-title h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;text-align:right;direction:rtl}.student-content-enhanced{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.student-info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;text-align:right;direction:rtl}.student-info-item svg{color:var(--primary-color);flex-shrink:0;width:16px;height:16px}.student-info-item .info-label{font-weight:600;color:var(--text-secondary);min-width:80px;text-align:right;direction:rtl}.student-info-item .info-value{color:var(--text-primary);font-weight:500;text-align:right;direction:rtl}.student-actions-enhanced{display:flex;gap:.5rem;justify-content:flex-end;direction:rtl}.student-actions-enhanced .btn-primary,.student-actions-enhanced .btn-secondary,.student-actions-enhanced .btn-danger{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer}.student-actions-enhanced .btn-primary{background:var(--primary-color);color:#fff}.student-actions-enhanced .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.student-actions-enhanced .btn-secondary{background:var(--warning-color);color:#fff}.student-actions-enhanced .btn-secondary:hover{background:var(--warning-hover);transform:translateY(-2px)}.student-actions-enhanced .btn-danger{background:var(--error-color);color:#fff}.student-actions-enhanced .btn-danger:hover{background:var(--error-hover);transform:translateY(-2px)}.students-table-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1)}.students-table{width:100%;border-collapse:collapse;background:transparent}.students-table thead{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.students-table th{padding:1.25rem 1.5rem;text-align:right;direction:rtl;color:#fff;font-weight:700;font-size:1rem;letter-spacing:.5px;border:none;position:relative}.students-table th:not(:last-child):after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#ffffff4d}.student-row{transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.student-row:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.student-row:last-child{border-bottom:none}.students-table td{padding:1.25rem 1.5rem;text-align:right;direction:rtl;vertical-align:middle;border:none}.student-name-cell{width:35%}.student-name-info{display:flex;align-items:center;gap:1rem;text-align:right;direction:rtl}.student-icon-small{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.student-details{display:flex;flex-direction:column;gap:.25rem;text-align:right;direction:rtl}.student-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-align:right;direction:rtl}.student-phone{font-size:.9rem;color:var(--text-secondary);text-align:right;direction:rtl}.attendance-cell{width:20%}.attendance-info{display:flex;align-items:center;gap:.75rem;justify-content:center;text-align:center;direction:rtl}.attendance-info svg{color:var(--success-color);flex-shrink:0}.attendance-percentage{font-size:1rem;font-weight:700;color:var(--text-primary);text-align:right;direction:rtl}.payment-cell{width:25%}.payment-info{display:flex;align-items:center;gap:.75rem;justify-content:center;text-align:center;direction:rtl}.payment-info svg{color:var(--warning-color);flex-shrink:0}.payment-amount{font-size:1rem;font-weight:700;color:var(--text-primary);text-align:right;direction:rtl}.actions-cell{width:20%}.table-actions{display:flex;gap:.5rem;justify-content:flex-end;direction:rtl}.btn-primary-small,.btn-danger-small{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem;transition:all .3s ease;border:none;cursor:pointer;text-align:right;direction:rtl}.btn-primary-small{background:var(--primary-color);color:#fff}.btn-primary-small:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger-small{background:var(--error-color);color:#fff}.btn-danger-small:hover{background:var(--error-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.students-table-container{overflow-x:auto}.students-table{min-width:600px}.students-table th,.students-table td{padding:1rem}.student-name-info{gap:.75rem}.student-icon-small{width:35px;height:35px}.table-actions{flex-direction:column;gap:.25rem}.btn-primary-small,.btn-danger-small{padding:.4rem .8rem;font-size:.75rem}}.payments-stat-card{padding:1.5rem;border-radius:12px;color:#fff;box-shadow:0 8px 16px #0003;border:2px solid rgba(255,255,255,.1);transition:transform .2s,box-shadow .2s}.payments-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.payments-stat-card.purple{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 16px #667eea4d}.payments-stat-card.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 16px #10b9814d}.payments-stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px #3b82f64d}.payments-stat-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 16px #f59e0b4d}.payments-stat-label{font-size:.875rem;font-weight:600;margin-bottom:.75rem;opacity:1}.payments-stat-value{font-size:2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.payments-type-badge{padding:.4rem .9rem;border-radius:.75rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#667eea1a,#764ba20d);color:#a5b4fc;border:1px solid rgba(102,126,234,.3);display:inline-block;transition:all .3s ease}.payments-amount-total{font-weight:700;font-size:.95rem;color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.payments-amount-paid{font-weight:700;font-size:.95rem;color:#60a5fa;text-shadow:0 1px 2px rgba(96,165,250,.2)}.payments-amount-remaining{font-weight:700;font-size:.95rem}.payments-amount-remaining.pending{color:#fbbf24;text-shadow:0 1px 2px rgba(251,191,36,.2)}.payments-amount-remaining.completed{color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.payments-date{font-weight:500;color:var(--text-secondary);font-size:.85rem}.payments-notes{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-secondary);font-size:.9rem;display:block}.payments-type-badge{padding:.5rem 1rem!important;border-radius:10px!important;font-size:.85rem!important;font-weight:700!important;text-align:center!important;display:inline-block!important;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a!important;border:1.5px solid!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;letter-spacing:.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.payments-type-badge:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff26!important}.payments-type-badge[data-type="1"]{background:linear-gradient(135deg,#667eea33,#764ba233)!important;border-color:#667eea80!important;color:#c4b5fd!important}.payments-type-badge[data-type="2"],.payments-type-badge[data-type="3"],.payments-type-badge[data-type="4"]{background:linear-gradient(135deg,#3b82f633,#60a5fa33)!important;border-color:#3b82f680!important;color:#93c5fd!important}.payments-type-badge[data-type="5"],.payments-type-badge[data-type="6"],.payments-type-badge[data-type="7"]{background:linear-gradient(135deg,#0ea5e933,#06b6d433)!important;border-color:#0ea5e980!important;color:#67e8f9!important}.payments-type-badge[data-type="8"]{background:linear-gradient(135deg,#6b728033,#9ca3af33)!important;border-color:#6b728080!important;color:#d1d5db!important}.payments-amount-total{font-weight:800!important;font-size:1rem!important;color:#60a5fa!important;letter-spacing:.5px!important}.payments-amount-paid{font-weight:800!important;font-size:1rem!important;color:#34d399!important;letter-spacing:.5px!important}.payments-amount-remaining{font-weight:800!important;font-size:1rem!important;letter-spacing:.5px!important}.payments-amount-remaining.pending{color:#fbbf24!important}.payments-amount-remaining.completed{color:#10b981!important}.payments-table .table-row:hover:not(.course-payment-row){background:linear-gradient(90deg,#667eea14,#764ba214,#667eea14)!important;border-left:4px solid #a78bfa!important;transform:translate(-4px) scale(1.01)!important;box-shadow:-4px 0 12px #a78bfa26,0 4px 20px #0000001a!important}.students-table-container .action-btn[title=طباعة]{background:linear-gradient(135deg,#667eea33,#764ba233)!important;color:#a78bfa!important;border:1.5px solid rgba(102,126,234,.4)!important;box-shadow:0 4px 12px #667eea33,inset 0 1px #ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.students-table-container .action-btn[title=طباعة]:hover{background:linear-gradient(135deg,#667eea59,#764ba259)!important;color:#c4b5fd!important;border-color:#667eea99!important;box-shadow:0 6px 20px #667eea59,inset 0 1px #ffffff26!important;transform:translateY(-2px) scale(1.05)!important}.students-table-container .action-btn[title=تعديل]{background:linear-gradient(135deg,#3b82f633,#60a5fa33)!important;color:#60a5fa!important;border:1.5px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 12px #3b82f633,inset 0 1px #ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.students-table-container .action-btn[title=تعديل]:hover{background:linear-gradient(135deg,#3b82f659,#60a5fa59)!important;color:#93c5fd!important;border-color:#3b82f699!important;box-shadow:0 6px 20px #3b82f659,inset 0 1px #ffffff26!important;transform:translateY(-2px) scale(1.05)!important}.students-table-container .action-btn[title=حذف]{background:linear-gradient(135deg,#ef444433,#dc262633)!important;color:#f87171!important;border:1.5px solid rgba(239,68,68,.4)!important;box-shadow:0 4px 12px #ef444433,inset 0 1px #ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.students-table-container .action-btn[title=حذف]:hover{background:linear-gradient(135deg,#ef444459,#dc262659)!important;color:#fca5a5!important;border-color:#ef444499!important;box-shadow:0 6px 20px #ef444459,inset 0 1px #ffffff26!important;transform:translateY(-2px) scale(1.05)!important}.payments-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.students-table-container:has(.payments-table) .students-table .table-header,.students-table-container:has(.payments-table) .students-table .table-row{grid-template-columns:2.2fr 2.8fr 1.4fr 1.4fr 1.4fr 1.2fr 3fr 1.2fr}.payments-table .table-header,.payments-table .table-row{grid-template-columns:2.2fr 2.8fr 1.4fr 1.4fr 1.4fr 1.2fr 3fr 1.2fr!important}.payments-page:has(.payments-table[style*="grid-template-columns: 2fr 2.5fr 1.5fr 1.5fr 1.5fr"]) .payments-table .table-header,.payments-page:has(.payments-table[style*="grid-template-columns: 2fr 2.5fr 1.5fr 1.5fr 1.5fr"]) .payments-table .table-row{grid-template-columns:2fr 2.5fr 1.5fr 1.5fr 1.5fr!important}.payments-page:has(.payments-table[style*="grid-template-columns: 2fr 2fr 1.5fr 1.5fr 1.5fr 1.2fr"]) .payments-table .table-header,.payments-page:has(.payments-table[style*="grid-template-columns: 2fr 2fr 1.5fr 1.5fr 1.5fr 1.2fr"]) .payments-table .table-row{grid-template-columns:2fr 2fr 1.5fr 1.5fr 1.5fr 1.2fr!important}@media (max-width: 1400px){.courses-page-categories-grid{max-width:1200px!important}}@media (max-width: 1200px){.courses-page-categories-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important}}@media (max-width: 900px){.courses-page-categories-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}}@media (max-width: 640px){.courses-page-categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:.875rem!important}}@media (max-width: 400px){.courses-page-categories-grid{grid-template-columns:1fr!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes levelsSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95);filter:blur(10px)}60%{opacity:.8;transform:translateY(5px) scale(1.01);filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes dividerExpand{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes levelCardIn{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.levels-grid>*{animation:levelCardIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.levels-grid>*:nth-child(1){animation-delay:.05s}.levels-grid>*:nth-child(2){animation-delay:.08s}.levels-grid>*:nth-child(3){animation-delay:.11s}.levels-grid>*:nth-child(4){animation-delay:.14s}.levels-grid>*:nth-child(5){animation-delay:.17s}.levels-grid>*:nth-child(6){animation-delay:.2s}.levels-grid>*:nth-child(7){animation-delay:.23s}.levels-grid>*:nth-child(8){animation-delay:.26s}.levels-grid>*:nth-child(9){animation-delay:.29s}.levels-grid>*:nth-child(10){animation-delay:.32s}.levels-grid>*:nth-child(11){animation-delay:.35s}.levels-grid>*:nth-child(12){animation-delay:.38s}.levels-grid>*:nth-child(13){animation-delay:.41s}.levels-grid>*:nth-child(14){animation-delay:.44s}.levels-grid>*:nth-child(15){animation-delay:.47s}.levels-grid>*:nth-child(16){animation-delay:.5s}.levels-grid>*:nth-child(17){animation-delay:.53s}.levels-grid>*:nth-child(18){animation-delay:.56s}.levels-grid>*:nth-child(19){animation-delay:.59s}.levels-grid>*:nth-child(20){animation-delay:.62s}.levels-grid>*:nth-child(21){animation-delay:.65s}.levels-grid>*:nth-child(22){animation-delay:.68s}.levels-grid>*:nth-child(23){animation-delay:.71s}.levels-grid>*:nth-child(24){animation-delay:.74s}.levels-grid>*:nth-child(25){animation-delay:.77s}.levels-grid>*:nth-child(26){animation-delay:.8s}.templates-grid>*{animation:levelCardIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.templates-grid>*:nth-child(1){animation-delay:.05s}.templates-grid>*:nth-child(2){animation-delay:.08s}.templates-grid>*:nth-child(3){animation-delay:.11s}.templates-grid>*:nth-child(4){animation-delay:.14s}.templates-grid>*:nth-child(5){animation-delay:.17s}.templates-grid>*:nth-child(6){animation-delay:.2s}.templates-grid>*:nth-child(7){animation-delay:.23s}.templates-grid>*:nth-child(8){animation-delay:.26s}.templates-grid>*:nth-child(9){animation-delay:.29s}.templates-grid>*:nth-child(10){animation-delay:.32s}.templates-grid>*:nth-child(11){animation-delay:.35s}.templates-grid>*:nth-child(12){animation-delay:.38s}.templates-grid>*:nth-child(13){animation-delay:.41s}.templates-grid>*:nth-child(14){animation-delay:.44s}.templates-grid>*:nth-child(15){animation-delay:.47s}.templates-grid>*:nth-child(16){animation-delay:.5s}.templates-grid>*:nth-child(17){animation-delay:.53s}.templates-grid>*:nth-child(18){animation-delay:.56s}.templates-grid>*:nth-child(19){animation-delay:.59s}.templates-grid>*:nth-child(20){animation-delay:.62s}.instances-grid>*{animation:levelCardIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.instances-grid>*:nth-child(1){animation-delay:.05s}.instances-grid>*:nth-child(2){animation-delay:.08s}.instances-grid>*:nth-child(3){animation-delay:.11s}.instances-grid>*:nth-child(4){animation-delay:.14s}.instances-grid>*:nth-child(5){animation-delay:.17s}.instances-grid>*:nth-child(6){animation-delay:.2s}.instances-grid>*:nth-child(7){animation-delay:.23s}.instances-grid>*:nth-child(8){animation-delay:.26s}.instances-grid>*:nth-child(9){animation-delay:.29s}.instances-grid>*:nth-child(10){animation-delay:.32s}.instances-grid>*:nth-child(11){animation-delay:.35s}.instances-grid>*:nth-child(12){animation-delay:.38s}.instances-grid>*:nth-child(13){animation-delay:.41s}.instances-grid>*:nth-child(14){animation-delay:.44s}.instances-grid>*:nth-child(15){animation-delay:.47s}.instances-grid>*:nth-child(16){animation-delay:.5s}.instances-grid>*:nth-child(17){animation-delay:.53s}.instances-grid>*:nth-child(18){animation-delay:.56s}.instances-grid>*:nth-child(19){animation-delay:.59s}.instances-grid>*:nth-child(20){animation-delay:.62s}.payments-table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 4px 12px #00000026}.payments-table-container table.payments-table{width:100%;border-collapse:collapse;margin:0;background:transparent}.payments-table-container table.payments-table thead,.payments-table-container table.payments-table thead tr{background:#ffffff0d}.payments-table-container table.payments-table thead th{padding:1rem 1.5rem!important;text-align:right!important;font-weight:700!important;color:#ffffffe6!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-size:.9375rem!important;background:#ffffff0d!important}.payments-table-container table.payments-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;background:transparent}.payments-table-container table.payments-table tbody td{padding:1rem 1.5rem!important;color:#fffc!important;border-bottom:1px solid rgba(255,255,255,.05)}.payments-table-container table.payments-table tbody td:first-child{color:#ffffffe6!important;font-weight:500}.payments-table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)!important;background:#ffffff08!important;box-shadow:0 4px 12px #00000026!important}.payments-table-container table.payments-table{width:100%!important;border-collapse:collapse!important;margin:0!important;background:transparent!important}.payments-table-container table.payments-table thead,.payments-table-container table.payments-table thead tr{background:#ffffff0d!important}.payments-table-container table.payments-table thead th{padding:1rem 1.5rem!important;text-align:right!important;font-weight:700!important;color:#ffffffe6!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-size:.9375rem!important;background:#ffffff0d!important;white-space:nowrap}.payments-table-container table.payments-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05)!important;transition:all .2s ease!important;background:transparent!important}.payments-table-container table.payments-table tbody tr:hover{background:#ffffff0d!important}.payments-table-container table.payments-table tbody td{padding:1rem 1.5rem!important;color:#fffc!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.payments-table-container table.payments-table tbody td:first-child{color:#ffffffe6!important;font-weight:500!important}.payments-table-container table.payments-table tbody td:last-child{text-align:center!important;width:200px!important;max-width:200px!important;min-width:200px!important;padding:1rem .5rem!important}.payments-table-container table.payments-table thead th:last-child{text-align:center!important;width:200px!important;max-width:200px!important;min-width:200px!important;padding:1rem .5rem!important}.payments-table-container .btn-icon{width:36px!important;height:36px!important;padding:0!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.2)!important;background:#ffffff0d!important;color:#fffc!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin:0!important}.payments-table-container .btn-icon:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important}.payments-table-container .btn-icon svg{width:16px!important;height:16px!important;flex-shrink:0!important}.payments-table-container table.payments-table tbody td:last-child>div{display:flex!important;gap:.5rem!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important}.payments-table-container table.payments-table thead th:last-child{text-align:center!important}.payments-table-container .btn-icon[title="إضافة لاختبار"]{background:#3b82f626!important;border-color:#3b82f64d!important;color:#3b82f6!important}.payments-table-container .btn-icon[title="إضافة لاختبار"]:hover{background:#3b82f640!important;border-color:#3b82f680!important;color:#60a5fa!important}.payments-table-container .btn-icon[title="إدخال العلامة والمستوى"],.payments-table-container .btn-icon[title=عرض]{background:#8b5cf626!important;border-color:#8b5cf64d!important;color:#8b5cf6!important}.payments-table-container .btn-icon[title="إدخال العلامة والمستوى"]:hover,.payments-table-container .btn-icon[title=عرض]:hover{background:#8b5cf640!important;border-color:#8b5cf680!important;color:#a78bfa!important}.payments-table-container .btn-icon[title=حذف],.payments-table-container .btn-icon[style*="color: #ef4444"]{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important}.payments-table-container .btn-icon[title=حذف]:hover,.payments-table-container .btn-icon[style*="color: #ef4444"]:hover{background:#ef444440!important;border-color:#ef444480!important;color:#f87171!important}.payments-table .table-row.course-payment-row{background:#8b5cf600!important}.payments-table .table-row.course-payment-row:hover{background:#8b5cf64d!important}.payments-table .table-row.withdrawn-payment-row{background:#ef444426!important;border-left:3px solid rgba(239,68,68,.6)!important}.payments-table .table-row.withdrawn-payment-row:hover{background:#ef444440!important;border-left-color:#ef4444cc!important}.payments-table .table-row.teacher-payment-row{background:#f9731633!important;border-left:4px solid #f97316!important;border-right:2px solid rgba(249,115,22,.3)!important}.payments-table .table-row.teacher-payment-row:hover{background:#f973164d!important;border-left-color:#ea580c!important;border-right-color:#f9731680!important;box-shadow:0 4px 12px #f9731666!important;transform:translate(-2px);transition:all .2s ease}.payments-table .table-row.has-withdrawn-payment{border-left:3px solid rgba(239,68,68,.6)!important}.payments-table .table-row.has-withdrawn-payment:hover{border-left-color:#ef4444cc!important}.payments-table .action-btn.withdraw-btn{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.payments-table .action-btn.withdraw-btn:hover{background:linear-gradient(135deg,#f59e0b40,#d9770640);border-color:#f59e0b80;color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b33}.payments-table .payments-amount-total.withdrawn-amount{color:#ef4444;font-weight:600}.payments-table .payments-amount-paid.withdrawn-amount-paid{color:#dc2626;font-weight:600}.payments-table .payments-amount-remaining.withdrawn-amount-remaining{color:#b91c1c;font-weight:600}.payments-table .table-cell:last-child{display:flex;justify-content:center;align-items:center;padding:0 .25rem}.payments-table .table-header .actions-header-cell{display:flex;justify-content:center;align-items:center;text-align:center}.payments-table .action-buttons{display:flex;gap:.4rem;justify-content:center;align-items:center;flex-wrap:nowrap}.students-table-container:has(.wishes-table) .students-table .table-header,.students-table-container:has(.wishes-table) .students-table .table-row{grid-template-columns:1.4fr 1fr 1.3fr 3.5fr .8fr}.wishes-table .table-header,.wishes-table .table-row{grid-template-columns:1.4fr 1fr 1.3fr 3.5fr .8fr!important}.wishes-table .table-row{align-items:flex-start;min-height:60px}.wishes-table .table-cell{padding:.75rem .5rem;display:flex;align-items:flex-start;word-wrap:break-word;min-width:0}.wishes-table .table-cell .student-name{min-width:0;width:100%}.wishes-table .table-cell>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishes-table .table-cell.actions-cell{align-items:center;justify-content:center;min-width:auto;overflow:visible}.wishes-table .table-cell.actions-cell .action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap}.wishes-table .table-cell>div[style*=flexWrap]{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) rgba(255,255,255,.05)}.wishes-table .table-cell>div[style*=flexWrap]::-webkit-scrollbar{width:6px}.wishes-table .table-cell>div[style*=flexWrap]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.wishes-table .table-cell>div[style*=flexWrap]::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.wishes-table .table-cell>div[style*=flexWrap]::-webkit-scrollbar-thumb:hover{background:#667eea80}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.4) rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#667eea66;border-radius:10px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#667eea99}.modal-body .form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.modal-body .form-group select,.modal-body .form-group textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease;cursor:pointer}.modal-body .form-group input[type=text],.modal-body .form-group input[type=email],.modal-body .form-group input[type=tel],.modal-body .form-group input[type=number],.modal-body .form-group input[type=date],.modal-body .form-group input[type=url]{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.modal-body .form-group input[type=text]:focus,.modal-body .form-group input[type=email]:focus,.modal-body .form-group input[type=tel]:focus,.modal-body .form-group input[type=number]:focus,.modal-body .form-group input[type=date]:focus,.modal-body .form-group input[type=url]:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:#667eea99;background:#ffffff14;box-shadow:0 0 0 3px #667eea33}.modal-body .form-group input[type=text]:disabled,.modal-body .form-group input[type=email]:disabled,.modal-body .form-group input[type=tel]:disabled,.modal-body .form-group input[type=number]:disabled,.modal-body .form-group input[type=date]:disabled,.modal-body .form-group input[type=url]:disabled{background:#ffffff08;color:var(--text-muted);cursor:not-allowed;opacity:.6}.modal-body .form-group input[type=text]::placeholder,.modal-body .form-group input[type=email]::placeholder,.modal-body .form-group input[type=tel]::placeholder,.modal-body .form-group input[type=url]::placeholder{color:#a0a0c099}.modal-body .form-group button[type=button]{outline:none}.modal-body .form-group button[type=button]:active{transform:scale(.98)}.modal-body .form-group button[type=button]:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}@keyframes pulse-highlight{0%,to{background:#3b82f633;border-left-color:#3b82f6}50%{background:#3b82f659;border-left-color:#60a5fa}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes marqueeScrollSmooth{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRTL{0%{transform:translate(0)}to{transform:translate(50%)}}.marquee-rtl{will-change:transform}.marquee-rtl:hover{animation-play-state:paused!important}@keyframes slideInFade{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.schedule-item-marquee{text-align:center;width:100%}.schedule-item-marquee .marquee-wrapper{position:relative;overflow:hidden;width:100%}.schedule-item-marquee .marquee-wrapper:before,.schedule-item-marquee .marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}.schedule-item-marquee .marquee-wrapper:before{right:0;background:linear-gradient(to left,rgba(0,0,0,.6),transparent)}.schedule-item-marquee .marquee-wrapper:after{left:0;background:linear-gradient(to right,rgba(0,0,0,.6),transparent)}.schedule-item-marquee .marquee-track{display:flex;width:fit-content;animation:marqueeScroll 15s linear infinite;direction:rtl}.schedule-item-marquee .marquee-track .marquee-item{flex-shrink:0;padding:0 1.5rem;white-space:nowrap}.schedule-item-marquee:hover .marquee-track{animation-play-state:paused}.schedule-item-marquee .teacher-row{margin-top:3px}.schedule-item-marquee .teacher-row .marquee-track{animation-duration:18s;animation-delay:1s}.posts-page-meta{padding:2rem;max-width:1600px;margin:0 auto}.posts-header-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.posts-header-content{display:flex;align-items:center;gap:1rem}.posts-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f133,#8b5cf633);display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.posts-header-text h1{font-size:1.75rem;font-weight:700;margin:0;color:#fff}.posts-header-text p{font-size:.9rem;color:#fff9;margin:.25rem 0 0}.posts-header-actions{display:flex;gap:.75rem;align-items:center}.posts-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.posts-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.posts-btn-primary:active{transform:translateY(0)}.posts-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.posts-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.posts-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.posts-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.posts-stat-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#fff3}.posts-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.posts-stat-content{flex:1}.posts-stat-label{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.posts-stat-value{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.posts-stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#ffffff80}.posts-stat-change.positive{color:#22c55e}.posts-filters-meta{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.posts-search-meta{flex:1;min-width:300px;position:relative;display:flex;align-items:center;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;transition:all .3s ease}.posts-search-meta:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.posts-search-meta svg{color:#ffffff80;margin-left:.5rem}.posts-search-meta input{flex:1;background:transparent;border:none;color:#fff;font-size:.9rem;outline:none}.posts-search-meta input::placeholder{color:#fff6}.posts-search-clear{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:6px;transition:all .2s ease}.posts-search-clear:hover{background:#ffffff1a;color:#fff}.posts-filters-row{display:flex;gap:.75rem;align-items:center}.posts-filter-select{padding:.75rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:140px}.posts-filter-select:hover{border-color:#fff3}.posts-filter-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.posts-view-toggle{display:flex;gap:.25rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.25rem}.posts-view-toggle button{padding:.5rem .75rem;background:transparent;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.posts-view-toggle button:hover{background:#ffffff0d;color:#fffc}.posts-view-toggle button.active{background:#667eea33;color:#a78bfa}.posts-grid-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.posts-card-meta{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-card-meta:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#fff3}.posts-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.posts-card-type{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.posts-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.posts-status-badge.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.posts-status-badge.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.posts-card-media{position:relative;width:100%;height:200px;overflow:hidden;background:#0000004d}.posts-card-video-thumb,.posts-card-image-thumb{position:relative;width:100%;height:100%}.posts-card-video-thumb video,.posts-card-image-thumb img{width:100%;height:100%;object-fit:cover}.posts-video-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#000000b3;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-video-badge-small{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:6px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-media-count{position:absolute;bottom:.75rem;left:.75rem;padding:.375rem .75rem;background:#000000b3;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-card-body{padding:1.25rem}.posts-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .75rem;line-height:1.4}.posts-card-content{font-size:.9rem;color:#ffffffb3;line-height:1.6;margin:0 0 1rem}.posts-card-meta-info{display:flex;gap:1rem;margin-bottom:1rem;font-size:.8rem;color:#ffffff80}.posts-card-author,.posts-card-date{display:flex;align-items:center;gap:.375rem}.posts-card-stats{display:flex;gap:1.5rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.posts-stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3}.posts-card-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;justify-content:flex-end}.posts-action-btn{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.posts-action-btn:hover{background:#ffffff1a;transform:scale(1.05)}.posts-action-btn.view:hover{background:#3b82f633;color:#60a5fa}.posts-action-btn.edit:hover{background:#22c55e33;color:#22c55e}.posts-action-btn.delete:hover{background:#ef444433;color:#ef4444}.posts-list-meta{display:flex;flex-direction:column;gap:1rem}.posts-list-item-meta{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;display:flex;gap:1.25rem;align-items:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-list-item-meta:hover{transform:translate(-4px);box-shadow:0 8px 24px #0000004d;border-color:#fff3}.posts-list-media{flex-shrink:0}.posts-list-placeholder{width:80px;height:80px;border-radius:8px;background:#0f172a80;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.posts-list-content{flex:1;min-width:0}.posts-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.posts-list-header h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0;flex:1}.posts-list-badges{display:flex;gap:.5rem;flex-shrink:0}.posts-type-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.posts-list-preview{font-size:.9rem;color:#ffffffb3;line-height:1.6;margin:0 0 .75rem}.posts-list-meta-row{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#ffffff80}.posts-list-meta-row span{display:flex;align-items:center;gap:.375rem}.posts-list-actions{display:flex;gap:.5rem;flex-shrink:0}.posts-loading,.posts-empty{text-align:center;padding:4rem 2rem;color:#fff9}.posts-empty h3{font-size:1.5rem;color:#fff;margin:1rem 0 .5rem}.posts-empty p{margin-bottom:1.5rem}.posts-view-modal-meta{max-width:900px}.posts-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.posts-view-author{display:flex;align-items:center;gap:1rem}.posts-view-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f133,#8b5cf633);display:flex;align-items:center;justify-content:center;color:#a78bfa;border:1px solid rgba(99,102,241,.3)}.posts-view-author-name{font-weight:700;color:#fff;margin-bottom:.25rem}.posts-view-date{font-size:.85rem;color:#fff9}.posts-view-badges{display:flex;gap:.5rem;flex-wrap:wrap}.posts-view-content{margin-bottom:1.5rem}.posts-view-content h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.posts-view-content p{font-size:1rem;color:#fffc;line-height:1.8;margin:0}.posts-view-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.posts-view-media-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.posts-view-media-item img,.posts-view-media-item video{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;background:#0000004d}.posts-video-label{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#000000b3;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posts-view-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1.5rem;background:#0f172a4d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.posts-view-stat{display:flex;align-items:center;gap:.75rem}.posts-view-stat svg{color:#fff9}.posts-view-stat-value{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.posts-view-stat-label{font-size:.8rem;color:#ffffff80}.posts-modal-meta{max-width:800px;max-height:90vh;overflow-y:auto}@media (max-width: 1200px){.posts-grid-meta{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.posts-page-meta{padding:1rem}.posts-header-meta{flex-direction:column;align-items:flex-start;gap:1rem}.posts-header-actions{width:100%;justify-content:flex-end}.posts-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.posts-grid-meta{grid-template-columns:1fr}.posts-list-item-meta{flex-direction:column;align-items:flex-start}.posts-list-media{width:100%}.posts-list-media img,.posts-list-media video{width:100%;height:200px;object-fit:cover}}.mobile-actions{display:none}.desktop-actions{display:flex}.payments-stats-filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-filter-column{display:flex;flex-direction:column;gap:.5rem;min-width:0}.stat-filter-column .stat-card{margin:0;flex-shrink:0;min-height:90px;display:flex;align-items:center}.stat-filter-column .stat-card .stat-value{font-size:1.4rem}.stat-filter-column .stat-card .stat-title{font-size:.8rem}.filter-under-stat{background:#14142899;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-under-stat.dual-filters,.filter-under-stat.action-filters{display:flex;gap:.4rem}.search-box-compact{display:flex;align-items:center;gap:.5rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:.5rem .75rem;transition:all .3s ease}.search-box-compact:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.search-box-compact input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.82rem;outline:none;min-width:0}.search-box-compact input::placeholder{color:var(--text-secondary);opacity:.7}.clear-search-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;display:flex;align-items:center;transition:color .2s}.clear-search-btn:hover{color:var(--text-primary)}.compact-filter-select{flex:1;min-width:0;background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:.45rem .6rem;color:var(--text-primary);font-size:.78rem;cursor:pointer;transition:all .2s ease;outline:none}.compact-filter-select:focus{border-color:#667eea80}.compact-filter-select.date-input{color-scheme:dark}.today-filter-btn{display:flex;align-items:center;gap:.35rem;flex:1;padding:.45rem .5rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;font-size:.75rem;color:var(--text-primary);transition:all .3s ease;white-space:nowrap}.today-filter-btn input{display:none}.today-filter-btn.active{background:linear-gradient(135deg,#667eea40,#3b82f626);border-color:#667eea80}.today-filter-btn:hover:not(.active){border-color:#667eea66;background:#1e1e3cb3}.reset-filter-btn{display:flex;align-items:center;gap:.3rem;flex:1;padding:.45rem .5rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444cc;cursor:pointer;font-size:.75rem;transition:all .2s ease;white-space:nowrap}.reset-filter-btn:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444}.mobile-filters-section{display:none;margin-bottom:1rem}.mobile-filters-section .mobile-filter-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#1e1e3c99;border:1px solid rgba(102,126,234,.2);border-radius:12px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.mobile-filters-section .mobile-filter-toggle:hover{background:#1e1e3ccc;border-color:#667eea66}.mobile-filters-content{margin-top:.75rem;background:#14142899;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mobile-search-box{display:flex;align-items:center;gap:.5rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:10px;padding:.65rem .85rem}.mobile-search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.mobile-search-box input::placeholder{color:var(--text-secondary)}.mobile-filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mobile-filters-grid select,.mobile-filters-grid input{background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:.6rem .75rem;color:var(--text-primary);font-size:.85rem;outline:none;color-scheme:dark}.mobile-filters-actions{display:flex;gap:.5rem;margin-top:.25rem}.mobile-today-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;background:#1e1e3c80;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.mobile-today-btn input{display:none}.mobile-today-btn.active{background:linear-gradient(135deg,#667eea40,#3b82f626);border-color:#667eea80}.mobile-filters-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444cc;font-size:.85rem;cursor:pointer;transition:all .2s ease}.mobile-filters-actions button:hover{background:#ef44441a;border-color:#ef444480}@media (max-width: 1200px){.payments-stats-filters-grid{grid-template-columns:repeat(2,1fr)}}.payments-mobile-stats{display:none}@media (max-width: 768px){.payments-stats-filters-grid{display:none}.mobile-filters-section{display:block}.payments-mobile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.payments-mobile-stats .stat-card{padding:1rem}.payments-mobile-stats .stat-value{font-size:1.25rem}.payments-mobile-stats .stat-title{font-size:.75rem}}@media (max-width: 480px){.mobile-filters-grid,.payments-mobile-stats{grid-template-columns:1fr}}.dashboard-page{padding:1rem}@media (max-width: 1024px){.dashboard-page{padding:.75rem}}@media (max-width: 768px){.dashboard-page{padding:.5rem}.dashboard-page .schedule-section{padding:.5rem!important;margin-bottom:.5rem!important}.dashboard-page .stats-section{margin-top:1rem!important}.dashboard-page .stats-section .stat-card{padding:.75rem!important}.dashboard-page .stats-section .stat-icon svg{width:24px!important;height:24px!important}.dashboard-page .stats-section .stat-value{font-size:1.25rem!important}.dashboard-page .stats-section .stat-label{font-size:.75rem!important}}@media (max-width: 480px){.dashboard-page{padding:.25rem}.dashboard-page .schedule-grid-container{font-size:.65rem!important}.dashboard-page .stats-section>div{flex-direction:column!important}.dashboard-page .stats-section .stat-card{width:100%!important;min-width:unset!important}}.schedule-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.schedule-scroll-container::-webkit-scrollbar{height:6px}.schedule-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.schedule-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea80,#764ba280);border-radius:3px}@media (max-width: 768px){.dashboard-page .date-navigation{flex-wrap:wrap!important;gap:.5rem!important}.dashboard-page .date-navigation button{padding:.4rem .75rem!important;font-size:.75rem!important}.dashboard-page .current-time-badge{padding:.35rem .6rem!important;font-size:.7rem!important}.dashboard-page .day-badge{padding:.35rem .75rem!important;font-size:.75rem!important}}