@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap";:root{--bg-main:#060910;--bg-sidebar:#0a0d14;--bg-card:#0d121c;--bg-card-hover:#131b29;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#00f0ff;--accent-cyan-glow:#00f0ff33;--accent-red:#ff3b3b;--accent-red-bg:#ff3b3b26;--accent-blue:#3b82f6;--border-color:#1e293b;--border-light:#ffffff0d;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.main-content{flex-direction:column;height:100vh;display:flex;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0)invert()!important}.Toastify__toast-container{font-family:var(--font-family);z-index:99999!important}.Toastify__toast{background-color:var(--bg-card,#0d121c)!important;color:var(--text-primary,#fff)!important;border:1px solid var(--border-color,#1e293b)!important;box-shadow:0 10px 25px #0009, 0 0 15px var(--accent-cyan-glow)!important;border-radius:10px!important;padding:12px 16px!important}.Toastify__toast--success{border-left:4px solid var(--accent-cyan,#00f0ff)!important}.Toastify__toast--error{border-left:4px solid var(--accent-red,#ff3b3b)!important}.Toastify__toast--warning{border-left:4px solid #f59e0b!important}.Toastify__toast-body{color:var(--text-primary,#fff)!important;font-size:.9rem!important;font-weight:500!important}.Toastify__toast-icon svg,.Toastify__toast--success .Toastify__toast-icon svg{fill:var(--accent-cyan,#00f0ff)!important}.Toastify__toast--error .Toastify__toast-icon svg{fill:var(--accent-red,#ff3b3b)!important}.Toastify__toast--warning .Toastify__toast-icon svg{fill:#f59e0b!important}.Toastify__close-button{color:var(--text-secondary,#94a3b8)!important;opacity:.8!important}.Toastify__close-button:hover{color:#fff!important;opacity:1!important}.Toastify__progress-bar,.Toastify__progress-bar--success{background:var(--accent-cyan,#00f0ff)!important}.swal2-popup{background:var(--bg-card,#0f172a)!important;color:var(--text-primary,#e2e8f0)!important;border:1px solid var(--border-color,#1e293b)!important;border-radius:12px!important;box-shadow:0 15px 35px #000000b3!important}.swal2-title{color:var(--text-primary,#fff)!important}.swal2-html-container{color:var(--text-secondary,#94a3b8)!important}.swal2-confirm,.swal2-cancel{border-radius:8px!important;font-weight:500!important}.cursor-pointer{cursor:pointer}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0}.sidebar-logo{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;padding:0 1.25rem;display:flex}.sidebar-logo-img{object-fit:contain;max-width:100%;height:auto;max-height:48px}.logo-text{flex-direction:column;display:flex}.logo-title{letter-spacing:.5px;color:var(--text-primary);font-size:.85rem;font-weight:700}.logo-subtitle{color:var(--text-muted);letter-spacing:1px;font-size:.65rem}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;padding:0 1rem;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:.25rem;display:flex}.nav-group-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;padding:0 .75rem;font-size:.65rem;font-weight:600}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-item.active{color:var(--text-primary);border:1px solid var(--border-light);background-color:#ffffff14}.nav-item svg{opacity:.8}.nav-item.active svg{color:var(--accent-cyan);opacity:1}.badge-new{background-color:var(--accent-red-bg);color:var(--accent-red);letter-spacing:.5px;border:1px solid #ff3b3b4d;border-radius:12px;margin-left:auto;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;margin-top:auto;padding:1rem 1.5rem 0;display:flex}.user-avatar{background-color:var(--accent-cyan);width:36px;height:36px;color:var(--bg-main);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.7rem}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-main);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:1.2rem}.icon-btn{border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#ffffff0d}.notification-btn{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex;position:relative}.notification-btn:hover{background-color:#ffffff14}.notification-badge{background-color:var(--accent-red);color:#fff;border:2px solid var(--bg-main);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.profile-menu-container{position:relative}.user-profile-badge{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ffffff0a;border-radius:20px;align-items:center;gap:.6rem;padding:.4rem .9rem;transition:all .2s;display:flex}.user-profile-badge:hover,.user-profile-badge.active{background-color:#ffffff14;border-color:#00f0ff4d}.user-avatar-small{width:26px;height:26px;color:var(--accent-cyan);background-color:#00f0ff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-name-text{color:var(--text-primary);font-size:.88rem;font-weight:600}.chevron-icon{color:var(--text-secondary);transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.profile-dropdown-menu{z-index:100;background-color:#0b1120;border:1px solid #1e293b;border-radius:12px;width:180px;padding:6px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000080}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#00f0ff;background-color:#00f0ff1a}.dropdown-item.logout:hover{color:#f87171;background-color:#ef444426}.dropdown-divider{background-color:#1e293b;height:1px;margin:4px 0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#050811bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{text-align:center;background-color:#0b1120;border:1px solid #1e293b;border-radius:18px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:28px 24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;box-shadow:0 20px 40px #0009}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close-btn:hover{color:#fff;background-color:#ffffff14}.modal-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.modal-icon-wrapper.danger{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 20px #ef444433}.modal-title{color:#fff;margin-bottom:8px;font-size:1.15rem;font-weight:700}.modal-message{color:#94a3b8;margin-bottom:24px;font-size:.88rem;line-height:1.5}.modal-actions{gap:12px;width:100%;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn.cancel{color:#94a3b8;background-color:#131c31;border:1px solid #1e293b}.modal-btn.cancel:hover{color:#fff;background-color:#1e293b}.modal-btn.confirm-danger{color:#fff;background-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.modal-btn.confirm-danger:hover{background-color:#dc2626;box-shadow:0 6px 16px #ef444473}.change-password-modal{-webkit-backdrop-filter:blur(16px);background:#0b1221f2;border:1px solid #ffffff1a;border-radius:20px;width:440px;max-width:calc(100vw - 32px);padding:32px 28px 28px;box-shadow:0 25px 50px -12px #000c,0 0 30px #00e5ff14}.change-password-header{text-align:center;flex-direction:column;align-items:center;display:flex}.change-password-icon{color:#00e5ff;background:linear-gradient(135deg,#00e5ff26 0%,#3b82f61a 100%);border:1px solid #00e5ff4d;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 0 25px #00e5ff26}.change-password-modal .modal-title{text-align:center;color:#fff;margin-bottom:6px;font-size:1.25rem;font-weight:700}.change-password-modal .modal-message{text-align:center;color:#64748b;margin-bottom:24px;font-size:.85rem}.password-form{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.password-field{flex-direction:column;gap:8px;display:flex}.password-field label{color:#cbd5e1;letter-spacing:.06em;font-size:11px;font-weight:700}.modal-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.modal-input-icon{color:#64748b;pointer-events:none;z-index:5;transition:color .2s;position:absolute;left:14px}.modal-input-field{box-sizing:border-box;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:44px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s;color:#fff!important;padding:0 42px 0 44px!important}.modal-input-field::placeholder{color:#475569}.modal-input-field:focus{background:#0f172afa;border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff26}.modal-input-wrapper:focus-within .modal-input-icon{color:#00e5ff}.modal-input-field.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.modal-input-field.input-success{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126!important}.modal-input-field:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.modal-input-field:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.modal-input-field:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.modal-input-field:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.modal-password-toggle{color:#64748b;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:10px}.modal-password-toggle:hover{color:#94a3b8;background-color:#ffffff0f}.password-hint{align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:500;display:flex}.password-hint.error{color:#f87171}.password-hint.success{color:#34d399}.change-password-submit{color:#fff;background:linear-gradient(135deg,#00c9e4 0%,#08c 100%);border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #00c9e459}.change-password-submit:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff 0%,#0099e6 100%);transform:translateY(-1px);box-shadow:0 6px 20px #00e5ff73}.change-password-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #00c9e44d}.change-password-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.modal-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.dashboard-header-section{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.welcome-text{color:var(--text-primary);margin:0;font-size:2rem;font-weight:600}.welcome-subtext{color:var(--text-secondary);font-size:.9rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:1.25rem 1.5rem;display:flex}.metric-header{color:var(--text-secondary);letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:flex}.metric-value{color:var(--accent-cyan);margin-bottom:.25rem;font-family:Space Mono,monospace,sans-serif;font-size:2.2rem;font-weight:500;line-height:1.1}.metric-subtext{color:var(--text-secondary);font-size:.8rem}.dashboard-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.panel-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600}.dashboard-middle-row{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.btn-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.btn-link:hover{color:var(--accent-cyan)}.batch-progress-list{flex-direction:column;gap:1.5rem;display:flex}.batch-progress-item{flex-direction:column;gap:.5rem;display:flex}.batch-labels{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.batch-name strong{color:var(--text-primary)}.batch-percentage{color:var(--accent-cyan);font-weight:600}.fee-stats{flex-direction:column;flex:1;gap:1rem;display:flex}.fee-stat-box{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.fee-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.fee-value{font-size:1.6rem;font-weight:500}.text-orange{color:#f97316}.dashboard-bottom-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.badge-red{color:#fff;background-color:#ef4444;border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.queue-list,.tutor-list{flex-direction:column;flex:1;display:flex}.queue-item,.tutor-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.queue-item:last-child,.tutor-item:last-child{border-bottom:none}.student-info h4,.tutor-info h4{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.student-info span,.tutor-info span{color:var(--text-secondary);font-size:.8rem}.badge-unassigned{border:1px solid var(--border-color);color:var(--text-primary);background-color:#ffffff0d;border-radius:12px;padding:.25rem .75rem;font-size:.75rem}.btn-panel-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.dark-action{border:1px solid var(--border-color);color:var(--text-primary);background-color:#ffffff0d}.dark-action:hover{background-color:#ffffff1a}.primary-action{background-color:var(--accent-cyan);color:var(--bg-main);box-shadow:0 0 15px var(--accent-cyan-glow);border:none}.primary-action:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f0ff66}.table-card{background:#071226;border:1px solid #12203a;border-radius:20px;margin-top:24px;padding:20px;overflow-x:auto}.table-header{margin-bottom:16px}.table-header h2{color:#f8fafc;font-size:18px;font-weight:700}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #1e293b;padding:14px 12px;font-size:13px;font-weight:600}.custom-table td{color:#e2e8f0;border-bottom:1px solid #0f172a;padding:14px 12px;font-size:14px}.custom-table tr:hover{background:#94a3b80a}.status{border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.online{color:#34d399;background:#10b98126}.maintenance{color:#fbbf24;background:#f59e0b26}.batches-container{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.batches-header-section{flex-direction:column;gap:.35rem;display:flex}.breadcrumb{color:#00f0ff;letter-spacing:.18em;text-transform:uppercase;font-size:.725rem;font-weight:700}.batches-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.batches-title-left{flex-direction:column;gap:.35rem;display:flex}.welcome-text{color:#fff;letter-spacing:-.01em;margin:0;font-size:2.2rem;font-weight:700}.batches-title-right{align-items:center;gap:.85rem;display:flex}.view-toggle-group{background:#090f1d;border:1px solid #1e2c45;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.45rem .65rem;transition:all .2s;display:flex}.view-toggle-btn:hover{color:#fff}.view-toggle-btn.active{color:#00f0ff;background:#142035;box-shadow:0 0 10px #00f0ff33}@media (width<=960px){.batches-grid{grid-template-columns:1fr}}.batch-card{background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 10px 30px #0000004d}.batch-card:hover{border-color:#243552;box-shadow:0 12px 35px #00000073}.batch-info h3{color:#fff;letter-spacing:.01em;margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.batch-info span{color:#718096;font-size:.82rem;display:block}.batch-header-right{align-items:center;gap:.5rem;display:flex}.batch-next-badge{color:#94a3b8;white-space:nowrap;background-color:#0b1325;border:1px solid #1d2a42;border-radius:20px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.progress-bar{background:linear-gradient(90deg,#00f0ff,#00d2ff);border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 10px #00f0ff73}.batch-stats{background:#080d19;border:1px solid #162238;border-radius:10px;grid-template-columns:repeat(3,1fr);padding:.85rem .5rem;display:grid}.stat{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;display:flex}.stat-label{color:#718096;letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:700}.stat-value{color:#00f0ff;letter-spacing:.02em;font-size:1.1rem;font-weight:700}.stat-value.tutor-name{color:#00f0ff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.92rem;font-weight:600;overflow:hidden}.btn-open-roster{color:#e2e8f0;cursor:pointer;background:#111a2c;border:1px solid #1e2c45;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-open-roster:hover{color:#fff;background:#16243d;border-color:#00f0ff;box-shadow:0 0 14px #00f0ff33}.batches-empty-state{text-align:center;color:#64748b;background:#0a0f1d;border:1px dashed #1e2c45;border-radius:14px;grid-column:1/-1;padding:3rem}.batches-container .modal-content.batch-creation-modal-md,.batches-container .modal-content{box-sizing:border-box!important;background:var(--bg-card,#0f1420)!important;border:1px solid #00f0ff47!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:660px!important;margin:0!important;padding:24px 28px!important;position:relative!important;box-shadow:0 15px 40px #0000008c,0 0 20px #00f0ff0d!important}.batches-container .modal-content>div{box-sizing:border-box!important;width:100%!important;max-width:none!important}@media (width<=640px){.modal-overlay{padding:12px!important}.batches-container .modal-content{width:100%!important;max-width:100%!important;padding:18px!important}.batches-container .modal-header h2{font-size:1.1rem!important}.batches-container .modal-content .form-group{margin-bottom:11px!important}.batches-container .modal-actions{justify-content:flex-end!important}}.lms-table-card{color:#fff;background-color:#0b1120;border:1px solid #1e293b;border-radius:20px;width:100%;padding:24px;font-family:Outfit,sans-serif;box-shadow:0 20px 40px #0006}.lms-table-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lms-table-title-area{align-items:baseline;gap:16px;display:flex}.lms-table-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.lms-table-count{color:#64748b;font-size:.85rem;font-weight:500}.lms-table-search-area{align-items:center;display:flex}.lms-search-box{position:relative}.lms-search-input{color:#fff;background-color:#080d19;border:1px solid #1e293b;border-radius:10px;outline:none;width:220px;padding:8px 14px;font-size:.85rem;transition:all .2s}.lms-search-input::placeholder{color:#475569}.lms-search-input:focus{border-color:#00c9e4;box-shadow:0 0 0 2px #00c9e433}.lms-table-wrapper{width:100%;overflow-x:auto}.lms-table{border-collapse:separate;border-spacing:0;color:#fff;width:100%}.lms-table th{color:#64748b;text-align:left;white-space:nowrap;border-bottom:1px solid #1e293b;padding:14px 16px;font-size:.85rem;font-weight:600}.lms-table th.text-center{text-align:center}.lms-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:16px;font-size:.9rem}.lms-table td.text-center{text-align:center}.lms-table tbody tr{transition:background-color .2s}.lms-table tbody tr:hover{background-color:#ffffff05}.lms-empty-cell{text-align:center;color:#64748b;padding:40px 16px!important}.lms-spinner{border:2px solid #00c9e433;border-top-color:#00c9e4;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.8s linear infinite lmsSpinner}@keyframes lmsSpinner{to{transform:rotate(360deg)}}.lms-status-badge{border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}.lms-status-badge.success{color:#34d399;background-color:#10b98126}.lms-status-badge.danger{color:#f87171;background-color:#ef444426}.lms-action-group{justify-content:center;align-items:center;gap:10px;display:inline-flex}.lms-action-btn{color:#94a3b8;cursor:pointer;background-color:#ffffff0a;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.lms-action-btn:hover{color:#00c9e4;background-color:#00f0ff1a;border-color:#00c9e466}.lms-action-btn.edit:hover{color:#38bdf8;border-color:#38bdf866}.lms-action-btn.delete:hover{color:#ef4444;background-color:#ef444426;border-color:#ef444466}.lms-toggle-switch{cursor:pointer;width:44px;height:24px;margin:0;display:inline-block;position:relative}.lms-toggle-switch input{opacity:0;width:0;height:0}.lms-slider{background-color:#1e293b;border-radius:24px;transition:all .3s;position:absolute;inset:0}.lms-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.lms-toggle-switch input:checked+.lms-slider{background-color:#00c9e4}.lms-toggle-switch input:checked+.lms-slider:before{transform:translate(20px)}.lms-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.lms-pagination-wrapper{justify-content:flex-end;display:flex}.lms-pagination{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lms-page-item{justify-content:center;align-items:center;display:flex}.lms-page-link{color:#64748b;cursor:pointer;background-color:#131c31;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.lms-page-item:hover .lms-page-link{color:#fff;background-color:#1e293b}.lms-page-item.active .lms-page-link{color:#fff;background-color:#2563eb;border-color:#2563eb}.lms-page-item.disabled .lms-page-link{opacity:.4;cursor:not-allowed}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;z-index:-1;position:absolute}.core-styles-module_content__BRKdB{z-index:1;position:relative}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;font-size:90%}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.tutors-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.tutors-title-row{justify-content:space-between;align-items:center;display:flex}.tutors-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.tutor-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tutor-card-header{justify-content:space-between;align-items:flex-start;display:flex}.tutor-info h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.tutor-info .designation{color:var(--text-secondary);font-size:.85rem}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.status-badge.active{color:var(--text-primary);border:1px solid var(--border-color);background-color:#ffffff0d}.status-badge.inactive{color:var(--text-secondary);background-color:#ffffff05;border:1px solid #0000}.tutor-details{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.85rem;display:flex}.tutor-stat{align-items:center;gap:.4rem;display:flex}.star-icon{color:#fbbf24}.tutor-batches{flex-wrap:wrap;gap:.5rem;min-height:24px;display:flex}.batch-tag{border:1px solid var(--border-color);color:var(--text-primary);background-color:#ffffff0d;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.no-batches{color:var(--text-muted,#666);font-size:.8rem;font-style:italic}.tutor-actions{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.btn-message{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background-color:#ffffff0d;border-radius:8px;padding:.6rem 2rem;font-size:.85rem;font-weight:500;transition:background-color .2s}.btn-message:hover{background-color:#ffffff1a}.btn-text{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.85rem;font-weight:600;transition:color .2s}.btn-text:hover{color:var(--accent-cyan)}.half-width{flex:1}.file-input{background-color:var(--bg-main);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:6px;padding:.5rem;font-size:.85rem}.file-input::-webkit-file-upload-button{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;margin-right:1rem;padding:.4rem .8rem;transition:background-color .2s}.file-input::-webkit-file-upload-button:hover{background-color:#ffffff1a}.header-actions{align-items:center;gap:.6rem;display:flex}.icon-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:#64748b;border-radius:999px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background-color:#2563eb}.switch input:checked+.slider:before{transform:translate(22px)}.error-text{color:#ef4444;margin-top:.35rem;font-size:.75rem;display:block}.right-align{justify-content:flex-end;gap:.75rem}.form-group{width:100%}@media (width<=640px){.tutor-form-grid{grid-template-columns:1fr}.modal-content{padding:1.25rem}}.modal-overlay{z-index:9999!important;-webkit-backdrop-filter:blur(8px)!important;box-sizing:border-box!important;background:#02060fd1!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.modal-overlay .modal-content{box-sizing:border-box!important;background:linear-gradient(145deg,#172031fc,#0f172afc)!important;border:1px solid #94a3b82e!important;border-radius:18px!important;width:min(680px,100vw - 40px)!important;max-width:680px!important;height:auto!important;max-height:none!important;padding:28px 32px 24px!important;position:relative!important;overflow:visible!important;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff05!important}.modal-overlay .modal-header{justify-content:flex-start!important;align-items:center!important;width:100%!important;margin:0 0 24px!important;padding:0!important;display:flex!important;position:relative!important}.modal-overlay .modal-header h2{color:#f8fafc!important;letter-spacing:-.4px!important;text-align:left!important;margin:0!important;padding:0!important;font-size:1.75rem!important;font-weight:700!important;line-height:1.2!important;display:block!important}.modal-overlay .batch-modal-close-btn{color:#cbd5e1!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #94a3b82e!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0!important;padding:0!important;transition:background .2s,border-color .2s,color .2s,transform .2s!important;display:flex!important;position:absolute!important;top:0!important;right:0!important}.modal-overlay .batch-modal-close-btn:hover{color:#fff!important;background:#ffffff17!important;border-color:#00f0ff59!important;transform:rotate(90deg)!important}.modal-overlay .tutor-form-grid{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:15px 18px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.modal-overlay .tutor-form-grid .full-width{grid-column:1/-1!important}.modal-overlay .form-group{flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .form-group label,.modal-overlay .image-upload-group label{color:#cbd5e1!important;text-align:left!important;margin:0!important;padding:0!important;font-size:.82rem!important;font-weight:600!important;line-height:1.2!important}.modal-overlay .modal-content input,.modal-overlay .modal-content textarea,.modal-overlay .modal-content select{box-sizing:border-box!important;color:#f8fafc!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:9px!important;width:100%!important;max-width:none!important;font-size:.88rem!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.modal-overlay .modal-content input{height:44px!important;padding:0 13px!important}.modal-overlay .modal-content textarea{resize:vertical!important;min-height:80px!important;padding:11px 13px!important}.modal-overlay .modal-content select{height:44px!important;padding:0 13px!important}.modal-overlay .modal-content input::placeholder,.modal-overlay .modal-content textarea::placeholder{color:#64748b!important}.modal-overlay .modal-content input:focus,.modal-overlay .modal-content textarea:focus,.modal-overlay .modal-content select:focus{border-color:var(--accent-cyan,#00f0ff)!important;background:#0f172af2!important;outline:none!important;box-shadow:0 0 0 2px #00f0ff12,0 0 12px #00f0ff14!important}.modal-overlay .form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;width:100%!important;margin:0!important;display:grid!important}.modal-overlay .half-width{flex:none!important;width:100%!important;min-width:0!important}.modal-overlay .image-upload-group{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.modal-overlay .image-upload-group .file-input,.modal-overlay input[type=file]{box-sizing:border-box!important;color:#94a3b8!important;cursor:pointer!important;background:#0f172ac7!important;border:1px dashed #475569!important;border-radius:9px!important;width:100%!important;height:44px!important;padding:6px 9px!important;font-size:.82rem!important}.modal-overlay input[type=file]::-webkit-file-upload-button{color:#e2e8f0!important;cursor:pointer!important;background:#1e293b!important;border:1px solid #475569!important;border-radius:6px!important;height:30px!important;margin-right:10px!important;padding:0 12px!important;font-size:.78rem!important;transition:all .2s!important}.modal-overlay input[type=file]::-webkit-file-upload-button:hover{background:#334155!important;border-color:#64748b!important}.modal-overlay .modal-actions{border-top:1px solid #94a3b824!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;margin-top:20px!important;padding-top:16px!important;display:flex!important}.modal-overlay .modal-actions>button{box-sizing:border-box!important;flex:none!important}.modal-overlay .btn-clear-custom,.modal-overlay .modal-actions .btn-cancel,.modal-overlay .modal-actions .btn-danger{color:#cbd5e1!important;cursor:pointer!important;background:#ffffff06!important;border:1px solid #334155!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:40px!important;padding:0 16px!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.modal-overlay .btn-clear-custom:hover,.modal-overlay .modal-actions .btn-cancel:hover,.modal-overlay .modal-actions .btn-danger:hover{color:#fff!important;background:#ffffff12!important;border-color:#475569!important}@media (width<=800px){.modal-overlay{justify-content:center!important;padding:20px!important;overflow:auto!important}.modal-overlay .modal-content{border-radius:15px!important;width:100%!important;max-width:680px!important;padding:26px 24px 22px!important}}@media (width<=640px){.modal-overlay{padding:12px!important}.modal-overlay .modal-content{border-radius:13px!important;width:100%!important;max-width:100%!important;padding:22px 18px 18px!important}.modal-overlay .modal-header{margin-bottom:20px!important}.modal-overlay .modal-header h2{font-size:1.4rem!important}.modal-overlay .tutor-form-grid{grid-template-columns:1fr!important;row-gap:14px!important}.modal-overlay .form-row{grid-template-columns:1fr!important;gap:14px!important}.modal-overlay .modal-content input,.modal-overlay .modal-content select,.modal-overlay .image-upload-group .file-input,.modal-overlay input[type=file]{height:42px!important}.modal-overlay .modal-actions{margin-top:18px!important;padding-top:14px!important}.modal-overlay .btn-clear-custom,.modal-overlay .modal-actions .btn-cancel,.modal-overlay .modal-actions .btn-danger{width:90px!important;min-width:90px!important}.modal-overlay .modal-actions .btn-primary,.modal-overlay .modal-actions .btn-success{width:108px!important;min-width:108px!important}}.form-group{flex-direction:column;gap:5px;width:100%;margin:0;display:flex}.form-group label{color:#cbd5e1;margin:0;font-size:.78rem;font-weight:600;line-height:1.2}.file-input::-webkit-file-upload-button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:5px;height:25px;margin-right:8px;padding:0 8px;font-size:.75rem}.error-text{color:#ef4444;margin:0;font-size:.7rem;line-height:1.2}.form-row{gap:12px;display:flex}.half-width{flex:1;min-width:0}.no-tutors-found{background-color:var(--bg-card);border:1px dashed var(--border-color);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:250px;margin-top:1rem;padding:4rem 2rem;display:flex}.no-tutors-icon{color:var(--accent-cyan,#38bdf8);opacity:.8}.no-tutors-found h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.no-tutors-found p{color:var(--text-secondary);max-width:400px;margin:0 0 .5rem;font-size:.9rem}.students-container{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.students-header-section{flex-direction:column;gap:.5rem;display:flex}.students-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.title-left{min-width:0}.welcome-text{margin:0}.welcome-subtext{color:var(--text-secondary);margin:6px 0 0;font-size:14px}.breadcrumb{color:var(--text-secondary);letter-spacing:1px;font-size:11px;font-weight:700}.title-actions{align-items:center;gap:10px;display:flex}.btn-outline{cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-outline:hover{color:#00e5ff;background:#ffffff0d;border-color:#00e5ff}.students-toolbar{align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.search-bar{box-sizing:border-box;border:1px solid var(--border-color);background:#ffffff06;border-radius:8px;align-items:center;gap:9px;width:250px;height:42px;padding:0 12px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:#00e5ff}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-bar input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13px}.search-bar input::placeholder{color:var(--text-secondary)}.batch-filter{width:220px;min-width:220px}.batch-filter .react-select__control{border:1px solid var(--border-color);width:100%;height:42px;min-height:42px;box-shadow:none;cursor:pointer;background:#ffffff06;border-radius:8px}.batch-filter .react-select__control:hover{border-color:#00e5ff}.batch-filter .react-select__control--is-focused{box-shadow:none;border-color:#00e5ff}.batch-filter .react-select__value-container{height:40px;padding:0 10px;overflow:hidden}.batch-filter .react-select__single-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.batch-filter .react-select__placeholder{color:var(--text-secondary);font-size:13px}.batch-filter .react-select__indicator-separator{display:none}.batch-filter .react-select__dropdown-indicator{color:var(--text-secondary);padding:6px}.batch-filter .react-select__clear-indicator{color:var(--text-secondary);padding:5px}.batch-filter .react-select__clear-indicator:hover{color:#ef4444}.batch-filter .react-select__menu{border:1px solid var(--border-color);z-index:9999;background:#0f172a;border-radius:8px;overflow:hidden}.batch-filter .react-select__menu-list{padding:4px}.batch-filter .react-select__option{color:#e2e8f0;cursor:pointer;background:0 0;border-radius:5px;padding:9px 10px;font-size:13px}.batch-filter .react-select__option--is-focused{color:#fff;background:#00e5ff1f}.batch-filter .react-select__option--is-selected,.batch-filter .react-select__option--is-selected:hover{color:#08111f;background:#00e5ff}.results-count{color:var(--text-secondary);white-space:nowrap;margin-left:2px;font-size:13px;font-weight:500}.students-table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-top:2px;overflow:hidden}.students-table{border-collapse:collapse;text-align:left;width:100%}.students-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:1.1rem 1.4rem;font-size:.72rem;font-weight:600}.students-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:1.1rem 1.4rem;font-size:.88rem}.students-table tbody tr:last-child td{border-bottom:none}.students-table tbody tr:hover{background-color:#ffffff05}.col-callsign{text-align:center;color:#00e5ff;width:70px;font-size:13px;font-weight:700}.col-name{min-width:180px}.col-batch{min-width:220px}.batch-code-pill{color:#00f0ff;white-space:nowrap;text-overflow:ellipsis;background:#00f0ff14;border:1px solid #00f0ff40;border-radius:999px;max-width:100%;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block;overflow:hidden}.not-assigned{color:var(--text-secondary);font-size:12px}.col-attendance{color:var(--text-primary)}.col-score{color:var(--accent-cyan);font-size:1rem;font-weight:700}.col-status{font-size:.75rem;font-weight:700}.status-pill{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pill.active{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e47}.status-pill.inactive{color:#ef4444;background:#ef44441f;border:1px solid #ef444447}.table-message{color:var(--text-secondary);font-size:14px;text-align:center!important;padding:45px 20px!important}.pagination-bar{justify-content:space-between;align-items:center;gap:20px;margin-top:4px;display:flex}.pagination-actions{align-items:center;gap:8px;display:flex}.pagination-actions button{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:7px;justify-content:center;align-items:center;padding:8px 13px;font-size:12px;transition:all .2s;display:flex}.pagination-actions button:hover:not(:disabled){color:#00f0ff;border-color:#00f0ff}.pagination-actions button:disabled{opacity:.45;cursor:not-allowed}.page-number{color:#94a3b8;white-space:nowrap;padding:0 5px;font-size:12px}@media (width<=768px){.students-container{padding:1rem}.students-title-row{flex-direction:column;gap:15px}.title-actions,.btn-outline{width:100%}.students-toolbar{flex-wrap:wrap}.search-bar{width:100%}.batch-filter{width:100%;min-width:100%}.results-count{width:100%}.students-table-container{overflow-x:auto}.students-table{min-width:850px}.pagination-bar{flex-direction:column;align-items:flex-start;gap:12px}.pagination-actions{justify-content:flex-end;width:100%}}.bc-header-section{flex-direction:column;gap:.4rem;display:flex}.bc-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.bc-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:1.85rem;font-weight:700}.bc-title-actions{align-items:center;gap:.75rem;display:flex}.bc-btn-segregate{color:#e2e8f0;cursor:pointer;background-color:#121929;border:1px solid #1e2c45;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.bc-btn-segregate:hover{color:#fff;background-color:#1a253c;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff26}.bc-btn-commit{color:#080d16;cursor:pointer;background:#00f0ff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 16px #00f0ff66}.bc-btn-commit:hover{background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff99}.bc-panel{background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;padding:1.75rem;box-shadow:0 10px 30px #0000004d}.bc-enrollment-queue{flex-direction:column;flex:2.2;display:flex}.bc-capacity-preview{flex-direction:column;flex:1;height:fit-content;display:flex}.bc-queue-list{flex-direction:column;gap:10px;margin-top:1rem;display:flex}.bc-queue-item{box-sizing:border-box;background:#0b1220;border:1px solid #1a263b;border-radius:12px;flex:1;justify-content:space-between;align-items:center;min-height:64px;padding:.85rem 1.25rem;transition:all .2s;display:flex}.bc-student-content{flex-direction:column;gap:4px;display:flex}.bc-student-details{color:#718096;font-size:.78rem}.bc-action-cell{align-items:center;display:flex}.bc-badge-assigned{color:#e2e8f0;text-align:center;letter-spacing:.01em;background-color:#0e1726;border:1px solid #23334d;border-radius:20px;justify-content:center;align-items:center;min-width:85px;padding:.35rem .95rem;font-size:.75rem;font-weight:600;display:inline-flex}.bc-badge-assigned.assigned{color:#fff;background-color:#0f172a;border-color:#334155}.bc-badge-assigned.not-assigned{color:#64748b;background-color:#080d1a;border-color:#1e293b}.bc-select-wrapper{align-items:center;display:inline-flex;position:relative}.bc-batch-select{appearance:none;color:#8293ad;cursor:pointer;background-color:#0e1726;border:1px solid #1a283e;border-radius:8px;outline:none;min-width:120px;padding:.4rem 2rem .4rem 1rem;font-size:.82rem;font-weight:500;transition:all .2s}.bc-batch-select:hover{color:#fff;border-color:#00f0ff}.bc-batch-select:focus{color:#fff;border-color:#00f0ff;box-shadow:0 0 8px #00f0ff40}.bc-select-arrow{pointer-events:none;color:#64748b;transition:color .2s;position:absolute;right:.75rem}.bc-select-wrapper:hover .bc-select-arrow{color:#00f0ff}.bc-capacity-list{flex-direction:column;gap:1.4rem;display:flex}.bc-capacity-item{flex-direction:column;gap:.55rem;display:flex}.bc-batch-code{color:#fff;letter-spacing:.02em;font-size:.9rem;font-weight:600}.bc-count-group{align-items:center;gap:.4rem;display:flex}.bc-delta-tag{color:#0f8;font-size:.8rem;font-weight:700}.bc-progress-bar-container{background-color:#121a2b;border-radius:4px;height:5px;overflow:hidden}@media (width<=900px){.bc-main-content{flex-direction:column}.bc-title-row{flex-direction:column;align-items:flex-start;gap:1rem}}.bc-panel-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.bc-enrollment-header-left{flex-direction:column;justify-content:flex-end;display:flex}.bc-pick-batch{width:260px;margin-left:auto}.bc-pick-batch .bc-filter-label{color:#f8fafc;margin-bottom:6px;font-weight:600}.bc-result-count{margin-top:4px}.bc-queue-actions{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.bc-select-wrapper{min-width:230px;position:relative}.bc-batch-select{color:#f8fafc;cursor:pointer;appearance:none;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;width:100%;height:42px;padding:0 35px 0 14px;font-size:14px;font-weight:600;transition:all .25s}.bc-btn-commit{white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;display:flex}.bc-container{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding:32px 28px 50px;display:flex}.bc-header-section{flex-direction:column;gap:6px;width:100%;display:flex}.bc-breadcrumb{letter-spacing:.18em;color:#00f0ff;text-transform:uppercase;font-size:12px;font-weight:700}.bc-title-row{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.bc-title-left{flex-direction:column;gap:6px;display:flex}.bc-title{color:#fff;margin:0;font-size:30px;font-weight:700;line-height:1.2}.bc-subtitle{color:#8492a6;margin:0;font-size:14px}.bc-btn-commit{white-space:nowrap;color:#080d16;cursor:pointer;background:#00f0ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.bc-btn-commit:hover:not(:disabled){background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff59}.bc-btn-commit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.bc-main-content{grid-template-rows:auto auto;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);align-items:start;gap:20px;width:100%;display:grid}.bc-filter-row{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.bc-filter-group{width:155px}.bc-school-filter-group{width:350px}.bc-filter-label{color:#f8fafc;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.bc-filter-buttons{align-items:flex-end;display:flex}.bc-btn-show-results{color:#fff;cursor:pointer;background:#00aeff;border:none;border-radius:6px;min-width:85px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s}.bc-btn-show-results:hover{background:#0098df}.bc-btn-show-results:disabled{color:#cbd5e1;cursor:not-allowed;background:#64748b}.bc-panel{box-sizing:border-box;background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;width:100%;padding:24px;box-shadow:0 10px 30px #00000040}.bc-enrollment-queue{flex-direction:column;grid-column:1;min-width:0;display:flex}.bc-capacity-preview{flex-direction:column;grid-column:2;min-width:0;height:fit-content;display:flex}.bc-panel-header{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.bc-panel-title{color:#fff;letter-spacing:.02em;text-shadow:0 0 1px #fff,0 0 2px #ffffff59;margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:20px;font-weight:600}.bc-result-count{color:#718096;margin:6px 0 0;font-size:13px}.bc-queue-actions{justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.bc-select-wrapper{width:230px;position:relative}.bc-batch-select{box-sizing:border-box;color:#f8fafc;cursor:pointer;appearance:none;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;width:100%;height:42px;padding:0 38px 0 14px;font-size:14px;font-weight:600;transition:all .25s}.bc-batch-select:hover,.bc-batch-select:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff40}.bc-select-arrow{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.bc-queue-list{flex-direction:column;gap:10px;width:100%;margin-top:18px;display:flex}.bc-queue-row{align-items:center;gap:12px;width:100%;display:flex}.bc-student-checkbox{cursor:pointer;accent-color:#00f0ff;flex-shrink:0;width:17px;height:17px;margin:0}.bc-student-checkbox-placeholder{flex-shrink:0;width:17px;height:17px}.bc-queue-item{box-sizing:border-box;background:#0b1220;border:1px solid #1a263b;border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;min-height:72px;padding:14px 16px;transition:all .2s;display:flex}.bc-queue-item:hover{background:#0d1626;border-color:#263852}.bc-student-content{flex-direction:column;gap:4px;min-width:0;display:flex}.bc-student-name{color:#fff;margin:0;font-size:15px;font-weight:600}.bc-student-details{color:#718096;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bc-student-meta{align-items:center;gap:12px;margin-top:2px;display:flex}.bc-student-school{color:#fff;font-size:13px}.bc-student-grade{color:#94a3b8;font-size:12px}.bc-action-cell{flex-shrink:0;align-items:center;display:flex}.bc-badge-assigned{color:#e2e8f0;background:#0e1726;border:1px solid #23334d;border-radius:20px;justify-content:center;align-items:center;min-width:85px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.bc-badge-assigned.assigned{color:#fff;background:#0f172a;border-color:#334155}.bc-badge-assigned.not-assigned{color:#64748b;background:#080d1a;border-color:#1e293b}.bc-capacity-list{flex-direction:column;gap:22px;margin-top:20px;display:flex}.bc-capacity-item{cursor:pointer;transition:all .2s}.bc-capacity-item:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}.bc-capacity-item-selected{border-color:#38bdf8}.bc-capacity-labels{justify-content:space-between;align-items:center;display:flex}.bc-batch-code{color:#fff;font-size:14px;font-weight:600}.bc-count-text{color:#8492a6;font-size:13px;font-weight:600}.bc-progress-bar-container{background:#121a2b;border-radius:4px;width:100%;height:5px;overflow:hidden}.bc-progress-bar{background:linear-gradient(90deg,#00f0ff,#00d2ff);border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 10px #00f0ff59}.bc-react-select{font-size:12px}.bc-react-select .react-select__control{border-radius:6px;height:34px;min-height:34px}.bc-react-select .react-select__value-container{padding:0 7px}.bc-react-select .react-select__indicators{height:32px}.bc-capacity-top-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.bc-capacity-top-tick{color:#fff;background:#0ea5e9;border:2px solid #0ea5e9;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:900;line-height:1;display:flex}.bc-capacity-top-text{color:#fff;font-size:18px;font-weight:700}.bc-capacity-tick{color:#fff;vertical-align:middle;background:#00aeff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:7px;font-size:13px;font-weight:700;display:inline-flex}.bc-capacity-item-selected{cursor:pointer}.bc-batch-code{align-items:center;font-weight:700;display:flex}.bc-react-select .react-select__single-value{color:#fff!important}.bc-react-select .react-select__placeholder{color:#cbd5e1!important}.bc-react-select .react-select__input-container,.bc-react-select .react-select__input{color:#fff!important}.bc-react-select .react-select__menu{background:#0f172a}.bc-react-select .react-select__option{color:#f8fafc;background:#0f172a}.bc-react-select .react-select__option:hover,.bc-react-select .react-select__option--is-focused{color:#fff;background:#1e293b}.bc-react-select .react-select__option--is-selected{color:#fff;background:#00aeff}.bc-result-count-row{align-items:center;gap:14px;margin-top:6px;display:flex}.bc-select-all-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.bc-select-all-checkbox{cursor:pointer;accent-color:#00aeff;width:16px;height:16px;margin:0}.bc-select-all-checkbox:disabled{cursor:not-allowed;opacity:.45}.bc-select-all-label{color:#00aeff;letter-spacing:.3px;font-size:13px;font-weight:600}.bc-result-count{margin:0}.cm-url-input-row{align-items:center;gap:6px;width:100%;display:flex}.cm-url-input-row input{color:#fff;box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff1a;border-radius:7px;outline:none;height:42px;padding:0 13px;font-size:13px;transition:border-color .2s,background .2s;flex:auto!important;width:auto!important;min-width:0!important}.cm-url-input-row input::placeholder{color:#777e88}.cm-url-input-row input:focus{background:#00e5ff06;border-color:#00e5ff}.cm-url-input-row .cm-url-add-btn{color:#061014;cursor:pointer;box-sizing:border-box;background:#00e5ff;border:none;border-radius:6px;justify-content:center;align-items:center;height:42px;margin:0;font-size:11px;font-weight:700;transition:background .2s,transform .15s,opacity .2s;display:flex;flex:0 0 50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;padding:0!important}.cm-url-input-row .cm-url-add-btn:hover:not(:disabled){background:#18ebff;transform:translateY(-1px)}.cm-url-input-row .cm-url-add-btn:active:not(:disabled){transform:translateY(0)}.cm-url-input-row .cm-url-add-btn:disabled{opacity:.4;cursor:not-allowed}.cm-url-help{color:#777e88;margin-top:6px;font-size:11px;display:block}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.form-grid{grid-template-columns:1fr}.modal-actions{justify-content:center}}@media (width<=768px){.modal-content{width:98vw;padding:22px 18px 18px}.user-form-grid{grid-template-columns:1fr;gap:16px}.modal-actions.right-align{flex-wrap:wrap;justify-content:stretch}.modal-actions.right-align>*{flex:140px}}@media (width<=768px){.user-form-grid{grid-template-columns:1fr}.modal-content{max-width:95%;padding:20px}}@media (width<=700px){.modal-overlay{padding:10px!important}.modal-overlay .modal-content{width:calc(100vw - 20px)!important;max-width:none!important;padding:16px 18px 14px!important}.modal-overlay .user-form-grid{grid-template-columns:1fr 1fr!important;gap:9px 10px!important}}@media (width<=520px){.modal-overlay{padding:8px!important}.modal-overlay .modal-content{border-radius:12px!important;width:calc(100vw - 16px)!important;padding:15px 14px 13px!important}.modal-overlay .modal-header{margin-bottom:12px!important}.modal-overlay .modal-header h2{font-size:1.2rem!important}.modal-overlay .user-form-grid{grid-template-columns:1fr!important;row-gap:9px!important}.modal-overlay .user-form-grid .full-width{grid-column:auto!important}.modal-overlay .modal-actions{margin-top:10px!important;padding-top:10px!important}}@media (width<=600px){.modal-overlay .location-fields{grid-template-columns:1fr!important;gap:10px!important}}.title-actions-group{align-items:center;gap:1rem;display:flex}.btn-bulk-add{color:#38bdf8;cursor:pointer;background-color:#0000;border:1px solid #38bdf8;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-bulk-add:hover{background-color:#38bdf81a;transform:translateY(-1px);box-shadow:0 0 12px #38bdf84d}.excel-file-upload-box{text-align:center;background:#0f172a80;border:2px dashed #38bdf866;border-radius:8px;margin-top:.5rem;padding:1.5rem;transition:border-color .2s}.excel-file-upload-box:hover{border-color:#38bdf8}.file-upload-label{cursor:pointer;color:#94a3b8;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.file-upload-label span{color:#e2e8f0;font-weight:500}.file-selected-text{color:#38bdf8;margin-top:.5rem;font-size:.85rem;display:block}.bulk-form-body{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background-color:#0000;border:1px solid #475569;border-radius:8px;padding:.6rem 1.25rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#fff;background-color:#ffffff0d}.duplicates-modal-content{flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex}.duplicates-info-text{color:#94a3b8;margin-top:.5rem;margin-bottom:.75rem;font-size:.875rem}.duplicates-table-wrapper{border:1px solid #1e293b;border-radius:8px;max-height:55vh;margin-top:.5rem;overflow-y:auto}.duplicates-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.duplicates-table th{color:#38bdf8;z-index:10;background-color:#0f172a;border-bottom:1px solid #1e293b;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.duplicates-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:.75rem 1rem}.duplicates-table tbody tr:hover{background-color:#ffffff08}.reason-badge{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:500;display:inline-block}.dup-edit-input{border:1px solid var(--border-color,#334155);background-color:var(--bg-input,#0f172a);color:#fff;box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:.4rem .6rem;font-size:.85rem;transition:border-color .2s}.dup-edit-input:focus{border-color:#38bdf8;box-shadow:0 0 6px #38bdf84d}.btn-bulk-reupload{color:#0f172a;cursor:pointer;background-color:#38bdf8;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-bulk-reupload:hover:not(:disabled){background-color:#7dd3fc;box-shadow:0 0 12px #38bdf866}.btn-bulk-reupload:disabled{opacity:.6;cursor:not-allowed}.modal-actions.right-align{box-sizing:border-box;gap:.75rem;flex-direction:row!important;justify-content:flex-end!important;align-self:stretch!important;align-items:center!important;width:100%!important;max-width:none!important;margin-top:1.5rem!important;margin-left:0!important;margin-right:0!important;padding:.75rem 0 0!important;display:flex!important}.user-form-grid+.modal-actions.right-align,.bulk-form-body+.modal-actions.right-align,.duplicates-modal-content .modal-actions.right-align{justify-content:flex-end!important;width:100%!important;max-width:none!important}.modal-actions.right-align>*,.modal-actions.right-align button,.modal-actions.right-align>div{flex:none!important;width:auto!important;max-width:none!important;margin:0!important}.modal-actions.right-align>div{align-items:center;display:flex}.modal-actions.right-align .btn-cancel,.modal-actions.right-align .btn-bulk-reupload{flex:none!important;width:auto!important}.ta-container{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.ta-header-section{flex-direction:column;gap:.4rem;width:100%;display:flex}.ta-breadcrumb{letter-spacing:.18em;color:#00f0ff;text-transform:uppercase;font-size:.725rem;font-weight:700}.ta-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;display:flex}.ta-title-left{flex-direction:column;gap:.35rem;min-width:0;display:flex}.ta-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:1.85rem;font-weight:700;line-height:1.2}.ta-subtitle{color:#8492a6;margin:0;font-size:.875rem;line-height:1.5}.ta-btn-commit{color:#080d16;white-space:nowrap;cursor:pointer;background:#00f0ff;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:.5rem;min-width:105px;height:42px;padding:0 18px;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s,opacity .2s;display:inline-flex;box-shadow:0 0 16px #00f0ff40}.ta-btn-commit:hover:not(:disabled){background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff73}.ta-btn-commit:active:not(:disabled){transform:translateY(0)}.ta-btn-commit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.ta-main-content{box-sizing:border-box;width:100%}.ta-panel{box-sizing:border-box;background:#0a0f1d;border:1px solid #162035;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000004d}.ta-enrollment-queue{flex-direction:column;width:100%;display:flex}.ta-panel-header{box-sizing:border-box;background:#0a0f1d;border-bottom:1px solid #162035;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;min-height:86px;padding:17px 20px;display:flex}.ta-enrollment-header-left{flex-direction:column;justify-content:flex-end;gap:6px;min-width:0;display:flex}.ta-panel-title{color:#fff;letter-spacing:.02em;margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.3}.ta-result-count-row{align-items:center;gap:10px;margin-top:2px;display:flex}.ta-select-all-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.ta-select-all-checkbox:disabled{cursor:not-allowed;opacity:.45}.ta-result-count{color:#718096;margin:0;font-size:.78rem}.ta-pick-batch{width:260px;min-width:230px;margin-left:auto}.ta-react-select{width:100%;font-size:12px}.ta-react-select .react-select__control{height:40px;min-height:40px;box-shadow:none;cursor:pointer;background:#0e1726;border:1px solid #1a283e;border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s}.ta-react-select .react-select__control:hover{background:#0f1929;border-color:#00f0ff}.ta-react-select .react-select__control--is-focused{border-color:#00f0ff;box-shadow:0 0 8px #00f0ff40}.ta-react-select .react-select__value-container{padding:0 12px}.ta-react-select .react-select__single-value{font-size:13px;color:#fff!important}.ta-react-select .react-select__placeholder{font-size:13px;color:#8492a6!important}.ta-react-select .react-select__input-container{font-size:13px;color:#fff!important}.ta-react-select .react-select__input{color:#fff!important}.ta-react-select .react-select__indicators{height:38px}.ta-react-select .react-select__indicator{color:#64748b;padding:8px}.ta-react-select .react-select__indicator:hover{color:#00f0ff}.ta-react-select .react-select__clear-indicator{color:#64748b}.ta-react-select .react-select__clear-indicator:hover{color:#ef4444}.ta-react-select .react-select__dropdown-indicator{color:#64748b}.ta-react-select .react-select__dropdown-indicator:hover{color:#00f0ff}.ta-react-select .react-select__menu{z-index:100;background:#0b1220;border:1px solid #1a263b;border-radius:8px;margin-top:5px;overflow:hidden}.ta-react-select .react-select__menu-list{padding:5px}.ta-react-select .react-select__option{color:#cbd5e1;cursor:pointer;background:#0b1220;border-radius:5px;padding:10px 12px;font-size:13px}.ta-react-select .react-select__option:hover,.ta-react-select .react-select__option--is-focused{color:#fff;background:#0d1626}.ta-react-select .react-select__option--is-selected{color:#fff;background:#00aeff}.ta-react-select .react-select__option--is-selected:hover{color:#fff;background:#18c4ff}.ta-queue-list{box-sizing:border-box;background:#0b1220;width:100%;max-height:650px;overflow-y:auto}.ta-queue-list::-webkit-scrollbar{width:7px}.ta-queue-list::-webkit-scrollbar-track{background:#080d16}.ta-queue-list::-webkit-scrollbar-thumb{background:#1a263b;border-radius:10px}.ta-queue-list::-webkit-scrollbar-thumb:hover{background:#263852}.ta-queue-row{box-sizing:border-box;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.ta-queue-item{border:1px solid var(--border-color,#263244);background:var(--panel-bg,#0f172a);border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:14px 16px;display:flex}.ta-tutor-content{flex:1;min-width:0}.ta-tutor-name{color:var(--text-primary,#e2e8f0);margin:0 0 5px;font-size:14px;font-weight:600}.ta-tutor-details{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted,#94a3b8);font-size:12px;display:block;overflow:hidden}.ta-detail-separator{opacity:.5}.ta-tutor-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-cyan,#00e5ff);flex-shrink:0}.ta-tutor-checkbox-placeholder{flex:none;width:17px;height:17px}.ta-queue-item{box-sizing:border-box;background:#0b1220;border:1px solid #1a263b;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;min-height:64px;padding:13px 16px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.ta-queue-item:hover,.ta-queue-row:hover .ta-queue-item{background:#0d1626;border-color:#263852}.ta-tutor-content{flex-direction:column;gap:4px;min-width:0;display:flex}.ta-tutor-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.ta-tutor-details{color:#718096;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.ta-detail-separator{color:#475569}.ta-action-cell{justify-content:flex-end;align-items:center;gap:16px;min-width:180px;display:flex}.ta-role-wrapper{justify-content:flex-end;align-items:center;gap:8px;min-width:90px;display:flex}.ta-role-label{text-align:right;min-width:52px;color:var(--text-muted,#94a3b8);font-size:12px;font-weight:600}.ta-badge-assigned{letter-spacing:.3px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.ta-badge-assigned.assigned,.ta-badge-assigned.not-assigned{color:#94a3b8;background:#94a3b814;border:1px solid #94a3b82e}.ta-queue-row:has(.ta-tutor-checkbox:checked){background:#0a1726}.ta-queue-row:has(.ta-tutor-checkbox:checked) .ta-queue-item{background:#0d1c2d;border-color:#00f0ff59;box-shadow:0 0 10px #00f0ff0d}.ta-empty{box-sizing:border-box;color:#64748b;text-align:center;background:#0b1220;justify-content:center;align-items:center;width:100%;min-height:180px;padding:30px;font-size:13px;display:flex}@media (width<=900px){.ta-container{padding:1.5rem}.ta-title-row{flex-direction:column;align-items:flex-start;gap:1rem}.ta-btn-commit{align-self:flex-start}.ta-panel-header{flex-direction:column;align-items:stretch;gap:15px}.ta-pick-batch{width:100%;min-width:0;margin-left:0}}@media (width<=600px){.ta-container{gap:1.25rem;padding:1rem}.ta-title{font-size:1.55rem}.ta-subtitle{font-size:.78rem}.ta-btn-commit{align-self:stretch;width:100%}.ta-panel{border-radius:10px}.ta-panel-header{padding:15px}.ta-panel-title{font-size:16px}.ta-queue-row{gap:9px;padding:10px 12px}.ta-queue-item{flex-direction:column;align-items:flex-start;gap:10px;min-height:64px;padding:12px}.ta-tutor-name,.ta-tutor-details{max-width:220px}.ta-action-cell{justify-content:flex-start}.ta-badge-assigned{min-width:80px}}@media (width<=400px){.ta-container{padding:.75rem}.ta-title{font-size:1.4rem}.ta-panel-header{padding:12px}.ta-queue-row{padding:9px 10px}.ta-queue-item{padding:10px}.ta-tutor-name,.ta-tutor-details{max-width:180px}}.toggle-switch{flex-shrink:0;width:34px;height:18px;display:inline-block;position:relative}.ta-result-count-row{align-items:center;gap:14px;display:flex}.ta-select-all-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.ta-select-all-checkbox{cursor:pointer;accent-color:#00e5ff;width:19px;height:19px;margin:0}.ta-select-all-checkbox:disabled{opacity:.4;cursor:not-allowed}.ta-select-all-label{color:#8fa8c4;white-space:nowrap;font-size:13px;font-weight:500}.ta-select-all-wrapper:hover .ta-select-all-label{color:#00e5ff}.ta-confirm-popup{box-sizing:border-box!important;background:linear-gradient(145deg,#0d1527 0%,#111c33 100%)!important;border:1px solid #00e5ff40!important;border-radius:20px!important;padding:28px 26px!important;box-shadow:0 25px 60px #000000a6,0 0 30px #00e5ff1a!important}.ta-confirm-modal-wrapper{text-align:left;flex-direction:column;gap:20px;display:flex}.ta-confirm-modal-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ta-confirm-modal-icon{color:#00e5ff;background:linear-gradient(135deg,#00e5ff26 0%,#00a8ff0d 100%);border:1px solid #00e5ff4d;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;display:flex;box-shadow:0 0 24px #00e5ff33}.ta-confirm-modal-title{color:#f8fafc;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.ta-confirm-modal-sub{color:#94a3b8;max-width:420px;margin:0;font-size:13px;line-height:1.4}.ta-confirm-batch-banner{background:#0f172abf;border:1px solid #00e5ff33;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.ta-confirm-batch-icon{color:#00e5ff;background:#00e5ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ta-confirm-batch-details{flex-direction:column;gap:2px;min-width:0;display:flex}.ta-confirm-batch-label{letter-spacing:.9px;color:#64748b;text-transform:uppercase;font-size:10px;font-weight:800}.ta-confirm-batch-name{color:#00e5ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.ta-confirm-tutors-section{flex-direction:column;gap:10px;display:flex}.ta-confirm-tutors-header{letter-spacing:.9px;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.ta-confirm-tutor-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.ta-confirm-tutor-list::-webkit-scrollbar{width:5px}.ta-confirm-tutor-list::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:4px}.ta-confirm-tutor-card{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:all .2s;display:flex}.ta-confirm-tutor-card.is-host-card{background:#00e5ff0f;border-color:#00e5ff40}.ta-confirm-tutor-avatar{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.ta-confirm-tutor-avatar.is-host-avatar{color:#00e5ff;background:#00e5ff26;border-color:#00e5ff66}.ta-confirm-tutor-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ta-confirm-tutor-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ta-confirm-tutor-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ta-confirm-role-pill{letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:800}.ta-confirm-role-pill.role-host{color:#00e5ff;background:linear-gradient(135deg,#00e5ff33 0%,#00a8ff33 100%);border:1px solid #00e5ff66}.ta-confirm-role-pill.role-support{color:#94a3b8;background:#33415580;border:1px solid #94a3b833}.ta-confirm-actions{justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;margin-top:24px!important;padding:0!important;display:flex!important}.ta-confirm-btn-primary{color:#02121f;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#00a8ff 100%);border:none;border-radius:9px;height:40px;padding:0 22px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #00e5ff4d}.ta-confirm-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #00e5ff73}.ta-confirm-btn-primary:active{transform:translateY(0)}.ta-confirm-btn-cancel{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b840;border-radius:9px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.ta-confirm-btn-cancel:hover{color:#f1f5f9;background:#334155e6}.login-page{color:#f8fafc;box-sizing:border-box;background-color:#030712;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bg-glow-1{background:radial-gradient(circle,#00e5ff26 0%,#2563eb14 50%,#0000 80%);width:550px;height:550px;top:-10%;left:-5%}.bg-glow-2{background:radial-gradient(circle,#6366f11f 0%,#00e5ff0d 50%,#0000 80%);width:600px;height:600px;bottom:-15%;right:-5%}.bg-grid-pattern{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-wrapper{z-index:1;-webkit-backdrop-filter:blur(20px);background:#0b1221d9;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1060px;min-height:620px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 40px #00e5ff0f,inset 0 1px #ffffff1a}.login-hero{background:linear-gradient(135deg,#0f193099 0%,#060b17e6 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex:1.1;justify-content:space-between;padding:48px;display:flex;position:relative}.login-hero:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff,#3b82f6,#0000);height:2px;position:absolute;top:0;left:0;right:0}.hero-brand{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.hero-logo-wrapper{max-width:280px;box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;padding:0;transition:transform .3s,filter .3s;display:inline-flex}.hero-logo-wrapper:hover{filter:drop-shadow(0 4px 14px #00e5ff59);transform:translateY(-2px)}.hero-logo-wide{object-fit:contain;filter:drop-shadow(0 2px 10px #00000080);width:auto;max-width:260px;height:auto;max-height:54px}.hero-brand-badge{flex-direction:column;gap:2px;display:flex}.hero-tag{letter-spacing:1.5px;color:#00e5ff;text-transform:uppercase;font-size:11px;font-weight:700}.hero-sub-title{color:#94a3b8;font-size:13px;font-weight:500}.hero-features{flex-direction:column;gap:22px;margin:36px 0;display:flex}.feature-item{align-items:flex-start;gap:14px;display:flex}.feature-icon{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:flex}.feature-item:hover .feature-icon{color:#fff;background:#00e5ff29;transform:translateY(-2px)}.feature-text h3{color:#f1f5f9;margin:0 0 4px;font-size:14px;font-weight:600}.feature-text p{color:#64748b;margin:0;font-size:12px;line-height:1.45}.hero-footer{border-top:1px solid #ffffff0f;padding-top:16px}.security-badge{color:#94a3b8;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.text-cyan{color:#00e5ff}.login-card-container{background:#080e1c66;flex:1;justify-content:center;align-items:center;padding:44px 40px;display:flex}.login-card{flex-direction:column;width:100%;max-width:380px;display:flex}.mobile-brand-header{display:none}.welcome-badge{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.login-welcome-title{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:700}.login-welcome-desc{color:#64748b;margin:0 0 28px;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#64748b;pointer-events:none;z-index:5;transition:color .2s;position:absolute;left:14px}.login-input{box-sizing:border-box;background-color:#0f172ad9;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding-top:12px;padding-bottom:12px;padding-right:16px;font-family:inherit;font-size:14px;transition:all .2s ease-in-out;color:#fff!important;padding-left:46px!important}.login-input-pass{padding-right:44px!important}.login-input::placeholder{color:#475569}.login-input:focus{background-color:#0f172af2;border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff26}.login-input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;border-color:#00e5ff4d!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.login-input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;border-color:#00e5ff4d!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.login-input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;border-color:#00e5ff4d!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.login-input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;border-color:#00e5ff4d!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.input-wrapper:focus-within .input-icon{color:#00e5ff}.password-toggle{color:#64748b;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#94a3b8;background-color:#ffffff0d}.form-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.remember-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.remember-option input[type=checkbox]{appearance:none;cursor:pointer;background-color:#0f172acc;border:1px solid #334155;border-radius:4px;width:16px;height:16px;transition:all .2s;position:relative}.remember-option input[type=checkbox]:checked{background-color:#00e5ff;border-color:#00e5ff}.remember-option input[type=checkbox]:checked:after{content:"";border:2px solid #060b17;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.remember-option span{color:#94a3b8;font-size:13px;font-weight:500}.submit-btn{color:#fff;cursor:pointer;width:100%;transition:all .25 ease;background:linear-gradient(135deg,#00c9e4 0%,#08c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:13px 20px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 18px #00c9e459}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff 0%,#0099e6 100%);transform:translateY(-1px);box-shadow:0 6px 24px #00e5ff80}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #00c9e44d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.login-card-footer{color:#475569;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;font-size:12px;display:flex}.system-status{align-items:center;gap:6px;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.version-info{font-weight:500}@media (width<=900px){.login-wrapper{border-radius:20px;flex-direction:column;max-width:440px;min-height:auto}.login-hero{display:none}.login-card-container{padding:36px 28px}.mobile-brand-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.mobile-logo-wrapper{max-width:240px;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-logo-wide{object-fit:contain;filter:drop-shadow(0 2px 8px #00000080);width:auto;max-width:220px;height:auto;max-height:44px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.batches-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.btn-primary{background-color:var(--accent-cyan);color:var(--bg-main);box-shadow:0 0 15px var(--accent-cyan-glow);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f0ff66}.toggle-switch .slider{cursor:pointer;background-color:var(--text-muted,#444);border-radius:20px;transition:all .3s;position:absolute;top:0;left:0;right:0}.progress-bar-container{background-color:var(--border-color);border-radius:2px;height:4px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.batches-container .modal-overlay .modal-content,.modal-content{background:#0f172a;border-radius:22px;flex-direction:column;padding:28px 32px 24px;display:flex;overflow:visible;width:min(1100px,94vw)!important;max-width:1100px!important}.modal-content h2{text-align:center;color:#fff;width:100%;margin-bottom:35px;font-size:38px;font-weight:700}.form-group input{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-primary);border-radius:6px;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:var(--accent-cyan);box-shadow:0 0 5px var(--accent-cyan-glow);outline:none}.btn-cancel{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background-color:#ffffff0d}.user-form{flex-direction:column;align-items:center;width:100%;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#aeb8c7;font-size:14px;font-weight:500}.form-group input,.form-group select{color:#fff;background:#202938;border:1px solid #374151;border-radius:8px;width:100%;height:46px;padding:0 14px;font-size:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:22px 40px;width:100%;max-width:760px;margin:0 auto;display:grid}.react-select__control{min-height:46px!important;box-shadow:none!important;background:#202938!important;border:1px solid #374151!important;border-radius:8px!important}.react-select__control--is-focused{border-color:#06b6d4!important;box-shadow:0 0 0 1px #06b6d4!important}.react-select__menu{background:#1f2937!important}.react-select__option:hover{color:#000!important;background:#00c8ff!important}.react-select__input-container{color:#fff!important}.react-select__menu{background:#1f2937!important;border:1px solid #374151!important}.react-select__option--is-focused{color:#000!important;background:#06b6d4!important}.react-select__option--is-selected{color:#fff!important;background:#0891b2!important}.password-box{position:relative}.password-box input{padding-right:45px}.eye-icon{cursor:pointer;color:#9ca3af;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.modal-actions{border-top:1px solid #2f3b4d;justify-content:flex-end;gap:16px;width:100%;max-width:760px;margin-top:35px;padding-top:25px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:8px;min-width:140px;height:46px;font-size:15px;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#4b5563}.btn-primary{color:#fff;cursor:pointer;background:#06b6d4;border:none;border-radius:8px;min-width:140px;height:46px;font-size:15px;font-weight:600;transition:all .3s}.btn-primary:hover{background:#0891b2}@media (width<=900px){.form-grid{grid-template-columns:1fr}.modal-actions{justify-content:center}}.user-type-select{border:1px solid var(--border-color);background-color:var(--bg-main);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.75rem;font-size:1rem}.user-type-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 5px var(--accent-cyan-glow);outline:none}.error-text{color:#ef4444;margin-top:4px;font-size:.75rem}.status-active{color:#22c55e;background:#22c55e1f;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-inactive{color:#94a3b8;background:#94a3b81f;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.user-form-grid{grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:10px;display:grid}.form-group.full-width{grid-column:1/-1;margin-bottom:4px}.full-width{grid-column:1/-1}.batches-container .modal-overlay .modal-content,.modal-content{width:min(1100px,94vw)!important;max-width:1100px!important}.user-type-select{border:1px solid var(--border-color,#334155);background:var(--bg-main,#0f172a);width:100%;color:var(--text-primary,#fff);border-radius:8px;min-height:44px;padding:12px 14px;font-size:14px}.user-type-select:focus{border-color:var(--accent-cyan,#00e5ff);outline:none;box-shadow:0 0 0 3px #00e5ff26}.modal-actions.right-align{background:0 0;border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}@media (width<=768px){.modal-content{width:98vw;padding:22px 18px 18px}.user-form-grid{grid-template-columns:1fr;gap:16px}.modal-actions.right-align{flex-wrap:wrap;justify-content:stretch}.modal-actions.right-align>*{flex:140px}}.btn-load span{align-items:center;gap:8px;display:inline-flex}.react-select__control{background:var(--bg-main,#0f172a)!important;border-color:var(--border-color,#334155)!important;min-height:44px!important;box-shadow:none!important}.react-select__control:hover{border-color:var(--accent-cyan,#00e5ff)!important}.react-select__menu{z-index:9999;background:var(--bg-card,#111827)!important;color:#fff!important}.react-select__option{color:#fff!important;background:0 0!important}.react-select__option--is-focused{background:#00e5ff1f!important}.react-select__option--is-selected{background:var(--accent-cyan,#00e5ff)!important;color:#001018!important}@media (width<=768px){.user-form-grid{grid-template-columns:1fr}.modal-content{max-width:95%;padding:20px}}.modal-overlay{z-index:9999!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(8px)!important;background:#02060fd1!important;justify-content:center!important;align-items:center!important;padding:12px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.batches-container .modal-overlay .modal-content,.user-management-container .modal-content,.user-management-modal-content,.modal-overlay .user-management-modal-content,.modal-overlay .modal-content{box-sizing:border-box!important;background:#0f172a!important;border:1px solid #94a3b82e!important;border-radius:16px!important;flex-direction:column!important;width:min(1100px,100vw - 24px)!important;min-width:min(1100px,100vw - 24px)!important;max-width:1100px!important;height:auto!important;max-height:none!important;margin:0 auto!important;padding:20px 24px 18px!important;display:flex!important;position:relative!important;overflow:visible!important}.modal-overlay .modal-header{justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;padding:0!important;display:flex!important}.modal-overlay .modal-header h2{color:#f8fafc!important;margin:0!important;font-size:1.35rem!important;font-weight:700!important;line-height:1.2!important}.modal-overlay .modal-header h2:after{content:none!important;display:none!important}.modal-overlay .batch-modal-close-btn{color:#cbd5e1!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #94a3b82e!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;margin:0!important;padding:0!important;transition:all .2s!important;display:flex!important}.modal-overlay .batch-modal-close-btn:hover{transform:rotate(90deg);color:#fff!important;background:#ffffff17!important;border-color:#00f0ff59!important}.modal-overlay .batch-modal-close-btn svg{color:currentColor!important;stroke:currentColor!important;width:16px!important;height:16px!important}.modal-overlay .modal-content>form{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.modal-overlay .user-form{flex-direction:column!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .user-form-grid{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 14px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.modal-overlay .user-form-grid .form-group{flex-direction:column!important;gap:4px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .user-form-grid .form-group label{color:#cbd5e1!important;margin:0!important;padding:0!important;font-size:.76rem!important;font-weight:600!important;line-height:1.1!important}.modal-overlay .user-form-grid .form-group input,.modal-overlay .user-form-grid .form-group select,.modal-overlay .user-type-select{box-sizing:border-box!important;color:#f8fafc!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:7px!important;width:100%!important;max-width:none!important;height:39px!important;min-height:39px!important;padding:0 11px!important;font-size:.8rem!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.modal-overlay .user-form-grid input::placeholder{color:#64748b!important}.modal-overlay .user-form-grid input:focus,.modal-overlay .user-form-grid select:focus,.modal-overlay .user-type-select:focus{border-color:var(--accent-cyan,#00f0ff)!important;background:#0f172af2!important;outline:none!important;box-shadow:0 0 0 2px #00f0ff12!important}.modal-overlay .user-form-grid input:disabled,.modal-overlay .user-form-grid select:disabled,.modal-overlay .user-type-select:disabled{color:#475569!important;opacity:.5!important;cursor:not-allowed!important;background:#0f172a59!important;border-color:#1e293b!important}.modal-overlay .user-form-grid .three-column,.modal-overlay .user-form-grid .location-row{grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.modal-overlay .state-field,.modal-overlay .city-field,.modal-overlay .district-field{width:100%!important;min-width:0!important}.modal-overlay .user-form-grid .full-width{grid-column:1/-1!important}.modal-overlay .react-select__control{width:100%!important;height:39px!important;min-height:39px!important;box-shadow:none!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:7px!important}.modal-overlay .react-select__control:hover{border-color:#475569!important}.modal-overlay .react-select__control--is-focused{border-color:var(--accent-cyan,#00f0ff)!important;box-shadow:0 0 0 2px #00f0ff12!important}.modal-overlay .react-select__value-container{padding:0 9px!important}.modal-overlay .react-select__single-value{color:#f8fafc!important;font-size:.8rem!important}.modal-overlay .react-select__placeholder{color:#64748b!important;font-size:.8rem!important}.modal-overlay .react-select__input-container{color:#fff!important}.modal-overlay .react-select__menu{z-index:10000!important;background:#1f2937!important;border:1px solid #374151!important}.modal-overlay .react-select__option{color:#fff!important;background:#1f2937!important;font-size:.8rem!important}.modal-overlay .react-select__option--is-focused{color:#fff!important;background:#00e5ff1f!important}.modal-overlay .react-select__option--is-selected{background:var(--accent-cyan,#00e5ff)!important;color:#001018!important}.modal-overlay .password-box{width:100%!important;min-width:0!important;position:relative!important}.modal-overlay .password-box input{width:100%!important;padding-right:40px!important}.modal-overlay .password-box .eye-icon{width:26px!important;min-width:26px!important;height:26px!important;box-shadow:none!important;color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:10px!important;transform:translateY(-50%)!important}.modal-overlay .password-box .eye-icon:hover{color:var(--accent-cyan,#00f0ff)!important;background:0 0!important}.modal-overlay .password-box .eye-icon svg{stroke:currentColor!important;width:17px!important;height:17px!important}.modal-overlay .error-text{color:#f87171!important;margin:1px 0 0!important;font-size:.67rem!important;line-height:1.2!important}.modal-overlay .modal-actions{border-top:1px solid #94a3b824!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;margin-top:14px!important;padding-top:12px!important;display:flex!important;position:relative!important;bottom:auto!important}.modal-overlay .modal-actions .btn-cancel{color:#cbd5e1!important;cursor:pointer!important;background:#ffffff06!important;border:1px solid #334155!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:37px!important;padding:0 12px!important;font-size:.78rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.modal-overlay .modal-actions .btn-cancel:hover{color:#fff!important;background:#ffffff12!important;border-color:#475569!important}.modal-overlay .modal-actions .btn-primary,.modal-overlay .modal-actions .btn-success{background:var(--accent-cyan,#00f0ff)!important;color:#061018!important;cursor:pointer!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;width:108px!important;min-width:108px!important;max-width:108px!important;height:37px!important;padding:0 12px!important;font-size:.78rem!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important;display:inline-flex!important;box-shadow:0 5px 16px #00f0ff29!important}.modal-overlay .modal-actions .btn-primary:hover,.modal-overlay .modal-actions .btn-success:hover{transform:translateY(-1px)!important;box-shadow:0 7px 20px #00f0ff40!important}.modal-overlay .form-grid{width:100%!important;max-width:none!important;margin:0!important}.modal-overlay .react-select__input-container{color:#fff!important;margin:0!important;padding:0!important}.modal-overlay .react-select__input{color:#fff!important;width:auto!important;min-width:2px!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important}.modal-overlay .react-select__input:focus{width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.modal-overlay .react-select__value-container{min-width:0!important;overflow:hidden!important}.modal-overlay .react-select__single-value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}@media (width<=700px){.modal-overlay{padding:10px!important}.modal-overlay .modal-content{width:calc(100vw - 20px)!important;max-width:none!important;padding:16px 18px 14px!important}.modal-overlay .user-form-grid{grid-template-columns:1fr 1fr!important;gap:9px 10px!important}}@media (width<=520px){.modal-overlay{padding:8px!important}.modal-overlay .modal-content{border-radius:12px!important;width:calc(100vw - 16px)!important;padding:15px 14px 13px!important}.modal-overlay .modal-header{margin-bottom:12px!important}.modal-overlay .modal-header h2{font-size:1.2rem!important}.modal-overlay .user-form-grid{grid-template-columns:1fr!important;row-gap:9px!important}.modal-overlay .user-form-grid .full-width{grid-column:auto!important}.modal-overlay .modal-actions{margin-top:10px!important;padding-top:10px!important}}.modal-overlay .form-group textarea{box-sizing:border-box!important;color:#f8fafc!important;resize:vertical!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:8px!important;width:100%!important;height:68px!important;min-height:68px!important;padding:10px 12px!important;font-family:inherit!important;font-size:.83rem!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.modal-overlay .form-group textarea::placeholder{color:#64748b!important}.modal-overlay .form-group textarea:focus{border-color:var(--accent-cyan,#00f0ff)!important;background:#0f172af2!important;outline:none!important;box-shadow:0 0 0 2px #00f0ff12,0 0 12px #00f0ff12!important}.modal-overlay .location-fields{box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:16px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.modal-overlay .location-fields .form-group{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .location-fields .form-group label{color:#cbd5e1!important;white-space:nowrap!important;align-items:center!important;width:100%!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;font-size:.78rem!important;font-weight:600!important;line-height:17px!important;display:flex!important}.modal-overlay .location-fields .user-react-select{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}.modal-overlay .location-fields .user-react-select .react-select__control{box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px!important;box-shadow:none!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:8px!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .location-fields .user-react-select .react-select__control:hover{border-color:#475569!important}.modal-overlay .location-fields .user-react-select .react-select__control--is-focused{border-color:var(--accent-cyan,#00f0ff)!important;box-shadow:0 0 0 2px #00f0ff12!important}.modal-overlay .location-fields .user-react-select .react-select__value-container{box-sizing:border-box!important;flex:auto!important;align-items:center!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;display:flex!important;overflow:hidden!important}.modal-overlay .location-fields .user-react-select .react-select__single-value{color:#f8fafc!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:.81rem!important;line-height:38px!important;display:block!important;position:static!important;overflow:hidden!important;transform:none!important}.modal-overlay .location-fields .user-react-select .react-select__placeholder{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;font-size:.81rem!important;line-height:38px!important;position:static!important;overflow:hidden!important;transform:none!important}.modal-overlay .location-fields .user-react-select .react-select__input-container{color:#fff!important;box-sizing:border-box!important;align-items:center!important;height:38px!important;margin:0!important;padding:0!important;display:flex!important}.modal-overlay .location-fields .user-react-select .react-select__input-container input{width:auto!important;height:auto!important;min-height:0!important;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:.81rem!important}.modal-overlay .location-fields .user-react-select .react-select__input-container input:focus{width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.modal-overlay .location-fields .user-react-select .react-select__indicators{flex-shrink:0!important;align-items:center!important;height:38px!important;display:flex!important}.modal-overlay .location-fields .user-react-select .react-select__indicator{color:#94a3b8!important;justify-content:center!important;align-items:center!important;width:32px!important;height:38px!important;padding:0!important;display:flex!important}.modal-overlay .location-fields .user-react-select .react-select__indicator:hover{color:#fff!important}.modal-overlay .location-fields .user-react-select .react-select__indicator-separator{background:#475569!important;width:1px!important;height:20px!important;margin:9px 0!important}.modal-overlay .location-fields .user-react-select .react-select__menu{z-index:10000!important;background:#1f2937!important;border:1px solid #374151!important;border-radius:8px!important;margin-top:4px!important;overflow:hidden!important;box-shadow:0 10px 30px #0006!important}.modal-overlay .location-fields .user-react-select .react-select__menu-list{max-height:180px!important;padding:4px!important}.modal-overlay .location-fields .user-react-select .react-select__option{color:#fff!important;cursor:pointer!important;background:#1f2937!important;border-radius:5px!important;padding:9px 10px!important;font-size:.82rem!important}.modal-overlay .location-fields .user-react-select .react-select__option--is-focused{color:#fff!important;background:#00e5ff1f!important}.modal-overlay .location-fields .user-react-select .react-select__option--is-selected{background:var(--accent-cyan,#00e5ff)!important;color:#001018!important}.modal-overlay .location-fields .user-react-select .react-select__control--is-disabled{opacity:.55!important;cursor:not-allowed!important;background:#0f172a8c!important}@media (width<=600px){.modal-overlay .location-fields{grid-template-columns:1fr!important;gap:10px!important}}.modal-overlay .user-form-grid .form-group input,.modal-overlay .user-form-grid .form-group select{box-sizing:border-box!important;color:#f8fafc!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:8px!important;outline:none!important;width:100%!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:0 11px!important;font-size:.81rem!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.modal-overlay .user-form-grid .form-group input::placeholder{color:#64748b!important}.modal-overlay .user-form-grid .form-group input:focus,.modal-overlay .user-form-grid .form-group select:focus{border-color:var(--accent-cyan,#00f0ff)!important;background:#0f172af2!important;box-shadow:0 0 0 2px #00f0ff12!important}.modal-overlay .user-form-grid .form-group textarea{box-sizing:border-box!important;color:#f8fafc!important;resize:none!important;background:#0f172ac7!important;border:1px solid #334155!important;border-radius:8px!important;outline:none!important;width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:8px 11px!important;font-size:.81rem!important;line-height:1.3!important}.modal-overlay .user-form-grid .form-group textarea:focus{border-color:var(--accent-cyan,#00f0ff)!important;box-shadow:0 0 0 2px #00f0ff12!important}.modal-overlay .user-form-grid .form-group textarea::placeholder{color:#64748b!important}.notifications-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 70px);padding:28px}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.notifications-header .header-left{flex:1;min-width:280px}@keyframes pulseGlow{0%,to{opacity:1;filter:drop-shadow(0 0 4px #00f0ff)}50%{opacity:.5}}.notifications-header h1{color:#f8fafc;letter-spacing:-.5px;margin:0;font-size:2.1rem;font-weight:700;line-height:1.15}.notifications-header p{color:#8ea4bf;margin:8px 0 0;font-size:.88rem;line-height:1.5}.notifications-grid{grid-template-columns:400px 1fr;align-items:start;gap:24px;max-width:1400px;display:grid}.notification-card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0a1228eb;border:1px solid #94a3b824;border-radius:18px;padding:22px 24px;box-shadow:0 15px 35px #00000059}.notification-field{flex-direction:column;gap:6px;width:100%;display:flex}.notification-field label{color:#aeb8c7;letter-spacing:.6px;text-transform:uppercase;font-size:.7rem;font-weight:700}.notification-field input{box-sizing:border-box;color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:.84rem;transition:border-color .2s,box-shadow .2s,background .2s}.notification-field input::placeholder,.notification-field textarea::placeholder{color:#64748b}.notification-field input:hover,.notification-field textarea:hover{border-color:#475569}.notification-field input:focus,.notification-field textarea:focus{background:#0f172af2;border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff1f}.notification-field textarea{box-sizing:border-box;color:#f8fafc;resize:none;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:115px;min-height:115px;max-height:115px;padding:10px 12px;font-family:inherit;font-size:.84rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.history-item{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #94a3b81f;border-left:3px solid #00f0ff;border-radius:12px;width:100%;padding:16px 18px;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;position:relative;box-shadow:0 4px 15px #0003}.history-item.batch,.history-item.both{border-left-color:#00f0ff}.history-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.notification-bell{color:#00f0ff;filter:drop-shadow(0 0 5px #00f0ff66);width:14px;height:14px}.history-audience-box{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:5px;min-width:150px;display:flex}.audience-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.audience-badge.batch{color:#00f0ff;background:#00e5ff14;border:1px solid #00e5ff59;box-shadow:0 0 10px #00e5ff14}.history-batch-info{color:#94a3b8;text-align:right;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.72rem;font-weight:600;line-height:1.2;overflow:hidden}.time-icon{color:#64748b;flex-shrink:0}.history-time{color:#64748b}.delivery-icon{color:#00f0ff}.empty-bell-icon{color:#00f0ff;filter:drop-shadow(0 0 6px #00f0ff66)}@keyframes emptySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.notifications-grid{grid-template-columns:1fr}.notifications-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.notifications-page{padding:16px 12px}.notifications-header h1{font-size:1.7rem}.notification-card{border-radius:14px;padding:16px}}.notification-option{box-sizing:border-box;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;display:flex}.notification-option.selected{color:#f6f7f8;font-weight:600}.history-audience-box{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;min-width:150px;display:flex}.history-batch-info{color:#94a3b8;text-align:right;letter-spacing:.01em;font-size:.72rem;font-weight:600;line-height:1.2}.batch-select-option{flex-direction:column;gap:2px;display:flex}.batch-select-code{color:#f8fafc;font-size:.82rem;font-weight:600}.batch-select-name{color:#94a3b8;font-size:.72rem;font-weight:500}.history-audience-box{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.history-batch-info{color:#94a3b8;font-size:11px;font-weight:600}.audience-badge.batch{color:#00f0ff;background:#00e5ff14;border-color:#00e5ff59}.fpt-container{box-sizing:border-box;flex-direction:column;gap:1.75rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.fpt-header-section{flex-direction:column;gap:.4rem;display:flex}.fpt-breadcrumb{letter-spacing:.18em;color:#00f0ff;text-transform:uppercase;font-size:.725rem;font-weight:700}.fpt-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.fpt-title-left{flex-direction:column;gap:.35rem;display:flex}.fpt-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:1.85rem;font-weight:700}.fpt-subtitle{color:#8492a6;margin:0;font-size:.875rem}.fpt-title-actions{align-items:center;gap:.75rem;display:flex}.fpt-btn-sync{color:#e2e8f0;cursor:pointer;background-color:#121929;border:1px solid #1e2c45;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.fpt-btn-sync:hover{color:#fff;background-color:#1a253c;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff26}.fpt-btn-export{color:#080d16;cursor:pointer;background:#00f0ff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 16px #00f0ff66}.fpt-btn-export:hover{background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff99}.fpt-metrics-row{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.fpt-metric-card{background-color:#0a0f1d;border:1px solid #162035;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 8px 24px #00000040}.fpt-metric-label{letter-spacing:.15em;color:#718096;text-transform:uppercase;font-size:.725rem;font-weight:700}.fpt-excel-label-group{align-items:center;gap:.4rem;display:flex}.fpt-excel-icon{color:#718096}.fpt-metric-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.fpt-metric-value.collected{color:#0f8}.fpt-metric-value.pending{color:#f90}.fpt-metric-value.connected{color:#00f0ff;font-size:1.6rem}.fpt-search-bar{align-items:center;max-width:380px;display:flex;position:relative}.fpt-search-icon{color:#64748b;pointer-events:none;position:absolute;left:1rem}.fpt-search-input{color:#fff;background-color:#0a0f1d;border:1px solid #162035;border-radius:8px;outline:none;width:100%;padding:.6rem 1rem .6rem 2.6rem;font-size:.85rem;transition:all .2s}.fpt-search-input:focus{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.fpt-search-input::placeholder{color:#64748b}.fpt-ledger-panel{background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 10px 30px #0000004d}.fpt-panel-title{color:#fff;letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.15rem;font-weight:600}.fpt-table-container{overflow-x:auto}.fpt-table{border-collapse:collapse;text-align:left;width:100%}.fpt-table th{letter-spacing:.12em;color:#64748b;text-transform:uppercase;border-bottom:1px solid #ffffff0f;padding:.85rem 1rem;font-size:.725rem;font-weight:700}.fpt-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:1rem}.fpt-table tbody tr:last-child td{border-bottom:none}.fpt-table tbody tr:hover td{background-color:#ffffff04}.fpt-student-cell{align-items:center;gap:.5rem;display:flex}.fpt-student-name{color:#fff;font-size:.925rem;font-weight:600}.fpt-payment-method{color:#64748b;font-size:.78rem}.fpt-batch-tag{color:#8293ad;letter-spacing:.02em;background-color:#0e1726;border:1px solid #1a283e;border-radius:12px;padding:.25rem .75rem;font-size:.725rem;font-weight:600;display:inline-block}.fpt-amount-text{color:#fff;font-size:.9rem;font-weight:600}.fpt-due-cell{align-items:center;gap:.75rem;display:flex}.fpt-paid-text{color:#fff;font-size:.9rem;font-weight:600}.fpt-due-date{color:#64748b;font-size:.8rem}.text-right{text-align:right}.fpt-status-badge{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.fpt-status-badge.status-paid{color:#0f8}.fpt-status-badge.status-partial{color:#f90}.fpt-status-badge.status-overdue{color:#ff3b3b}.fpt-status-badge.status-pending{color:#8492a6}@media (width<=900px){.fpt-metrics-row{grid-template-columns:1fr}.fpt-title-row{flex-direction:column;align-items:flex-start;gap:1rem}}.batchannouncements-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 70px);padding:28px}.batchannouncements-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.batchannouncements-header .header-left{flex:1;min-width:280px}.live-dot{color:#00f0ff;animation:2s ease-in-out infinite pulseGlow}.batchannouncements-header h1{color:#f8fafc;letter-spacing:-.5px;margin:0;font-size:2.1rem;font-weight:700;line-height:1.15}.batchannouncements-header p{color:#8ea4bf;margin:8px 0 0;font-size:.88rem;line-height:1.5}.header-right{align-items:center;gap:12px;display:flex}.header-stat-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;background:#0f172abf;border:1px solid #00f0ff40;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;font-size:.82rem;font-weight:600;display:flex;box-shadow:0 4px 20px #00000040,0 0 12px #00f0ff14}.batchannouncements-grid{grid-template-columns:400px 1fr;align-items:start;gap:24px;max-width:1400px;display:grid}.batchannouncements-card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0a1228eb;border:1px solid #94a3b824;border-radius:18px;padding:22px 24px;box-shadow:0 15px 35px #00000059}.card-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:14px;display:flex}.card-title-box{align-items:center;gap:10px;display:flex}.card-title-box h2{color:#f8fafc;letter-spacing:-.2px;margin:0;font-size:1.1rem;font-weight:600}.count-badge{color:#00f0ff;letter-spacing:.3px;background:#00f0ff14;border:1px solid #00f0ff38;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:600}.composer-card{flex-direction:column;gap:16px;display:flex}.batchannouncements-field{flex-direction:column;gap:6px;width:100%;display:flex}.label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.batchannouncements-field label{color:#aeb8c7;letter-spacing:.6px;text-transform:uppercase;font-size:.7rem;font-weight:700}.char-count{color:#64748b;font-size:.68rem;font-weight:500}.batchannouncements-field input{box-sizing:border-box;color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:.84rem;transition:border-color .2s,box-shadow .2s,background .2s}.batchannouncements-field input::placeholder,.batchannouncements-field textarea::placeholder{color:#64748b}.batchannouncements-field input:hover,.batchannouncements-field textarea:hover{border-color:#475569}.batchannouncements-field input:focus,.batchannouncements-field textarea:focus{background:#0f172af2;border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff1f}.batchannouncements-field textarea{box-sizing:border-box;color:#f8fafc;resize:none;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:115px;min-height:115px;max-height:115px;padding:10px 12px;font-family:inherit;font-size:.84rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.send-btn{letter-spacing:.2px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;margin-top:4px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.send-btn.disabled{color:#ffffff73;cursor:not-allowed;box-shadow:none;background:#06b6d433;border:1px solid #06b6d426}.send-btn.active{color:#030a16;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);box-shadow:0 6px 20px #00f0ff47}.send-btn.active:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00f0ff6b}.send-btn.active:active{transform:translateY(0)}.history-card{flex-direction:column;gap:16px;min-height:450px;display:flex}.history-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:14px;display:flex}.history-list{flex-direction:column;gap:14px;display:flex}.history-item{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);border:1px solid #94a3b81f;border-left:3px solid var(--accent-cyan,#00f0ff);background:#0f172aa6;border-radius:12px;width:100%;padding:16px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 15px #0003}.history-item.both{border-left-color:#00f0ff}.history-item.tutor{border-left-color:#818cf8}.history-item.student{border-left-color:#34d399}.history-item:hover{background:#0f172ad9;border-color:#00f0ff47;transform:translateY(-2px);box-shadow:0 10px 28px #00000059,0 0 15px #00f0ff14}.history-content{flex-direction:column;gap:8px;min-width:0;display:flex}.history-title-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.history-title{align-items:center;gap:10px;min-width:0;display:flex}.history-bell-wrapper{background:#00f0ff14;border:1px solid #00f0ff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,border-color .2s;display:flex}.history-item:hover .history-bell-wrapper{background:#00f0ff29;border-color:#00f0ff59}.history-title h3{text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;letter-spacing:-.2px;min-width:0;margin:0;font-size:.92rem;font-weight:600;line-height:1.3;overflow:hidden}.history-content p{color:#94a3b8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.55;display:-webkit-box;overflow:hidden}.history-meta{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.meta-left{color:#64748b;align-items:center;gap:5px;font-size:.72rem;font-weight:500;display:flex}.meta-left .time-icon{color:#64748b;flex-shrink:0}.history-time{color:#64748b;line-height:1}.meta-right{align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.delivered-tag{color:#00f0ff;letter-spacing:.3px}.audience-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.audience-badge.both{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff40;box-shadow:0 0 10px #00f0ff14}.audience-badge.tutor{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f147;box-shadow:0 0 10px #6366f114}.audience-badge.student{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98147;box-shadow:0 0 10px #10b98114}.empty-history{text-align:center;box-sizing:border-box;background:#0f172a66;border:1px dashed #94a3b826;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:36px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.empty-history:hover{background:#0f172a8c;border-color:#00e5ff40;box-shadow:0 8px 30px #00000040}.empty-icon-wrapper{background:radial-gradient(circle,#00f0ff1f 0%,#0f172a66 100%);border:1px solid #00f0ff47;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 0 24px #00f0ff26,inset 0 0 12px #00f0ff14}.empty-history:hover .empty-icon-wrapper{transform:scale(1.06);box-shadow:0 0 30px #00f0ff40,inset 0 0 16px #00f0ff1f}.empty-announcement-icon{color:#00f0ff;filter:drop-shadow(0 0 6px #00f0ff66)}.announcement-icon{color:#00f0ff;filter:drop-shadow(0 0 5px #00f0ff66);width:14px;height:14px}.empty-title{color:#f1f5f9;letter-spacing:-.2px;margin-bottom:5px;font-size:.95rem;font-weight:600}.empty-subtitle{color:#64748b;max-width:250px;font-size:.78rem;line-height:1.45}.spinner-wrapper{border-color:#00f0ff33}.empty-spinner{border:2px solid #00f0ff2e;border-top-color:#00f0ff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite emptySpin}.history-pagination{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.history-pagination-info{color:#94a3b8;font-size:.82rem;font-weight:500}.history-pagination-actions{align-items:center;gap:8px;display:flex}.history-pagination-actions button{color:#e2e8f0;cursor:pointer;background:#0f172ac7;border:1px solid #334155;border-radius:8px;min-width:68px;height:34px;padding:0 14px;font-size:.82rem;font-weight:600;transition:all .2s}.history-pagination-actions button:hover:not(:disabled){color:#fff;background:#00f0ff1f;border-color:#00f0ff}.history-pagination-actions button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.batchannouncements-grid{grid-template-columns:1fr}.batchannouncements-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.batchannouncements-page{padding:16px 12px}.batchannouncements-header h1{font-size:1.7rem}.batchannouncements-card{border-radius:14px;padding:16px}}.header-left{flex-direction:column;align-items:flex-start;display:flex}.header-main-title{color:#f8fafc;letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:700;line-height:1.15}.header-subtitle{color:#8ea4bf;max-width:560px;margin-top:10px;font-size:.95rem;line-height:1.6}.batchannouncements-option{box-sizing:border-box;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;display:flex}.batchannouncements-option.selected{color:#f6f7f8;font-weight:600}.option-label{flex:1}.option-check{justify-content:center;align-items:center;margin-left:12px;display:flex}.audience-badge.batch{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff40}.do-container{box-sizing:border-box;flex-direction:column;gap:1.75rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.do-header-section{flex-direction:column;gap:.4rem;display:flex}.do-breadcrumb{letter-spacing:.18em;color:#00f0ff;text-transform:uppercase;font-size:.725rem;font-weight:700}.do-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.do-title-left{flex-direction:column;gap:.35rem;display:flex}.do-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:1.85rem;font-weight:700}.do-subtitle{color:#8492a6;margin:0;font-size:.875rem}.do-metrics-row{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.do-metric-card{background-color:#0a0f1d;border:1px solid #162035;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 8px 24px #00000040}.do-metric-header{align-items:center;gap:.5rem;display:flex}.do-metric-icon.open-icon{color:#00f0ff}.do-metric-icon.escalated-icon{color:#ff3b3b}.do-metric-icon.resolved-icon{color:#0f8}.do-metric-label{letter-spacing:.15em;color:#718096;text-transform:uppercase;font-size:.725rem;font-weight:700}.do-metric-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.do-metric-value.open-val{color:#00f0ff}.do-metric-value.escalated-val{color:#ff3b3b}.do-metric-value.resolved-val{color:#0f8}.do-panel{background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 10px 30px #0000004d}.do-panel-title{color:#fff;letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.15rem;font-weight:600}.do-list{flex-direction:column;display:flex}.do-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.1rem .25rem;transition:background .15s;display:flex}.do-item:last-child{border-bottom:none}.do-item:hover{background-color:#ffffff04}.do-item-left{flex-direction:column;gap:.4rem;display:flex}.do-topic-row{align-items:center;gap:.5rem;display:flex}.do-student-name{color:#fff;font-size:.95rem;font-weight:700}.do-dot{color:#64748b;font-size:.85rem}.do-topic{color:#8492a6;font-size:.9rem;font-weight:400}.do-subtext-row{align-items:center;gap:.75rem;display:flex}.do-batch-tag{color:#8293ad;letter-spacing:.02em;background-color:#0e1726;border:1px solid #1a283e;border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.do-info-subtext{color:#64748b;font-size:.8rem}.do-item-right{align-items:center;display:flex}.do-badge{color:#8293ad;letter-spacing:.04em;text-transform:uppercase;background-color:#0e1726;border:1px solid #1a283e;border-radius:12px;justify-content:center;align-items:center;padding:.35rem .9rem;font-size:.725rem;font-weight:700;display:inline-flex}.do-escalated-group{align-items:center;gap:.6rem;display:flex}.do-badge-escalated{color:#fff;letter-spacing:.04em;text-transform:uppercase;background-color:#ff3b3b;border-radius:12px;justify-content:center;align-items:center;padding:.35rem .9rem;font-size:.725rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #ff3b3b66}.do-btn-reassign{color:#fff;cursor:pointer;background-color:#121929;border:1px solid #1e2c45;border-radius:8px;padding:.35rem 1rem;font-size:.825rem;font-weight:500;transition:all .2s}.do-btn-reassign:hover{background-color:#1a253c;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff33}@media (width<=900px){.do-metrics-row{grid-template-columns:1fr}}.cm-container{box-sizing:border-box;flex-direction:column;gap:1.75rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.cm-header-section{flex-direction:column;gap:.4rem;display:flex}.cm-breadcrumb{letter-spacing:.18em;color:#00f0ff;text-transform:uppercase;font-size:.725rem;font-weight:700}.cm-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.cm-title-left{flex-direction:column;gap:.35rem;display:flex}.cm-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:inherit;font-size:1.85rem;font-weight:700}.cm-subtitle{color:#8492a6;margin:0;font-size:.875rem}.cm-panel{background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 10px 30px #0000004d}.cm-list{flex-direction:column;display:flex}.cm-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.2rem .5rem;transition:background .15s;display:flex}.cm-item:hover{background-color:#ffffff04}.cm-item-left{align-items:center;gap:1.25rem;display:flex}.cm-icon-box{background-color:#0e1726;border:1px solid #1a283e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cm-doc-icon{color:#00f0ff}.cm-info-group{flex-direction:column;gap:.35rem;display:flex}.cm-item-title{color:#fff;margin:0;font-size:.975rem;font-weight:600}.cm-meta-row{align-items:center;gap:.6rem;display:flex}.cm-type-tag{color:#8293ad;letter-spacing:.04em;text-transform:uppercase;background-color:#0e1726;border:1px solid #1a283e;border-radius:6px;padding:.15rem .55rem;font-size:.675rem;font-weight:700;display:inline-block}.cm-batch-tag{color:#8293ad;letter-spacing:.02em;background-color:#0e1726;border:1px solid #1a283e;border-radius:12px;padding:.15rem .55rem;font-size:.675rem;font-weight:700;display:inline-block}.cm-meta-text{color:#64748b;font-size:.8rem}.cm-item-right{align-items:center;display:flex}.cm-action-group{align-items:center;gap:1rem;display:flex}.cm-badge-approved{color:#8293ad;letter-spacing:.05em;text-transform:uppercase;background-color:#0e1726;border:1px solid #1a283e;border-radius:12px;justify-content:center;align-items:center;padding:.35rem .95rem;font-size:.725rem;font-weight:700;display:inline-flex}.cm-badge-pending{color:#fff;letter-spacing:.05em;text-transform:uppercase;background-color:#ff3b3b;border-radius:12px;justify-content:center;align-items:center;padding:.35rem .95rem;font-size:.725rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #ff3b3b66}.cm-btn-revoke{color:#e2e8f0;cursor:pointer;background-color:#0000;border:1px solid #1e2c45;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .95rem;font-size:.825rem;font-weight:500;transition:all .2s;display:inline-flex}.cm-btn-revoke:hover{color:#ff3b3b;background-color:#ff3b3b1a;border-color:#ff3b3b}.cm-btn-approve{color:#080d16;cursor:pointer;background:#00f0ff;border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem 1.1rem;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 14px #00f0ff66}.cm-btn-approve:hover{background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 20px #00f0ff99}@media (width<=768px){.cm-item{flex-direction:column;align-items:flex-start;gap:1rem}.cm-item-right{justify-content:flex-end;width:100%}}.cm-btn-add{color:#fff;cursor:pointer;background:#06b6d4;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600}.cm-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cm-modal{background:#0f172a;border:1px solid #334155;border-radius:16px;flex-direction:column;width:520px;max-height:90vh;display:flex;overflow:hidden}.cm-modal-header,.cm-modal-footer{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.cm-modal-footer{border-top:1px solid #1e293b;border-bottom:none}.cm-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.cm-form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.cm-form-group input,.cm-form-group textarea{color:#fff;background:#111827;border:1px solid #374151;border-radius:10px;padding:.75rem}.cm-file-list{flex-direction:column;gap:.5rem;display:flex}.cm-file-item{background:#111827;border-radius:10px;justify-content:space-between;padding:.75rem;display:flex}.cm-file-format{color:#22d3ee;font-weight:600}.cm-btn-cancel,.cm-btn-save{cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.1rem}.cm-btn-save{color:#fff;background:#06b6d4}.cm-btn-cancel{color:#fff;background:#1e293b}.cm-file-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.cm-file-item{background:#0f172a;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cm-file-left{align-items:center;gap:8px;display:flex}.cm-file-name{color:#e2e8f0;font-size:14px}.cm-description{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:620px;margin-top:4px;font-size:14px;overflow:hidden}.cm-close-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;width:36px;height:36px;font-size:22px}.cm-close-btn:hover{background:#1f2937}.cm-upload-box{cursor:pointer;background:#0b1220;border:2px dashed #334155;border-radius:16px;padding:24px;transition:all .2s}.cm-upload-box:hover{background:#0f172a;border-color:#22d3ee}.cm-upload-content{color:#cbd5e1;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cm-upload-content small{color:#64748b}.cm-file-count{color:#94a3b8;margin-top:10px;font-size:13px}.cm-selected-files{flex-direction:column;gap:10px;max-height:none;margin-top:16px;padding-right:0;display:flex;overflow:visible}.cm-selected-title{color:#e2e8f0;font-size:14px;font-weight:600}.cm-selected-item{background:#0b1220;border:1px solid #1e293b;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cm-selected-left{align-items:center;gap:12px;display:flex}.cm-selected-icon{color:#38bdf8;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cm-selected-name{color:#fff;font-size:14px;font-weight:500}.cm-selected-right{align-items:center;gap:10px;display:flex}.cm-file-remove{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:28px;height:28px;font-size:18px}.cm-file-remove:hover{background:#ef4444}.cm-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700}.cm-btn-submit:hover{opacity:.95}.cm-form-group textarea{color:#fff;resize:none;box-sizing:border-box;background:#111827;border:1px solid #374151;border-radius:12px;width:100%;height:120px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.5}.cm-state-container{text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.cm-empty-icon-box{background:linear-gradient(135deg,#00f0ff1f 0%,#3b82f60d 100%);border:1px solid #00f0ff40;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:1.25rem;animation:4s ease-in-out infinite cmFloat;display:flex;box-shadow:0 0 30px #00f0ff1f}@keyframes cmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cm-empty-icon{color:#00f0ff}.cm-empty-title{color:#fff;letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.cm-empty-desc{color:#8492a6;max-width:440px;margin:0 0 1.75rem;font-size:.875rem;line-height:1.55}.cm-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #06b6d459}.cm-empty-btn:hover{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.cm-state-text{color:#8492a6;margin-top:1rem;font-size:.9rem}.cm-loading-spinner{border:3px solid #00f0ff26;border-top-color:#00f0ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.cm-item{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.cm-item-left{flex:1;min-width:0}.cm-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:20px;padding:1.4rem 3.5rem 1.4rem .5rem;transition:background .2s;display:flex;position:relative}.cm-item-left{flex:1;align-items:flex-start;gap:1.25rem;min-width:0;display:flex}.cm-info-group{flex-direction:column;gap:.4rem;min-width:0;display:flex}.cm-card-actions{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:12px}.cm-edit-icon-btn,.cm-delete-icon-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.cm-edit-icon-btn{color:#374151}.cm-edit-icon-btn:hover{background:#f3f4f6}.cm-delete-icon-btn{color:#dc2626}.cm-delete-icon-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626}.cm-delete-icon-btn:disabled{opacity:.5;cursor:not-allowed}.cm-card-files{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.cm-card-file{box-sizing:border-box;background:#0e1726;border:1px solid #1e2c45;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:auto;min-width:0;padding:5px 7px 5px 9px;display:inline-flex}.cm-card-file:hover{background:#111c2e;border-color:#334155}.cm-card-file-format{color:#67e8f9;letter-spacing:.05em;background:0 0;padding:0;font-size:10px;font-weight:700;line-height:1}.cm-card-file-delete{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .2s;display:flex}.cm-card-file-delete:hover{color:#ef4444;background:#ef44441f}.cm-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-modal{background:#0b101b;border:1px solid #00e5ff59;border-radius:14px;flex-direction:column;width:100%;max-width:760px;height:min(850px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 70px #000000a6,0 0 30px #00e5ff0d}.cm-item{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:20px;padding:1.4rem 3.5rem 1.4rem .5rem;transition:background .2s;display:flex;position:relative}.cm-item:last-child{border-bottom:none}.cm-item:hover{background:#ffffff04}@keyframes cmDeletePopup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cm-delete-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;display:flex}.cm-delete-format{color:#67e8f9;background:#00d9ff14;border:1px solid #00d9ff26;border-radius:6px;margin-top:14px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.cm-delete-confirm{color:#fff;background:#ef4444;border:none}.cm-delete-confirm:hover{background:#dc2626}.cm-delete-cancel:disabled,.cm-delete-confirm:disabled{opacity:.5;cursor:not-allowed}.cm-modal-footer{background:#0b101b;border-top:1px solid #263449;flex-shrink:0;justify-content:flex-end;align-items:center;padding:15px 24px;display:flex}.cm-footer-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cm-btn-clear,.cm-btn-submit{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.cm-btn-clear{color:#cbd5e1;background:0 0;border:1px solid #334155}.cm-btn-clear:hover{color:#fff;background:#1e293b;border-color:#475569}.cm-btn-submit:disabled,.cm-btn-clear:disabled{opacity:.5;cursor:not-allowed;transform:none}.cm-modal-header{background:#0b101b;border-bottom:1px solid #263449;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cm-modal-title{color:#f8fafc;margin:0;font-size:20px;font-weight:700}.cm-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:12px}.cm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.cm-close-btn:hover{color:#f87171;background:#ef44441a}.cm-modal-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.cm-modal-body::-webkit-scrollbar{width:6px}.cm-modal-body::-webkit-scrollbar-track{background:0 0}.cm-modal-body::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.cm-form-group{margin-bottom:20px}.cm-form-group label{color:#dbe4f0;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.cm-form-group input[type=text],.cm-form-group input[type=email],.cm-form-group textarea{box-sizing:border-box;color:#f8fafc;background:#111827;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-size:14px;transition:all .2s}.cm-form-group input:focus,.cm-form-group textarea:focus{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff14}.cm-form-group textarea{resize:vertical;min-height:100px}.cm-form-group input::placeholder,.cm-form-group textarea::placeholder{color:#64748b}.cm-upload-box{box-sizing:border-box;color:#64748b;cursor:pointer;background:#0f172ab3;border:1px dashed #475569;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:145px;transition:all .2s;display:flex}.cm-upload-box:hover{color:#00e5ff;background:#00e5ff0a;border-color:#00d9ff}.cm-upload-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cm-upload-content svg{color:#00d9ff}.cm-upload-content span{color:#cbd5e1;font-size:14px;font-weight:600}.cm-upload-content small{color:#64748b;font-size:11px}.cm-file-count{color:#64748b;margin:7px 0 0;font-size:11px}.cm-existing-files,.cm-selected-files{margin-bottom:20px}.cm-file-section-title,.cm-selected-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:700}.cm-selected-item{background:#0f172acc;border:1px solid #263449;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:11px 12px;display:flex}.cm-selected-left{align-items:center;gap:10px;min-width:0;display:flex}.cm-selected-icon{color:#22d3ee;background:#00e5ff14;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cm-selected-name{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;max-width:400px;font-size:12px;font-weight:600;overflow:hidden}.cm-selected-size{color:#64748b;margin-top:3px;font-size:10px}.cm-selected-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.cm-file-format{color:#67e8f9;background:#00e5ff14;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.cm-file-remove{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.cm-file-remove:hover{color:#f87171;background:#ef44441a;border-color:#ef4444}.cm-modal-footer{background:#0b101b;border-top:1px solid #263449;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:15px 24px;display:flex}.cm-btn-cancel,.cm-btn-submit{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.cm-btn-cancel{color:#cbd5e1;background:0 0;border:1px solid #334155}.cm-btn-cancel:hover{color:#fff;background:#1e293b;border-color:#475569}.cm-btn-submit{color:#001018;background:#00d9ff;border:none;box-shadow:0 5px 18px #00d9ff29}.cm-btn-submit:hover{background:#22e3ff;transform:translateY(-1px)}.cm-btn-submit:disabled,.cm-btn-cancel:disabled,.cm-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cm-delete-overlay{z-index:20000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-delete-modal{text-align:center;background:#0b101b;border:1px solid #334155;border-radius:16px;width:100%;max-width:390px;padding:28px;animation:.2s ease-out cmDeleteModalIn;box-shadow:0 25px 70px #000000a6,0 0 30px #00e5ff0d}@keyframes cmDeleteModalIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.cm-delete-icon{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.cm-delete-modal h3{color:#f8fafc;margin:0 0 8px;font-size:18px;font-weight:700}.cm-delete-modal p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.cm-delete-modal p strong{color:#e2e8f0;font-weight:600}.cm-delete-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.cm-delete-cancel,.cm-delete-confirm{cursor:pointer;border-radius:8px;min-width:90px;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.cm-delete-cancel{color:#cbd5e1;background:0 0;border:1px solid #334155}.cm-delete-cancel:hover{color:#fff;background:#1e293b;border-color:#475569}.cm-delete-confirm{color:#fff;background:#ef4444;border:none;box-shadow:0 4px 14px #ef444433}.cm-delete-confirm:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #ef44444d}.cm-delete-cancel:disabled,.cm-delete-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=650px){.cm-modal-overlay{padding:10px}.cm-modal{border-radius:10px;height:calc(100vh - 20px)}.cm-modal-header,.cm-modal-body{padding:17px}.cm-modal-footer{padding:13px 17px}.cm-item{align-items:flex-start}.cm-edit-btn{padding:0 10px}.cm-edit-btn span{display:none}.cm-selected-name{max-width:180px}}.cm-card-file-download{color:#00d9ff;cursor:pointer;background:#1d2940;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:inline-flex}.cm-card-file-download:hover{color:#06101c;background:#00d9ff;transform:translateY(-1px)}.cm-download-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1d2940;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cm-download-all-btn:hover{color:#06101c;background:#00d9ff}.cm-item{position:relative}.cm-title-download-row{align-items:center;width:100%;display:flex;position:relative}.cm-title-download-row .cm-item-title{flex:1;min-width:0;margin:0}.cm-title-download-row .cm-download-all-btn{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.cm-item-left{width:100%;display:flex}.cm-info-group{flex:1;width:100%;min-width:0}.cm-form-group select{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px;font-weight:600}.cm-form-group select:focus{border-color:#00aeff}.cm-form-group select option{color:#e2e8f0;background:#0f172a;font-weight:600}.cm-batch-name{color:#00aeff;background:#00aeff1a;border-radius:6px;width:fit-content;margin-bottom:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.cm-url-row{align-items:center;gap:10px;width:100%;display:flex}.cm-url-input{flex:1;min-width:0;height:46px;padding:12px 14px}.cm-url-add-btn{color:#06101c;cursor:pointer;background:#00d9ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:88px;min-width:88px;height:46px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.cm-url-add-btn:hover{background:#22e3ff}.cm-url-add-btn:disabled{opacity:.5;cursor:not-allowed}.batches-container{flex-direction:column;gap:2rem;width:100%;margin:0 auto;padding:2rem;display:flex}.breadcrumb{color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.batches-title-row{justify-content:space-between;align-items:center;display:flex}.welcome-text{margin:0;font-size:2.2rem;font-weight:600}.welcome-subtext{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.btn-success,.btn-primary{background-color:var(--accent-cyan,#00f0ff);color:var(--bg-main,#0f172a);box-shadow:0 0 15px var(--accent-cyan-glow,#00f0ff4d);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-success:hover,.btn-primary:hover{color:var(--bg-main,#0f172a);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff66}.batches-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.batch-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.batch-header{justify-content:space-between;align-items:flex-start;display:flex}.batch-info h3{margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.batch-info span{color:var(--text-secondary);font-size:.85rem}.batch-time{color:var(--text-secondary);font-size:.8rem}.batch-header-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.card-actions{align-items:center;gap:.75rem;display:flex}.btn-icon-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;transition:all .2s;display:flex}.btn-icon-action:hover{color:var(--accent-cyan);background:#00f0ff1a}.toggle-switch{width:34px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background-color:var(--text-muted,#444);border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider{background-color:var(--accent-cyan)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.batch-roster{flex-direction:column;gap:.5rem;display:flex}.roster-labels{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.roster-labels span:last-child{color:var(--text-primary);font-weight:500}.progress-bar-container{background-color:var(--border-color);border-radius:2px;height:4px;overflow:hidden}.progress-bar{background-color:var(--accent-cyan);height:100%;box-shadow:0 0 8px var(--accent-cyan);border-radius:2px}.batch-stats{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;justify-content:space-between;padding:1rem;display:flex}.stat{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.stat:not(:last-child){border-right:1px solid var(--border-color)}.stat-label{color:var(--text-secondary);letter-spacing:.5px;font-size:.7rem}.stat-value{color:var(--accent-cyan);font-size:1.1rem;font-weight:500}.btn-open-roster{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-open-roster:hover{background:#ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000!important;background:#000000b8!important;justify-content:center!important;align-items:center!important;padding:15px!important;display:flex!important;position:fixed!important;inset:0!important}.batches-container .modal-content.batch-creation-modal-md,.modal-content.batch-creation-modal-md{box-sizing:border-box!important;background:var(--bg-card,#0f1420)!important;border:1px solid #00f0ff47!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:660px!important;margin:0!important;padding:24px 28px!important;position:relative!important;box-shadow:0 15px 40px #0000008c,0 0 20px #00f0ff0d!important}.batch-creation-modal-md .batch-form-grid{box-sizing:border-box!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 20px!important;width:100%!important;display:grid!important}.batch-creation-modal-md .modal-actions.full-width{border-top:1px solid #ffffff14!important;grid-column:1/-1!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;margin-top:10px!important;padding-top:16px!important;display:flex!important}@media (width<=640px){.batches-container .modal-content.batch-creation-modal-md,.modal-content.batch-creation-modal-md{max-width:95%!important;padding:20px 18px!important}.batch-creation-modal-md .batch-form-grid{grid-template-columns:1fr!important;gap:14px!important}}.batches-container .modal-header{text-align:left!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0 0 18px!important;padding:0!important;display:flex!important}.batches-container .modal-header h2{text-align:left!important;color:#fff!important;margin:0!important;padding:0!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.2!important}.batches-container .batch-modal-close-btn{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;margin:0!important;padding:0!important;display:flex!important}.batches-container .batch-modal-close-btn:hover{background:#ffffff14!important}.batches-container .batch-modal-close-btn svg{color:#fff!important;stroke:#fff!important;width:18px!important;height:18px!important}.batches-container .modal-content .form-group{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;width:100%!important;max-width:none!important;margin:0 0 13px!important;padding:0!important;display:flex!important}.batches-container .modal-content .form-group label{text-align:left!important;color:#e2e8f0!important;width:100%!important;margin:0!important;padding:0!important;font-size:.82rem!important;font-weight:600!important;line-height:1.2!important}.batches-container .modal-content .form-group input{box-sizing:border-box!important;color:#fff!important;background:#070b12!important;border:1px solid #334155!important;border-radius:7px!important;width:100%!important;max-width:none!important;height:40px!important;margin:0!important;padding:0 11px!important;font-size:.86rem!important}.batches-container .modal-content .form-group input::placeholder{color:#64748b!important}.batches-container .modal-content .form-group input:focus{border-color:var(--accent-cyan,#00f0ff)!important;box-shadow:0 0 0 1px var(--accent-cyan,#00f0ff), 0 0 7px #00f0ff29!important;outline:none!important}.batches-container .modal-content .form-group input[type=date]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.batches-container .modal-content .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0)invert()!important;cursor:pointer!important}.batches-container .modal-actions{box-sizing:border-box!important;border:none!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;margin:16px 0 0!important;padding:0!important;display:flex!important}.batches-container .modal-actions:before,.batches-container .modal-actions:after{content:none!important;display:none!important}.batches-container .modal-actions>*{flex:none!important;width:auto!important}.batches-container .modal-actions .btn-cancel,.batches-container .modal-actions .btn-danger{color:#e2e8f0!important;box-sizing:border-box!important;background:0 0!important;border:1px solid #334155!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:38px!important;margin:0!important;padding:0!important;font-size:.82rem!important;font-weight:600!important;display:inline-flex!important}.batches-container .modal-actions .btn-cancel:hover,.batches-container .modal-actions .btn-danger:hover{background:#ffffff0d!important;border-color:#475569!important}.batches-container .modal-actions .btn-primary,.batches-container .modal-actions .btn-success{background:var(--accent-cyan,#00f0ff)!important;color:#071018!important;box-sizing:border-box!important;cursor:pointer!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:105px!important;min-width:105px!important;max-width:105px!important;height:38px!important;margin:0!important;padding:0!important;font-size:.82rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 0 10px #00f0ff38!important}.batches-container .modal-actions .btn-primary:hover,.batches-container .modal-actions .btn-success:hover{transform:translateY(-1px)!important;box-shadow:0 0 16px #00f0ff66!important}@media (width<=640px){.modal-overlay{padding:12px!important}.batches-container .modal-content{width:100%!important;max-width:100%!important;padding:18px!important}.batches-container .modal-header h2{font-size:1.1rem!important}.batches-container .modal-content .form-group{margin-bottom:11px!important}.batches-container .modal-actions{justify-content:flex-end!important}}.table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-count{color:#94a3b8;font-size:14px;font-weight:500}.pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.page-btn{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;width:36px;height:36px;transition:all .2s}.page-btn:hover:not(:disabled){background:#1e293b;border-color:#475569}.page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.custom-table th:last-child,.custom-table td:last-child{text-align:center;vertical-align:middle}.action-column{justify-content:center;align-items:center;gap:14px;display:flex}.chatroom-container{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;display:flex}.chatroom-header-section{flex-direction:column;gap:.35rem;display:flex}.chatroom-breadcrumb{color:#00f0ff;letter-spacing:.18em;text-transform:uppercase;font-size:.725rem;font-weight:700}.chatroom-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.chatroom-title-left{flex-direction:column;gap:.35rem;display:flex}.chatroom-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:2.2rem;font-weight:700}.chatroom-subtitle{color:#8492a6;margin:0;font-size:.875rem}.chatroom-search-wrapper{min-width:280px;position:relative}.chatroom-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.chatroom-search-input{color:#fff;box-sizing:border-box;background:#090f1d;border:1px solid #1e2c45;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px 0 40px;font-size:.875rem;transition:all .25s}.chatroom-search-input:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff40}.chatroom-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=960px){.chatroom-grid{grid-template-columns:1fr}}.chatroom-card{cursor:pointer;background-color:#0a0f1d;border:1px solid #162035;border-radius:14px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;transition:all .25s;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.chatroom-card:hover{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 12px 35px #00f0ff26}.corner-chat-badge{color:#00f0ff;background:linear-gradient(135deg,#0b182c,#0f2442);border:1px solid #00f0ff66;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;transition:all .25s;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:0 0 12px #00f0ff33}.chatroom-card:hover .corner-chat-badge{color:#080d16;background:#00f0ff;border-color:#00f0ff;box-shadow:0 0 16px #00f0ff66}.corner-chat-badge .badge-icon{flex-shrink:0}.corner-chat-badge .badge-count{line-height:1}.chatroom-card-header{flex-direction:column;gap:.3rem;padding-right:4.5rem;display:flex}.chatroom-badge-live{color:#0f8;letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.1rem;font-size:.68rem;font-weight:700;display:inline-flex}.live-dot{background-color:#0f8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #0f8}.chatroom-batch-title{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.chatroom-batch-sub{color:#718096;font-size:.82rem}.chatroom-card-body{flex-direction:column;gap:.75rem;display:flex}.chatroom-info-row{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tutor-highlight{color:#00f0ff;font-weight:600}.chatroom-preview-box{background:#080d19;border:1px solid #162238;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;display:flex}.preview-text{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-style:italic;overflow:hidden}.preview-time{color:#64748b;white-space:nowrap;font-size:.72rem}.btn-open-chat{color:#e2e8f0;cursor:pointer;background:#111a2c;border:1px solid #1e2c45;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-open-chat:hover{color:#fff;background:#16243d;border-color:#00f0ff;box-shadow:0 0 14px #00f0ff40}.chatroom-empty-state{text-align:center;color:#64748b;background:#0a0f1d;border:1px dashed #1e2c45;border-radius:14px;grid-column:1/-1;padding:3rem}.chat-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#04070ed1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.chat-modal-container{background:#0a0f1d;border:1px solid #1e2d48;border-radius:16px;flex-direction:column;width:100%;max-width:780px;height:85vh;max-height:700px;animation:.25s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 25px #00f0ff1a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.chat-modal-header{background:#070c18;border-bottom:1px solid #162238;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.chat-header-info{align-items:center;gap:.85rem;display:flex}.chat-batch-avatar{background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-modal-title{color:#fff;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.chat-modal-sub{color:#718096;margin:0;font-size:.8rem}.chat-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.chat-close-btn:hover{color:#fff;background:#ffffff14}.chat-modal-body{background-color:#070b14;flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-empty-msgs{color:#64748b;flex-direction:column;align-items:center;gap:.5rem;margin:auto;display:flex}.chat-msg-row{gap:.75rem;max-width:80%;display:flex}.chat-msg-row.self{flex-direction:row;align-self:flex-end}.chat-msg-row.other{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.msg-avatar.tutor{color:#080d16;background:#00f0ff}.msg-avatar.student{color:#fff;background:#3b82f6}.msg-avatar.admin,.msg-avatar.self{color:#080d16;background:linear-gradient(135deg,#00f0ff,#09f)}.msg-content-wrapper{flex-direction:column;gap:.3rem;display:flex}.chat-msg-row.self .msg-content-wrapper{align-items:flex-end}.msg-meta{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.msg-sender{color:#e2e8f0;font-weight:600}.msg-role-badge{text-transform:uppercase;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.msg-role-badge.tutor{color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff4d}.msg-role-badge.student{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.msg-role-badge.admin{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.msg-time{color:#64748b}.msg-bubble{border-radius:14px;padding:.85rem 1.1rem;font-size:.875rem;line-height:1.45;box-shadow:0 4px 12px #0003}.chat-msg-row.other .msg-bubble{color:#f1f5f9;background:#111a2d;border:1px solid #1e2c45;border-top-left-radius:2px}.chat-msg-row.self .msg-bubble{color:#fff;background:linear-gradient(135deg,#00d2ff,#07f);border-top-right-radius:2px}.chat-modal-footer{background:#070c18;border-top:1px solid #162238;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input-field{color:#fff;box-sizing:border-box;background:#0a0f1d;border:1px solid #1e2c45;border-radius:10px;outline:none;flex:1;height:44px;padding:0 1rem;font-size:.875rem;transition:all .2s}.chat-input-field:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff33}.chat-send-btn{color:#080d16;cursor:pointer;background:#00f0ff;border:none;border-radius:10px;align-items:center;gap:.5rem;height:44px;padding:0 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 14px #00f0ff59}.chat-send-btn:hover:not(:disabled){background:#2eeaff;transform:translateY(-1px);box-shadow:0 0 20px #00f0ff8c}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.classschedule-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 70px);padding:28px}.classschedule-header{margin-bottom:28px}.classschedule-grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}.classschedule-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1228eb;border:1px solid #94a3b824;border-radius:18px;padding:22px 24px;box-shadow:0 15px 35px #00000059}.card-title-box{align-items:center;gap:10px;margin-bottom:20px;display:flex}.card-title-box h2{color:#f8fafc;margin:0;font-size:1.08rem;font-weight:600}.schedule-card{flex-direction:column;gap:16px;display:flex}.classschedule-field{flex-direction:column;gap:6px;display:flex}.classschedule-field label{color:#aeb8c7;letter-spacing:.6px;text-transform:uppercase;font-size:.7rem;font-weight:700}.classschedule-field input{box-sizing:border-box;color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:.84rem;transition:all .2s}.classschedule-field input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff1f}.slots-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.slots-header label{color:#aeb8c7;letter-spacing:.6px;text-transform:uppercase;font-size:.7rem;font-weight:700}.add-slot-btn-top{color:#00f0ff;cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.add-slot-btn-top:hover{background:#00f0ff33;box-shadow:0 0 10px #00f0ff40}.slots-container{flex-direction:column;gap:12px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.slots-container::-webkit-scrollbar{width:4px}.slots-container::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.slot-item-card{background:#0f172a80;border:1px solid #94a3b829;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:border-color .2s;display:flex}.slot-item-card:hover{border-color:#00f0ff4d}.slot-card-header{justify-content:space-between;align-items:center;display:flex}.slot-number-badge{color:#00f0ff;letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-weight:700}.slot-remove-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.slot-remove-btn:hover{color:#ef4444;background:#ef444440;border-color:#ef4444}.add-slot-btn-full{color:#00f0ff;cursor:pointer;background:#0f172a99;border:1px dashed #00f0ff66;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;margin-top:2px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.add-slot-btn-full:hover{background:#00f0ff1a;border-color:#00f0ff}.schedule-btn{color:#03111f;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;margin-top:4px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 20px #00f0ff47}.schedule-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00f0ff6b}@keyframes btnSpin{to{transform:rotate(360deg)}}.upcoming-list{flex-direction:column;gap:16px;display:flex}.upcoming-item{background:#0f172aa6;border:1px solid #94a3b81f;border-radius:14px;padding:18px}.upcoming-item h3{color:#f8fafc;margin:0 0 8px;font-size:.98rem;font-weight:600}.upcoming-meta{color:#94a3b8;align-items:center;gap:10px;font-size:.78rem;display:flex}.batch-pill{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700}.link-box{background:#0a1228d9;border:1px solid #94a3b81f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.link-left{color:#cbd5e1;align-items:center;gap:10px;min-width:0;font-size:.78rem;display:flex}.link-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-btn{color:#e2e8f0;cursor:pointer;background:#0f172ac7;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.copy-btn:hover{color:#fff;background:#00f0ff1f;border-color:#00f0ff}.date-time-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.datetime-picker-input{color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:14px}.datetime-picker-input:focus{border-color:#00e5ff;outline:none;box-shadow:0 0 0 2px #00e5ff14}.upcoming-meta{color:#94a3b8;align-items:center;gap:10px;margin-top:6px;font-size:13px;display:flex}.schedule-btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.schedule-btn.active{opacity:1;cursor:pointer}.class-day{color:#cbd5e1;font-size:.86rem;font-weight:500}.class-time{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff2e;border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:600}.datetime-picker-input{color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.upcoming-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.class-day,.class-time{color:#cbd5e1;font-size:13px}.picker-wrapper{width:100%;position:relative}.datetime-picker-input{color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:42px;padding:0 42px 0 14px;font-size:14px;transition:all .2s}.datetime-picker-input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff14}.datetime-picker-input::placeholder{color:#64748b}.picker-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.react-datepicker-popper,.react-datepicker-portal{z-index:999999!important}.react-datepicker{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.react-datepicker__header{background:#111827;border-bottom:1px solid #334155}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__day,.react-datepicker__time-name{color:#f8fafc}.react-datepicker__day:hover,.react-datepicker__time-list-item:hover{background:#00e5ff1f}.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{color:#001018!important;background:#06b6d4!important}.pagination-bar{border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.pagination-info{color:#cbd5e1;font-size:14px;font-weight:600}.pagination-actions{gap:10px;display:flex}.pagination-btn{color:#f8fafc;cursor:pointer;background:#0f172ae6;border:1px solid #334155;border-radius:8px;padding:8px 14px;transition:all .2s}.no-classes-container{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3.5rem 1.5rem;display:flex}.no-classes-icon-box{background:linear-gradient(135deg,#00f0ff1f 0%,#3b82f60d 100%);border:1px solid #00f0ff40;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.2rem;animation:4s ease-in-out infinite csFloat;display:flex;box-shadow:0 0 25px #00f0ff1f}@keyframes csFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.no-classes-icon{color:#00f0ff}.no-classes-title{color:#fff;letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.no-classes-desc{color:#8492a6;max-width:340px;margin:0;font-size:.85rem;line-height:1.5}@media (width<=1024px){.classschedule-grid{grid-template-columns:1fr}}.upcoming-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.upcoming-title-row h3{margin:0}.edit-schedule-btn{color:#00f0ff;cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff40;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.edit-schedule-btn:hover{background:#00f0ff33;border-color:#00f0ff;transform:translateY(-1px);box-shadow:0 0 10px #00f0ff4d}.edit-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712c7;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.edit-modal-content{background:#0f172a;border:1px solid #00f0ff40;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:24px;display:flex;box-shadow:0 20px 50px #0009,0 0 20px #00f0ff1a}.edit-modal-header{justify-content:space-between;align-items:center;display:flex}.edit-modal-title-box{align-items:center;gap:10px;display:flex}.edit-modal-title-box h3{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.edit-modal-body{flex-direction:column;gap:16px;display:flex}.edit-modal-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.modal-cancel-btn{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #334155;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.modal-cancel-btn:hover:not(:disabled){color:#fff;border-color:#64748b}.modal-save-btn{color:#03111f;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #00f0ff40}.modal-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00f0ff61}.modal-save-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=640px){.classschedule-page{padding:16px}.header-main-title{font-size:1.8rem}.date-time-row{grid-template-columns:1fr}}.assigned-batch-display{box-sizing:border-box;color:#f8fafc;background:#0f172ac7;border:1px solid #00e5ff38;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 13px;font-size:.84rem;font-weight:600;display:flex;box-shadow:inset 0 0 15px #00e5ff06,0 0 12px #00e5ff08}.assigned-batch-code{color:#00e5ff;letter-spacing:.4px;background:#00e5ff14;border:1px solid #00e5ff2e;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:700}.assigned-batch-separator{color:#64748b;font-weight:500}.assigned-batch-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.assigned-batch-loading{color:#64748b;font-size:.8rem;font-weight:500}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.liveclass-page{box-sizing:border-box;color:#f8fafc;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:28px 32px;display:flex}.liveclass-header{width:100%;max-width:1100px;margin-bottom:28px}.header-main-title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:700}.liveclass-container{flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.liveclass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;display:grid}.liveclass-card{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1226e0;border:1px solid #00f0ff2e;border-radius:20px;width:100%;padding:36px 28px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 15px 35px #0006,inset 0 0 20px #00f0ff08}.liveclass-card:hover{border-color:#00f0ff52;box-shadow:0 18px 40px #00000073,inset 0 0 24px #00f0ff0a}.main-access-card{text-align:center;flex-direction:column;align-items:center;padding:44px 28px;display:flex}.multi-access-card{text-align:center;flex-direction:column;align-items:center;min-height:360px;padding:32px 24px;display:flex}.card-top-badge{justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.live-dot-pulse{background-color:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite liveRedPulse;box-shadow:0 0 10px #ef4444}@keyframes liveRedPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ef4444}50%{opacity:.6;transform:scale(1.3);box-shadow:0 0 18px #ef4444}}.badge-label{color:#00f0ff;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:700}.no-session-label{color:#94a3b8}.batch-label{color:#8eeeff;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;background:#00f0ff14;border:1px solid #00f0ff2e;border-radius:999px;justify-content:center;align-items:center;max-width:100%;margin-bottom:12px;padding:6px 14px;font-size:.76rem;font-weight:600;display:inline-flex;overflow:hidden}.class-title{color:#fff;letter-spacing:-.01em;word-break:break-word;width:100%;margin:0 0 10px;font-size:2.1rem;font-weight:700;line-height:1.2}.multi-access-card .class-title{margin-bottom:10px;font-size:1.5rem}.class-meta{color:#94a3b8;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:.92rem;display:flex}.multi-access-card .class-meta{margin-bottom:22px;font-size:.85rem}.no-session-text{color:#64748b;margin-bottom:0}.countdown-box{justify-content:center;width:100%;margin-bottom:32px;display:flex}.multi-access-card .countdown-box{margin-bottom:26px}.countdown-time{color:#00f0ff;letter-spacing:3px;text-shadow:0 0 30px #00f0ff73;white-space:nowrap;font-family:Outfit,Courier New,monospace;font-size:3.5rem;font-weight:800}.countdown-time-small{letter-spacing:2px;font-size:2.2rem}.join-live-btn{color:#03111f;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:13px 32px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 24px #00f0ff59}.multi-access-card .join-live-btn{min-width:170px;padding:11px 24px;font-size:.88rem}.join-live-btn:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 10px 32px #00f0ff8c}.join-live-btn:active:not(:disabled){transform:translateY(0)}.join-live-btn:disabled,.join-live-btn.disabled{color:#64748b!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;opacity:.6!important;background:#1e293b!important;border:1px solid #334155!important;transform:none!important}.loading-card{justify-content:center;min-height:240px}.loading-text{color:#94a3b8;margin:0;font-size:1rem}@media (width<=900px){.liveclass-page{padding:24px 20px}.liveclass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.multi-access-card{padding:28px 18px}.multi-access-card .class-title{font-size:1.35rem}.countdown-time-small{font-size:1.8rem}.multi-access-card .join-live-btn{min-width:150px}}@media (width<=650px){.liveclass-page{padding:18px 16px}.liveclass-header{margin-bottom:22px}.header-main-title{font-size:1.8rem}.header-subtitle{font-size:.88rem;line-height:1.5}.liveclass-grid{grid-template-columns:1fr;gap:18px}.liveclass-card{border-radius:16px}.main-access-card{padding:34px 20px}.multi-access-card{min-height:auto;padding:30px 18px}.class-title{font-size:1.65rem}.multi-access-card .class-title{font-size:1.35rem}.countdown-time{letter-spacing:2px;font-size:2.5rem}.countdown-time-small{font-size:2rem}.join-live-btn,.multi-access-card .join-live-btn{width:100%;min-width:0}}@media (width<=400px){.liveclass-page{padding:16px 12px}.header-main-title{font-size:1.55rem}.class-title{font-size:1.4rem}.multi-access-card .class-title{font-size:1.2rem}.countdown-time{letter-spacing:1px;font-size:2rem}.countdown-time-small{font-size:1.55rem}.badge-label{letter-spacing:1.4px;font-size:.65rem}.batch-label{max-width:90%;font-size:.7rem}}.profile-page{color:#f8fafc;min-height:100%;padding:28px}.profile-header{margin-bottom:24px}.profile-label{color:#00e5ff;letter-spacing:.14em;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.profile-header h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.profile-header p{color:#94a3b8;margin:7px 0 0;font-size:14px}.profile-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-sidebar{background:#0f172ad1;border:1px solid #334155;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000002e}.profile-cover{background:linear-gradient(135deg,#00e5ff26,#0f172af2);border-bottom:1px solid #00e5ff26;height:90px;position:relative;overflow:hidden}.profile-cover:before{content:"";background:#00e5ff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-120px;right:-50px}.profile-cover:after{content:"";background:#0ea5e90f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-90px;left:-30px}.profile-user{text-align:center;padding:0 20px 22px}.profile-avatar{z-index:2;color:#ecfeff;background:linear-gradient(135deg,#0e7490,#0891b2);border:4px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:-44px auto 15px;font-size:28px;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 1px #00e5ff73,0 8px 25px #00e5ff26}.profile-user h2{color:#f8fafc;margin:0;font-size:20px;font-weight:700}.profile-email{color:#94a3b8;word-break:break-word;margin:6px 0 12px;font-size:12px}.profile-id{color:#67e8f9;background:#00e5ff12;border:1px solid #00e5ff29;border-radius:20px;align-items:center;gap:5px;width:fit-content;margin:0 auto;padding:6px 11px;font-size:11px;font-weight:600;display:flex}.profile-divider{background:#263449;height:1px;margin:0 20px}.profile-sidebar-info{flex-direction:column;gap:17px;padding:20px;display:flex}.sidebar-info-item{align-items:flex-start;gap:11px;display:flex}.sidebar-icon{color:#22d3ee;background:#00e5ff12;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-info-item div:last-child{min-width:0}.sidebar-info-item span{color:#64748b;letter-spacing:.08em;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.sidebar-info-item strong{color:#dbeafe;word-break:break-word;font-size:12px;font-weight:500;display:block}.profile-details{flex-direction:column;gap:18px;display:flex}.profile-card{background:#0f172ac7;border:1px solid #334155;border-radius:14px;padding:22px;transition:border-color .2s,transform .2s;box-shadow:0 10px 30px #00000021}.profile-card:hover{border-color:#00e5ff47}.profile-card-header{border-bottom:1px solid #263449;align-items:center;gap:11px;margin-bottom:18px;padding-bottom:17px;display:flex}.profile-card-icon{color:#22d3ee;background:#00e5ff14;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-card-header h2{color:#f8fafc;margin:0;font-size:16px;font-weight:650}.profile-card-header p{color:#64748b;margin:3px 0 0;font-size:11px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.profile-field{min-width:0}.profile-field span{color:#64748b;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.profile-value{color:#67e8f9;align-items:center;gap:8px;min-height:20px;display:flex}.profile-value svg{color:#0891b2;flex-shrink:0}.profile-value strong{color:#e2e8f0;word-break:break-word;font-size:13px;font-weight:500}.school-info-box{background:#1e293b80;border:1px solid #334155;border-radius:10px;align-items:center;gap:15px;padding:16px;display:flex}.school-icon{color:#22d3ee;background:#00e5ff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.school-info-box span{color:#64748b;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.school-info-box strong{color:#f1f5f9;font-size:14px;font-weight:550}.address-box{background:#1e293b80;border:1px solid #334155;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px;display:flex}.address-icon{color:#22d3ee;background:#00e5ff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.address-box span{color:#64748b;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.address-box strong{color:#cbd5e1;font-size:13px;font-weight:450;line-height:1.6;display:block}.profile-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:350px;font-size:13px;display:flex}.profile-loader{border:3px solid #334155;border-top-color:#00e5ff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite profileSpin}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:350px;font-size:13px;display:flex}.profile-empty svg{color:#0891b2}.profile-header{justify-content:space-between;align-items:center;width:100%;display:flex!important}.profile-edit-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;inset:0;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.profile-edit-modal{background:#0b101b;border:1px solid #00e5ff73;border-radius:16px;flex-direction:column;width:100%;max-width:850px;height:min(850px,100vh - 48px);animation:.25s editModalOpen;display:flex;overflow:hidden;box-shadow:0 25px 70px #000000a6,0 0 30px #00e5ff0f}@keyframes editModalOpen{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-edit-modal-header{z-index:5;background:#0b101b;border-bottom:1px solid #94a3b82e;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.profile-edit-modal-header h2{color:#f8fafc;margin:0;font-size:22px;font-weight:700}.profile-edit-modal-header p{color:#64748b;margin:5px 0 0;font-size:13px}.profile-modal-close{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.profile-modal-close:hover{color:#f87171;background:#ef44441f}.profile-edit-body{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex:1;min-height:0;padding:22px 28px;overflow-y:auto}.profile-edit-body::-webkit-scrollbar{width:6px}.profile-edit-body::-webkit-scrollbar-track{background:0 0}.profile-edit-body::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.profile-edit-body::-webkit-scrollbar-thumb:hover{background:#475569}.edit-section{background:#0f1523;border:1px solid #94a3b826;border-radius:12px;margin-bottom:20px;padding:20px}.edit-section:last-child{margin-bottom:0}.edit-section-header{border-bottom:1px solid #94a3b821;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}.edit-section-icon{color:#00e5ff;background:#00e5ff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.edit-section-header h3{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.edit-section-header span{color:#64748b;margin-top:4px;font-size:11px;display:block}.edit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.edit-form-field{min-width:0}.edit-form-field.full-width{grid-column:1/-1}.edit-form-field label{color:#d5dce8;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.edit-form-field label span{color:#ef4444}.edit-input-wrapper{background:#111827;border:1px solid #334155;border-radius:9px;align-items:center;gap:10px;height:46px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.edit-input-wrapper svg{color:#64748b;flex-shrink:0}.edit-input-wrapper:focus-within{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff14}.edit-input-wrapper input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-size:14px}.edit-input-wrapper input::placeholder{color:#64748b}.edit-input-wrapper input:disabled{cursor:not-allowed;color:#64748b}.edit-input-wrapper.edit-disabled{background:#0b101b;border-color:#1e293b}.profile-edit-actions{z-index:5;background:#0b101b;border-top:1px solid #94a3b82e;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.profile-cancel-btn,.profile-save-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:110px;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.profile-cancel-btn{color:#cbd5e1;background:0 0;border:1px solid #334155}.profile-cancel-btn:hover{color:#fff;background:#1e293b;border-color:#475569}.profile-save-btn{color:#001018;background:#00d9ff;border:none;box-shadow:0 5px 20px #00d9ff2e}.profile-save-btn:hover{background:#22e3ff;transform:translateY(-1px)}.profile-save-btn:disabled,.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-edit-btn{color:#67e8f9;cursor:pointer;background:#00e5ff14;border:1px solid #00e5ff59;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.profile-edit-btn:hover{background:#00e5ff26;border-color:#00e5ff;transform:translateY(-1px)}.profile-edit-btn svg{color:#22d3ee}.profile-edit-modal::-webkit-scrollbar{width:6px}.profile-edit-modal::-webkit-scrollbar-track{background:0 0}.profile-edit-modal::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}@media (width<=700px){.profile-edit-overlay{padding:12px}.profile-edit-modal{border-radius:12px;height:calc(100vh - 24px);max-height:none}.profile-edit-modal-header{padding:17px 18px}.profile-edit-modal-header h2{font-size:19px}.profile-edit-body,.edit-section{padding:16px}.edit-form-grid{grid-template-columns:1fr}.edit-form-field.full-width{grid-column:auto}.profile-edit-actions{padding:12px 16px}.profile-cancel-btn,.profile-save-btn{min-width:100px;height:42px}}@media (width<=1000px){.profile-layout{grid-template-columns:250px minmax(0,1fr)}}@media (width<=850px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{max-width:100%}.profile-sidebar-info{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=650px){.profile-page{padding:18px}.profile-header h1{font-size:24px}.profile-grid{grid-template-columns:1fr;gap:17px}.profile-sidebar-info{grid-template-columns:1fr}.profile-card{padding:18px}.profile-card-header{align-items:flex-start}}.school-information-card{background:#0f172ac7;border:1px solid #334155}.school-information-card:hover{border-color:#00e5ff47}.school-information-card .profile-card-header{border-bottom:1px solid #263449}.school-information-card .profile-card-icon{color:#22d3ee;background:#00e5ff14}.school-information-card .profile-field span{color:#64748b}.school-information-card .profile-value{color:#67e8f9}.school-information-card .profile-value svg{color:#0891b2}.school-information-card .profile-value strong{color:#e2e8f0;font-size:13px;font-weight:500}.profile-select__control{height:46px;min-height:46px!important;box-shadow:none!important;cursor:pointer!important;background:#111827!important;border:1px solid #334155!important;border-radius:9px!important}.profile-select__control:hover{border-color:#475569!important}.profile-select__control--is-focused{border-color:#00d9ff!important;box-shadow:0 0 0 3px #00d9ff14!important}.profile-select__value-container{padding:0 13px!important}.profile-select__single-value{font-size:14px;color:#f8fafc!important}.profile-select__placeholder{font-size:14px;color:#64748b!important}.profile-select__indicator-separator{display:none}.profile-select__dropdown-indicator{color:#64748b!important}.profile-select__dropdown-indicator:hover{color:#22d3ee!important}.profile-select__menu{overflow:hidden;z-index:9999!important;background:#0f172a!important;border:1px solid #334155!important;border-radius:9px!important;margin-top:5px!important}.profile-select__menu-list{padding:5px!important}.profile-select__option{font-size:13px;color:#cbd5e1!important;cursor:pointer!important;background:0 0!important;border-radius:6px!important;padding:10px 12px!important}.profile-select__option:hover,.profile-select__option--is-focused{color:#67e8f9!important;background:#00e5ff14!important}.profile-select__option--is-selected{font-weight:600;color:#22d3ee!important;background:#00e5ff26!important}.class-details-container{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:6px 14px 40px}.class-details-header{margin-bottom:22px}.class-details-breadcrumb{color:#00e5ff;letter-spacing:3px;margin-bottom:10px;font-size:14px;font-weight:700}.class-details-title{color:#fff;margin:0;font-size:38px;font-weight:700;line-height:1.15}.class-details-subtitle{color:#91a4c7;margin:9px 0 0;font-size:17px;line-height:1.4}.class-details-card{box-sizing:border-box;background:#0b1222;border:1px solid #1d2a42;border-radius:18px;width:100%;overflow:hidden}.class-details-card-header{border-bottom:none;padding:28px 30px 26px}.class-details-heading{align-items:center;gap:11px;display:flex}.class-details-heading svg{color:#00e5ff;flex-shrink:0}.class-details-heading h2{color:#fff;margin:0;font-size:22px;font-weight:600}.class-details-table-container{width:100%;overflow:hidden}.class-details-table{border-collapse:collapse;table-layout:fixed;width:100%}.class-details-day-column{width:8%}.class-details-time-column{width:15%}.class-details-topic-column{width:32%}.class-details-tutor-column{width:27%}.class-details-join-column{width:18%;text-align:left!important}.class-details-table thead tr{height:62px}.class-details-table thead th{color:#7f96bd;letter-spacing:1px;text-align:left;white-space:nowrap;background:0 0;border-bottom:1px solid #182338;padding:0 30px;font-size:13px;font-weight:500}.class-details-table tbody tr{background:0 0;height:80px;transition:background .2s}.class-details-table tbody tr:hover{background:#14223a73}.class-details-table tbody td{color:#91a4c7;vertical-align:middle;border-bottom:1px solid #182338;padding:0 30px;font-size:16px;font-weight:400}.class-details-table tbody tr:last-child td{border-bottom:none}.class-details-table tbody td.class-details-day-column{color:#00e5ff;white-space:nowrap;font-size:17px;font-weight:600}.class-details-table tbody td.class-details-time-column{color:#91a4c7;white-space:nowrap;font-size:16px;font-weight:400}.class-details-table tbody td.class-details-topic-column{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.class-details-table tbody td.class-details-tutor-column{color:#91a4c7;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.class-details-join-btn{box-sizing:border-box;color:#fff;cursor:pointer;background:#1b2943;border:none;border-radius:11px;justify-content:space-between;align-items:center;width:124px;height:40px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background .2s,transform .2s;display:inline-flex}.class-details-join-btn:hover{color:#fff;background:#263957;transform:translateY(-1px)}.class-details-join-btn:active{transform:translateY(0)}.class-details-join-btn span{white-space:nowrap}.class-details-join-btn svg{color:#d3dced;flex-shrink:0}.class-details-no-link{color:#627493;font-size:14px}.class-details-loading,.class-details-empty{color:#91a4c7;justify-content:center;align-items:center;min-height:180px;font-size:15px;display:flex}@media (width<=1100px){.class-details-table thead th,.class-details-table tbody td{padding-left:22px;padding-right:22px}.class-details-table tbody td{font-size:15px}.class-details-join-btn{min-width:118px}}@media (width<=700px){.class-details-container{padding:5px 10px 30px}.class-details-title{font-size:28px}.class-details-subtitle{font-size:15px}.class-details-card{border-radius:14px}.class-details-card-header{padding:22px 18px}.class-details-table{table-layout:auto}.class-details-table thead th,.class-details-table tbody td{padding-left:18px;padding-right:18px}.class-details-table tbody tr{height:70px}}.session-review-container{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:10px 20px 50px}.session-review-header{margin-bottom:28px}.session-review-breadcrumb{color:#00e5ff;letter-spacing:4px;margin-bottom:12px;font-size:13px;font-weight:700}.session-review-title{color:#fff;margin:0;font-size:38px;font-weight:700;line-height:1.15}.session-review-subtitle{color:#91a4c7;margin:9px 0 0;font-size:17px;line-height:1.5}.session-review-card{box-sizing:border-box;background:#0b1222;border:1px solid #1d2a42;border-radius:18px;width:100%;max-width:100%;overflow:hidden}.session-review-card-header{border-bottom:1px solid #17243a;padding:24px 30px}.session-review-heading{align-items:center;gap:11px;display:flex}.session-review-heading svg{color:#00e5ff;flex-shrink:0}.session-review-heading h2{color:#fff;margin:0;font-size:21px;font-weight:600}.session-review-form{box-sizing:border-box;width:100%;padding:26px 30px 30px}.review-form-group{margin-bottom:26px;position:relative}.review-form-group>label{color:#91a4c7;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.review-rating-stars{align-items:center;gap:8px;display:flex}.rating-star{color:#8faec5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:color .2s,transform .2s;display:flex}.rating-star svg{width:34px;height:34px}.rating-star:hover:not(:disabled){color:#00e5ff;transform:scale(1.08)}.rating-star.selected{color:#00e5ff}.rating-star:disabled{cursor:not-allowed;opacity:.75}.rating-star:focus-visible{outline-offset:3px;border-radius:5px;outline:2px solid #00e5ff}.review-form-group textarea{box-sizing:border-box;resize:vertical;color:#dce6f5;background:#08101f;border:1px solid #1d2a42;border-radius:12px;outline:none;width:100%;min-height:125px;padding:14px 15px;font-family:inherit;font-size:15px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.review-form-group textarea::placeholder{color:#7188aa}.review-form-group textarea:focus{border-color:#00a8c6;box-shadow:0 0 0 3px #00e5ff14}.review-form-group textarea:disabled{opacity:.6;cursor:not-allowed}.review-character-count{text-align:right;color:#627493;margin-top:6px;font-size:12px}.submit-review-btn{color:#03111b;cursor:pointer;background:#00a8c6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:160px;height:46px;padding:0 20px;font-size:15px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.submit-review-btn:hover:not(:disabled){background:#00d5f5;transform:translateY(-1px);box-shadow:0 8px 22px #00e5ff2e}.submit-review-btn:disabled{color:#315a63;opacity:1;cursor:not-allowed;box-shadow:none;background:#8acbd8;transform:none}.review-spinner{border:2px solid #00000040;border-top-color:#03111b;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite reviewSpin}@keyframes reviewSpin{to{transform:rotate(360deg)}}@media (width<=600px){.session-review-container{padding:5px 10px 30px}.session-review-title{font-size:28px}.session-review-subtitle{font-size:15px}.session-review-card{border-radius:14px}.session-review-card-header{padding:20px 18px}.session-review-heading h2{font-size:19px}.session-review-form{padding:22px 18px 24px}.review-rating-stars{gap:6px}.rating-star{width:36px;height:36px}.rating-star svg{width:30px;height:30px}.submit-review-btn{width:100%}}.attendance-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 70px);padding:28px}.attendance-header{margin-bottom:24px}.section-label{color:#00f0ff;letter-spacing:2.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-flex}.live-dot{animation:2s ease-in-out infinite pulseGlow}.header-main-title{color:#f8fafc;margin:0;font-size:2.2rem;font-weight:700}.header-subtitle{color:#8ea4bf;margin-top:10px;font-size:.95rem}.attendance-config-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.config-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1228eb;border:1px solid #94a3b824;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 15px 35px #00000059}.config-card-header{justify-content:space-between;align-items:center;display:flex}.card-icon-title{align-items:center;gap:10px;display:flex}.card-icon-title h3{color:#f8fafc;margin:0;font-size:1rem;font-weight:600}.count-pill{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.status-badge-live{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.config-field{flex-direction:column;gap:6px;display:flex}.config-field label{color:#aeb8c7;letter-spacing:.6px;text-transform:uppercase;font-size:.68rem;font-weight:700}.batch-info-box,.session-info-box{background:#0f172a99;border:1px solid #94a3b81f;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.info-row{align-items:center;gap:8px;font-size:.85rem;display:flex}.info-label{color:#94a3b8}.info-value{color:#f8fafc;font-weight:600}.info-value.highlight{color:#00f0ff}.session-topic-title{color:#00f0ff;font-size:.95rem;font-weight:600}.session-meta-row{color:#cbd5e1;align-items:center;gap:16px;margin-top:2px;font-size:.82rem;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.time-text{color:#00e5ff;font-weight:600}.no-info-msg{color:#64748b;font-size:.82rem;font-style:italic}.attendance-workspace-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1228eb;border:1px solid #94a3b824;border-radius:18px;flex-direction:column;gap:20px;padding:22px;display:flex;box-shadow:0 15px 35px #00000059}.workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:14px;display:flex}.search-input-wrapper{flex:1;min-width:260px;max-width:380px;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper input{color:#f8fafc;background:#0f172ac7;border:1px solid #334155;border-radius:10px;outline:none;width:100%;height:40px;padding:0 34px 0 38px;font-size:.85rem;transition:all .2s}.search-input-wrapper input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff1f}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-group{background:#0f172ac7;border:1px solid #334155;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.filter-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.filter-tab.active{color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff4d}.filter-tab.present.active{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.filter-tab.absent.active{color:#f87171;background:#ef444426;border-color:#ef44444d}.toolbar-right{align-items:center;display:flex}.quick-actions{align-items:center;gap:10px;display:flex}.action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.mark-present-btn{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.mark-present-btn:hover{background:#22c55e40;border-color:#22c55e;box-shadow:0 0 10px #22c55e33}.mark-absent-btn{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.mark-absent-btn:hover{background:#ef444440;border-color:#ef4444;box-shadow:0 0 10px #ef444433}.summary-stats-bar{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:#0f172a99;border:1px solid #94a3b81f;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.stat-lbl{color:#94a3b8;letter-spacing:.6px;font-size:.65rem;font-weight:700}.stat-val{color:#f8fafc;font-size:1.25rem;font-weight:700}.stat-card.green .stat-val{color:#4ade80}.stat-card.red .stat-val{color:#f87171}.stat-card.cyan .stat-val{color:#00f0ff}.table-responsive{border:1px solid #94a3b81f;border-radius:12px;width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.attendance-table th{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;background:#0f172ae6;border-bottom:1px solid #94a3b81f;padding:12px 16px;font-size:.68rem;font-weight:700}.attendance-table td{color:#cbd5e1;border-bottom:1px solid #94a3b814;padding:12px 16px}.attendance-table tr:last-child td{border-bottom:none}.col-idx{color:#64748b;font-weight:600}.student-info-cell{align-items:center;gap:12px;display:flex}.avatar-circle{color:#00f0ff;background:linear-gradient(135deg,#00f0ff33 0%,#00a8ff33 100%);border:1px solid #00f0ff59;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.student-name{color:#f8fafc;font-weight:600}.student-email{color:#64748b;font-size:.76rem}.col-mobile{color:#94a3b8}.status-toggle-group{background:#0f172acc;border:1px solid #334155;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:3px;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.present-btn.selected{color:#4ade80;background:#22c55e33;border-color:#22c55e66;box-shadow:0 0 10px #22c55e33}.absent-btn.selected{color:#f87171;background:#ef444433;border-color:#ef444466;box-shadow:0 0 10px #ef444433}.remarks-input{color:#f8fafc;background:#0f172a99;border:1px solid #334155;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px;font-size:.8rem;transition:all .2s}.remarks-input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff14}.remarks-input::placeholder{color:#475569}.attendance-submit-bar{border-top:1px solid #94a3b81f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.submit-info{color:#cbd5e1;align-items:center;gap:8px;font-size:.85rem;display:flex}.submit-attendance-btn{color:#03111f;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #00f0ff47}.submit-attendance-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #00f0ff6b}.submit-attendance-btn:disabled{opacity:.45;cursor:not-allowed}.table-loading-container,.no-students-msg{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.btn-spinner{border:2px solid #03111f59;border-top-color:#03111f;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite btnSpin}@media (width<=1024px){.attendance-config-grid{grid-template-columns:1fr}.summary-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.attendance-page{padding:16px}.header-main-title{font-size:1.8rem}.summary-stats-bar{grid-template-columns:1fr}}.ck-editor__editable{min-height:var(--editor-min-height,150px)!important}.qb-container{width:100%;max-width:1240px;color:var(--text-primary,#fff);font-family:var(--font-family,"Outfit", sans-serif);flex-direction:column;gap:1.5rem;margin:0 auto;padding:2rem;display:flex}.qb-container .row{flex-wrap:wrap!important;width:auto!important;margin-left:-.75rem!important;margin-right:-.75rem!important;display:flex!important}.qb-container .g-3>[class*=col-],.qb-container .g-4>[class*=col-]{box-sizing:border-box!important;padding-left:.75rem!important;padding-right:.75rem!important}.qb-container .col-12{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.qb-container .col-md-6{flex:0 0 50%!important;width:50%!important;max-width:50%!important}.qb-container .col-md-4{flex:0 0 33.3333%!important;width:33.3333%!important;max-width:33.3333%!important}.qb-container .col-md-3{flex:0 0 25%!important;width:25%!important;max-width:25%!important}.qb-container .col-auto{flex:none!important;width:auto!important}.qb-container .col{flex:1 0!important}@media (width<=768px){.qb-container .col-md-4,.qb-container .col-md-6,.qb-container .col-md-3{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}.qb-header-section{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.qb-header-title-box{flex-direction:column;gap:.35rem;display:flex}.qb-breadcrumb{color:var(--accent-cyan,#00f0ff);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:700}.qb-title{color:var(--text-primary,#fff);margin:0;font-size:1.85rem;font-weight:700;line-height:1.2}.qb-subtitle{color:var(--text-secondary,#94a3b8);margin:0;font-size:.9rem}.qb-header-actions{align-items:center;gap:.75rem;display:flex}.qb-btn-download{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ef444466;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #ef444440}.qb-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.qb-btn-download:disabled{opacity:.5;cursor:not-allowed}.qb-panel{background-color:var(--bg-card,#0d121c);border:1px solid var(--border-color,#1e293b);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.75rem;transition:border-color .3s;display:flex;box-shadow:0 10px 30px #00000059}.qb-panel-header{border-bottom:1px solid var(--border-color,#1e293b);margin-bottom:.5rem;padding-bottom:1rem}.qb-panel-header h3{color:var(--text-primary,#fff);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:600;display:flex}.qb-panel-header p{color:var(--text-secondary,#94a3b8);margin:.25rem 0 0;font-size:.85rem}.qb-container .form-label,.qb-container label{letter-spacing:.2px;display:block;color:#e2e8f0!important;margin-bottom:.4rem!important;font-size:.85rem!important;font-weight:600!important}.qb-container .text-danger{color:#ff4d4d!important}.qb-container .form-control,.qb-container .form-select{color:#f8fafc!important;box-sizing:border-box!important;background-color:#060910!important;border:1px solid #1e293b!important;border-radius:10px!important;width:100%!important;padding:.65rem 1rem!important;font-family:inherit!important;font-size:.9rem!important;transition:all .2s ease-in-out!important}.qb-container .form-control:hover,.qb-container .form-select:hover{border-color:#334155!important}.qb-container .form-control:focus,.qb-container .form-select:focus{border-color:var(--accent-cyan,#00f0ff)!important;background-color:#0a0e17!important;outline:none!important;box-shadow:0 0 0 3px #00f0ff26!important}.qb-container .form-control::placeholder{color:#64748b!important}.qb-container .form-select option{padding:.5rem;color:#f8fafc!important;background-color:#0d121c!important}.qb-container input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qb-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qb-editor-container{width:100%}.qb-editor-wrapper{border:1px solid #1e293b;border-radius:10px;transition:border-color .2s;overflow:hidden}.qb-editor-wrapper:focus-within{border-color:var(--accent-cyan,#00f0ff);box-shadow:0 0 0 3px #00f0ff26}.qb-editor-wrapper .ck.ck-toolbar{background:#0f172a!important;border:none!important;border-bottom:1px solid #1e293b!important;padding:6px 10px!important}.qb-editor-wrapper .ck.ck-toolbar .ck-button{color:#94a3b8!important;border-radius:6px!important}.qb-editor-wrapper .ck.ck-toolbar .ck-button:hover{color:#fff!important;background:#1e293b!important}.qb-editor-wrapper .ck.ck-toolbar .ck-button.ck-on{color:var(--accent-cyan,#00f0ff)!important;background:#00f0ff26!important}.qb-editor-wrapper .ck.ck-toolbar .ck-icon{color:currentColor!important}.qb-editor-wrapper .ck.ck-editor__editable{max-height:380px;color:#f8fafc!important;min-height:var(--editor-min-height,150px)!important;background-color:#060910!important;border:none!important;padding:1rem!important;font-size:.95rem!important;line-height:1.6!important}.qb-editor-wrapper .ck.ck-editor__editable p{color:#f8fafc!important}.qb-editor-wrapper .ck.ck-editor__editable.ck-focused{box-shadow:none!important;border:none!important}.qb-editor-wrapper .ck.ck-editor__editable .ck-placeholder{color:#64748b!important}.qb-subcard{background-color:#060910;border:1px solid #1e293b;border-radius:12px;margin-top:1rem;padding:1.25rem}.qb-subcard-title{color:#f8fafc;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.qb-option-badge{width:32px;height:32px;color:var(--accent-cyan,#00f0ff);background-color:#1e293b;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.qb-matching-table{border-collapse:separate;border-spacing:0;border:1px solid #1e293b;border-radius:10px;width:100%;overflow:hidden}.qb-matching-table td{color:#f8fafc;background:#060910;border-bottom:1px solid #1e293b;padding:.75rem 1rem}.qb-matching-table tr:last-child td{border-bottom:none}.qb-container .form-check-input{cursor:pointer;width:1.2rem;height:1.2rem;background-color:#060910!important;border:1px solid #334155!important}.qb-container .form-check-input:checked{background-color:var(--accent-cyan,#00f0ff)!important;border-color:var(--accent-cyan,#00f0ff)!important}.qb-container .form-check-label{cursor:pointer;margin-left:.35rem;color:#e2e8f0!important}.qb-actions-bar{border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.qb-btn-preview{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #0284c766;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c740}.qb-btn-preview:hover{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0284c766}.qb-btn-clear{color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:10px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s}.qb-btn-clear:hover{color:#fff;background:#1e293b}.qb-modal-content{color:#f8fafc!important;background-color:#0d121c!important;border:1px solid #1e293b!important;border-radius:16px!important;box-shadow:0 20px 40px #0009!important}.qb-modal-header{border-bottom:1px solid #1e293b!important;padding:1.25rem 1.5rem!important}.qb-modal-header .modal-title{color:#fff!important;font-size:1.15rem!important;font-weight:700!important}.qb-modal-body{padding:1.5rem!important}.qb-modal-footer{border-top:1px solid #1e293b!important;padding:1rem 1.5rem!important}.preview-box{border-radius:12px;color:#f8fafc!important;background-color:#060910!important;border:1px solid #1e293b!important}.qb-container .btn-outline-white,.qb-container .btn-outline-cyan,.qb-container .btn-outline-primary{color:#fff!important;background:0 0!important;border:1px solid #fff!important;border-radius:8px!important;padding:.45rem 1rem!important;font-weight:600!important;transition:all .2s ease-in-out!important}.qb-container .btn-outline-white:hover,.qb-container .btn-outline-cyan:hover,.qb-container .btn-outline-primary:hover{color:#060910!important;background:#fff!important;border-color:#fff!important;box-shadow:0 0 12px #ffffff59!important}.qb-container .d-flex{flex-flow:row!important;align-items:center!important;display:flex!important}.qb-container .d-flex>.qb-option-badge{flex-shrink:0!important;align-self:center!important;margin-bottom:0!important}.qb-container .d-flex>.form-control{flex:1!important;width:100%!important;min-width:0!important;margin-bottom:0!important}.qb-container .d-flex>svg,.qb-container .d-flex>.cursor-pointer{flex-shrink:0!important;align-self:center!important;margin-bottom:0!important}.qb-container .mt-1{margin-top:.25rem!important}.qb-container .mt-2{margin-top:.5rem!important}.qb-container .mt-3{margin-top:1rem!important}.qb-container .mt-4{margin-top:1.5rem!important}.qb-container .mt-5{margin-top:2rem!important}.qb-container .mb-1{margin-bottom:.25rem!important}.qb-container .mb-2{margin-bottom:.5rem!important}.qb-container .mb-3{margin-bottom:1rem!important}.qb-container .mb-4{margin-bottom:1.5rem!important}.qb-container .mb-5{margin-bottom:2rem!important}.qb-header-section{width:100%;margin-bottom:20px}.qb-header-title-box{width:100%}.qb-header-top{justify-content:space-between;align-items:flex-end;gap:20px;width:100%;display:flex}.qb-header-top>div:first-child{flex:1}.qb-question-list-btn{color:#00e5ff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #00e5ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin:0 0 4px auto;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.qb-question-list-btn:hover{color:#06111a;background:#00e5ff;box-shadow:0 0 12px #00e5ff40}.qb-question-list-btn svg{flex-shrink:0}.student-attendance-container{color:#f8fafc;box-sizing:border-box;background-color:#060910;background-image:radial-gradient(circle at 15% 15%,#00f0ff08 0%,#0000 40%),radial-gradient(circle at 85% 85%,#0f172a66 0%,#0000 50%);min-height:100vh;padding:2.5rem 2rem 3rem;font-family:Outfit,sans-serif}.attendance-page-header{margin-bottom:2rem}.header-category-tag{letter-spacing:.25em;color:#00f0ff;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;display:flex}.header-category-tag .tag-dot{background-color:#00f0ff;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #00f0ff}.header-main-title{color:#fff;letter-spacing:.02em;margin:0 0 .4rem;font-family:Orbitron,sans-serif;font-size:2.25rem;font-weight:700}.header-subtitle-text{color:#94a3b8;margin:0;font-size:.95rem;font-weight:400}.student-profile-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d121ce6 0%,#0f172ab3 100%);border:1px solid #00f0ff26;border-radius:14px;margin-bottom:2rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.student-profile-banner:before{content:"";background:linear-gradient(#00f0ff 0%,#3b82f6 100%);width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #00f0ff}.profile-banner-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.info-item-box{flex-direction:column;gap:.25rem;display:flex}.info-item-label{letter-spacing:.1em;color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.info-item-value{color:#e2e8f0;font-size:.92rem;font-weight:600}.info-item-value.highlight-cyan{color:#00f0ff;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:700}.metrics-summary-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}@media (width<=900px){.metrics-summary-grid{grid-template-columns:1fr}}.metric-card{background:#0d121c;border:1px solid #1e293b;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:128px;padding:1.5rem 1.75rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.metric-card:hover{border-color:#00f0ff4d;box-shadow:0 10px 30px #00f0ff14}.metric-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.metric-card-label{letter-spacing:.15em;color:#64748b;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700}.metric-value-huge{color:#00f0ff;text-shadow:0 0 16px #00f0ff59;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2.75rem;font-weight:800;line-height:1}.metric-progress-wrapper{background:#172033;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.metric-progress-fill{background:linear-gradient(90deg,#00c6ff 0%,#00f0ff 100%);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00f0ff}.metric-value-fraction{color:#fff;align-items:baseline;gap:.4rem;font-family:Orbitron,sans-serif;font-size:2.75rem;font-weight:800;line-height:1;display:flex}.metric-value-fraction .denom{color:#64748b;font-size:1.6rem;font-weight:600}.metric-value-fraction .slash{color:#475569;font-size:1.8rem;font-weight:400}.metric-value-streak{color:#fff;align-items:baseline;gap:.5rem;font-family:Orbitron,sans-serif;font-size:2.75rem;font-weight:800;line-height:1;display:flex}.metric-value-streak .unit-text{color:#94a3b8;font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600}.streak-flame-icon{color:#00f0ff;filter:drop-shadow(0 0 8px #00f0ff80)}.recent-classes-card{background:#0d121c;border:1px solid #1e293b;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 12px 36px #00000073}.recent-classes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.classes-title{color:#fff;letter-spacing:.02em;margin:0;font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700}.classes-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.attendance-search-box{background:#090d16;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:.5rem;width:240px;padding:.45rem .85rem;transition:border-color .2s;display:flex}.attendance-search-box:focus-within{border-color:#00f0ff;box-shadow:0 0 0 2px #00f0ff26}.attendance-search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.attendance-search-box input::placeholder{color:#475569}.filter-tab-group{background:#090d16;border:1px solid #1e293b;border-radius:8px;align-items:center;padding:3px;display:flex}.filter-tab-btn{color:#64748b;cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s}.filter-tab-btn:hover{color:#94a3b8}.filter-tab-btn.active{color:#00f0ff;background:#172033;box-shadow:0 2px 8px #0000004d}.classes-list-container{flex-direction:column;display:flex}.class-row-item{border-bottom:1px solid #161e2e;justify-content:space-between;align-items:center;padding:1.25rem .5rem;transition:background-color .15s,padding .15s;display:flex}.class-row-item:last-child{border-bottom:none}.class-row-item:hover{background-color:#0f172a66;border-radius:8px;padding-left:.85rem;padding-right:.85rem}.class-row-left{flex-direction:column;gap:.35rem;display:flex}.class-topic-name{color:#fff;letter-spacing:.01em;font-size:1.05rem;font-weight:600}.class-meta-row{align-items:center;gap:.85rem;display:flex}.class-date-text{color:#64748b;font-size:.82rem;font-weight:500}.class-batch-badge{color:#00f0ff;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:4px;padding:.15rem .5rem;font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:600}.class-remarks-text{color:#94a3b8;align-items:center;gap:.3rem;font-size:.78rem;font-style:italic;display:flex}.attendance-status-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;min-width:90px;padding:.45rem 1.25rem;font-family:Orbitron,sans-serif;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0003}.attendance-status-badge.present{color:#00f0ff;background:#0a1727;border:1px solid #00f0ff4d;box-shadow:0 0 12px #00f0ff1f}.attendance-status-badge.absent{color:#fff;background:#e11d48;border:1px solid #f43f5e;box-shadow:0 0 14px #e11d4866}.attendance-status-badge.late{color:#fdba74;background:#7c2d12;border:1px solid #f97316}.attendance-loading-state,.attendance-empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.attendance-spinner{border:3px solid #00f0ff26;border-top-color:#00f0ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.question-list-container{color:#f8fafc;min-height:100%;padding:28px}.question-list-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.question-list-breadcrumb{color:#00e5ff;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.question-list-header h1{color:#fff;margin:0;font-size:28px;font-weight:700}.question-list-header p{color:#94a3b8;margin:7px 0 0;font-size:14px}.question-create-btn{color:#06111a;cursor:pointer;white-space:nowrap;background:#00e5ff;border:1px solid #00e5ff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.question-create-btn:hover{background:#00cce5;border-color:#00cce5;transform:translateY(-1px)}.question-list-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.question-search{align-items:center;width:420px;max-width:100%;display:flex;position:relative}.question-search svg{color:#64748b;pointer-events:none;position:absolute;left:13px}.question-search input{color:#f8fafc;background:#111b27;border:1px solid #263445;border-radius:7px;outline:none;width:100%;height:42px;padding:0 14px 0 40px;font-size:13px;transition:border-color .2s}.question-search input::placeholder{color:#64748b}.question-search input:focus{border-color:#00e5ff}.question-total{color:#94a3b8;white-space:nowrap;font-size:13px}.question-table-container{background:#0d1621;border:1px solid #263445;border-radius:9px;width:100%;overflow-x:auto}.question-table{border-collapse:collapse;width:100%;min-width:1100px}.question-table thead{background:#111d2b}.question-table th{color:#8da2b8;letter-spacing:.8px;text-align:left;white-space:nowrap;border-bottom:1px solid #263445;padding:14px 12px;font-size:10px;font-weight:700}.question-table td{color:#dbe5ef;vertical-align:middle;border-bottom:1px solid #1d2a38;padding:14px 12px;font-size:13px}.question-table tbody tr{transition:background .2s}.question-table tbody tr:hover{background:#111d2b}.question-table tbody tr:last-child td{border-bottom:none}.question-preview{min-width:260px;max-width:330px}.question-preview div{-webkit-line-clamp:2;line-clamp:2;color:#f1f5f9;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.question-preview img{object-fit:contain;max-width:80px;max-height:50px}.question-preview p{margin:0}.question-preview table{max-width:100%}.type-pill{color:#b9c8d8;white-space:nowrap;background:#172333;border:1px solid #34465a;border-radius:5px;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.table-message{height:180px;text-align:center!important;color:#64748b!important}.question-pagination{justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:14px 0;display:flex}.pagination-info{color:#64748b;text-align:left;white-space:nowrap;font-size:12px}.pagination-info strong{color:#cbd5e1;font-weight:600}.pagination-buttons{justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:flex}.pagination-buttons button{color:#cbd5e1;cursor:pointer;background:#111b27;border:1px solid #34465a;border-radius:6px;min-width:82px;height:34px;padding:8px 13px;font-size:12px;font-weight:600;transition:all .2s}.pagination-buttons button:hover:not(:disabled){color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.question-pagination{flex-direction:row;align-items:center;gap:10px}.pagination-info{font-size:11px}.pagination-buttons{gap:5px}.pagination-buttons button{min-width:70px;padding:7px 10px;font-size:11px}}.question-action-buttons{align-items:center;gap:8px;display:flex}.edit-btn:hover{background:#00e5ff2e;border-color:#00e5ff;transform:translateY(-1px)}.action-column{text-align:center!important}.question-table th.action-column,.question-table td.action-column{text-align:center}.question-action-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.edit-btn{color:#94a3b8;cursor:pointer;background:#111b27;border:1px solid #263445;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:inline-flex}.edit-btn:hover{color:#cbd5e1;background:#172333;border-color:#34465a}.module-page{color:#f8fafc;min-height:100%;padding:28px}.module-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.module-label{color:#00e5ff;font-size:11px;font-weight:700}.module-header h1{margin:8px 0;font-size:30px}.module-header p{color:#94a3b8}.add-module-btn{color:#001018;cursor:pointer;background:#06b6d4;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-weight:600;transition:all .2s;display:flex}.add-module-btn:hover{background:#00c4e3}.module-table-card{background:#0f172ad9;border:1px solid #94a3b81f;border-radius:16px;overflow:hidden}.module-table{border-collapse:collapse;width:100%}.module-table thead{background:#1e293bf2}.module-table th{text-align:left;color:#cbd5e1;padding:16px;font-size:12px}.module-table td{border-top:1px solid #94a3b814;padding:16px}.module-name{font-weight:600}.table-message{text-align:center;color:#94a3b8;padding:30px}.action-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.edit-btn{color:#00e5ff;cursor:pointer;background:#1e293be6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.edit-btn:hover{background:#334155}.status-switch{cursor:pointer;border:none;border-radius:27px;align-items:center;width:50px;height:27px;padding:0;transition:background .2s,transform .2s;display:inline-flex;position:relative}.status-switch.on{background:#08c5df}.status-switch.off{background:#263445}.status-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3.5px;left:3.5px}.status-switch.on .status-switch-knob{transform:translate(23px)}.status-switch.off .status-switch-knob{transform:translate(0)}.status-switch:hover{transform:translateY(-1px)}.status-switch.on:hover{background:#00b8d4}.status-switch.off:hover{background:#34465a}.status-switch:focus-visible{outline-offset:3px;outline:2px solid #00e5ff}.module-modal-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.module-modal{background:#0f172a;border:1px solid #94a3b826;border-radius:16px;width:420px;overflow:hidden}.modal-header{justify-content:space-between;align-items:center;padding:18px;display:flex}.modal-header h3{margin:0}.modal-header button{color:#fff;cursor:pointer;background:0 0;border:none}.modal-body{padding:0 18px 20px}.modal-body label{color:#cbd5e1;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.modal-body input{color:#fff;background:#0f172ad9;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px}.modal-body input:focus{border-color:#00e5ff}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding:18px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:88px;height:36px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.cancel-btn{color:#fff;background:#1e293be6}.cancel-btn:hover{background:#334155}.submit-btn{color:#001018;background:#06b6d4}.submit-btn:hover{background:#00c4e3}.module-table tfoot td{background:#0d1621;border-top:1px solid #263445;border-bottom:none;padding:0}.module-table-pagination{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.module-pagination-info{color:#64748b;white-space:nowrap;font-size:12px}.module-pagination-info strong{color:#cbd5e1;font-weight:600}.module-pagination-buttons{align-items:center;gap:8px;display:flex}.module-pagination-pages{align-items:center;gap:5px;display:flex}.module-pagination-btn,.module-pagination-number{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:34px;padding:0 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.module-pagination-number{padding:0}.module-pagination-btn:hover:not(:disabled),.module-pagination-number:hover{color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff}.module-pagination-number.active{color:#0f172a;background:#00e5ff;border-color:#00e5ff}.module-pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.module-table-pagination{flex-direction:column;align-items:center;gap:12px}.module-pagination-buttons,.module-pagination-pages{flex-wrap:wrap;justify-content:center}}.template-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.template-header p{color:#94a3b8;margin-top:7px;margin-bottom:0}.template-name-input{color:#fff;box-sizing:border-box;background:#111b27;border:1px solid #34465a;border-radius:8px;width:100%;height:36px;padding:0 10px;font-size:13px;transition:border-color .2s}.template-name-input:focus{border-color:#00e5ff;outline:none}.question-table-header{justify-content:flex-start;align-items:center;width:100%;margin-bottom:10px;display:flex}.question-table-title{color:#f8fafc;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.question-table-title span{color:#ef4444}.question-table-title strong{color:#00e5ff;font-size:15px}.template-table tbody tr:hover{background:#111d2b}.template-table tbody tr:last-child td{border-bottom:none}.template-table th:first-child{width:55px}.template-table input[type=checkbox]{cursor:pointer;accent-color:#00e5ff;width:17px;height:17px}.center{text-align:center}.template-table th.center,.template-table td.center{text-align:center;vertical-align:middle}.type-pill{color:#cbd5e1;white-space:nowrap;background:#172333;border:1px solid #34465a;border-radius:20px;align-items:center;padding:5px 10px;font-size:11px;display:inline-flex}.eye-btn:hover{background:#00e5ff2e;border-color:#00e5ff}.table-message{text-align:center;color:#64748b;height:140px}.template-table tfoot td{background:#0d1621;border-top:1px solid #263445;border-bottom:none;padding:0}.table-pagination{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.pagination-info{color:#64748b;white-space:nowrap;font-size:12px}.pagination-info strong{color:#cbd5e1}.pagination-btn:hover:not(:disabled),.pagination-number:hover{color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff}.template-clear-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.template-clear-btn:hover{background:#1a2432;border-color:#64748b}.template-clear-btn:disabled{opacity:.5;cursor:not-allowed}.template-submit-bottom{color:#04111a;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-weight:700;transition:all .2s;display:inline-flex}.template-submit-bottom:hover{background:#00c8e0}.template-submit-bottom:disabled{opacity:.6;cursor:not-allowed}.preview-overlay{z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.preview-box{background:#0d1621;border:1px solid #263445;border-radius:12px;width:700px;max-width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.preview-header{border-bottom:1px solid #263445;justify-content:space-between;align-items:center;padding:18px;display:flex}.preview-header h3{color:#fff;margin:4px 0 0}.preview-label{color:#00e5ff;letter-spacing:1px;font-size:10px;font-weight:700}.preview-header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #34465a;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.preview-header button:hover{background:#1a2432;border-color:#64748b}.preview-content{color:#fff;padding:20px;font-size:15px;line-height:1.7}@media (width<=768px){.template-container{padding:20px}.template-header{flex-direction:column;align-items:flex-start}.template-list-btn,.template-card{width:100%}.filter-row{flex-direction:column;align-items:stretch}.filter-item{width:100%}.question-table-header{align-items:center}.template-footer{flex-direction:column-reverse;align-items:stretch}.template-clear-btn,.template-submit-bottom{width:100%}.table-pagination{flex-direction:column;align-items:center;gap:12px}.pagination-buttons,.pagination-pages{flex-wrap:wrap;justify-content:center}}.question-header-cell{vertical-align:middle}.question-header-title{color:#8da2b8;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2}.question-count{color:#00e5ff;box-sizing:border-box;background:#00e5ff1f;border:1px solid #00e5ff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.question-sets-container{color:#f8fafc;min-height:100%;padding:28px}.question-sets-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.question-sets-breadcrumb{color:#00e5ff;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.question-sets-header h1{color:#fff;margin:0;font-size:28px}.question-sets-header p{color:#94a3b8;margin:7px 0 0}.question-sets-create-btn{color:#04111a;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:all .2s;display:inline-flex}.question-sets-create-btn:hover{background:#00c8e0;transform:translateY(-1px)}.question-sets-table-container{background:#0d1621;border:1px solid #263445;border-radius:10px;overflow-x:auto}.question-sets-table{border-collapse:collapse;width:100%;min-width:950px}.question-sets-table th{color:#8da2b8;text-align:left;white-space:nowrap;background:#111d2b;padding:14px;font-size:11px;font-weight:700}.question-sets-table td{color:#dbe4ee;border-bottom:1px solid #1d2a38;padding:14px;font-size:13px}.question-sets-table tbody tr{transition:all .15s}.question-sets-table tbody tr:hover{background:#111d2b}.question-sets-table tbody tr:last-child td{border-bottom:none}.question-set-name{min-width:250px;font-weight:600;color:#fff!important}.question-count{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff40;border-radius:20px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-active,.status-inactive{border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-active{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40}.status-inactive{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.center{vertical-align:middle;text-align:center!important}.question-set-actions{justify-content:center;align-items:center;gap:7px;display:flex}.question-set-actions button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.action-view{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff4d}.action-view:hover{background:#00e5ff2e}.action-edit{color:#c084fc;background:#a855f714;border:1px solid #a855f74d}.action-edit:hover{background:#a855f72e}.action-delete{color:#f87171;background:#ef444414;border:1px solid #ef44444d}.action-delete:hover{background:#ef44442e}.question-sets-message{vertical-align:middle;height:150px;text-align:center!important;color:#64748b!important}.qs-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.qs-modal{background:#0d1621;border:1px solid #263445;border-radius:12px;flex-direction:column;width:900px;max-width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000008c}.qs-view-modal{width:900px}.qs-edit-modal{width:1100px}.qs-modal-header{background:#0d1621;border-bottom:1px solid #263445;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.qs-modal-label{color:#00e5ff;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.qs-modal-header h2{color:#fff;margin:0;font-size:21px}.qs-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #34465a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.qs-modal-close:hover{color:#fff;background:#172333}.qs-modal-close:disabled{opacity:.5;cursor:not-allowed}.qs-modal-body{flex:1;padding:20px;overflow-y:auto}.qs-modal-body::-webkit-scrollbar{width:7px}.qs-modal-body::-webkit-scrollbar-track{background:#0a111a}.qs-modal-body::-webkit-scrollbar-thumb{background:#34465a;border-radius:10px}.qs-view-question-list{flex-direction:column;gap:14px;display:flex}.qs-view-question{background:#111b27;border:1px solid #263445;border-radius:9px;padding:16px}.qs-view-question:hover{border-color:#34465a}.qs-question-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:13px;display:flex}.qs-question-number{color:#04111a;background:#00e5ff;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:inline-flex}.qs-question-id{color:#64748b;font-size:11px}.qs-type-pill{color:#cbd5e1;background:#172333;border:1px solid #34465a;border-radius:20px;align-items:center;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.qs-difficulty{color:#c084fc;background:#a855f714;border:1px solid #a855f740;border-radius:20px;padding:5px 9px;font-size:10px}.qs-mark{color:#4ade80;background:#22c55e14;border:1px solid #22c55e40;border-radius:20px;padding:5px 9px;font-size:10px}.qs-question-content{color:#f8fafc;font-size:14px;line-height:1.7}.qs-question-content img{max-width:100%;height:auto}.qs-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.qs-option{color:#cbd5e1;background:#0d1621;border:1px solid #263445;border-radius:7px;align-items:flex-start;gap:9px;padding:10px;font-size:13px;line-height:1.5;display:flex}.qs-option>span{color:#00e5ff;font-weight:700}.qs-edit-name-section input{color:#fff;box-sizing:border-box;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px}@media (width<=768px){.qs-edit-name-section{width:100%}}.qs-edit-table input[type=checkbox]{cursor:pointer;accent-color:#00e5ff;width:16px;height:16px}.edit-question-text{max-width:350px;line-height:1.5;color:#e2e8f0!important}.qs-empty{color:#64748b;justify-content:center;align-items:center;min-height:150px;font-size:13px;display:flex}.qs-close-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:7px;padding:9px 18px;font-weight:600}.qs-close-btn:hover{background:#172333;border-color:#64748b}.qs-save-btn{color:#04111a;cursor:pointer;background:#00e5ff;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 17px;font-weight:700;display:inline-flex}.qs-save-btn:hover{background:#00c8e0}.qs-save-btn:disabled,.qs-close-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.question-sets-container{padding:20px}.question-sets-header{flex-direction:column;align-items:flex-start}.question-sets-create-btn{width:100%}.qs-modal-overlay{padding:12px}.qs-modal{max-height:94vh}.qs-options{grid-template-columns:1fr}.qs-selection-bar{flex-direction:column;align-items:flex-start}}@media (width<=600px){.question-sets-container{padding:15px}.question-sets-header h1{font-size:23px}.qs-modal-header,.qs-modal-body{padding:15px}.qs-modal-footer{padding:12px 15px}.qs-question-top{align-items:flex-start}}.action-edit{color:#7dd3fc;cursor:pointer;background:#172333;border:1px solid #34465a;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.action-edit:hover{color:#00e5ff;background:#00e5ff1a;border-color:#00e5ff}.question-sets-pagination{justify-content:center;align-items:center;gap:8px;margin:18px 0 10px;display:flex}.pagination-pages{align-items:center;gap:5px;display:flex}.pagination-btn,.pagination-number{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:34px;padding:0 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-number{padding:0}.pagination-btn:hover:not(:disabled),.pagination-number:hover{color:#00e5ff;border-color:#00e5ff}.pagination-number.active{color:#0f172a;background:#00e5ff;border-color:#00e5ff}.assignment-alert-page{box-sizing:border-box;color:#fff;background:#070d1c;width:100%;min-height:100vh;padding:28px 24px 40px}.assignment-alert-header{width:100%;margin-bottom:28px}.assignment-header-left{flex-direction:column;align-items:flex-start;display:flex}.assignment-section-label{color:#00e5ff;letter-spacing:1.4px;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.assignment-header-left h1{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.2}.assignment-header-left p{color:#7e8ca8;margin:7px 0 0;font-size:13px;line-height:1.5}.assignment-content{width:100%;max-width:1450px;margin:0 auto}.assignment-selection-card{box-sizing:border-box;background:#0c1528;border:1px solid #1a2942;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;margin-bottom:26px;padding:20px;display:grid}.assignment-select-group{flex-direction:column;gap:8px;min-width:0;display:flex}.assignment-select-group label{color:#c6d1e2;letter-spacing:1px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.selection-label-icon{color:#00e5ff;background:#0a2232;border:1px solid #07566c;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.assignment-select-wrapper{width:100%;position:relative}.assignment-select-wrapper select{box-sizing:border-box;appearance:none;color:#fff;cursor:pointer;background:#091426;border:1px solid #263852;border-radius:7px;outline:none;width:100%;height:46px;padding:0 42px 0 14px;font-family:inherit;font-size:12px;transition:border-color .2s,background .2s}.assignment-select-wrapper select:hover{border-color:#34506e}.assignment-select-wrapper select:focus{background:#0a172b;border-color:#00bfd8}.assignment-select-wrapper select:disabled{opacity:.55;cursor:not-allowed}.assignment-select-icon{pointer-events:none;color:#7586a1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.selection-helper{color:#687b99;font-size:11px;line-height:1.4}.selected-class-info{color:#8493aa;background:#091526;border:1px solid #172d46;border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;padding:9px 11px;font-size:10px;display:flex}.selected-class-info strong{color:#b9c5d7;font-weight:600}.assignment-content-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:16px;display:flex}.assignment-content-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.assignment-content-header p{color:#687791;margin:5px 0 0;font-size:12px;line-height:1.4}.assignment-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assignment-count{color:#8290aa;background:#0b1325;border:1px solid #172640;border-radius:7px;align-items:center;height:30px;padding:0 11px;font-size:11px;font-weight:600;display:inline-flex}.selection-notice{box-sizing:border-box;color:#7d8da8;background:#0a1426;border:1px solid #20334d;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:44px;margin-bottom:18px;padding:10px 14px;font-size:11px;display:flex}.selection-notice svg{color:#00e5ff;flex-shrink:0}.selection-notice strong{color:#c9d4e4}.selection-ready{box-sizing:border-box;color:#6f849f;background:#091b27;border:1px solid #174759;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-height:42px;margin-bottom:18px;padding:9px 14px;font-size:11px;display:flex}.selection-ready svg{color:#00e5ff}.selection-ready strong{color:#d5e0ee;font-weight:600}.module-card-list{flex-direction:column;gap:18px;width:100%;display:flex}.module-card{box-sizing:border-box;background:#0c1528;border:1px solid #1a2942;border-radius:10px;width:100%;overflow:hidden}.module-card-header{box-sizing:border-box;border-bottom:1px solid #1b2a43;align-items:center;min-height:72px;padding:14px 24px;display:flex}.module-card-title{align-items:center;gap:14px;display:flex}.module-icon{color:#00e5ff;background:#0b2233;border:1px solid #075e73;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.module-card-title h3{color:#fff;margin:0 0 5px;font-size:16px;font-weight:700}.module-card-title span{color:#70809d;font-size:11px;font-weight:500}.question-set-list{width:100%}.question-set-item{box-sizing:border-box;background:#0c1528;border-bottom:1px solid #1a2941;width:100%}.question-set-item:last-child{border-bottom:none}.question-set-item.selected{background:#0d192e}.question-set-header{box-sizing:border-box;align-items:center;gap:16px;width:100%;min-height:82px;padding:15px 24px;display:flex}.set-select-box{color:#fff;cursor:pointer;background:0 0;border:1px solid #3a4a63;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .2s,background .2s;display:flex}.set-select-box:hover:not(:disabled){border-color:#00cfe8}.set-select-box.checked{color:#03131a;background:#00bcd4;border-color:#00e5ff}.set-select-box:disabled{opacity:.5;cursor:not-allowed}.question-set-info{cursor:pointer;flex:1;min-width:0}.set-label{color:#6f809e;letter-spacing:1.1px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.question-set-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.question-set-count{color:#9aa9c2;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.question-set-count svg{color:#00e5ff}.set-expand-btn{color:#8c9ab2;cursor:pointer;background:#121d31;border:1px solid #25344d;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,border-color .2s,color .2s;display:flex}.set-expand-btn:hover{color:#00e5ff;background:#10283a;border-color:#00bfd9}.question-set-questions{box-sizing:border-box;background:#091225;border-top:1px solid #172a43;width:100%}.question-set-question{box-sizing:border-box;background:#091225;border-bottom:1px solid #172a43;align-items:flex-start;gap:14px;width:100%;min-height:0;padding:9px 24px;transition:background .2s;display:flex}.question-set-question:last-child{border-bottom:none}.question-set-question:hover{background:#0c172a}.question-number{box-sizing:border-box;color:#fff;background:#0a2232;border:1px solid #07566c;border-radius:5px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;min-width:34px;height:27px;margin-top:0;font-size:10px;font-weight:700;line-height:1;display:flex}.question-text{color:#fff;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;background:0 0;border-bottom:1px solid #172a43;flex:1;min-width:0;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.35;transition:background .2s;flex-flow:row!important;align-items:flex-start!important;gap:12px!important;display:flex!important}.question-text p{color:#fff;font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:1.35}.question-text p+p{margin-top:4px}.preview-question-number{box-sizing:border-box;color:#fff;background:#0a2232;border:1px solid #07566c;border-radius:5px;justify-content:center;align-items:center;width:32px;min-width:32px;height:26px;margin-top:2px;font-size:10px;font-weight:700;line-height:1;flex:0 0 32px!important;display:flex!important}.preview-question-body{min-width:0;flex-direction:row!important;flex:auto!important;align-items:flex-start!important;display:flex!important}.no-question{box-sizing:border-box;color:#687791;text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;padding:14px 24px;font-size:12px;font-weight:500;line-height:1.5;display:-webkit-box}.preview-question-text p{margin:0;display:inline}.preview-question-text img{max-width:100%;height:auto}@media (width<=600px){.question-set-question{gap:10px;padding:8px 14px}.question-number{flex-basis:30px;width:30px;min-width:30px;height:25px;font-size:9px}.question-text{padding:2px 0;font-size:11px;line-height:1.4}.question-text p{line-height:1.4}}.assignment-empty{color:#697892;text-align:center;background:#0a1325;border:1px dashed #23334d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.assignment-empty strong{color:#c5cfde;font-size:14px}.assignment-empty span{font-size:12px}.assignment-spinner{border:3px solid #1b304a;border-top-color:#00e5ff;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite assignment-spin}@keyframes assignment-spin{to{transform:rotate(360deg)}}.assignment-footer{box-sizing:border-box;background:#0b1425;border:1px solid #1d314c;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1450px;min-height:64px;margin:24px auto 0;padding:10px 16px;display:flex;box-shadow:0 12px 35px #00000040}.selected-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.selected-info span{color:#687791;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.selected-info strong{color:#fff;font-size:11px;font-weight:600}.selected-info .footer-warning{color:#fff}.assignment-submit-btn{color:#03131a;cursor:pointer;background:#00bcd4;border:1px solid #00bfd8;border-radius:7px;flex-shrink:0;height:40px;padding:0 18px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,opacity .2s}.assignment-submit-btn:hover:not(:disabled){background:#00e5ff;transform:translateY(-1px)}.assignment-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=900px){.assignment-alert-page{padding-left:16px;padding-right:16px}.assignment-selection-card{grid-template-columns:1fr}.assignment-content-header{flex-direction:column;align-items:flex-start}.assignment-summary,.assignment-footer{width:100%}}@media (width<=600px){.assignment-alert-page{padding:20px 12px 30px}.assignment-header-left h1{font-size:23px}.assignment-selection-card{gap:15px;padding:14px}.assignment-content-header h2{font-size:16px}.assignment-summary{width:100%}.assignment-count{flex:1;justify-content:center}.module-card-header{padding:12px 14px}.module-icon{width:44px;height:44px}.question-set-header{gap:10px;padding:12px 14px}.question-set-count{display:none}.set-expand-btn{flex-basis:36px;width:36px;height:36px}.question-set-question{gap:10px;min-height:58px;padding:10px 14px}.question-number{flex-basis:30px;width:30px;min-width:30px;height:24px;font-size:9px}.question-text{font-size:11px;line-height:1.5}.selected-class-info{flex-direction:column;align-items:flex-start;gap:5px}.assignment-footer{border-radius:9px;flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:18px;padding:14px}.selected-info{width:100%}.selected-info span{white-space:normal}.assignment-submit-btn{width:100%}}@media (width<=400px){.question-set-info h4{max-width:140px}.set-select-box{flex-basis:30px;width:30px;height:30px}.question-set-question{padding:9px 10px}.question-number{flex-basis:28px;width:28px;min-width:28px;height:23px}}.student-assignment-page{box-sizing:border-box;color:#fff;width:100%;padding:28px}.assignment-page-header{width:100%;margin-bottom:28px}.assignment-section-label{color:#00e5ff;letter-spacing:.8px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.assignment-page-header h1{color:#f8fafc;margin:7px 0 5px;font-size:28px;font-weight:700;line-height:1.25}.assignment-page-header p{color:#94a3b8;margin:0;font-size:14px}.module-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;padding-bottom:35px;display:grid}.module-assignment-card{box-sizing:border-box;background:#0f172a;border:1px solid #26364c;border-radius:14px;flex-direction:column;min-width:0;padding:20px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #00000029}.module-assignment-card:hover{background:#111c30;border-color:#00e5ff59;transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.module-card-header{box-sizing:border-box;border-bottom:1px solid #233248;align-items:center;gap:13px;width:100%;padding-bottom:18px;display:flex}.module-card-icon{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff24;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-card-heading{flex:1;min-width:0}.module-card-heading span{color:#64748b;letter-spacing:.9px;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.module-card-heading h2{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:17px;font-weight:700;line-height:1.35;overflow:hidden}.module-card-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:18px;display:grid}.module-detail-item{box-sizing:border-box;background:#0c1628;border:1px solid #202f44;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.module-detail-icon{color:#00e5ff;background:#00e5ff12;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.module-detail-content{flex-direction:column;gap:3px;min-width:0;display:flex}.module-detail-content span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.module-detail-content strong{color:#e2e8f0;font-size:14px;font-weight:700}.module-start-btn{color:#02121f;cursor:pointer;background:linear-gradient(135deg,#00e5ff,#00a8ff);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:16px;padding:0 15px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:flex}.module-start-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 7px 20px #00e5ff38}.module-start-btn:active{transform:translateY(0)}.module-start-btn.module-completed-btn{color:#10b981!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;background:#10b98126!important;border:1px solid #10b98159!important;transform:none!important}.assignment-empty-wrapper{justify-content:center;align-items:center;width:100%;padding:30px 0 50px;animation:.5s ease-out forwards assignmentFadeIn;display:flex}.assignment-empty-card{box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0f172ad9 0%,#0d1424f2 100%);border:1px solid #00e5ff33;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:680px;padding:44px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059,inset 0 1px 1px #ffffff14}.assignment-empty-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff26 0%,#00e5ff00 70%);width:320px;height:200px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.assignment-empty-badge{color:#00e5ff;letter-spacing:.9px;background:#00e5ff14;border:1px solid #00e5ff40;border-radius:20px;align-items:center;gap:7px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.assignment-badge-dot{background:#00e5ff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite assignmentPulse;box-shadow:0 0 8px #00e5ff}.assignment-empty-icon-box{justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:22px;display:flex;position:relative}.assignment-empty-icon-glow{filter:blur(8px);background:radial-gradient(circle,#00e5ff40 0%,#00a8ff0d 70%);border-radius:26px;animation:3s ease-in-out infinite alternate assignmentGlowPulse;position:absolute;inset:-6px}.assignment-empty-icon-inner{background:linear-gradient(135deg,#16243b 0%,#0d1727 100%);border:1px solid #00e5ff4d;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;animation:4s ease-in-out infinite assignmentFloat;display:flex;position:relative;box-shadow:0 10px 25px #0006}.assignment-empty-main-icon{color:#00e5ff;filter:drop-shadow(0 2px 8px #00e5ff66)}.assignment-empty-check-badge{color:#02121f;background:#00e5ff;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 4px 12px #00e5ff66}.assignment-empty-title{color:#f8fafc;letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:700}.assignment-empty-description{color:#94a3b8;max-width:480px;margin:0 0 28px;font-size:14px;line-height:1.6}.assignment-empty-refresh-btn{color:#00e5ff;cursor:pointer;background:linear-gradient(135deg,#00e5ff1f 0%,#00a8ff1f 100%);border:1px solid #00e5ff4d;border-radius:10px;align-items:center;gap:9px;padding:11px 22px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #0003}.assignment-empty-refresh-btn:hover{color:#02121f;background:linear-gradient(135deg,#00e5ff 0%,#00a8ff 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff59}.assignment-empty-refresh-btn:hover svg{transition:transform .4s;transform:rotate(180deg)}.assignment-empty-refresh-btn:active{transform:translateY(0)}.assignment-empty-tips-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin-top:36px;padding-top:30px;display:grid}.assignment-empty-tip-card{text-align:left;background:#0f172a99;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:flex-start;padding:14px;transition:all .2s;display:flex}.assignment-empty-tip-card:hover{background:#1e293bb3;border-color:#00e5ff33;transform:translateY(-2px)}.assignment-tip-icon{color:#00e5ff;background:#00e5ff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.assignment-tip-text{flex-direction:column;gap:3px;display:flex}.assignment-tip-text strong{color:#e2e8f0;font-size:13px;font-weight:600}.assignment-tip-text span{color:#64748b;font-size:11px;line-height:1.4}@keyframes assignmentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes assignmentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes assignmentGlowPulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes assignmentPulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=768px){.assignment-empty-card{padding:32px 20px}.assignment-empty-tips-grid{grid-template-columns:1fr;gap:10px}.assignment-empty-tip-card{flex-direction:row;align-items:center;gap:12px}.assignment-tip-icon{flex-shrink:0;margin-bottom:0}}.assignment-spinner{border:3px solid #233248;border-top-color:#00e5ff;border-radius:50%;width:30px;height:30px;margin-bottom:5px;animation:.8s linear infinite assignmentSpin}@keyframes assignmentSpin{to{transform:rotate(360deg)}}@media (width>=1400px){.module-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.module-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.student-assignment-page{padding:22px}.module-card-grid{gap:14px}.module-assignment-card{padding:17px}}@media (width<=600px){.student-assignment-page{padding:16px}.assignment-page-header{margin-bottom:20px}.assignment-page-header h1{font-size:24px}.assignment-page-header p{font-size:13px}.module-card-grid{grid-template-columns:1fr;gap:12px}.module-assignment-card{border-radius:13px;padding:16px}.module-card-icon{width:40px;height:40px}.module-card-heading h2{font-size:16px}.module-card-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-detail-item{padding:9px}.module-detail-icon{width:28px;height:28px}}@media (width<=420px){.module-card-details{grid-template-columns:1fr}.module-card-heading h2{font-size:15px}}.exam-page{min-height:100vh;font-family:var(--font-family,"Outfit", sans-serif);color:#fff;box-sizing:border-box;background:#070d1c;padding-bottom:50px}.exam-header{background:#091225;border-bottom:1px solid #1a2942;margin-bottom:30px;padding:20px 0 16px}.exam-header-content{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-left{width:100px}.back-btn{color:#00e5ff;cursor:pointer;background:#0d1621;border:1px solid #00e5ff4d;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.back-btn:hover{background:#00e5ff1f;border-color:#00e5ff;transform:translateY(-1px);box-shadow:0 0 15px #00e5ff40}.header-center{text-align:center;flex:1}.header-center h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.header-center p{color:#94a3b8;margin:4px 0 0;font-size:.85rem;font-weight:500}.header-right{justify-content:flex-end;gap:12px;width:320px;display:flex}.status-badge{color:#f8fafc;background:#0d1621;border:1px solid #263445;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00000040}.status-badge svg{width:18px;height:18px}.status-badge.time svg,.status-badge.marks svg{color:#00e5ff}.progress-section{width:100%}.progress-container{background:#111d2b;border:1px solid #1e2a38;border-radius:100px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#00e5ff 0%,#00b4d8 100%);border-radius:100px;height:100%;box-shadow:0 0 12px #00e5ff66}.answered-stats{text-align:center;color:#94a3b8;margin:6px 0 0;font-size:.8rem;font-weight:500}.exam-content-container{grid-template-columns:300px 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:0 24px;display:grid}@media (width<=1024px){.exam-content-container{grid-template-columns:1fr}}.question-navigation-sidebar{background:#0d1621;border:1px solid #263445;border-radius:14px;height:fit-content;padding:24px;box-shadow:0 10px 30px #00000059}.question-navigation-sidebar h3{color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;font-size:.95rem;font-weight:700}.question-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.q-nav-dot{aspect-ratio:1;color:#94a3b8;cursor:pointer;background:#111d2b;border:1px solid #1d2a38;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.q-nav-dot:hover{color:#fff;border-color:#00e5ff}.q-nav-dot.answered{color:#34d399;background:#10b98126;border-color:#10b981;font-weight:700}.q-nav-dot.not-answered{color:#f87171;background:#ef444426;border-color:#ef4444;font-weight:700}.q-nav-dot.active{font-weight:800;transform:scale(1.05);box-shadow:0 0 14px #00e5ff73;color:#04111a!important;background:#00e5ff!important;border-color:#00e5ff!important}.legend{border-top:1px solid #1d2a38;flex-direction:column;gap:10px;margin-top:24px;padding-top:18px;display:flex}.legend-item{color:#8da2b8;align-items:center;gap:10px;font-size:.8rem;font-weight:500;display:flex}.legend-box{border-radius:4px;width:12px;height:12px}.legend-box.answered{background:#10b981}.legend-box.not-answered{background:#ef4444}.legend-box.active-question{background:#00e5ff}.legend-box.not-visited{background:#111d2b;border:1px solid #1e2a38}.question-card{box-sizing:border-box;background:#0d1621;border:1px solid #263445;border-radius:16px;min-height:480px;padding:32px 36px;box-shadow:0 12px 35px #00000059}.q-badge{color:#00e5ff;letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;font-size:.85rem;font-weight:700;display:flex}.q-mark-badge{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.question-text{color:#fff;margin-bottom:28px;font-size:1.15rem;font-weight:500;line-height:1.6}.question-text p{color:#fff!important}.question-card label{color:#94a3b8;margin-bottom:12px;font-size:.85rem;font-weight:600;display:block}.options-container{flex-direction:column;gap:12px;display:flex}.option-button{text-align:left;cursor:pointer;box-sizing:border-box;background:#111d2b;border-radius:10px;align-items:center;gap:16px;width:100%;min-height:60px;padding:14px 20px;transition:all .2s;display:flex;border:1px solid #1d2a38!important}.option-button:hover{background:#152335;box-shadow:0 0 12px #00e5ff1a;border-color:#00e5ff!important}.option-button.selected{background:#00e5ff1f!important;border-color:#00e5ff!important;box-shadow:0 0 14px #00e5ff2e!important}.option-letter{color:#94a3b8;background:#1a2736;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.option-button.selected .option-letter{color:#04111a;background:#00e5ff;border-color:#00e5ff;font-weight:800}.option-text{color:#f8fafc;flex:1;font-size:.95rem;line-height:1.5}.option-text p{color:#f8fafc!important;margin-bottom:0!important}.option-text figure{margin-bottom:0!important}.exam-footer-controls{justify-content:space-between;align-items:center;margin-top:28px;padding:0 10px;display:flex}.btn-nav-outline{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;color:#cbd5e1!important;background:0 0!important;border:1px solid #334155!important}.btn-nav-outline:hover:not(:disabled){color:#00e5ff!important;background:#00e5ff14!important;border-color:#00e5ff!important}.btn-nav-primary{color:#04111a;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00e5ff40}.btn-nav-primary .btn-text{color:#000;line-height:1}.btn-nav-primary .btn-icon{background:#04111a26;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.btn-nav-primary:hover{background:#00c8e0;transform:translateY(-1px);box-shadow:0 6px 20px #00e5ff59}.btn-nav-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-nav-outline:disabled{opacity:.4;cursor:not-allowed}.input-answer-container .form-control{color:#fff;box-sizing:border-box;background:#111d2b;border:1px solid #334155;border-radius:10px;width:100%;padding:14px 18px;font-size:1rem;font-weight:500;transition:all .2s}.input-answer-container .form-control:focus{background:#111d2b;border-color:#00e5ff;outline:none;box-shadow:0 0 0 3px #00e5ff26}.results-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#060910d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.results-card{text-align:center;box-sizing:border-box;background:#0d1621;border:1px solid #263445;border-radius:24px;width:100%;max-width:520px;padding:36px 28px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.res-decorative-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.res-blob-1{filter:blur(40px);background:radial-gradient(circle,#00e5ff26 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-100px}.res-blob-2{filter:blur(40px);background:radial-gradient(circle,#10b98126 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-100px;left:-100px}.results-content{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.trophy-wrapper{margin-bottom:20px;position:relative}.trophy-glow{filter:blur(20px);background:radial-gradient(circle,#00e5ff4d 0%,#0000 70%);border-radius:50%;position:absolute;inset:-20px}.trophy-icon-container{background:linear-gradient(135deg,#00e5ff,#00b4d8);border-radius:50%;padding:20px;position:relative;box-shadow:0 10px 20px #00e5ff4d}.trophy-icon{color:#04111a;width:52px;height:52px}.res-sparkle{position:absolute;top:-8px;right:-8px}.sparkle-icon{color:#00e5ff;width:22px;height:22px}.results-title{color:#fff;margin-bottom:6px;font-size:2rem;font-weight:800}.results-subtitle{color:#94a3b8;margin-bottom:24px;font-size:1rem;font-weight:500}.stars-container{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.res-star{width:28px;height:28px}.res-star.filled{color:#f59e0b;fill:#f59e0b}.res-star.empty{color:#263445;fill:#263445}.score-summary{margin-bottom:20px}.score-numbers{justify-content:center;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.score-earned{color:#00e5ff;font-size:2.8rem;font-weight:800}.score-separator{color:#334155;font-size:1.8rem;font-weight:600}.score-total{color:#64748b;font-size:1.8rem;font-weight:600}.score-label{color:#94a3b8;font-size:.85rem;font-weight:600}.results-progress-section{box-sizing:border-box;width:100%;margin-bottom:24px;padding:0 16px}.res-progress-track{background:#111d2b;border:1px solid #1e2a38;border-radius:100px;height:10px;margin-bottom:8px;overflow:hidden}.res-progress-fill{background:linear-gradient(90deg,#00e5ff,#10b981);border-radius:100px;height:100%}.res-percentage-text{color:#00e5ff;font-size:.85rem;font-weight:700}.achievement-badges{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.badge-item{flex-direction:column;align-items:center;gap:6px;display:flex}.badge-icon{color:#fff;border-radius:12px;padding:10px;box-shadow:0 4px 10px #0000004d}.badge-icon.high-scorer{color:#04111a;background:linear-gradient(135deg,#00e5ff,#00b4d8)}.badge-icon.star-student{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-icon.completed{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.badge-text{color:#8da2b8;font-size:.75rem;font-weight:600}.results-actions{gap:12px;width:100%;display:flex}.results-actions button{cursor:pointer;border-radius:8px;flex:1;padding:12px 18px;font-size:.88rem;font-weight:700;transition:all .2s}.btn-Results-outline{color:#cbd5e1!important;background:0 0!important;border:1px solid #334155!important}.btn-Results-outline:hover{background:#1a2432!important;border-color:#64748b!important}.btn-Results-primary{box-shadow:0 4px 15px #00e5ff40;color:#04111a!important;background:#00e5ff!important;border:none!important}.btn-Results-primary:hover{transform:translateY(-1px);background:#00c8e0!important}.btn-Results-review{justify-content:center;align-items:center;gap:6px;display:flex;color:#00e5ff!important;background:#00e5ff1a!important;border:1px solid #00e5ff4d!important}.btn-Results-review:hover{background:#00e5ff33!important;border-color:#00e5ff!important}.review-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#060910d9;align-items:flex-end;display:flex;position:fixed;inset:0}.review-modal-content{background:#070d1c;border-top:1px solid #263445;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:94vh;display:flex;overflow:hidden;box-shadow:0 -20px 40px #00000080}.review-header{background:#0d1621;border-bottom:1px solid #263445;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.review-header-left h2{color:#fff;margin:0;font-size:1.35rem;font-weight:700}.review-stats{color:#00e5ff;font-size:.85rem;font-weight:600}.review-close-btn{color:#cbd5e1;cursor:pointer;background:#111d2b;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.review-close-btn:hover{color:#fff;background:#1e293b}.review-body{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:32px;display:flex;overflow-y:auto}.review-item{background:#0d1621;border:1px solid #263445;border-radius:16px;padding:24px;box-shadow:0 4px 15px #0003}.review-item.correct{border-left:5px solid #10b981}.review-item.partial{border-left:5px solid #f59e0b}.review-item.incorrect{border-left:5px solid #ef4444}.review-item-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.review-q-number{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.review-status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:flex}.review-status-badge.correct{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.review-status-badge.partial{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.review-status-badge.incorrect{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.review-q-text{color:#fff;margin-bottom:20px;font-size:1.05rem;font-weight:500;line-height:1.5}.review-answers-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.review-answer-block{border-radius:10px;flex-direction:column;gap:6px;padding:16px;display:flex}.review-answer-block label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:700}.answer-content{color:#fff;font-size:.95rem;font-weight:600}.review-answer-block.student{background:#111d2b;border:1px solid #1e2a38}.review-answer-block.correct{background:#10b9811a;border:1px solid #10b9814d}.review-item-footer{border-top:1px dashed #263445;justify-content:flex-end;padding-top:14px;display:flex}.review-mark{color:#94a3b8;font-size:.85rem;font-weight:700}.no-questions-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:50vh;margin:0 auto;padding:20px;display:flex}.empty-state-visual{justify-content:center;align-items:center;margin-bottom:32px;display:flex;position:relative}.main-visual-circle{z-index:2;background:#0d1621;border:4px solid #263445;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 15px 40px #0006}.empty-icon{color:#00e5ff}.no-questions-title{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:700}.no-questions-desc{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}.no-questions-desc strong{color:#fff}.exam-loading-screen{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:80vh;display:flex}.loader-spinner{border:3px solid #1e2a38;border-top-color:#00e5ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite exam-spin}@keyframes exam-spin{to{transform:rotate(360deg)}}.assessment-results-page{box-sizing:border-box;color:#fff;width:100%;min-height:100%;padding:28px}.results-page-header{width:100%;margin-bottom:28px}.results-section-label{color:#00e5ff;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.results-page-header h1{color:#f8fafc;margin:7px 0 5px;font-size:28px;font-weight:700;line-height:1.25}.results-page-header p{color:#94a3b8;margin:0;font-size:14px}.assessment-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;padding-bottom:35px;display:grid}.assessment-result-card{box-sizing:border-box;background:#0f172a;border:1px solid #26364c;border-radius:16px;flex-direction:column;justify-content:space-between;min-width:0;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.assessment-result-card:hover{border-color:#00e5ff;transform:translateY(-3px);box-shadow:0 12px 30px #00e5ff1f}.card-top-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-title-group{flex-direction:column;gap:4px;min-width:0;display:flex}.card-assessment-name{color:#f8fafc;word-break:break-word;margin:0;font-size:17px;font-weight:700;line-height:1.35}.card-module-tag{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.card-attempt-date{color:#94a3b8;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.card-score-badge{background:#0f172acc;border:1px solid #334155;border-radius:10px;flex-direction:column;align-items:flex-end;padding:6px 12px;display:flex}.score-badge-pct{color:#00e5ff;font-size:18px;font-weight:800;line-height:1.1}.score-badge-label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:600}.card-metrics-grid{background:#090e1a;border:1px solid #1e293b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;padding:14px 12px;display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-item:not(:last-child){border-right:1px solid #1e293b}.metric-value{color:#f8fafc;font-size:15px;font-weight:700;line-height:1.2}.metric-value.answered{color:#10b981}.metric-value.unanswered{color:#f59e0b}.metric-value.unvisited{color:#94a3b8}.metric-value.marks{color:#00e5ff}.metric-label{color:#64748b;margin-top:3px;font-size:11px;font-weight:500}.card-footer-action{border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.result-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #06b6d440}.result-view-btn:hover{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);transform:translateY(-1px);box-shadow:0 6px 18px #06b6d466}.results-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.results-loading-spinner{border:3px solid #00e5ff26;border-top-color:#00e5ff;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite resultSpin}@keyframes resultSpin{to{transform:rotate(360deg)}}.results-state-text{color:#94a3b8;margin-top:1.25rem;font-size:.95rem}.results-empty-icon-box{color:#00e5ff;background:linear-gradient(135deg,#00e5ff1f 0%,#3b82f60d 100%);border:1px solid #00e5ff40;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:1.25rem;display:flex;box-shadow:0 0 30px #00e5ff1f}.results-empty-title{color:#fff;margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.results-empty-desc{color:#8492a6;max-width:440px;margin:0 0 1.75rem;font-size:.9rem;line-height:1.55}.results-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #06b6d459}.results-empty-btn:hover{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.result-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-modal{background:#0f172a;border:1px solid #334155;border-radius:18px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.result-modal-header{background:#0b1222;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.result-modal-title{color:#f8fafc;margin:0 0 3px;font-size:1.15rem;font-weight:700}.result-modal-subtitle{color:#94a3b8;margin:0;font-size:.8rem}.result-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.result-modal-close:hover{color:#fff;background:#1e293b}.result-modal-body{flex-direction:column;flex:1;gap:16px;padding:1.5rem;display:flex;overflow-y:auto}.modal-summary-grid{background:#090e1a;border:1px solid #1e293b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.modal-summary-item{text-align:center;flex-direction:column;align-items:center;display:flex}.modal-summary-item .label{color:#64748b;margin-bottom:2px;font-size:11px}.modal-summary-item .val{color:#f8fafc;font-size:15px;font-weight:700}.modal-questions-title{color:#cbd5e1;margin:8px 0 0;font-size:14px;font-weight:700}.modal-question-item{background:#090e1a;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex}.modal-question-item.correct{border-left:3px solid #10b981}.modal-question-item.incorrect{border-left:3px solid #ef4444}.modal-question-item.unanswered{border-left:3px solid #f59e0b}.modal-q-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-q-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-q-num{color:#00e5ff;font-size:13px;font-weight:700}.modal-q-type{color:#94a3b8;text-transform:uppercase;background:#1e293b;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.modal-status-badge{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.modal-status-badge.correct{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.modal-status-badge.incorrect{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.modal-status-badge.unanswered{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.modal-q-marks{background:#0f172a;border:1px solid #1e293b;border-radius:6px;align-items:baseline;gap:2px;padding:3px 8px;font-size:12px;display:flex}.modal-q-marks .awarded-mark{color:#00e5ff;font-weight:700}.modal-q-marks .total-mark{color:#64748b;font-size:11px}.modal-q-text{color:#e2e8f0;background:#0f172a99;border:1px solid #1a2538;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.modal-q-text p{margin:0}.modal-answers-comparison{flex-direction:column;gap:10px;display:flex}.modal-answer-box{background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.modal-answer-box.your-answer.success{background:#10b9810d;border-color:#10b98159}.modal-answer-box.your-answer.error{background:#ef44440d;border-color:#ef444459}.modal-answer-box.your-answer.empty{background:#f59e0b0d;border-color:#f59e0b59}.modal-answer-box.correct-answer{background:#10b98114;border-color:#10b98166}.modal-answer-header{justify-content:space-between;align-items:center;display:flex}.modal-answer-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.modal-answer-box.correct-answer .modal-answer-label{color:#10b981}.badge-inline-correct{color:#10b981;align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.badge-inline-incorrect{color:#ef4444;align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.badge-inline-empty{color:#f59e0b;font-size:11px;font-weight:600}.modal-answer-content{color:#f8fafc;word-break:break-word;font-size:13px;line-height:1.4}.modal-answer-content.correct-text{color:#6ee7b7;font-weight:500}.result-modal-footer{background:#0b1222;border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex}.modal-btn-close{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn-close:hover{background:#334155}@media (width<=900px){.assessment-results-grid{grid-template-columns:1fr}}@media (width<=600px){.assessment-results-page{padding:16px}.card-metrics-grid,.modal-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-item:nth-child(2){border-right:none}}.final-assessment-container{color:#f8fafc;box-sizing:border-box;min-height:100%;padding:28px}.fa-header-section{width:100%;margin-bottom:28px}.fa-section-label{color:#00e5ff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.fa-header-section h1{color:#fff;margin:0;font-size:28px}.fa-header-section p{color:#94a3b8;margin-top:7px;margin-bottom:0;font-size:14px}.fa-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:32px;display:grid}.fa-mode-card{box-sizing:border-box;background:#0d1621;border:1px solid #263445;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000040}.fa-mode-card:hover{border-color:#00e5ff;transform:translateY(-2px);box-shadow:0 8px 24px #00e5ff1f}.fa-card-top{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.fa-card-icon-box{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.fa-card-content h3{color:#f8fafc;margin:0 0 6px;font-size:20px;font-weight:700}.fa-card-content p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.fa-mode-btn{cursor:pointer;color:#000;background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.fa-mode-btn:hover{background:linear-gradient(135deg,#38bdf8 0%,#00e5ff 100%);transform:translateY(-1px)}@media (width<=860px){.fa-cards-grid{grid-template-columns:1fr}}@media (width<=600px){.final-assessment-container{padding:16px}}.template-container{color:#f8fafc;box-sizing:border-box;min-height:100%;padding:28px}.template-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.template-breadcrumb-group{flex-direction:column;gap:4px;display:flex}.template-back-btn{color:#00e5ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:6px;padding:0;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.template-back-btn:hover{opacity:.8;text-decoration:underline}.template-breadcrumb{color:#00e5ff;letter-spacing:1.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.template-header h1{color:#fff;margin:0;font-size:28px}.template-header p{color:#94a3b8;margin-top:7px;margin-bottom:0;font-size:14px}.template-header-actions{align-items:center;gap:12px;display:flex}.template-list-btn{color:#00e5ff;cursor:pointer;background:0 0;border:1px solid #00e5ff80;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.template-list-btn:hover{background:#00e5ff1a;border-color:#00e5ff;transform:translateY(-1px)}.template-card{box-sizing:border-box;background:#0d1621;border:1px solid #263445;border-radius:10px;width:580px;max-width:100%;margin-bottom:20px;padding:16px}.template-label{color:#f8fafc;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.template-label span{color:#ef4444}.template-name-input{color:#fff;box-sizing:border-box;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-size:13px;transition:border-color .2s}.template-name-input::placeholder{color:#64748b}.template-name-input:focus{border-color:#00e5ff}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.filter-item{width:280px;max-width:100%}.template-table-container{background:#0d1621;border:1px solid #263445;border-radius:10px;overflow-x:auto}.template-table{border-collapse:collapse;width:100%;min-width:850px}.template-table th{color:#8da2b8;text-align:left;white-space:nowrap;background:#111d2b;padding:14px;font-size:11px;font-weight:700}.template-table th.center{text-align:center}.template-table td{color:#cbd5e1;border-bottom:1px solid #1d2a38;padding:14px;font-size:13px}.template-table td.center{text-align:center}.template-table tr:hover td{background:#111b27}.table-message{text-align:center;color:#94a3b8;padding:30px;font-size:14px}.question-header-cell{min-width:250px}.question-header-content{align-items:center;gap:8px;display:flex}.question-count{color:#000;background:#00e5ff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.type-pill{color:#00e5ff;background:#1a2936;border:1px solid #2a4157;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.eye-btn:hover{color:#00e5ff;background:#00e5ff1a;border-color:#00e5ff}.table-pagination{background:#090f18;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info{color:#94a3b8;font-size:12px}.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-btn{color:#cbd5e1;cursor:pointer;background:#111d2b;border:1px solid #263445;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:hover:not(:disabled){color:#fff;border-color:#00e5ff}.pagination-pages{gap:4px;display:flex}.pagination-number{color:#cbd5e1;cursor:pointer;background:#111d2b;border:1px solid #263445;border-radius:6px;min-width:28px;height:28px;padding:0 6px;font-size:12px}.pagination-number.active{color:#000;background:#00e5ff;border-color:#00e5ff;font-weight:700}.template-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.template-clear-btn{color:#94a3b8;cursor:pointer;background:#111d2b;border:1px solid #263445;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.template-clear-btn:hover{color:#fff;background:#1e293b}.template-submit-bottom{color:#000;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 100%);border:none;border-radius:8px;padding:10px 26px;font-size:13px;font-weight:700;transition:all .2s}.template-submit-bottom:hover{background:linear-gradient(135deg,#38bdf8 0%,#00e5ff 100%);transform:translateY(-1px)}.qs-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qs-modal{background:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;width:100%;max-width:780px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.qs-edit-modal{max-width:900px}.qs-modal-header{background:#0b1222;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.qs-modal-title-box{flex-direction:column;gap:2px;display:flex}.qs-modal-header h2{color:#f8fafc;margin:0;font-size:18px;font-weight:700}.qs-modal-header p{color:#94a3b8;margin:0;font-size:12px}.qs-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.qs-modal-close:hover{color:#fff;background:#1e293b;border-color:#475569}.qs-modal-body{max-height:70vh;padding:24px;overflow-y:auto}.qs-edit-name-section{width:320px;max-width:100%;margin-bottom:20px}.qs-edit-name-section label{color:#e2e8f0;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.qs-edit-name-section label span{color:#ef4444;margin-left:3px}.qs-edit-name-section input{color:#fff;box-sizing:border-box;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13px}.qs-edit-name-section input:focus{border-color:#00e5ff}.qs-selection-bar{background:#111b27;border:1px solid #263445;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;padding:13px 15px;display:flex}.qs-selection-bar strong{color:#fff;font-size:13px;display:block}.qs-selection-bar span{color:#64748b;margin-top:4px;font-size:11px;display:block}.qs-selected-count{white-space:nowrap;background:#00e5ff14;border:1px solid #00e5ff40;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;color:#00e5ff!important;margin:0!important;font-size:12px!important;display:inline-flex!important}.qs-edit-table-container{background:#0d1621;border:1px solid #263445;border-radius:8px;max-height:400px;overflow:auto}.qs-edit-table{border-collapse:collapse;width:100%;min-width:750px}.qs-edit-table th{z-index:2;color:#8da2b8;text-align:left;background:#111d2b;padding:12px;font-size:11px;position:sticky;top:0}.qs-edit-table td{color:#cbd5e1;border-bottom:1px solid #1d2a38;padding:12px;font-size:12px}.qs-edit-table tbody tr:hover{background:#111b27}.qs-edit-table tbody tr.selected-question-row{background:#00e5ff0d}.qs-edit-table tbody tr.selected-question-row td{border-bottom-color:#00e5ff26}.qs-edit-table input[type=checkbox]{accent-color:#00e5ff;cursor:pointer;width:16px;height:16px}.qs-modal-footer{background:#0b1222;border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.qs-close-btn{color:#94a3b8;cursor:pointer;background:#111d2b;border:1px solid #263445;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.qs-close-btn:hover{color:#fff;background:#1e293b}.qs-save-btn{color:#04111a;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.qs-save-btn:hover:not(:disabled){background:#00c8e0;transform:translateY(-1px)}.qs-save-btn:disabled{opacity:.6;cursor:not-allowed}.qs-empty{text-align:center;color:#94a3b8;padding:40px;font-size:13px}.fa-practical-page{color:#f8fafc;box-sizing:border-box;min-height:100%;padding:28px}.fa-practical-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.fa-practical-breadcrumb-group{flex-direction:column;gap:4px;display:flex}.fa-practical-back-btn{color:#00e5ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:6px;padding:0;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.fa-practical-back-btn:hover{opacity:.8;text-decoration:underline}.fa-practical-breadcrumb{color:#00e5ff;letter-spacing:1.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.fa-practical-header h1{color:#fff;margin:0;font-size:28px}.fa-practical-header p{color:#94a3b8;margin-top:7px;margin-bottom:0;font-size:14px}.fa-practical-list-btn{color:#00e5ff;cursor:pointer;background:0 0;border:1px solid #00e5ff80;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.fa-practical-list-btn:hover{background:#00e5ff1a;border-color:#00e5ff;transform:translateY(-1px)}.fa-practical-center-wrapper{justify-content:center;width:100%;padding:10px 0 40px;display:flex}.fa-practical-form-card{box-sizing:border-box;background:#0d1621;border:1px solid #263445;border-radius:12px;flex-direction:column;gap:20px;width:580px;max-width:100%;padding:28px;display:flex;box-shadow:0 10px 30px #00000059}.fa-practical-card-header{text-align:center;border-bottom:1px solid #1e293b;margin-bottom:4px;padding-bottom:16px}.fa-practical-card-header h2{color:#fff;margin:0 0 6px;font-size:20px;font-weight:700}.fa-practical-card-header p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.fa-practical-field-group{flex-direction:column;gap:8px;display:flex}.fa-practical-label{color:#f8fafc;font-size:13px;font-weight:600;display:block}.fa-practical-label span{color:#ef4444}.fa-practical-input{color:#fff;box-sizing:border-box;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13px;transition:border-color .2s}.fa-practical-input:focus{border-color:#00e5ff}.fa-practical-input::placeholder{color:#64748b}.fa-practical-textarea{color:#fff;box-sizing:border-box;resize:vertical;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;min-height:110px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.fa-practical-textarea:focus{border-color:#00e5ff}.fa-practical-textarea::placeholder{color:#64748b}.fa-practical-select{color:#fff;box-sizing:border-box;cursor:pointer;background:#111b27;border:1px solid #34465a;border-radius:8px;outline:none;width:100%;height:38px;padding:0 10px;font-size:13px;transition:border-color .2s}.fa-practical-select:focus{border-color:#00e5ff}.fa-practical-select option{color:#fff;background:#111b27}.fa-practical-form-actions{border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.fa-practical-clear-btn{color:#94a3b8;cursor:pointer;background:#111d2b;border:1px solid #263445;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.fa-practical-clear-btn:hover{color:#fff;background:#1e293b}.fa-practical-submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 100%);border:none;border-radius:8px;padding:10px 26px;font-size:13px;font-weight:700;transition:all .2s}.fa-practical-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8 0%,#00e5ff 100%);transform:translateY(-1px)}.fa-practical-submit-btn:disabled{opacity:.6;cursor:not-allowed}.fa-practical-table-container{background:#0d1621;border:1px solid #263445;border-radius:10px;overflow-x:auto}.fa-practical-table{border-collapse:collapse;width:100%;min-width:850px}.fa-practical-table th{color:#8da2b8;text-align:left;white-space:nowrap;background:#111d2b;padding:14px;font-size:11px;font-weight:700}.fa-practical-table th.center{text-align:center}.fa-practical-table td{color:#cbd5e1;border-bottom:1px solid #1d2a38;padding:14px;font-size:13px}.fa-practical-table td.center{text-align:center}.fa-practical-table tr:hover td{background:#111b27}.fa-practical-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.fa-practical-eye-btn:hover{color:#00e5ff;background:#00e5ff1a;border-color:#00e5ff}@media (width<=600px){.fa-practical-page{padding:16px}}