@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary-purple:#6366f1;--primary-purple-light:#6366f11a;--text-dark:#1e293b;--text-muted:#64748b;--sidebar-bg:#fff;--bg-main:#f5f5ff;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#eef2ff;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--input-bg:#f5f7ff;--purple-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.login-card{background:var(--card-bg);border-radius:30px;width:1000px;max-width:100%;height:600px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.login-left{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:var(--text-main);letter-spacing:-.5px;margin-bottom:10px;font-size:32px;font-weight:800}.login-header p{color:var(--text-muted);font-size:15px}.login-form{width:100%;max-width:360px}.role-switcher{background:var(--input-bg);border-radius:12px;margin-bottom:30px;padding:5px;display:flex}.role-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.role-btn.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 4px 10px #0000000d}.input-group{margin-bottom:20px;position:relative}.input-group label{display:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper i{color:var(--primary-color);opacity:.6;position:absolute;left:16px}.input-wrapper input{background:var(--input-bg);width:100%;color:var(--text-main);border:2px solid #0000;border-radius:14px;padding:16px 16px 16px 48px;font-size:15px;transition:all .3s}.input-wrapper input:focus{background:#fff;border-color:#6366f133;outline:none;box-shadow:0 0 0 4px #6366f10d}.password-toggle{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{opacity:1}.input-wrapper input::placeholder{color:#9ca3af}.login-btn{background:var(--purple-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #6366f14d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #6366f166}.login-btn:active{transform:translateY(0)}.login-right{background:var(--purple-gradient);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.hero-overlay{background-image:radial-gradient(circle at 20% 20%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.hero-image-container{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-image{object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:40px;max-width:80%;max-height:80%;box-shadow:0 30px 60px #0000004d}.energy-badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:20%;left:10%;box-shadow:0 10px 25px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=900px){.login-card{flex-direction:column;height:auto;margin:20px}.login-right{display:none}}:root{--sidebar-bg:#fff;--sidebar-border:#f1f5f9;--nav-item-color:#64748b;--nav-item-hover-bg:#6366f10a;--nav-item-hover-color:var(--primary-purple);--nav-item-active-bg:var(--primary-purple-light);--nav-item-active-color:var(--primary-purple);--sidebar-header-color:#0f172a;--section-title-color:#94a3b8;--scrollbar-thumb:#cbd5e1;--header-bg:#fff;--header-border:var(--primary-purple-light);--header-shadow:0 4px 12px #6366f108;--search-bg:#f8fafc;--search-border:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--bg-main:#f5f5ff}.dark-theme{--sidebar-bg:#0b0f19;--sidebar-border:#151d30;--nav-item-color:#94a3b8;--nav-item-hover-bg:#6366f10f;--nav-item-hover-color:#818cf8;--nav-item-active-bg:#6366f126;--nav-item-active-color:#fff;--sidebar-header-color:#fff;--section-title-color:#475569;--scrollbar-thumb:#334155;--header-bg:#0b0f19;--header-border:#6366f126;--header-shadow:0 4px 20px #00000040;--search-bg:#111827;--search-border:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-main:#060911}.dashboard-wrapper{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);transition:background-color .3s;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:1000;flex-direction:column;width:270px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 12px #00000003}.dark-theme .sidebar{box-shadow:4px 0 20px #0003}.dashboard-wrapper.collapsed .sidebar{width:80px}.sidebar-logo-container{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;height:80px;padding:24px 20px;display:flex}.sidebar-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon-wrapper{background:linear-gradient(135deg, var(--primary-purple) 0%, #4f46e5 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #6366f140}.logo-icon{color:#fff;font-size:20px}.logo-text-wrapper{flex-direction:column;line-height:1.2;display:flex}.logo-text{color:var(--sidebar-header-color);letter-spacing:-.02em;font-size:18px;font-weight:800}.logo-subtext{color:var(--nav-item-color);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:500}.collapse-toggle{background:var(--search-bg);border:1px solid var(--sidebar-border);cursor:pointer;width:28px;height:28px;color:var(--nav-item-color);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-toggle:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-color)}.sidebar-nav{flex:1;padding:16px 14px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.nav-section-title{color:var(--section-title-color);letter-spacing:.08em;text-transform:uppercase;margin:22px 12px 8px;font-size:11px;font-weight:700;transition:color .3s}.menu-group{margin-bottom:4px}.nav-item{color:var(--nav-item-color);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-icon{justify-content:center;align-items:center;min-width:24px;font-size:18px;transition:transform .2s;display:flex}.nav-title{white-space:nowrap;flex:1;margin-left:10px}.arrow{opacity:.7;font-size:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-color)}.nav-item:hover .nav-icon{transform:translate(2px)}.nav-item.active{background:var(--nav-item-active-bg);color:var(--nav-item-active-color);font-weight:600}.nav-item.expanded{color:var(--nav-item-hover-color)}.active-left-border{background:var(--primary-purple);border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:2px 0 8px #6366f166}.nav-badge{background:var(--primary-purple);color:#fff;border-radius:20px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #6366f14d}.submenu-container{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.submenu-container.open{grid-template-rows:1fr}.submenu-inner{overflow:hidden}.sub-menu{flex-direction:column;gap:2px;margin-top:4px;margin-bottom:6px;padding-left:20px;display:flex;position:relative}.sub-menu:before{content:"";background:var(--sidebar-border);width:1.5px;transition:background-color .3s;position:absolute;top:2px;bottom:8px;left:20px}.sub-nav-item{color:var(--nav-item-color);border-radius:8px;align-items:center;padding:8px 14px 8px 24px;font-size:13px;text-decoration:none;transition:all .2s;display:flex;position:relative}.sub-nav-item:hover{color:var(--nav-item-hover-color);background:var(--nav-item-hover-bg)}.sub-nav-item.active{background:var(--nav-item-active-bg);color:var(--nav-item-active-color);font-weight:600}.sub-nav-item.active:before{content:"";background:var(--primary-purple);width:6px;height:6px;box-shadow:0 0 6px var(--primary-purple);border-radius:50%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.logout-button{border-top:1px dashed var(--sidebar-border);border-radius:0;margin-top:20px;padding-top:16px}.logout-button:hover{color:#ef4444;background:#ef44440d}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg);justify-content:center;padding:20px;transition:background-color .3s,border-color .3s;display:flex}.theme-toggle-wrapper{background:var(--search-bg);border:1px solid var(--sidebar-border);border-radius:20px;align-items:center;gap:12px;padding:6px 12px;transition:all .3s;display:flex}.theme-toggle-switch{cursor:pointer;background:#cbd5e1;border-radius:20px;width:44px;height:22px;transition:background-color .3s;position:relative}.dark-theme .theme-toggle-switch{background:var(--primary-purple)}.theme-toggle-handle{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.theme-toggle-switch.dark .theme-toggle-handle{left:25px}.toggle-icon{color:var(--nav-item-color);font-size:14px;transition:color .3s}.toggle-icon.light{color:#eab308}.dark-theme .toggle-icon.light,.toggle-icon.dark{color:var(--nav-item-color)}.dark-theme .toggle-icon.dark{color:#818cf8}.collapsed .sidebar{width:80px}.collapsed .logo-icon-wrapper{transform:scale(1.05)}.collapsed .logo-text-wrapper,.collapsed .collapse-toggle,.collapsed .nav-section-title,.collapsed .nav-title,.collapsed .nav-badge,.collapsed .arrow,.collapsed .submenu-container,.collapsed .theme-toggle-wrapper{display:none}.collapsed .sidebar-logo-container{justify-content:center;padding:20px 0}.collapsed .nav-item{border-radius:12px;justify-content:center;width:48px;height:48px;margin:0 auto 8px;padding:0}.collapsed .nav-icon{min-width:unset;font-size:20px}.collapsed .logout-button{border-top:none;margin-top:10px;padding-top:0}.collapsed .nav-item.active .active-left-border{width:4px;top:8px;bottom:8px;left:0}.collapsed .theme-toggle-switch{border-radius:50%;width:24px;height:24px}.collapsed .theme-toggle-handle{display:none}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:270px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.collapsed .main-content{margin-left:80px}.dashboard-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);height:80px;box-shadow:var(--header-shadow);z-index:900;justify-content:space-between;align-items:center;padding:0 40px;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.header-search{background:var(--search-bg);border:1px solid var(--search-border);border-radius:12px;align-items:center;gap:10px;width:320px;padding:10px 16px;transition:all .3s;display:flex}.header-search:focus-within{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f126}.header-search i{color:var(--nav-item-color);font-size:15px}.header-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.header-search input::placeholder{color:var(--nav-item-color);opacity:.7}.header-notif-icons i{color:var(--nav-item-color);transition:color .2s}.header-notif-icons i:hover{color:var(--nav-item-hover-color)}.user-profile{border-left:1px solid var(--header-border);padding-left:20px;transition:border-color .3s;position:relative}.profile-dropdown{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);z-index:1010;border-radius:16px;flex-direction:column;min-width:170px;margin-top:12px;padding:8px 0;animation:.2s slideIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000014}.dark-theme .profile-dropdown{box-shadow:0 10px 30px #0000004d}.profile-dropdown-item{color:var(--nav-item-color);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-dropdown-item i{font-size:15px}.profile-dropdown-item:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-color);padding-left:22px}.user-name{color:var(--sidebar-header-color);transition:color .3s}.user-role{color:var(--nav-item-color);transition:color .3s}.profile-arrow{color:var(--nav-item-color)}.content-area{flex-direction:column;flex:1;padding:24px;display:flex}@media (width<=768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.dashboard-wrapper.collapsed .sidebar{transform:translate(0)}}.settings-container{max-width:1000px;margin:0 auto}.settings-header{margin-bottom:30px}.settings-header h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.settings-header p{color:var(--text-muted);font-size:15px}.settings-tabs-wrapper{border-bottom:1px solid var(--sidebar-border);margin-bottom:25px}.settings-tabs{gap:8px;display:flex}.settings-tab-btn{color:var(--nav-item-color);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.settings-tab-btn i{font-size:16px}.settings-tab-btn:hover{color:var(--nav-item-hover-color)}.settings-tab-btn.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.settings-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:24px;padding:35px;transition:background-color .3s,border-color .3s,box-shadow .3s;box-shadow:0 4px 20px -2px #00000008}.dark-theme .settings-card{box-shadow:0 10px 30px #00000040}.section-title{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.section-subtitle{color:var(--text-muted);margin-bottom:30px;font-size:14px}.profile-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.profile-detail-card{background:var(--bg-main);border:1px solid var(--sidebar-border);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.profile-detail-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000005}.detail-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.detail-icon-wrapper.purple{color:#6366f1;background:#6366f11a}.detail-icon-wrapper.blue{color:#06b6d4;background:#06b6d41a}.detail-icon-wrapper.green{color:#22c55e;background:#22c55e1a}.detail-icon-wrapper.orange{color:#f97316;background:#f973161a}.detail-info label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.detail-info p{color:var(--text-main);font-size:15px;font-weight:700}.password-form{max-width:500px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{color:var(--nav-item-color);font-size:16px;position:absolute;left:16px}.input-with-icon input{background:var(--bg-main);border:1px solid var(--sidebar-border);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:14px 16px 14px 46px;font-family:inherit;font-size:14px;transition:all .2s}.input-with-icon input::placeholder{color:var(--nav-item-color);opacity:.6}.input-with-icon input:focus{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f126}.settings-alert{border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s slideIn;display:flex}.settings-alert.success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.settings-alert.error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.settings-alert i{font-size:16px}.settings-submit-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f140}.settings-submit-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 15px #6366f159}.settings-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.school-dashboard{padding:10px}.dashboard-title{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.dashboard-subtitle{color:var(--text-muted);margin-bottom:30px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.stat-info p{color:var(--text-muted);margin-bottom:4px;font-size:13px}.stat-info h3{color:var(--text-dark);font-size:22px;font-weight:800}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.card-purple{background:#f4ecfb}.card-purple .stat-icon{color:#a855f7;font-size:24px}.card-blue{background:#e6f6fd}.card-blue .stat-icon{color:#38bdf8;font-size:24px}.card-orange{background:#fdf2e9}.card-orange .stat-icon{color:#f97316;font-size:24px}.card-green{background:#e9faef}.card-green .stat-icon{color:#22c55e;font-size:24px}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 15px #00000005}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.chart-title{color:var(--text-dark);margin-bottom:2px;font-size:16px;font-weight:700}.chart-subtitle{color:var(--text-muted);font-size:12px}.chart-legend{color:var(--text-muted);gap:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.bar-chart{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:flex-end;height:180px;padding-bottom:15px;display:flex;position:relative}.bar-chart:before{content:"";z-index:0;opacity:.5;background-image:linear-gradient(#e2e8f0 1px,#0000 1px);background-size:100% 36px;height:100%;position:absolute;top:0;left:-20px;right:0}.chart-y-axis{color:#94a3b8;z-index:1;flex-direction:column;justify-content:space-between;height:100%;font-size:11px;display:flex;position:absolute;top:0;left:-35px}.bar-group{z-index:1;align-items:flex-end;gap:4px;height:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:8px}.bar-purple{background:#8b5cf6}.bar-orange{background:#f97316}.x-axis{color:#94a3b8;justify-content:space-between;margin-top:10px;padding-left:5px;font-size:11px;display:flex}.doughnut-wrapper{width:160px;height:160px;margin:0 auto;position:relative}.doughnut-circle{background:conic-gradient(#8b5cf6 0deg 250deg,#f97316 250deg 360deg);border-radius:50%;width:100%;height:100%;-webkit-mask:radial-gradient(circle,#0000 55%,#000 56%);mask:radial-gradient(circle,#0000 55%,#000 56%)}.doughnut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doughnut-label{color:var(--text-muted);font-size:12px}.doughnut-value{color:var(--text-dark);font-size:22px;font-weight:800}.bottom-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.modern-table{border-collapse:collapse;width:100%}.modern-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid #f1f5f9;padding:15px;font-size:13px;font-weight:600}.modern-table td{color:var(--text-dark);border-bottom:1px solid #f8fafc;padding:15px;font-size:14px}.modern-table tbody tr:hover{background:#f8fafc}.student-name-cell{align-items:center;gap:12px;font-weight:600;display:flex}.student-avatar{object-fit:cover;border-radius:50%;width:35px;height:35px}.custom-checkbox{cursor:pointer;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.custom-checkbox.checked{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff}.notice-list{flex-direction:column;gap:15px;display:flex}.notice-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;padding-bottom:15px;display:flex}.notice-item:last-child{border-bottom:none;padding-bottom:0}.notice-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex}.notice-content{flex:1}.notice-title{margin-bottom:4px;font-size:14px;font-weight:600}.notice-desc{color:var(--text-muted);font-size:12px}.notice-date{color:var(--text-muted);font-size:11px}.add-student-container{padding:10px}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-title{color:var(--text-dark);font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.save-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #6366f133}.save-btn:hover{background:#4f46e5;transform:translateY(-2px)}.form-card{background:#fff;border-radius:16px;margin-bottom:25px;padding:30px;box-shadow:0 4px 15px #00000005}.section-title{color:var(--text-dark);border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.section-title i{color:var(--primary-purple);font-size:18px}.form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-control{color:var(--text-dark);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 15px;font-family:inherit;font-size:14px;transition:all .3s}.form-control:focus{border-color:var(--primary-purple);background:#fff;box-shadow:0 0 0 3px #6366f11a}.form-control::placeholder{color:#94a3b8}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.photo-placeholder{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;transition:all .3s;display:flex}.photo-placeholder:hover{border-color:var(--primary-purple);color:var(--primary-purple);background:#f8faff}.upload-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.upload-btn:hover{background:#f1f5f9}.all-students-container{flex-direction:column;flex:1;padding:0;display:flex}.students-header{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;transition:box-shadow .3s,background-color .3s;display:flex;box-shadow:0 4px 18px #00000008}.dark-theme .students-header{box-shadow:0 4px 24px #00000040}.students-header-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.btn-outline{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);color:var(--text-main);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-outline:hover{background:var(--search-bg);border-color:var(--search-border)}.btn-primary{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.students-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.mini-stat{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #00000008}.dark-theme .mini-stat{box-shadow:0 4px 24px #00000040}.mini-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f10d}.mini-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.mini-stat-info p{color:var(--nav-item-color);margin-bottom:2px;font-size:12px;font-weight:500}.mini-stat-info h4{color:var(--sidebar-header-color);font-size:22px;font-weight:800;line-height:1.1}.table-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;flex:1;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000008}.dark-theme .table-card{box-shadow:0 8px 40px #00000059}.table-toolbar{border-bottom:1px solid var(--sidebar-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.search-box{background:var(--search-bg);border:1px solid var(--search-border);border-radius:12px;flex:1;align-items:center;gap:10px;max-width:340px;padding:10px 16px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f126}.search-box i{color:var(--nav-item-color);font-size:15px}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.search-box input::placeholder{color:var(--nav-item-color);opacity:.7}.filter-select{background:var(--search-bg);border:1px solid var(--search-border);color:var(--text-main);cursor:pointer;border-radius:12px;outline:none;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .3s}.students-table{border-collapse:collapse;width:100%}.students-table th{text-align:left;color:var(--nav-item-color);text-transform:uppercase;letter-spacing:.05em;background:var(--search-bg);border-bottom:1px solid var(--sidebar-border);padding:14px 24px;font-size:11px;font-weight:700}.students-table td{color:var(--text-main);border-bottom:1px solid var(--sidebar-border);vertical-align:middle;padding:16px 24px;font-size:14px}.students-table tbody tr:hover{background:#6366f105}.dark-theme .students-table tbody tr:hover{background:#6366f10a}.students-table tbody tr:last-child td{border-bottom:none}.student-cell{align-items:center;gap:12px;display:flex}.student-avatar{object-fit:cover;border-radius:12px;flex-shrink:0;width:38px;height:38px;box-shadow:0 2px 6px #0000000d}.student-name{color:var(--sidebar-header-color);font-size:14px;font-weight:600}.student-id-text{color:var(--nav-item-color);margin-top:1px;font-size:12px}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.badge-active{color:#16a34a;background:#16a34a1a}.dark-theme .badge-active{color:#4ade80;background:#22c55e26}.badge-inactive{color:#dc2626;background:#dc26261a}.dark-theme .badge-inactive{color:#fca5a5;background:#ef444426}.badge-class{background:var(--primary-purple-light);color:var(--primary-purple)}.dark-theme .badge-class{color:#818cf8;background:#6366f133}.action-buttons{align-items:center;gap:8px;display:flex}.action-btn{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);width:34px;height:34px;color:var(--nav-item-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple);background:var(--primary-purple-light)}.action-btn.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.table-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg);justify-content:space-between;align-items:center;margin-top:auto;padding:18px 24px;display:flex}.page-info{color:var(--nav-item-color);font-size:13px;font-weight:500}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);width:34px;height:34px;color:var(--nav-item-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:20px;flex-direction:column;width:80%;max-width:1200px;height:85vh;max-height:90vh;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.modal-card form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dark-theme .modal-card{box-shadow:0 25px 50px -10px #0006}.modal-title{color:var(--sidebar-header-color);margin-bottom:4px;font-size:18px;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:12px}.modal-close-btn{background:var(--nav-item-hover-bg);border:1px solid var(--sidebar-border);cursor:pointer;width:32px;height:32px;color:var(--nav-item-color);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.modal-body{flex:1;padding:24px;overflow-y:auto}.photo-upload-section{align-items:center;gap:16px;margin-bottom:24px;display:flex}.photo-placeholder{border:2px dashed var(--sidebar-border);cursor:pointer;width:70px;height:70px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.photo-placeholder:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.photo-placeholder img{object-fit:cover;width:100%;height:100%}.upload-label{color:var(--sidebar-header-color);margin-bottom:6px;font-size:13px;font-weight:600}.upload-btn{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);color:var(--nav-item-color);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.upload-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple);background:var(--primary-purple-light)}.modal-section-title{color:var(--primary-purple);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.modal-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-group.col-span-2{grid-column:span 2}@media (width<=1024px){.modal-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.modal-form-grid{grid-template-columns:1fr}.modal-form-group.col-span-2{grid-column:span 1}}.modal-form-group label{color:var(--sidebar-header-color);font-size:12px;font-weight:600}.modal-form-control{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);color:var(--sidebar-header-color);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.modal-form-control:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--primary-purple-light)}.modal-divider{background:var(--sidebar-border);height:1px;margin:24px 0}.modal-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);color:var(--nav-item-color);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--nav-item-hover-bg);border-color:var(--sidebar-border)}.btn-submit-form{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-submit-form:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f133}.btn-submit-form:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.page-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple);background:var(--primary-purple-light)}.page-btn.active{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);box-shadow:0 4px 10px #6366f133}.classes-page-container{flex-direction:column;flex:1;padding:0;display:flex}.classes-header-section{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 18px #00000008}.classes-header-section h2{color:var(--sidebar-header-color);margin:0;font-size:20px;font-weight:700}.classes-header-section p{color:var(--text-muted);margin-top:4px;font-size:13px}.add-class-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-class-btn:hover{background:#4f46e5;transform:translateY(-1px)}.add-class-btn i{font-size:14px}.classes-table-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.classes-table{border-collapse:collapse;text-align:left;width:100%}.classes-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:11px;font-weight:700}.dark-theme .classes-table th{color:#94a3b8;background:#1e293b;border-bottom:1px solid #334155}.classes-table td{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-header-color);vertical-align:middle;padding:18px 20px;font-size:13px}.classes-table tbody tr:last-child td{border-bottom:none}.classes-table tbody tr:hover td{background:#f8fafc}.dark-theme .classes-table tbody tr:hover td{background:#1e293b}.class-name-cell{align-items:center;gap:14px;font-weight:600;display:flex}.class-icon{width:36px;height:36px;color:var(--primary-purple);background:#6366f114;border:1px solid #6366f126;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sections-badges-list{flex-wrap:wrap;gap:6px;display:flex}.section-badge{color:var(--primary-purple);background:#6366f10f;border:1px solid #6366f126;border-radius:8px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.section-badge:hover{background:#6366f11f;border-color:#6366f14d;transform:translateY(-.5px)}.dark-theme .section-badge{color:#a5b4fc;background:#818cf81a;border-color:#818cf833}.no-sections-text{color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:4px 12px;font-size:12px;font-style:italic}.dark-theme .no-sections-text{color:#64748b;background:#1e293b;border-color:#334155}.classes-page-container .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.classes-page-container .modal-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:20px;flex-direction:column;width:100%;max-width:500px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.classes-page-container .modal-header{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-bg);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.classes-page-container .modal-title{color:var(--sidebar-header-color);margin:0;font-size:16px;font-weight:700}.classes-page-container .modal-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.classes-page-container .modal-close-btn{color:var(--sidebar-header-color);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.classes-page-container .modal-close-btn:hover{background:var(--nav-item-hover-bg);opacity:1}.classes-page-container .modal-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.classes-page-container .btn-cancel{border:1px solid var(--sidebar-border);color:var(--sidebar-header-color);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.classes-page-container .btn-cancel:hover{background:var(--nav-item-hover-bg)}.classes-page-container .btn-submit-form{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.classes-page-container .btn-submit-form:hover{background:#4f46e5}.classes-page-container .btn-submit-form:disabled{opacity:.6;cursor:not-allowed}.dark-theme .classes-page-container .modal-card{box-shadow:0 25px 50px -10px #0006}.dark-theme .classes-table-card{box-shadow:0 10px 30px #0003}.subjects-page-container{flex-direction:column;flex:1;padding:0;display:flex}.subjects-header-section{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.subjects-header-section h2{color:var(--sidebar-header-color);margin:0 0 6px;font-size:24px;font-weight:700}.subjects-header-section p{color:var(--text-muted);margin:0;font-size:14px}.add-subject-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}.add-subject-btn:hover{background:var(--primary-purple-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.subjects-filter-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 20px #00000005}.filter-row{align-items:center;gap:16px;display:flex}.search-box{flex:1;position:relative}.search-box i{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{border:1px solid var(--sidebar-border);background:var(--bg-main);width:100%;color:var(--sidebar-header-color);border-radius:10px;outline:none;padding:10px 14px 10px 40px;font-size:13px;transition:all .2s}.search-box input:focus{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f11a}.filter-select{border:1px solid var(--sidebar-border);background:var(--bg-main);color:var(--sidebar-header-color);cursor:pointer;border-radius:10px;outline:none;min-width:160px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-select:focus{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f11a}.subjects-table-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.subjects-table{border-collapse:collapse;text-align:left;width:100%}.subjects-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:11px;font-weight:700}.dark-theme .subjects-table th{color:#94a3b8;background:#1e293b;border-bottom:1px solid #334155}.subjects-table td{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-header-color);vertical-align:middle;padding:18px 20px;font-size:13px}.subjects-table tbody tr:last-child td{border-bottom:none}.subjects-table tbody tr:hover td{background:#f8fafc}.dark-theme .subjects-table tbody tr:hover td{background:#1e293b}.subject-name-cell{align-items:center;gap:14px;font-weight:600;display:flex}.subject-icon{width:36px;height:36px;color:var(--primary-purple);background:#6366f114;border:1px solid #6366f126;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.subject-code-badge{background:var(--bg-main);border:1px solid var(--sidebar-border);color:var(--sidebar-header-color);border-radius:6px;padding:4px 8px;font-family:monospace;font-size:12px;font-weight:600}.subject-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.subject-type-badge.theory{color:#0284c7;background:#0ea5e914;border:1px solid #0ea5e926}.subject-type-badge.practical{color:#059669;background:#10b98114;border:1px solid #10b98126}.subject-class-badge{color:var(--primary-purple);background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.teacher-info-cell{color:var(--sidebar-header-color);align-items:center;gap:8px;font-weight:500;display:flex}.teacher-info-cell i{color:var(--text-muted);font-size:14px}.no-teacher-text{color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:4px 12px;font-size:12px;font-style:italic}.dark-theme .no-teacher-text{color:#64748b;background:#1e293b;border-color:#334155}.btn-action:hover{background:var(--bg-main);border-color:var(--text-muted)}.dark-theme .btn-action.delete:hover{color:#f97316;background:#451a03;border-color:#b45309}.routine-page-container{flex-direction:column;height:100%;display:flex}.select-class-section-placeholder{text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;justify-content:center;align-items:center;min-height:400px;margin-top:24px;padding:40px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.placeholder-content{max-width:420px}.placeholder-icon{background:var(--primary-purple-light);width:72px;height:72px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;animation:2s infinite pulse;display:flex}.select-class-section-placeholder h3{color:#1e293b;margin-bottom:10px;font-size:20px;font-weight:700}.select-class-section-placeholder p{color:#64748b;font-size:14px;line-height:1.6}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #6366f166}70%{transform:scale(1.05);box-shadow:0 0 0 10px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.timetable-board-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;margin-top:24px;padding:24px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.timetable-grid{grid-template-columns:repeat(7,minmax(200px,1fr));gap:16px;min-width:1400px;display:grid}.timetable-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-height:500px;display:flex}.column-header{background:#fff;border-bottom:1px solid #e2e8f0;border-top-left-radius:9px;border-top-right-radius:9px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.column-header h4{color:#1e293b;margin:0;font-size:14px;font-weight:700}.slot-count{color:var(--primary-purple);background:var(--primary-purple-light);border-radius:12px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:600}.column-body{flex-direction:column;flex-grow:1;gap:12px;padding:12px;display:flex}.empty-day-slot{text-align:center;background:#f1f5f980;border:1px dashed #cbd5e1;border-radius:8px;flex-grow:1;justify-content:center;align-items:center;padding:24px 12px;display:flex}.empty-day-slot p{color:#94a3b8;margin:0;font-size:12px;font-weight:500}.routine-slot-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.routine-slot-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 6px -1px #6366f11a,0 2px 4px -1px #6366f10f}.slot-time-range{color:var(--primary-purple);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.slot-time-range i{font-size:12px}.slot-subject-info{flex-direction:column;gap:2px;display:flex}.subject-name{color:#1e293b;margin:0;font-size:13px;font-weight:700;line-height:1.4}.subject-code{color:#64748b;font-family:monospace;font-size:10px;font-weight:600}.slot-badges{flex-wrap:wrap;gap:6px;display:flex}.type-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.type-badge.theory{color:#0369a1;background:#e0f2fe}.type-badge.practical{color:#15803d;background:#dcfce7}.room-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.slot-teacher-info{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:6px;margin-top:4px;padding-top:8px;font-size:11px;font-weight:500;display:flex}.slot-teacher-info i{color:#94a3b8;font-size:12px}.no-teacher{color:#94a3b8;font-style:italic}.slot-delete-btn{color:#ef4444;cursor:pointer;opacity:0;background:#fff;border:1px solid #fee2e2;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.routine-slot-card:hover .slot-delete-btn{opacity:1}.slot-delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.section-title-mod{color:var(--sidebar-header-color);border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.section-title-mod i{color:var(--primary-purple)}.form-label-mod{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.attendance-container{flex-direction:column;gap:24px;padding:0;display:flex}.attendance-header-section{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 18px #00000008}.attendance-header-section h2{color:var(--sidebar-header-color);margin:0;font-size:20px;font-weight:700}.attendance-header-section p{color:var(--text-muted);margin-top:4px;font-size:13px}.tab-pills{border:1px solid var(--sidebar-border);background:#6366f10d;border-radius:12px;gap:4px;padding:4px;display:flex}.tab-pill{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-pill:hover{color:var(--sidebar-header-color);background:#6366f114}.tab-pill.active{background:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #6366f133}.filters-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px 24px;display:grid;box-shadow:0 4px 18px #00000008}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.filter-group select,.filter-group input{border:1px solid var(--sidebar-border);background:var(--bg-main);color:var(--sidebar-header-color);box-sizing:border-box;border-radius:10px;outline:none;height:42px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #6366f11f}.stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-box{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 4px 18px #00000005}.stat-box h4{color:var(--sidebar-header-color);margin:0;font-size:14px;font-weight:700}.stat-box p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.stat-box .count-num{font-size:32px;font-weight:800;line-height:1}.stat-box.present .count-num{color:#10b981}.stat-box.late .count-num{color:#f59e0b}.stat-box.absent .count-num{color:#ef4444}.stat-circle{width:60px;height:60px;position:relative}.circular-chart{max-width:100%;max-height:100%;display:block}.circle-bg{fill:none;stroke:var(--sidebar-border);stroke-width:3.8px}.circle{fill:none;stroke:var(--primary-purple);stroke-width:3.8px;stroke-linecap:round;transition:stroke-dasharray .3s}.percent-text{color:var(--sidebar-header-color);font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.actions-bar{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.total-badge{color:var(--sidebar-header-color);font-size:13px}.bulk-buttons{gap:8px;display:flex}.bulk-btn{border:1px solid var(--sidebar-border);background:var(--bg-main);color:var(--sidebar-header-color);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.bulk-btn.present:hover{color:#10b981;background:#10b98114;border-color:#10b9814d}.bulk-btn.absent:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.attendance-table-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px #00000008}.attendance-table{border-collapse:collapse;text-align:left;width:100%}.attendance-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:11px;font-weight:700}.dark-theme .attendance-table th{color:#94a3b8;background:#1e293b;border-bottom:1px solid #334155}.attendance-table td{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-header-color);vertical-align:middle;padding:14px 20px;font-size:13px}.student-profile-cell{align-items:center;gap:12px;display:flex}.student-avatar{object-fit:cover;border:2px solid var(--sidebar-border);border-radius:50%;width:38px;height:38px}.student-name{font-weight:600;display:block}.student-gender{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.student-id-badge{color:var(--primary-purple);background:#6366f10f;border:1px solid #6366f126;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.status-selector{background:var(--bg-main);border:1px solid var(--sidebar-border);border-radius:8px;gap:2px;width:fit-content;padding:3px;display:flex}.status-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.status-btn.present.active{color:#fff;background:#10b981;box-shadow:0 2px 6px #10b98133}.status-btn.late.active{color:#fff;background:#f59e0b;box-shadow:0 2px 6px #f59e0b33}.status-btn.absent.active{color:#fff;background:#ef4444;box-shadow:0 2px 6px #ef444433}.remarks-control{border:1px solid var(--sidebar-border);background:var(--bg-main);width:100%;color:var(--sidebar-header-color);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .2s}.remarks-control:focus{border-color:var(--primary-purple);background:var(--sidebar-bg)}.table-footer-actions{border-top:1px solid var(--sidebar-border);background:#6366f103;justify-content:flex-end;padding:16px 20px;display:flex}.btn-submit-attendance{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f126}.btn-submit-attendance:hover{background:#4f46e5;transform:translateY(-1px)}.btn-submit-attendance:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert-banner{border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.alert-banner.success{color:#10b981;background:#10b98114;border:1px solid #10b98133}.alert-banner.error{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.empty-state-card{text-align:center;background:var(--sidebar-bg);border:1px dashed var(--sidebar-border);color:var(--text-muted);border-radius:16px;padding:60px 40px}.empty-state-card h3{color:var(--sidebar-header-color);margin:0 0 6px;font-size:16px;font-weight:700}.empty-state-card p{max-width:400px;margin:0 auto;font-size:13px}.count-pill{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.count-pill.present{color:#10b981;background:#10b9811a}.count-pill.late{color:#f59e0b;background:#f59e0b1a}.count-pill.absent{color:#ef4444;background:#ef44441a}.progress-bar-container{align-items:center;gap:10px;width:100%;max-width:180px;display:flex}.progress-bar-fill{border-radius:10px;height:6px;transition:width .3s}.progress-bar-fill.good{background:#10b981}.progress-bar-fill.warning{background:#f59e0b}.progress-bar-fill.danger{background:#ef4444}.progress-percent-val{font-size:11px;font-weight:700}.loading-container{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.spinner{border:3px solid var(--sidebar-border);border-top-color:var(--primary-purple);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.courses-container{flex-direction:column;flex:1;padding:0;display:flex}.courses-header{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.courses-title{color:var(--sidebar-header-color);margin:0 0 6px;font-size:24px;font-weight:700}.courses-subtitle{color:var(--text-muted);margin:0;font-size:14px}.add-course-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}.add-course-btn:hover{background:var(--primary-purple-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.error-alert{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:20px;padding:12px 20px;font-size:14px}.loading-spinner{text-align:center;color:var(--text-muted);padding:60px;font-size:16px}.empty-courses-state{background:var(--sidebar-bg);border:1px dashed var(--sidebar-border);text-align:center;border-radius:16px;max-width:500px;margin:40px auto;padding:60px 40px;box-shadow:0 4px 20px #00000005}.empty-icon{color:var(--text-muted);margin-bottom:16px;font-size:48px;display:block}.empty-courses-state h3{color:var(--sidebar-header-color);margin:0 0 8px;font-size:18px}.empty-courses-state p{color:var(--text-muted);margin:0;font-size:14px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px;display:grid}.course-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.course-card-image{background:var(--bg-main);height:180px;position:relative;overflow:hidden}.course-card-image img{object-fit:cover;width:100%;height:100%}.placeholder-image{width:100%;height:100%;color:var(--primary-purple);background:linear-gradient(135deg,#6366f11a,#a855f71a);justify-content:center;align-items:center;display:flex}.placeholder-image i{font-size:48px}.course-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.course-badge.online{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.course-badge.offline{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.course-badge.hybrid{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.course-card-content{flex-direction:column;flex:1;padding:20px;display:flex}.course-card-title{color:var(--sidebar-header-color);margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.course-card-desc{color:var(--text-muted);flex:1;margin:0 0 16px;font-size:13px;line-height:1.5}.course-card-meta{border-bottom:1px solid var(--sidebar-border);gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.meta-item i{font-size:14px}.course-card-footer{justify-content:space-between;align-items:center;display:flex}.course-price{color:var(--primary-purple);font-size:18px;font-weight:700}.course-actions{gap:8px;display:flex}.btn-action.view{border:1px solid var(--primary-purple);width:auto;height:32px;color:var(--primary-purple);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-action.view:hover{background:var(--primary-purple);color:#fff}.btn-action.edit{border:1px solid var(--sidebar-border);width:32px;height:32px;color:var(--sidebar-header-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action.edit:hover{background:var(--bg-main)}.btn-action.delete{border:1px solid var(--sidebar-border);width:32px;height:32px;color:var(--sidebar-header-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.glass-modal{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:20px;flex-direction:column;width:100%;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.course-modal{max-width:600px}.details-modal{max-width:850px}.modal-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--sidebar-header-color);margin:0;font-size:20px;font-weight:700}.details-modal-title{color:var(--sidebar-header-color);margin:0 0 4px;font-size:20px;font-weight:700}.details-modal-meta{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.close-modal-btn:hover{background:var(--bg-main);color:var(--sidebar-header-color)}.modal-form{padding:24px;overflow-y:auto}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-group label{color:var(--sidebar-header-color);font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--sidebar-border);background:var(--bg-main);width:100%;color:var(--sidebar-header-color);border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-purple);background:var(--sidebar-bg);box-shadow:0 0 0 3px #6366f11a}.form-row{gap:16px;display:flex}.col-6{flex:1}.modal-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.btn-cancel{background:var(--bg-main);color:var(--sidebar-header-color);border:1px solid var(--sidebar-border);cursor:pointer;border-radius:10px;padding:11px 20px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--sidebar-border)}.btn-save{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 24px;font-weight:600;transition:all .2s}.btn-save:hover{background:var(--primary-purple-hover)}.details-tabs{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-bg);padding:0 24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--sidebar-header-color)}.tab-btn.active{border-bottom-color:var(--primary-purple);color:var(--primary-purple)}.tab-content-container{flex:1;padding:24px;overflow-y:auto}.section-subheader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-subheader h3{color:var(--sidebar-header-color);margin:0;font-size:16px;font-weight:600}.btn-add-lesson{color:var(--primary-purple);border:1px solid var(--primary-purple);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-add-lesson:hover{background:var(--primary-purple);color:#fff}.lesson-quick-form{background:var(--bg-main);border:1px solid var(--sidebar-border);border-radius:12px;margin-bottom:20px;padding:16px}.lesson-quick-form h4{color:var(--sidebar-header-color);margin:0 0 12px;font-size:14px}.lesson-form-grid{grid-template-columns:2fr 2fr 1fr 80px;gap:12px;margin-bottom:12px;display:grid}@media (width<=600px){.lesson-form-grid{grid-template-columns:1fr}}.lesson-form-grid input{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);color:var(--sidebar-header-color);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.lesson-form-grid input:focus{border-color:var(--primary-purple)}.lesson-form-actions{justify-content:flex-end;gap:8px;display:flex}.btn-cancel-small{color:var(--text-muted);border:1px solid var(--sidebar-border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px}.btn-save-small{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600}.no-lessons-text{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.lessons-list{flex-direction:column;gap:12px;display:flex}.lesson-item{background:var(--bg-main);border:1px solid var(--sidebar-border);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lesson-item-info{align-items:flex-start;gap:12px;display:flex}.lesson-number{color:var(--primary-purple);margin-top:2px;font-size:14px;font-weight:700}.lesson-title{color:var(--sidebar-header-color);margin:0 0 4px;font-size:14px;font-weight:600}.lesson-meta-labels{gap:8px;display:flex}.meta-label{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.meta-label.video{color:#f97316;background:#f9731614}.meta-label.time{color:var(--primary-purple);background:#6366f114}.lesson-actions{gap:6px;display:flex}.btn-icon{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--sidebar-header-color);background:var(--bg-main)}.btn-icon.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.enroll-new-student-section{background:var(--bg-main);border:1px solid var(--sidebar-border);border-radius:12px;margin-bottom:24px;padding:16px}.enroll-new-student-section h3{color:var(--sidebar-header-color);margin:0 0 12px;font-size:14px}.enroll-form{flex-direction:column;gap:12px;display:flex}.search-student-dropdown{width:100%;position:relative}.search-student-dropdown input{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);width:100%;color:var(--sidebar-header-color);border-radius:8px;outline:none;padding:10px 14px;font-size:13px}.search-student-dropdown input:focus{border-color:var(--primary-purple)}.search-results-overlay{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);z-index:100;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.search-result-item{cursor:pointer;border-bottom:1px solid var(--sidebar-border);flex-direction:column;padding:10px 14px;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-main)}.search-result-item.selected{background:#6366f114}.result-name{color:var(--sidebar-header-color);font-size:13px;font-weight:600}.result-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}.payment-selects{gap:12px;display:flex}@media (width<=600px){.payment-selects{flex-direction:column}}.payment-selects select{border:1px solid var(--sidebar-border);background:var(--sidebar-bg);color:var(--sidebar-header-color);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.btn-enroll-submit{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-enroll-submit:disabled{background:var(--sidebar-border);color:var(--text-muted);cursor:not-allowed}.enrolled-students-list-section h3{color:var(--sidebar-header-color);margin:0 0 12px;font-size:14px}.table-responsive{width:100%;overflow-x:auto}.enrollments-table{border-collapse:collapse;text-align:left;width:100%}.enrollments-table th{background:var(--bg-main);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--sidebar-border);padding:10px 14px;font-size:11px;font-weight:700}.enrollments-table td{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-header-color);padding:12px 14px;font-size:13px}.status-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pill.payment.paid{color:#10b981;background:#10b98114}.status-pill.payment.pending{color:#f59e0b;background:#f59e0b14}.status-pill.enrollment.active{color:#3b82f6;background:#3b82f614}.status-pill.enrollment.completed{color:#10b981;background:#10b98114}.mt-4{margin-top:16px}.batches-page-container{flex-direction:column;flex:1;padding:0;display:flex}.batches-header-section{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 18px #00000008}.batches-header-section h2{color:var(--sidebar-header-color);margin:0;font-size:20px;font-weight:700}.batches-header-section p{color:var(--text-muted);margin-top:4px;font-size:13px}.add-batch-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-batch-btn:hover{background:#4f46e5;transform:translateY(-1px)}.batches-table-card{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.batches-table{border-collapse:collapse;text-align:left;width:100%}.batches-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:11px;font-weight:700}.dark-theme .batches-table th{color:#94a3b8;background:#1e293b;border-bottom:1px solid #334155}.batches-table td{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-header-color);vertical-align:middle;padding:18px 20px;font-size:13px}.batches-table tbody tr:last-child td{border-bottom:none}.batches-table tbody tr:hover td{background:#f8fafc}.dark-theme .batches-table tbody tr:hover td{background:#1e293b}.course-name-cell{align-items:center;gap:14px;font-weight:600;display:flex}.course-icon{width:36px;height:36px;color:var(--primary-purple);background:#6366f114;border:1px solid #6366f126;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.numeric-code-cell{color:var(--text-muted);font-weight:500}.badge-count{color:var(--primary-purple);background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.batches-badges-list{flex-wrap:wrap;gap:6px;display:flex}.batch-badge{color:var(--primary-purple);background:#6366f10f;border:1px solid #6366f126;border-radius:8px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.batch-badge:hover{background:#6366f11f;border-color:#6366f14d;transform:translateY(-.5px)}.dark-theme .batch-badge{color:#a5b4fc;background:#818cf81a;border-color:#818cf833}.no-batches-text{color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:4px 12px;font-size:12px;font-style:italic}.dark-theme .no-batches-text{color:#64748b;background:#1e293b;border-color:#334155}.btn-action{border:1px solid var(--sidebar-border);width:32px;height:32px;color:var(--sidebar-header-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action:hover{background:var(--nav-item-hover-bg)}.btn-action.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.btn-action.edit:hover{color:var(--primary-purple);background:#6366f114;border-color:#6366f14d}.no-data-cell{text-align:center;color:var(--text-muted);padding:60px 0!important}.search-icon-empty{color:var(--sidebar-border);margin-bottom:12px;font-size:40px;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.btn-add-section-list{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.added-sections-wrapper{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:8px;flex-wrap:wrap;gap:8px;min-height:40px;margin-top:6px;padding:8px;display:flex}.added-section-tag{color:var(--primary-purple);background:#6366f114;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-remove-tag{color:var(--primary-purple);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.no-sections-hint{color:var(--text-muted);margin:auto;font-size:12px}