@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--blue-50:#eff6ff;--blue-500:#3b82f6;--blue-600:#2563eb;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}.loading-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-page:before{animation:backgroundShift 10s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#14b8a61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f61a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%{opacity:.3}to{opacity:.7}}.loading-container{position:relative;text-align:center;z-index:1}.loading-logo{margin-bottom:2rem;margin-bottom:var(--space-8);position:relative}.loading-logo-img{border:4px solid #5eead4;border:4px solid var(--primary-300);border-radius:50%;height:200px;width:200px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-spinner{height:80px;margin:0 auto 1.5rem;margin:0 auto var(--space-6);position:relative;width:80px}.spinner-ring{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s;border-top-color:#5eead4;border-top-color:var(--primary-300)}.spinner-ring:nth-child(2){animation-delay:-.5s;border-right-color:#3b82f6;border-right-color:var(--blue-500);height:70%;left:15%;top:15%;width:70%}.spinner-ring:nth-child(3){animation-delay:-1s;border-bottom-color:#14b8a6;border-bottom-color:var(--primary-500);height:40%;left:30%;top:30%;width:40%}.loading-text{animation:textPulse 2s ease-in-out infinite;color:#cbd5e1!important;color:var(--gray-300)!important;font-size:1.125rem;margin-bottom:1.5rem;margin-bottom:var(--space-6)}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.loading-progress{background:#334155;background:var(--gray-700);height:4px;margin:0 auto;overflow:hidden;width:200px}.loading-progress,.progress-bar{border-radius:.375rem;border-radius:var(--radius-sm)}.progress-bar{animation:progressMove 2s ease-in-out infinite;background:linear-gradient(90deg,#14b8a6,#5eead4);background:linear-gradient(90deg,var(--primary-500),var(--primary-300));height:100%}@keyframes progressMove{0%{transform:translateX(-100%)}to{transform:translateX(200px)}}.login-page{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.login-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:grid;grid-template-columns:1fr 1fr;height:100vh;max-height:900px;max-width:1400px;overflow:hidden;position:relative;width:100%}.login-brand-panel{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0a2a2a);border-right:1px solid #2a2a2a;display:flex;justify-content:center;overflow:hidden;padding:3rem;padding:var(--space-12);position:relative}.brand-overlay{background:radial-gradient(circle at 30% 70%,#14b8a626 0,#0000 50%),radial-gradient(circle at 70% 30%,#3b82f61a 0,#0000 50%);z-index:1}.brand-background,.brand-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.brand-background{animation:backgroundMove 20s linear infinite;background-image:linear-gradient(45deg,#0000 40%,#5eead408 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,#3b82f608 50%,#0000 60%);background-size:60px 60px;z-index:0}@keyframes backgroundMove{0%{background-position:0 0,0 0}to{background-position:60px 60px,-60px 60px}}.brand-content{max-width:500px;position:relative;text-align:center;width:100%;z-index:2}.brand-header{margin-bottom:3rem;margin-bottom:var(--space-12)}.brand-logo-container{display:inline-block;margin-bottom:2rem;margin-bottom:var(--space-8);position:relative}.brand-logo{border:4px solid #5eead4;border:4px solid var(--primary-300);border-radius:50%;height:200px;width:200px}@keyframes logoGlow{0%,to{box-shadow:0 0 0 8px #5eead41a,0 0 60px #5eead433}50%{box-shadow:0 0 0 12px #5eead426,0 0 80px #5eead44d}}.logo-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#5eead41a 0,#0000 70%);border-radius:50%;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.brand-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:.75rem;margin-bottom:var(--space-3);text-shadow:0 2px 4px #0000004d}.brand-subtitle{color:#b0b0b0;font-size:1.25rem;font-weight:500;letter-spacing:.025em}.brand-features{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:3rem;margin-bottom:var(--space-12)}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #5eead44d;border-radius:.75rem;border-radius:var(--radius-lg);color:#d0d0d0;display:flex;font-size:1rem;font-weight:500;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.feature-item:hover{background:#ffffff1f;border-color:#5eead480;transform:translateX(8px)}.feature-icon{color:#5eead4;color:var(--primary-300);font-size:1.25rem}.brand-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #5eead433;border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--space-6);justify-content:center;padding:1.5rem;padding:var(--space-6)}.stat-item{text-align:center}.stat-number{color:#5eead4;color:var(--primary-300);display:block;font-size:1.5rem}.stat-label{color:#94a3b8;color:var(--gray-400);font-size:.875rem;margin-top:.25rem;margin-top:var(--space-1)}.stat-divider{background:#5eead433;height:40px;width:1px}.login-form-panel{align-items:center;background:#1a1a1a;display:flex;justify-content:center;padding:3rem;padding:var(--space-12);position:relative}.login-form-panel:before{background:radial-gradient(circle at 80% 20%,#3b82f614 0,#0000 50%),radial-gradient(circle at 20% 80%,#14b8a614 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-container{max-width:480px;position:relative;width:100%;z-index:1}.form-header{margin-bottom:2.5rem;margin-bottom:var(--space-10);text-align:center}.security-badge{align-items:center;background:#14b8a626;border:1px solid #14b8a64d;border-radius:.75rem;border-radius:var(--radius-lg);color:#5eead4;color:var(--primary-300);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.security-icon{font-size:1rem}.form-title{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem;margin-bottom:var(--space-3)}.form-description{color:#b0b0b0;font-size:1.125rem;font-weight:500;line-height:1.5}.login-form{width:100%}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-label{align-items:center;color:#e5e7eb!important;display:flex;font-size:.95rem;font-weight:600;gap:50px;letter-spacing:.2px;margin-bottom:10px}.label-icon{align-items:center;color:#22d3ee;display:inline-flex;font-size:1rem}.select-container{position:relative}.form-select{-webkit-appearance:none;appearance:none;background:#2a2a2a;border:2px solid #404040;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:56px;line-height:1.5;outline:none;padding:16px 48px 16px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.form-select:focus{background:#333;border-color:#14b8a6;border-color:var(--primary-500);box-shadow:0 0 0 4px #14b8a61a;color:#fff}.form-select:disabled{cursor:not-allowed;opacity:.6}.select-arrow{color:#888;height:20px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal);width:20px;z-index:2}.select-container:focus-within .select-arrow{color:#2dd4bf;color:var(--primary-400)}.role-indicator{align-items:center;animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown var(--transition-normal);background:#14b8a626;border:1px solid #14b8a64d;border-radius:.5rem;border-radius:var(--radius-md);color:#5eead4;color:var(--primary-300);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-icon{color:#2dd4bf;color:var(--primary-400);font-size:1rem}.input-container{align-items:center;display:flex;position:relative}.login-form .form-group .input-container .form-input{background:#333;border:2px solid #404040;border-radius:.75rem;border-radius:var(--radius-lg);color:#cec6c6;font-size:1rem;font-weight:500;height:56px;line-height:1.5;outline:none;padding:16px 56px 16px 52px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.form-input:focus{background:#333;border-color:#14b8a6;border-color:var(--primary-500);box-shadow:0 0 0 4px #14b8a61a;color:#fff}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#888;font-weight:400}.input-icon{color:#888;font-size:1.1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal);z-index:2}.input-container:focus-within .input-icon{color:#2dd4bf;color:var(--primary-400)}.password-toggle{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#888;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:36px;z-index:2}.password-toggle:hover{background:#14b8a61a;color:#2dd4bf;color:var(--primary-400)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-checkmark{background:#2a2a2a;border:2px solid #555;border-radius:.375rem;border-radius:var(--radius-sm);height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:20px}.checkbox-container input[type=checkbox]:checked+.checkbox-checkmark{background:#0d9488;background:var(--primary-600);border-color:#0d9488;border-color:var(--primary-600)}.checkbox-container input[type=checkbox]:checked+.checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label{color:#e0e0e0;font-size:.875rem;font-weight:500}.submit-button{background:linear-gradient(135deg,#0d9488,#14b8a6);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-500) 100%);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);font-size:1.125rem;font-weight:700;gap:.75rem;gap:var(--space-3);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488);background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-600) 100%);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-button:hover:before{left:100%}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;transform:none}.submit-button.loading{background:linear-gradient(135deg,#94a3b8,#64748b);background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-500) 100%)}.button-icon{font-size:1.25rem}.button-spinner{animation:spin 1s linear infinite}.status-message{align-items:center;animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-normal);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:600;gap:.75rem;gap:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6);padding:1rem;padding:var(--space-4)}.status-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ff6b6b}.status-message.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.status-message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.status-icon{font-size:1.125rem;font-weight:700}.form-footer{margin-top:2.5rem;margin-top:var(--space-10);text-align:center}.security-info{align-items:center;color:#888;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center}.security-info-icon{color:#2dd4bf;color:var(--primary-400);font-size:.875rem}@media (max-width:1024px){.login-container{grid-template-columns:1fr;height:auto;max-height:none}.login-brand-panel{display:none}.login-form-panel{padding:2rem;padding:var(--space-8)}}@media (max-width:768px){.login-page{padding:.5rem;padding:var(--space-2)}.login-container{border-radius:1rem;border-radius:var(--radius-xl)}.login-form-panel{padding:1.5rem;padding:var(--space-6)}.form-container{max-width:none}.form-title{font-size:1.875rem}.form-description{font-size:1rem}.brand-title{font-size:2rem}.brand-subtitle{font-size:1.125rem}}@media (max-width:480px){.login-form-panel{padding:1rem;padding:var(--space-4)}.form-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.form-title{font-size:1.5rem}.form-input,.form-select{font-size:.9rem;height:48px;padding:12px 44px 12px 40px}.input-icon{font-size:.9rem;left:12px}.password-toggle{font-size:.9rem;height:32px;padding:4px;right:12px;width:32px}.select-arrow{right:12px}.submit-button{font-size:1rem;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}@media (prefers-contrast:high){.form-input,.form-select{border-width:3px}.submit-button{border:2px solid #115e59;border:2px solid var(--primary-800)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.login-page{background:#fff;color:#000}.login-brand-panel,.password-toggle,.submit-button{display:none}}:root[data-theme=dark]{--accent-light:#3e6bb8}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;overflow:visible;position:fixed;top:var(--topbar-height);transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1),width .3s ease;width:280px;z-index:950}.sidebar.closed{width:80px}.sidebar-header{padding:0;position:absolute;right:-12px;top:24px;z-index:1001}.sidebar-header,.sidebar-toggle-btn{align-items:center;display:flex;justify-content:center}.sidebar-toggle-btn{background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--text-secondary);cursor:pointer;height:24px;transition:all .2s ease;width:24px}.sidebar-toggle-btn:hover{background:var(--button-bg);color:var(--primary-color);transform:scale(1.05)}.toggle-icon{height:14px;width:14px}.sidebar.closed .sidebar-header{padding:0}.sidebar.closed .nav-link{justify-content:center;padding:14px 0}.sidebar.closed .nav-icon{margin:0}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:48px 16px 24px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.nav-link:before{background:var(--nav-hover-bg);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-link:hover:before{opacity:1}.nav-link:hover{color:var(--text-primary);transform:translateX(4px)}.nav-link.active{background:var(--nav-active-bg);color:var(--primary-color);font-weight:600}.nav-link.active:before{opacity:0}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px;z-index:1}.nav-icon svg{height:100%;width:100%}.nav-label{flex:1 1;position:relative;white-space:nowrap;z-index:1}.active-indicator{animation:pulse 2s infinite;background:var(--primary-color);border-radius:50%;height:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;z-index:1}.sidebar-footer{background:var(--sidebar-footer-bg);border-top:1px solid var(--border-color);padding:20px 16px}.sidebar-footer-content{align-items:center;background:var(--footer-content-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .3s ease}.sidebar-footer-content:hover{background:var(--footer-content-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.footer-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.footer-icon svg{height:20px;width:20px}.footer-text{flex:1 1;min-width:0}.footer-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.footer-subtitle,.footer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-subtitle{color:var(--text-secondary);font-size:12px;margin:0}@media (max-width:770px){.sidebar{box-shadow:var(--shadow-xl);top:var(--topbar-height);transform:translateX(-100%);width:280px}.sidebar-header{display:none}.sidebar:not(.closed){transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}}@media (max-width:480px){.sidebar{width:260px}.sidebar.closed{transform:translateX(-260px)}.nav-link{font-size:14px;padding:12px 14px}.nav-icon{height:22px;width:22px}}.themed-swal-popup{border-radius:16px!important;box-shadow:0 20px 40px #0000004d!important;padding:24px!important}.themed-swal-title{font-size:22px!important;font-weight:700!important;margin-bottom:12px!important}.themed-swal-text{font-size:15px!important;line-height:1.5!important;margin-bottom:20px!important}.themed-swal-confirm-btn{background-color:#ef5350!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;margin:0 8px!important;padding:12px 24px!important;transition:all .2s ease!important}.themed-swal-confirm-btn:hover{background-color:#e53935!important;transform:translateY(-1px)!important}.themed-swal-cancel-btn{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;margin:0 8px!important;padding:12px 24px!important;transition:all .2s ease!important}.themed-swal-cancel-btn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--topbar-bg);border-bottom:1px solid var(--border-color);height:var(--topbar-height);justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.menu-toggle-btn{align-items:center;background:var(--button-bg);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;height:40px;justify-content:center;transition:all .3s ease;width:40px}.menu-toggle-btn:hover{background:var(--button-hover);transform:scale(1.05)}.menu-toggle-btn:active{transform:scale(.95)}.menu-icon{height:24px;width:24px}.topbar-brand{align-items:center;display:flex;gap:10px}.brand-logo1{border-radius:50%;height:36px;object-fit:contain;width:36px}.brand-title1{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.topbar-right{align-items:center;display:flex;gap:12px}.theme-toggle-btn{align-items:center;background:var(--button-bg);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:var(--button-hover);transform:rotate(15deg) scale(1.05)}.theme-toggle-btn:active{transform:rotate(15deg) scale(.95)}.theme-icon{height:20px;width:20px}.profile-container{align-items:center;display:flex;gap:12px;position:relative}.profile-container>div>span{color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap}.profile-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;padding:0;transition:all .3s ease}.profile-btn:hover .profile-avatar{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.profile-btn:active .profile-avatar{transform:scale(.95)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.avatar-icon{height:22px;width:22px}.dropdown-arrow{color:var(--text-secondary);height:16px;transition:transform .3s ease;width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px}.dropdown-header{align-items:center;background:var(--dropdown-header-bg);display:flex;gap:12px;padding:20px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dropdown-user-info{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary);font-size:13px;margin:0}.dropdown-divider{background:var(--border-color);height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--dropdown-item-hover)}.dropdown-item.logout{color:var(--danger-color)}.dropdown-item.logout:hover{background:var(--danger-bg)}.dropdown-icon{flex-shrink:0;height:20px;width:20px}@media (max-width:770px){.topbar{padding:0 16px}.brand-title{font-size:18px}.brand-icon{height:28px;width:28px}.menu-toggle-btn{display:flex}.menu-toggle-btn,.theme-toggle-btn{height:36px;width:36px}.profile-container{gap:8px}.profile-container>div>span{font-size:13px}.profile-avatar{height:36px;width:36px}.avatar-icon{height:20px;width:20px}.profile-dropdown{width:260px}}@media (max-width:480px){.topbar{padding:0 12px}.brand-title{display:none}.topbar-right{gap:8px}.profile-container>div>span{display:none}.profile-avatar{height:32px;width:32px}.avatar-icon{height:18px;width:18px}}:root[data-theme=dark]{--bg-primary:#1a1d24;--bg-secondary:#1a1d24}.home-container{background-color:var(--bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 36px}.header-content h1{color:var(--text-primary);font-size:32px;font-weight:600;letter-spacing:-.5px;margin:0 0 6px}.header-content p{color:var(--text-secondary);font-size:15px;font-weight:400;margin:0}.dashboard-content{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid{animation:fadeInUp .6s ease-out}.dashboard-grid{animation:fadeInUp .6s ease-out .1s both}.stat-card{animation:fadeInUp .4s ease-out backwards}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card:nth-child(7){animation-delay:.35s}.stat-card:nth-child(8){animation-delay:.4s}.stat-card:nth-child(9){animation-delay:.45s}.stat-card:nth-child(10){animation-delay:.5s}.stat-card:nth-child(11){animation-delay:.55s}.activity-list::-webkit-scrollbar,.dashboard-content::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track,.dashboard-content::-webkit-scrollbar-track{background:#0000}.activity-list::-webkit-scrollbar-thumb,.dashboard-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.activity-list::-webkit-scrollbar-thumb:hover,.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.refresh-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:14px;box-shadow:0 2px 8px #0000001a;color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.refresh-button:hover{background:var(--accent-color);box-shadow:0 4px 12px #4a9ec14d;color:#fff;transform:rotate(90deg)}.refresh-button:active{transform:rotate(90deg) scale(.95)}.refresh-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dashboard-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:15px 36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#4a9ec10d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{background:var(--bg-hover);border-color:var(--bg-tertiary)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:8px;height:36px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:36px}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon .material-icons{font-size:18px}.stat-content h3{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.5px;margin:0 0 2px}.stat-content p{color:var(--text-secondary);font-size:8.5px;font-weight:750;letter-spacing:0;line-height:1;margin:0;text-transform:uppercase}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.activity-card,.chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-card:hover,.chart-card:hover{box-shadow:0 8px 24px #0000001f}.card-header{align-items:center;background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-tertiary));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.card-header h2{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.card-header .material-icons{color:var(--text-muted);font-size:22px;transition:color .3s ease}.activity-card:hover .card-header .material-icons,.chart-card:hover .card-header .material-icons{color:var(--accent-color)}.chart-container{align-items:center;display:flex;justify-content:center;padding:24px 28px 28px}.chart-container .recharts-legend-item-text,.chart-container .recharts-legend-wrapper{color:var(--text-primary)!important}.chart-container .recharts-default-legend{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.chart-container .recharts-legend-item{align-items:center!important;display:flex!important;margin-right:16px!important}.chart-container .recharts-pie-label-text{fill:var(--text-primary);font-size:12px;font-weight:600}.activity-list{max-height:460px;overflow-x:hidden;overflow-y:auto}.activity-item{border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:3px}.activity-item:hover{background:var(--bg-hover);padding-left:26px}.activity-item:hover:before{background:var(--accent-color)}.activity-item:last-child{border-bottom:none}.activity-status{align-items:flex-start;display:flex;padding-top:2px}.status-dot{border-radius:50%;box-shadow:0 0 0 2px #4a9ec126;flex-shrink:0;height:8px;transition:transform .3s ease;width:8px}.activity-item:hover .status-dot{transform:scale(1.2)}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.activity-header h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-date{color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;margin-left:8px;text-transform:uppercase}.activity-school{color:var(--text-secondary);font-size:12px;font-weight:500;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-details{align-items:center;display:flex;gap:8px;justify-content:space-between}.activity-contact{align-items:center;background:#4a9ec114;border-radius:6px;color:var(--text-muted);display:flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;transition:all .3s ease}.activity-item:hover .activity-contact{background:#4a9ec126}.activity-contact .material-icons{font-size:12px}.activity-status-text{background:#4a9ec11a;border-radius:6px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.no-activity{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 28px;text-align:center}.no-activity .material-icons{color:var(--text-muted);font-size:56px;margin-bottom:16px;opacity:.6}.no-activity p{color:var(--text-secondary);font-size:15px;font-weight:500;margin:0}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.loading-spinner{border-top:4px solid var(--border-color);margin-bottom:20px}.dashboard-error p,.dashboard-loading p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.dashboard-error .material-icons{animation:pulse 2s ease-in-out infinite;color:#ef4444;font-size:56px;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.retry-button{border-radius:12px;box-shadow:0 4px 12px #4a9ec14d;font-size:14px;margin-top:20px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 6px 16px #4a9ec166;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.activity-card,.chart-card{max-height:500px}}@media (max-width:768px){.dashboard-content,.dashboard-header{padding:24px 28px}.header-content h1{font-size:26px}.header-content p{font-size:14px}.stats-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.stat-card{gap:8px;padding:10px 12px}.stat-icon{height:32px;width:32px}.stat-content h3,.stat-icon .material-icons{font-size:16px}.stat-content p{font-size:8px}.card-header{padding:20px 24px}.activity-item{padding:16px 24px}.activity-item:hover{padding-left:28px}}@media (max-width:480px){.dashboard-content,.dashboard-header{padding:20px 24px}.header-content h1{font-size:22px}.stats-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:6px;padding:8px 10px}.stat-icon{height:28px;width:28px}.stat-content h3,.stat-icon .material-icons{font-size:14px}.stat-content p{font-size:7px}.activity-header{align-items:flex-start;flex-direction:column;gap:6px}.activity-date{margin-left:0}.activity-details{align-items:flex-start;flex-direction:column;gap:8px}.card-header{padding:18px 20px}.chart-container{padding:20px}.activity-item{gap:14px;padding:14px 20px}.activity-item:hover{padding-left:24px}}:root[data-theme=dark]{--success-color:#10b981;--error-color:#ef4444;--shadow:#0003}:root[data-theme=light]{--bg-tertiary:#f9fafb;--bg-hover:#f3f4f6;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--shadow:#00000014}.employees-container{background-color:var(--bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.employees-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:24px;justify-content:space-between;padding:20px 32px}.header-left h1{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0 0 4px}.employee-count{color:var(--text-muted);font-size:13px;font-weight:500}.header-right{align-items:center;display:flex;gap:12px}.search-container{position:relative;width:300px}.search-icon{color:var(--text-muted);font-size:18px;left:12px}.clear-search-button,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search-button{align-items:center;background:var(--border-color);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.8;right:15px;transition:all .2s ease;width:20px;z-index:10}.clear-search-button:hover{background:var(--text-muted);color:var(--text-primary);opacity:1}.clear-search-button .material-icons{display:block;font-size:14px;line-height:1;position:static;transform:none}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;padding:10px 44px 10px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--border-color);box-shadow:0 0 0 3px #4a9ec11a;outline:none}.search-input::placeholder{color:var(--text-muted)}.add-employee-button{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.add-employee-button:hover{background:var(--accent-light);box-shadow:0 4px 12px #4a9ec14d;transform:translateY(-1px)}.add-employee-button .material-icons{font-size:18px}.employees-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 32px}.employees-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:20px}.employee-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.employee-card:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:0 8px 16px var(--shadow)}.ecard-header{justify-content:space-between;margin-bottom:12px;padding:0}.ecard-header,.employee-avatar{align-items:center;display:flex}.employee-avatar{background:var(--accent-color);border-radius:10px;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.employee-avatar .material-icons{color:#fff;font-size:20px}.status-badge{border:2px solid var(--bg-tertiary);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.status-badge.active{background:var(--success-color)}.status-badge.inactive{background:var(--error-color)}.employee-menu{position:relative}.menu-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.menu-button:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-button .material-icons{font-size:18px}.dropdown-menu{animation:dropdownFadeIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:-510%;box-shadow:0 8px 24px var(--shadow);margin-right:0;min-width:170px;overflow:hidden;position:absolute;right:0;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-menu button.delete-action{color:var(--error-color)}.dropdown-menu button.delete-action:hover{background:#ef44441a}.dropdown-menu .material-icons{font-size:16px}.card-body{display:flex;flex-direction:column;gap:12px}.card-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:0}.employee-name{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.badge-number{color:#fff;font-size:13px;font-weight:700}.employee-details{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.detail-row{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.detail-row .material-icons{color:var(--text-muted);font-size:14px}.detail-row span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-summary{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding-top:8px}.task-footer,.task-summary{border-top:1px solid var(--border-color)}.task-footer{display:flex;gap:8px;padding-top:12px}.task-footer button{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.task-footer button:hover{background:var(--accent-light);transform:translateY(-1px)}.task-stat{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;padding:4px 8px;text-align:center}.task-label{color:var(--text-muted);font-size:9px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.task-count{color:var(--accent-color);font-size:16px;font-weight:700;line-height:1}.loading-more{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:20px}.end-message{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.search-loading{color:var(--text-secondary);gap:12px;padding:20px}.no-search-results,.search-loading{align-items:center;display:flex;justify-content:center}.no-search-results{flex-direction:column;padding:48px;text-align:center}.no-search-results .material-icons{color:var(--text-muted);font-size:48px;margin-bottom:16px}.no-search-results h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.no-search-results p{color:var(--text-secondary);font-size:14px;margin:0}.access-denied,.employees-error,.employees-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-color);height:40px;margin-bottom:16px;width:40px}.loading-spinner.small{height:18px;margin-bottom:0;width:18px}.access-denied .material-icons,.employees-error .material-icons{color:var(--error-color);font-size:48px;margin-bottom:16px}.retry-button{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:16px;padding:10px 24px;transition:all .2s ease}.retry-button:hover{background:var(--accent-light);transform:translateY(-1px)}.drawer-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:var(--topbar-height);transition:opacity .8s ease;z-index:2000}.drawer-overlay.show{opacity:1;pointer-events:auto}.swal2-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-container{background:var(--bg-secondary);border-left:1px solid var(--border-color);bottom:0;box-shadow:-4px 0 24px var(--shadow);display:flex;flex-direction:column;max-width:90vw;pointer-events:none;position:fixed;right:0;top:var(--topbar-height);transform:translateX(100%);transition:transform 1.2s ease-in-out;width:480px;z-index:2001}.drawer-container.open{pointer-events:auto;transform:translateX(0)}.drawer-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.drawer-header h2{color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.drawer-header p{color:var(--text-muted);font-size:13px;margin:0}.close-drawer-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-drawer-button:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-form{flex:1 1;overflow-y:auto;padding:24px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.form-group{margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group label{color:var(--text-primary);display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);padding:10px 14px;width:100%}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#ef44440d;border-color:var(--error-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color)}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.switch-label{align-items:center;cursor:pointer;display:flex;gap:12px}.switch-label input[type=checkbox]{display:none}.switch{background:var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .3s ease;width:44px}.switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.switch-label input[type=checkbox]:checked+.switch{background:var(--accent-color)}.switch-label input[type=checkbox]:checked+.switch:after{transform:translateX(20px)}.switch-text{color:var(--text-primary);font-size:13px;font-weight:500}.drawer-actions,.drawer-actions-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:20px 24px}.drawer-actions-footer{bottom:0;box-shadow:0 -4px 12px var(--shadow);left:0;position:fixed;right:0;z-index:2002}.drawer-container .drawer-form{padding-bottom:80px}.email-verification-container{align-items:stretch;display:flex;gap:8px}.email-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:13px;padding:10px 14px;transition:all .2s ease}.email-input.verified{background:#10b9810d;border-color:var(--success-color)}.email-input.error{background:#ef44440d;border-color:var(--error-color)}.email-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #4a9ec11a;outline:none}.verify-button{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.verify-button:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px)}.verify-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-message{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:8px;margin-top:8px;padding:8px 12px}.verification-message.success{background:#10b9811a;border:1px solid #10b98133;color:var(--success-color)}.verification-message.error{background:#ef44441a;border:1px solid #ef444433;color:var(--error-color)}.verification-message .material-icons{font-size:16px}.cancel-button{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-button:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.submit-button{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.submit-button .material-icons{font-size:18px}@media (max-width:1200px){.employees-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.employees-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px 20px}.header-left{align-items:center;display:flex;justify-content:space-between}.header-right{flex-direction:column;gap:8px}.search-container{width:100%}.add-employee-button{justify-content:center;width:100%}.employees-content{padding:16px 20px}.employees-grid{gap:12px;grid-template-columns:1fr}.drawer-container{max-width:100%;width:100%}.drawer-form,.drawer-header{padding:20px}.drawer-actions{padding:16px 20px}.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:20px}}@media (max-width:480px){.employees-content,.employees-header{padding:12px 16px}.employee-card{padding:12px}.drawer-form,.drawer-header{padding:16px}.drawer-actions{flex-direction:column;padding:12px 16px}.cancel-button,.submit-button{width:100%}}.drawer-form::-webkit-scrollbar,.employees-content::-webkit-scrollbar{width:6px}.drawer-form::-webkit-scrollbar-track,.employees-content::-webkit-scrollbar-track{background:#0000}.drawer-form::-webkit-scrollbar-thumb,.employees-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.drawer-form::-webkit-scrollbar-thumb:hover,.employees-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.employee-card{animation:cardFadeIn .3s ease-out backwards}.employee-card:first-child{animation-delay:.03s}.employee-card:nth-child(2){animation-delay:.06s}.employee-card:nth-child(3){animation-delay:.09s}.employee-card:nth-child(4){animation-delay:.12s}.employee-card:nth-child(5){animation-delay:.15s}.employee-card:nth-child(6){animation-delay:.18s}.employee-card:nth-child(7){animation-delay:.21s}.employee-card:nth-child(8){animation-delay:.24s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.forgot-password-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:13px;margin-top:8px;padding:0;text-decoration:underline;transition:color .2s ease}.forgot-password-link:hover{color:var(--accent-light)}.form-help-text{color:var(--text-muted);margin-bottom:0}.field-error,.form-help-text{font-size:12px;margin-top:6px}.field-error{align-items:center;animation:errorFadeIn .2s ease-out;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:var(--error-color);display:flex;font-weight:500;gap:6px;padding:8px 10px}.field-error .material-icons{flex-shrink:0;font-size:16px}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-input-wrapper{position:relative}.password-toggle-button{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-button:hover{color:var(--text-primary)}.password-toggle-button .material-icons{font-size:18px}.swal-dark{border:1px solid var(--border-color)}.swal-light{border:1px solid #e5e7eb}.swal-title-dark{color:var(--text-primary)!important}.swal-title-light{color:#1a1a1a!important}.swal-content-dark{color:var(--text-secondary)!important}.swal-content-light{color:#6b7280!important}:root[data-theme=dark]{--emp-bg-primary:#1a1d23;--emp-bg-secondary:#2a2929;--emp-bg-tertiary:#3e3d3d;--emp-bg-hover:#252424;--emp-text-primary:#fff;--emp-text-secondary:#aaa;--emp-text-muted:#888;--emp-text-dark:#666;--emp-border-color:#3e3d3d;--emp-accent-color:#4a9ec1;--emp-accent-light:#5ba8d0;--emp-error-color:#ef4444;--emp-success-color:#10b981;--emp-warning-color:#f59e0b;--emp-scrollbar-track:#2a2929;--emp-scrollbar-thumb:#4a4a4a;--emp-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--emp-bg-primary:#f5f5f5;--emp-bg-secondary:#fff;--emp-bg-tertiary:#e8e8e8;--emp-bg-hover:#f0f0f0;--emp-text-primary:#1a1a1a;--emp-text-secondary:#555;--emp-text-muted:#777;--emp-text-dark:#999;--emp-border-color:#d0d0d0;--emp-accent-color:#4a9ec1;--emp-accent-light:#3e6bb8;--emp-error-color:#ef4444;--emp-success-color:#10b981;--emp-warning-color:#f59e0b;--emp-scrollbar-track:#f0f0f0;--emp-scrollbar-thumb:silver;--emp-scrollbar-thumb-hover:#a0a0a0}.emp-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.emp-custom-scrollbar::-webkit-scrollbar-track{background:var(--emp-scrollbar-track);border-radius:3px}.emp-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--emp-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.emp-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--emp-scrollbar-thumb-hover)}.emp-custom-scrollbar::-webkit-scrollbar-corner{background:var(--emp-scrollbar-track)}.emp-dashboard-main-container{background-color:var(--emp-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.emp-dashboard-header-section{align-items:center;background:linear-gradient(to bottom,var(--emp-bg-secondary),var(--emp-bg-primary));border-bottom:1px solid var(--emp-border-color);display:flex;flex-shrink:0;gap:20px;padding:16px 24px}.emp-dashboard-back-btn{align-items:center;background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);border-radius:6px;color:var(--emp-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.emp-dashboard-back-btn:hover{background:var(--emp-accent-color);border-color:var(--emp-accent-color);color:#fff}.emp-dashboard-back-btn .material-icons{font-size:16px}.emp-dashboard-main-title{color:var(--emp-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.emp-dashboard-tabs-container{background:var(--emp-bg-secondary);border-bottom:1px solid var(--emp-border-color);flex-shrink:0;overflow-x:auto;overflow-y:hidden}.emp-dashboard-tabs-wrapper{display:flex;min-width:-webkit-max-content;min-width:max-content;padding:0 24px}.emp-dashboard-tabs-wrapper::-webkit-scrollbar{height:3px}.emp-dashboard-tabs-wrapper::-webkit-scrollbar-track{background:var(--emp-scrollbar-track)}.emp-dashboard-tabs-wrapper::-webkit-scrollbar-thumb{background:var(--emp-scrollbar-thumb);border-radius:2px}.emp-dashboard-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--emp-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.emp-dashboard-tab-btn:hover{background:var(--emp-bg-hover);color:var(--emp-text-primary)}.emp-dashboard-tab-btn.emp-dashboard-tab-active{background:var(--emp-bg-hover);border-bottom-color:var(--emp-accent-color);color:var(--emp-accent-color)}.emp-dashboard-tab-btn .material-icons{font-size:18px}.emp-dashboard-content-area{flex:1 1;overflow:hidden;padding:20px}.emp-dashboard-overview-layout{display:flex;flex-direction:column;gap:16px;height:100%}.emp-dashboard-overview-top{flex-shrink:0}.emp-dashboard-overview-bottom{flex:1 1;min-height:0}.emp-dashboard-attendance-section,.emp-dashboard-stats-section{background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:10px}.emp-dashboard-attendance-section,.emp-dashboard-tasks-layout{display:flex;flex-direction:column;height:100%}.stats-cards-container{padding:12px 16px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{align-items:center;background:var(--emp-bg-primary);border:1px solid var(--emp-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.stat-icon .material-icons{color:#fff;font-size:16px}.stat-content{flex:1 1}.stat-number{color:var(--emp-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.stat-label{font-size:9px;line-height:1.2}.stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.emp-attendance-card{background:var(--emp-bg-secondary);display:flex;flex-direction:column;height:100%;overflow:hidden}.emp-attendance-header{align-items:center;border-bottom:1px solid var(--emp-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.emp-attendance-title{color:var(--emp-text-primary);font-size:18px;font-weight:600;margin:0}.emp-attendance-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:12px 16px}.emp-attendance-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.emp-calendar-container{display:flex;flex-direction:column;height:100%;min-height:0}.emp-calendar-header-controls{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px}.emp-calendar-month-title{color:var(--emp-text-primary);font-size:16px;font-weight:600;margin:0}.emp-month-nav-btn{align-items:center;background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);border-radius:4px;color:var(--emp-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.emp-month-nav-btn:hover{background:var(--emp-accent-color);border-color:var(--emp-accent-color);color:#fff}.emp-calendar-grid{border:1px solid var(--emp-border-color);border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.emp-calendar-headers{background:var(--emp-bg-tertiary);display:grid;flex-shrink:0;grid-template-columns:repeat(7,1fr)}.emp-calendar-header-cell{border-right:1px solid var(--emp-border-color);color:var(--emp-text-secondary);font-size:10px;font-weight:600;padding:6px 4px;text-align:center}.emp-calendar-header-cell:last-child{border-right:none}.emp-calendar-weeks-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.emp-calendar-week{border-bottom:1px solid var(--emp-border-color);display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);min-height:0}.emp-calendar-week:last-child{border-bottom:none}.emp-calendar-cell{background:var(--emp-bg-secondary);border-right:1px solid var(--emp-border-color);display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:0;padding:4px;position:relative;transition:background .2s ease}.emp-calendar-cell:last-child{border-right:none}.emp-calendar-cell.emp-calendar-cell-empty{background:var(--emp-bg-tertiary);opacity:.5}.emp-calendar-cell.emp-calendar-cell-today{background:#4a9ec11a;border:2px solid var(--emp-accent-color)}.emp-calendar-cell.emp-calendar-cell-has-data{background:#10b9810d}.emp-day-number{color:var(--emp-text-primary);flex-shrink:0;font-size:18px;font-weight:600;margin-bottom:1px}.emp-day-data{color:var(--emp-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:8px;gap:1px}.emp-working-time{color:var(--emp-accent-color);font-size:15px;font-weight:600}.emp-total-calls{color:var(--emp-text-muted);font-size:15px}.emp-tasks-card{background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.emp-tasks-fixed-header{background:var(--emp-bg-secondary);flex-shrink:0}.emp-tasks-fixed-header,.emp-tasks-header-top{border-bottom:1px solid var(--emp-border-color)}.emp-tasks-header-top{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.emp-tasks-title{color:var(--emp-text-primary);font-size:16px;font-weight:600;margin:0}.emp-tasks-header-actions{align-items:center;display:flex;gap:8px}.emp-download-btn{align-items:center;background:var(--emp-success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.emp-download-btn:hover{background:#059669;transform:translateY(-1px)}.emp-bulk-delete-btn{align-items:center;background:var(--emp-error-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.emp-bulk-delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.emp-tasks-tabs{display:flex;overflow-x:auto;padding:0 16px}.emp-tasks-tabs::-webkit-scrollbar{height:3px}.emp-tasks-tabs::-webkit-scrollbar-track{background:var(--emp-scrollbar-track)}.emp-tasks-tabs::-webkit-scrollbar-thumb{background:var(--emp-scrollbar-thumb);border-radius:2px}.emp-tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--emp-text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.emp-tab-button:hover{color:var(--emp-text-primary)}.emp-tab-button.emp-tab-active{border-bottom-color:var(--emp-accent-color);color:var(--emp-accent-color)}.emp-tasks-scrollable-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.emp-task-filters-container{background:var(--emp-bg-tertiary);border-bottom:1px solid var(--emp-border-color);flex-shrink:0;padding:12px 16px}.emp-filters-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr)) auto;width:100%}.emp-filter-group{display:flex;flex-direction:column;gap:6px;width:100%}.emp-filter-label{color:var(--emp-text-primary);font-size:10px;font-weight:600}.emp-filter-input{background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:4px;box-sizing:border-box;color:var(--emp-text-primary);font-size:11px;padding:6px 8px;transition:all .2s ease;width:100%}.emp-filter-input:focus{border-color:var(--emp-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.emp-school-dropdown-container{position:relative}.emp-school-dropdown{background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:6px;box-shadow:0 8px 24px #00000026;left:0;max-height:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.emp-school-search{border-bottom:1px solid var(--emp-border-color);padding:8px}.emp-school-search-input{background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);border-radius:4px;color:var(--emp-text-primary);font-size:11px;padding:6px 8px;width:100%}.emp-school-list{max-height:180px;overflow-y:auto}.emp-school-item{color:var(--emp-text-primary);cursor:pointer;font-size:11px;padding:8px 10px;transition:background .2s ease}.emp-school-item:hover{background:var(--emp-bg-hover)}.emp-load-more-schools{background:var(--emp-bg-tertiary);border:none;color:var(--emp-text-secondary);cursor:pointer;font-size:10px;padding:8px;transition:background .2s ease;width:100%}.emp-load-more-schools:hover{background:var(--emp-bg-hover)}.emp-filter-actions{align-items:end;display:flex;justify-content:flex-end}.emp-reset-filters-btn{align-items:center;background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:4px;color:var(--emp-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:27px;padding:6px 10px;transition:all .2s ease}.emp-reset-filters-btn:hover{background:var(--emp-bg-hover);color:var(--emp-text-primary)}.emp-tasks-table-container{background:var(--emp-bg-secondary)}.emp-tasks-table,.emp-tasks-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.emp-tasks-table{border:1px solid var(--emp-border-color);border-radius:8px}.emp-table-header{background:var(--emp-bg-tertiary);border-bottom:2px solid var(--emp-border-color);display:grid;flex-shrink:0;grid-template-columns:120px 180px 2fr 140px 140px 120px 140px 120px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.emp-header-cell{align-items:center;border-right:1px solid var(--emp-border-color);color:var(--emp-text-secondary);display:flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.emp-header-cell:last-child{border-right:none}.emp-table-body{background:var(--emp-bg-secondary);flex:1 1;overflow-y:auto}.emp-table-body::-webkit-scrollbar{width:6px}.emp-table-body::-webkit-scrollbar-track{background:var(--emp-scrollbar-track)}.emp-table-body::-webkit-scrollbar-thumb{background:var(--emp-scrollbar-thumb);border-radius:3px}.emp-table-body::-webkit-scrollbar-thumb:hover{background:var(--emp-scrollbar-thumb-hover)}.emp-table-row{align-items:center;border-bottom:1px solid var(--emp-border-color);display:grid;grid-template-columns:120px 180px 2fr 140px 140px 120px 140px 120px;min-height:48px;transition:background .2s ease}.emp-table-row:hover{background:var(--emp-bg-hover)}.emp-table-row:last-child{border-bottom:none}.emp-table-cell{align-items:center;border-right:1px solid var(--emp-border-color);color:var(--emp-text-primary);display:flex;font-size:11px;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.emp-table-cell:last-child{border-right:none}.emp-actions-cell{gap:4px}.emp-action-btn,.emp-actions-cell{align-items:center;display:flex;justify-content:center}.emp-action-btn{border:none;border-radius:3px;cursor:pointer;flex-shrink:0;height:24px;transition:all .2s ease;width:24px}.emp-action-btn .material-icons{font-size:14px}.emp-view-btn{background:#4a9ec11a;color:var(--emp-accent-color)}.emp-view-btn:hover{background:var(--emp-accent-color);color:#fff}.emp-edit-btn{background:#f59e0b1a;color:var(--emp-warning-color)}.emp-edit-btn:hover{background:var(--emp-warning-color);color:#fff}.emp-delete-btn{background:#ef44441a;color:var(--emp-error-color)}.emp-delete-btn:hover{background:var(--emp-error-color);color:#fff}.emp-status-badge{border-radius:3px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.emp-status-pending{background:#f59e0b1a;color:var(--emp-warning-color)}.emp-status-interested{background:#10b9811a;color:var(--emp-success-color)}.emp-status-not_interested{background:#ef44441a;color:var(--emp-error-color)}.emp-status-no_response{background:#6b72801a;color:#6b7280}.emp-status-entrance_exam{background:#8b5cf61a;color:#8b5cf6}.emp-status-after_result{background:#06b6d41a;color:#06b6d4}.emp-status-admission_done{background:#0596691a;color:#059669}.emp-status-wrong_number{background:#dc26261a;color:#dc2626}.emp-status-not_pick{background:#9ca3af1a;color:#9ca3af}.emp-no-tasks,.emp-tasks-loading{align-items:center;background:var(--emp-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.emp-no-tasks .material-icons{color:var(--emp-text-muted);font-size:40px;margin-bottom:12px}.emp-no-tasks-title{color:var(--emp-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.emp-no-tasks p{color:var(--emp-text-secondary);font-size:12px;margin:0}.emp-load-more-container{background:var(--emp-bg-secondary);border-top:1px solid var(--emp-border-color);display:flex;justify-content:center;padding:12px}.emp-load-more-btn{align-items:center;background:var(--emp-accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.emp-load-more-btn:hover:not(:disabled){background:var(--emp-accent-light);transform:translateY(-1px)}.emp-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.emp-mobile-filter-button-container{background:var(--emp-bg-tertiary);border-bottom:1px solid var(--emp-border-color);padding:12px 16px}.emp-mobile-filter-btn{align-items:center;background:var(--emp-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.emp-mobile-filter-btn:hover{background:var(--emp-accent-light)}.emp-filter-active-indicator{background:var(--emp-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.emp-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.emp-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--emp-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.emp-mobile-filter-header{align-items:center;background:var(--emp-bg-tertiary);border-bottom:1px solid var(--emp-border-color);display:flex;justify-content:space-between;padding:16px 20px}.emp-mobile-filter-header h3{color:var(--emp-text-primary);font-size:18px;font-weight:600;margin:0}.emp-mobile-filter-close{align-items:center;background:var(--emp-bg-secondary);border:none;border-radius:6px;color:var(--emp-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emp-mobile-filter-close:hover{background:var(--emp-error-color);color:#fff}.emp-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.emp-mobile-filter-footer{background:var(--emp-bg-tertiary);border-top:1px solid var(--emp-border-color);display:flex;gap:12px;padding:16px 20px}.emp-mobile-reset-btn{align-items:center;background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);border-radius:6px;color:var(--emp-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.emp-mobile-reset-btn:hover{background:var(--emp-bg-hover);color:var(--emp-text-primary)}.emp-mobile-apply-btn{align-items:center;background:var(--emp-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.emp-mobile-apply-btn:hover{background:var(--emp-accent-light)}.emp-infinite-loading{align-items:center;background:var(--emp-bg-tertiary);border-top:1px solid var(--emp-border-color);color:var(--emp-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.modal-overlay{padding:20px}.modal-container{background:var(--emp-bg-secondary);border:1px solid var(--emp-border-color);box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;width:100%}.modal-container.large{max-width:700px}.modal-header{background:var(--emp-bg-tertiary);border-bottom:1px solid var(--emp-border-color)}.modal-header h2{color:var(--emp-text-primary)}.close-modal-btn{background:var(--emp-bg-secondary);color:var(--emp-text-secondary)}.close-modal-btn:hover{background:var(--emp-error-color)}.modal-footer{background:var(--emp-bg-tertiary);border-top:1px solid var(--emp-border-color)}.detail-item label{color:var(--emp-text-secondary)}.detail-item span,.feedback-content{color:var(--emp-text-primary)}.feedback-content{background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);font-size:14px}.form-group{gap:6px}.form-group label{color:var(--emp-text-primary);font-size:12px}.form-group input,.form-group select,.form-group textarea{background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);color:var(--emp-text-primary);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--emp-accent-color)}.btn-primary{background:var(--emp-accent-color);font-size:14px;gap:8px;padding:10px 16px}.btn-primary:hover:not(:disabled){background:var(--emp-accent-light)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:var(--emp-bg-tertiary);border:1px solid var(--emp-border-color);color:var(--emp-text-secondary);display:flex;font-size:14px;gap:8px;padding:10px 16px}.btn-secondary:hover{background:var(--emp-bg-hover);border-color:var(--emp-accent-color);color:var(--emp-text-primary)}.bulk-delete-progress{background:var(--emp-bg-secondary);border-radius:12px;max-width:500px;min-width:400px;padding:24px}.progress-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.progress-icon{font-size:32px}.progress-header h3{color:var(--emp-text-primary);font-size:20px;font-weight:600;margin:0}.progress-content{display:flex;flex-direction:column;gap:16px}.progress-bar-container{display:flex;flex-direction:column;gap:8px}.progress-bar{background:var(--emp-bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--emp-text-primary);font-size:16px;font-weight:600;text-align:center}.progress-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stat{align-items:center;background:var(--emp-bg-tertiary);border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:12px}.stat-label{color:var(--emp-text-secondary);font-size:12px;font-weight:500}.stat-value{color:var(--emp-text-primary);font-size:18px;font-weight:700}.completion-message,.error-message{align-items:center;border-radius:6px;display:flex;font-weight:600;gap:8px;padding:12px}.completion-message{background:#10b9811a;color:var(--emp-success-color)}.error-message{background:#ef44441a;color:var(--emp-error-color)}.emp-loading-spinner{animation:emp-spin .8s linear infinite;border-top:2px solid var(--emp-border-color);border:2px solid var(--emp-border-color);border-radius:50%;border-top-color:var(--emp-accent-color);height:24px;width:24px}.emp-loading-spinner.small{border-width:2px;height:16px;width:16px}.loading-spinner{animation:emp-spin .8s linear infinite;border-top:2px solid var(--emp-border-color);border:2px solid var(--emp-border-color);border-top-color:var(--emp-accent-color)}@keyframes emp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.emp-table-grid,.emp-table-header{grid-template-columns:80px 130px 2fr 100px 100px 90px 100px 80px}}.swal2-popup{background:var(--emp-bg-secondary)!important;border:1px solid var(--emp-border-color)!important;border-radius:12px!important;box-shadow:0 20px 40px #0000004d!important}.swal2-title{color:var(--emp-text-primary)!important;font-size:20px!important;font-weight:600!important}.swal2-content{color:var(--emp-text-secondary)!important;font-size:14px!important}.swal2-confirm{background:var(--emp-error-color)!important;border:none!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .2s ease!important}.swal2-confirm:hover{background:#dc2626!important;transform:translateY(-1px)!important}.swal2-cancel{background:var(--emp-bg-tertiary)!important;border:1px solid var(--emp-border-color)!important;border-radius:6px!important;color:var(--emp-text-secondary)!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .2s ease!important}.swal2-cancel:hover{background:var(--emp-bg-hover)!important;border-color:var(--emp-accent-color)!important;color:var(--emp-text-primary)!important}.swal2-actions{gap:12px!important;margin-top:20px!important}.swal2-icon{border:none!important}.swal2-icon.swal2-warning{border-color:var(--emp-warning-color)!important;color:var(--emp-warning-color)!important}.swal2-icon.swal2-success{border-color:var(--emp-success-color)!important;color:var(--emp-success-color)!important}.swal2-icon.swal2-error{border-color:var(--emp-error-color)!important;color:var(--emp-error-color)!important}.swal2-icon.swal2-warning .swal2-icon-content{color:var(--emp-warning-color)!important;font-weight:600!important}.swal2-close{background:#0000!important;border:none!important;color:var(--emp-text-secondary)!important;font-size:24px!important;transition:color .2s ease!important}.swal2-close:hover{color:var(--emp-error-color)!important}.swal2-loading .swal2-confirm{background:var(--emp-accent-color)!important}.swal2-loading .swal2-confirm:hover{background:var(--emp-accent-light)!important}.swal2-input{background:var(--emp-bg-tertiary)!important;border:1px solid var(--emp-border-color)!important;border-radius:6px!important;color:var(--emp-text-primary)!important}.swal2-input:focus{border-color:var(--emp-accent-color)!important;box-shadow:0 0 0 3px #4a9ec11a!important}.swal2-toast{background:var(--emp-bg-secondary)!important;border:1px solid var(--emp-border-color)!important}.swal2-toast,.swal2-toast .swal2-title{color:var(--emp-text-primary)!important}.swal2-toast .swal2-content{color:var(--emp-text-secondary)!important}.swal2-progress-steps{background:var(--emp-bg-tertiary)!important}.swal2-progress-step{background:var(--emp-accent-color)!important}.swal2-progress-step.swal2-active-progress-step{background:var(--emp-accent-light)!important}:root[data-theme=dark] .swal2-popup{box-shadow:0 20px 40px #0009!important}:root[data-theme=light] .swal2-popup{box-shadow:0 20px 40px #00000026!important}:root[data-theme=light] .swal2-confirm{box-shadow:0 2px 4px #ef444433!important}:root[data-theme=light] .swal2-cancel{box-shadow:0 2px 4px #0000001a!important}@media (max-width:768px){.emp-dashboard-header-section{padding:12px 16px}.emp-dashboard-main-title{font-size:18px}.emp-dashboard-content-area{padding:12px}.emp-dashboard-overview-layout{gap:12px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:8px 10px}.stat-icon{height:24px;width:24px}.stat-icon .material-icons,.stat-number{font-size:14px}.stat-label{font-size:8px}.emp-task-filters-container{display:none}.emp-tasks-tabs{padding:0 12px}.emp-tab-button{font-size:10px;padding:6px 10px}.emp-table-header,.emp-table-row{grid-template-columns:80px 1fr 100px 80px}.emp-table-header .emp-header-cell:nth-child(3),.emp-table-header .emp-header-cell:nth-child(4),.emp-table-header .emp-header-cell:nth-child(6),.emp-table-header .emp-header-cell:nth-child(7),.emp-table-row .emp-table-cell:nth-child(3),.emp-table-row .emp-table-cell:nth-child(4),.emp-table-row .emp-table-cell:nth-child(6),.emp-table-row .emp-table-cell:nth-child(7){display:none}.emp-table-header .emp-header-cell:first-child{grid-column:1}.emp-table-header .emp-header-cell:nth-child(2){grid-column:2}.emp-table-header .emp-header-cell:nth-child(5){grid-column:3}.emp-table-header .emp-header-cell:nth-child(8){grid-column:4}.emp-table-row .emp-table-cell:first-child{grid-column:1}.emp-table-row .emp-table-cell:nth-child(2){grid-column:2}.emp-table-row .emp-table-cell:nth-child(5){grid-column:3}.emp-table-row .emp-table-cell:nth-child(8){grid-column:4}.modal-container{margin:10px;max-width:calc(100vw - 20px)}.bulk-delete-progress{max-width:400px;min-width:auto;padding:20px;width:calc(100vw - 40px)}}@media (max-width:480px){.emp-table-header,.emp-table-row{grid-template-columns:60px 1fr 70px}.emp-table-header .emp-header-cell:nth-child(5),.emp-table-row .emp-table-cell:nth-child(5){display:none}.emp-table-header .emp-header-cell:nth-child(8),.emp-table-row .emp-table-cell:nth-child(8){grid-column:3}}:root[data-theme=dark]{--tasks-bg-primary:#1a1d23;--tasks-bg-secondary:#2a2929;--tasks-bg-tertiary:#3e3d3d;--tasks-bg-hover:#252424;--tasks-text-primary:#fff;--tasks-text-secondary:#aaa;--tasks-text-muted:#888;--tasks-text-dark:#666;--tasks-border-color:#3e3d3d;--tasks-accent-color:#4a9ec1;--tasks-accent-light:#5ba8d0;--tasks-error-color:#ef4444;--tasks-success-color:#10b981;--tasks-warning-color:#f59e0b;--tasks-scrollbar-track:#2a2929;--tasks-scrollbar-thumb:#4a4a4a;--tasks-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--tasks-bg-primary:#f5f5f5;--tasks-bg-secondary:#fff;--tasks-bg-tertiary:#e8e8e8;--tasks-bg-hover:#f0f0f0;--tasks-text-primary:#1a1a1a;--tasks-text-secondary:#555;--tasks-text-muted:#777;--tasks-text-dark:#999;--tasks-border-color:#d0d0d0;--tasks-accent-color:#4a9ec1;--tasks-accent-light:#3e6bb8;--tasks-error-color:#ef4444;--tasks-success-color:#10b981;--tasks-warning-color:#f59e0b;--tasks-scrollbar-track:#f0f0f0;--tasks-scrollbar-thumb:silver;--tasks-scrollbar-thumb-hover:#a0a0a0}.tasks-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.tasks-custom-scrollbar::-webkit-scrollbar-track{background:var(--tasks-scrollbar-track);border-radius:3px}.tasks-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--tasks-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.tasks-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--tasks-scrollbar-thumb-hover)}.tasks-custom-scrollbar::-webkit-scrollbar-corner{background:var(--tasks-scrollbar-track)}.tasks-main-container{background-color:var(--tasks-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.tasks-header-section{align-items:center;background:linear-gradient(to bottom,var(--tasks-bg-secondary),var(--tasks-bg-primary));border-bottom:1px solid var(--tasks-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.tasks-main-title{color:var(--tasks-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.tasks-user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.tasks-user-role{color:var(--tasks-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tasks-user-name{grid-gap:8px;align-items:end;color:var(--tasks-text-primary);display:grid;font-size:14px;font-weight:500;gap:8px;grid-template-columns:120px 150px 120px 180px 100px 120px 120px 80px;min-height:40px;overflow-x:auto;overflow-y:hidden;padding:4px 0;width:100%}.tasks-tabs-wrapper{display:flex;min-width:-webkit-max-content;min-width:max-content;padding:0 24px}.tasks-tabs-wrapper::-webkit-scrollbar{height:3px}.tasks-tabs-wrapper::-webkit-scrollbar-track{background:var(--tasks-scrollbar-track)}.tasks-tabs-wrapper::-webkit-scrollbar-thumb{background:var(--tasks-scrollbar-thumb);border-radius:2px}.tasks-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--tasks-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.tasks-tab-btn:hover{background:var(--tasks-bg-hover);color:var(--tasks-text-primary)}.tasks-tab-btn.tasks-tab-active{background:var(--tasks-bg-hover);border-bottom-color:var(--tasks-accent-color);color:var(--tasks-accent-color)}.tasks-tab-btn .material-icons{font-size:18px}.tasks-content-area{flex:1 1;overflow:hidden;padding:20px}.tasks-overview-layout{display:flex;flex-direction:column;gap:16px;height:100%}.tasks-stats-section{flex-shrink:0}.tasks-table-section{flex:1 1;min-height:0}.tasks-stats-container{background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:10px;padding:12px 16px}.tasks-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tasks-stat-card{align-items:center;background:var(--tasks-bg-primary);border:1px solid var(--tasks-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.tasks-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tasks-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.tasks-stat-icon .material-icons{color:#fff;font-size:16px}.tasks-stat-content{flex:1 1}.tasks-stat-number{color:var(--tasks-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.tasks-stat-label{color:var(--tasks-text-secondary);font-size:9px;font-weight:500;line-height:1.2}.tasks-stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.tasks-table-card{background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.tasks-table-header{background:var(--tasks-bg-secondary);flex-shrink:0}.tasks-table-header,.tasks-table-header-top{border-bottom:1px solid var(--tasks-border-color)}.tasks-table-header-top{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.tasks-table-title{color:var(--tasks-text-primary);font-size:16px;font-weight:600;margin:0}.tasks-table-actions{align-items:center;display:flex;gap:8px}.tasks-download-btn{align-items:center;background:var(--tasks-success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.tasks-download-btn:hover{background:#059669;transform:translateY(-1px)}.tasks-table-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tasks-filter-container{background:var(--tasks-bg-tertiary);border-bottom:1px solid var(--tasks-border-color);flex-shrink:0;padding:8px 16px}.tasks-filters-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(8,1fr);width:100%}.tasks-filter-group{display:flex;flex-direction:column;min-width:0;width:100%}.tasks-filter-label{color:var(--tasks-text-primary);font-size:10px;font-weight:600;line-height:1.2;margin-bottom:1px;white-space:nowrap}.tasks-filter-input{background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:4px;box-sizing:border-box;color:var(--tasks-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.tasks-filter-input[type=date]{-webkit-appearance:none;appearance:none;width:100%}.tasks-school-dropdown-container{width:100%}.tasks-filter-input:focus{border-color:var(--tasks-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.tasks-school-dropdown-container{position:relative}.tasks-school-dropdown{background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:6px;box-shadow:0 8px 24px #00000026;left:0;max-height:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.tasks-school-search{border-bottom:1px solid var(--tasks-border-color);padding:8px}.tasks-school-search-input{background:var(--tasks-bg-tertiary);border:1px solid var(--tasks-border-color);border-radius:4px;box-sizing:border-box;color:var(--tasks-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.tasks-school-list{max-height:180px;overflow-y:auto}.tasks-school-item{color:var(--tasks-text-primary);cursor:pointer;font-size:11px;padding:6px 8px;transition:background .2s ease}.tasks-school-item:hover{background:var(--tasks-bg-hover)}.tasks-load-more-schools{background:var(--tasks-bg-tertiary);border:none;color:var(--tasks-text-secondary);cursor:pointer;font-size:10px;padding:6px;transition:background .2s ease;width:100%}.tasks-load-more-schools:hover{background:var(--tasks-bg-hover)}.tasks-filter-actions{align-items:flex-end;display:flex;justify-content:center}.tasks-reset-filters-btn{align-items:center;background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:4px;color:var(--tasks-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.tasks-reset-filters-btn:hover{background:var(--tasks-bg-hover);color:var(--tasks-text-primary)}.tasks-mobile-filter-button-container{background:var(--tasks-bg-tertiary);border-bottom:1px solid var(--tasks-border-color);padding:12px 16px}.tasks-mobile-filter-btn{align-items:center;background:var(--tasks-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.tasks-mobile-filter-btn:hover{background:var(--tasks-accent-light)}.tasks-filter-active-indicator{background:var(--tasks-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.tasks-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tasks-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--tasks-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.tasks-mobile-filter-header{align-items:center;background:var(--tasks-bg-tertiary);border-bottom:1px solid var(--tasks-border-color);display:flex;justify-content:space-between;padding:16px 20px}.tasks-mobile-filter-header h3{color:var(--tasks-text-primary);font-size:18px;font-weight:600;margin:0}.tasks-mobile-filter-close{align-items:center;background:var(--tasks-bg-secondary);border:none;border-radius:6px;color:var(--tasks-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tasks-mobile-filter-close:hover{background:var(--tasks-error-color);color:#fff}.tasks-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.tasks-mobile-filter-footer{background:var(--tasks-bg-tertiary);border-top:1px solid var(--tasks-border-color);display:flex;gap:12px;padding:16px 20px}.tasks-mobile-reset-btn{align-items:center;background:var(--tasks-bg-secondary);border:1px solid var(--tasks-border-color);border-radius:6px;color:var(--tasks-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.tasks-mobile-reset-btn:hover{background:var(--tasks-bg-hover);color:var(--tasks-text-primary)}.tasks-mobile-apply-btn{align-items:center;background:var(--tasks-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.tasks-mobile-apply-btn:hover{background:var(--tasks-accent-light)}.tasks-table-container{background:var(--tasks-bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tasks-bulk-actions{background:var(--tasks-bg-tertiary);border-bottom:1px solid var(--tasks-border-color);display:grid;grid-template-columns:1fr;min-height:36px;padding:6px 12px;width:100%}.tasks-bulk-actions-left{align-items:center;display:flex;flex:1 1}.tasks-results-count{color:var(--tasks-text-secondary);font-size:11px;font-weight:500}.tasks-bulk-actions-right{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(9,1fr);width:100%}.tasks-bulk-delete-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:8px;font-weight:600;gap:3px;height:26px;justify-content:center;letter-spacing:.2px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.tasks-bulk-delete-btn .material-icons{font-size:12px}.tasks-bulk-delete-btn:hover{transform:translateY(-1px)}.tasks-bulk-pending{background:#f59e0b1a;color:var(--tasks-warning-color)}.tasks-bulk-pending:hover{background:var(--tasks-warning-color);color:#fff}.tasks-bulk-interested{background:#10b9811a;color:var(--tasks-success-color)}.tasks-bulk-interested:hover{background:var(--tasks-success-color);color:#fff}.tasks-bulk-not-interested{background:#ef44441a;color:var(--tasks-error-color)}.tasks-bulk-not-interested:hover{background:var(--tasks-error-color);color:#fff}.tasks-bulk-no-response{background:#6b72801a;color:#6b7280}.tasks-bulk-no-response:hover{background:#6b7280;color:#fff}.tasks-bulk-entrance-exam{background:#8b5cf61a;color:#8b5cf6}.tasks-bulk-entrance-exam:hover{background:#8b5cf6;color:#fff}.tasks-bulk-after-result{background:#06b6d41a;color:#06b6d4}.tasks-bulk-after-result:hover{background:#06b6d4;color:#fff}.tasks-bulk-admission-done{background:#0596691a;color:#059669}.tasks-bulk-admission-done:hover{background:#059669;color:#fff}.tasks-bulk-wrong-number{background:#dc26261a;color:#dc2626}.tasks-bulk-wrong-number:hover{background:#dc2626;color:#fff}.tasks-bulk-not-pick{background:#9ca3af1a;color:#9ca3af}.tasks-bulk-not-pick:hover{background:#9ca3af;color:#fff}.tasks-table{border:1px solid var(--tasks-border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tasks-table-grid-header{background:var(--tasks-bg-tertiary);border-bottom:2px solid var(--tasks-border-color);display:grid;flex-shrink:0;grid-template-columns:180px 2fr 140px 140px 120px 140px 140px 120px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tasks-header-cell{align-items:center;border-right:1px solid var(--tasks-border-color);color:var(--tasks-text-secondary);display:flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.tasks-header-cell:last-child{border-right:none}.tasks-table-body{background:var(--tasks-bg-secondary);flex:1 1;overflow-y:auto}.tasks-table-body::-webkit-scrollbar{width:6px}.tasks-table-body::-webkit-scrollbar-track{background:var(--tasks-scrollbar-track)}.tasks-table-body::-webkit-scrollbar-thumb{background:var(--tasks-scrollbar-thumb);border-radius:3px}.tasks-table-body::-webkit-scrollbar-thumb:hover{background:var(--tasks-scrollbar-thumb-hover)}.tasks-table-row{align-items:center;border-bottom:1px solid var(--tasks-border-color);display:grid;grid-template-columns:180px 2fr 140px 140px 120px 140px 140px 120px;min-height:48px;transition:background .2s ease}.tasks-table-row:hover{background:var(--tasks-bg-hover)}.tasks-table-row:last-child{border-bottom:none}.tasks-table-cell{align-items:center;border-right:1px solid var(--tasks-border-color);color:var(--tasks-text-primary);display:flex;font-size:11px;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.tasks-table-cell:last-child{border-right:none}.tasks-actions-cell{gap:4px}.tasks-action-btn,.tasks-actions-cell{align-items:center;display:flex;justify-content:center}.tasks-action-btn{border:none;border-radius:3px;cursor:pointer;flex-shrink:0;height:24px;transition:all .2s ease;width:24px}.tasks-action-btn .material-icons{font-size:14px}.tasks-view-btn{background:#4a9ec11a;color:var(--tasks-accent-color)}.tasks-view-btn:hover{background:var(--tasks-accent-color);color:#fff}.tasks-edit-btn{background:#f59e0b1a;color:var(--tasks-warning-color)}.tasks-edit-btn:hover{background:var(--tasks-warning-color);color:#fff}.tasks-delete-btn{background:#ef44441a;color:var(--tasks-error-color)}.tasks-delete-btn:hover{background:var(--tasks-error-color);color:#fff}.tasks-whatsapp-btn{background:#25d3661a;color:#25d366}.tasks-whatsapp-btn:hover{background:#25d366;color:#fff}.tasks-status-badge{border-radius:3px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.tasks-status-pending{background:#f59e0b1a;color:var(--tasks-warning-color)}.tasks-status-interested{background:#10b9811a;color:var(--tasks-success-color)}.tasks-status-not_interested{background:#ef44441a;color:var(--tasks-error-color)}.tasks-status-no_response{background:#6b72801a;color:#6b7280}.tasks-status-entrance_exam{background:#8b5cf61a;color:#8b5cf6}.tasks-status-after_result{background:#06b6d41a;color:#06b6d4}.tasks-status-admission_done{background:#0596691a;color:#059669}.tasks-status-wrong_number{background:#dc26261a;color:#dc2626}.tasks-status-not_pick{background:#9ca3af1a;color:#9ca3af}.tasks-no-tasks,.tasks-table-loading{align-items:center;background:var(--tasks-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.tasks-no-tasks .material-icons{color:var(--tasks-text-muted);font-size:40px;margin-bottom:12px}.tasks-no-tasks-title{color:var(--tasks-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.tasks-no-tasks p{margin:0}.tasks-infinite-loading,.tasks-no-tasks p{color:var(--tasks-text-secondary);font-size:12px}.tasks-infinite-loading{align-items:center;background:var(--tasks-bg-tertiary);border-top:1px solid var(--tasks-border-color);display:flex;gap:8px;justify-content:center;padding:16px}.tasks-loading-spinner{animation:tasks-spin .8s linear infinite;border-top:2px solid var(--tasks-border-color);border:2px solid var(--tasks-border-color);border-radius:50%;border-top-color:var(--tasks-accent-color);height:24px;width:24px}.tasks-loading-spinner.small{border-width:2px;height:16px;width:16px}.loading-spinner{animation:tasks-spin .8s linear infinite;border-top:2px solid var(--tasks-border-color);border:2px solid var(--tasks-border-color);border-top-color:var(--tasks-accent-color)}@keyframes tasks-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.tasks-filters-row{gap:6px;grid-template-columns:100px 130px 110px 160px 90px 110px 110px 70px}.tasks-bulk-actions-right{gap:6px;grid-template-columns:repeat(9,1fr)}.tasks-bulk-delete-btn{font-size:8px;height:24px;padding:3px 6px}.tasks-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tasks-table-header,.tasks-table-row{grid-template-columns:130px 2fr 100px 100px 90px 100px 100px 80px}}@media (max-width:768px){.tasks-filters-row{align-items:stretch;display:flex;flex-direction:column;gap:12px}.tasks-filter-group{min-width:auto;width:100%}.tasks-filter-actions{width:100%}.tasks-bulk-actions{padding:8px 12px}.tasks-bulk-actions-right{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.tasks-bulk-delete-btn{flex:1 1;font-size:7px;height:32px;max-width:none;min-width:auto;padding:4px 2px}.tasks-filter-container{padding:6px 12px}.tasks-filter-input{font-size:10px;height:26px;padding:4px 6px}.tasks-filter-label{font-size:9px}.tasks-reset-filters-btn{font-size:10px;height:26px;padding:4px 8px}.tasks-header-section{flex-direction:column;gap:8px;padding:12px 16px}.tasks-header-section,.tasks-user-info{align-items:flex-start}.tasks-main-title{font-size:18px}.tasks-content-area{padding:12px}.tasks-overview-layout{gap:12px}.tasks-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.tasks-stat-card{padding:8px 10px}.tasks-stat-icon{height:24px;width:24px}.tasks-stat-icon .material-icons,.tasks-stat-number{font-size:14px}.tasks-stat-label{font-size:8px}.tasks-filter-container{display:none}.tasks-bulk-actions{align-items:stretch;flex-direction:column;gap:8px}.tasks-bulk-actions-right{justify-content:center}.tasks-table-header,.tasks-table-row{grid-template-columns:1fr 120px 80px 80px}.tasks-table-header .tasks-header-cell:nth-child(3),.tasks-table-header .tasks-header-cell:nth-child(4),.tasks-table-header .tasks-header-cell:nth-child(5),.tasks-table-header .tasks-header-cell:nth-child(7),.tasks-table-row .tasks-table-cell:nth-child(3),.tasks-table-row .tasks-table-cell:nth-child(4),.tasks-table-row .tasks-table-cell:nth-child(5),.tasks-table-row .tasks-table-cell:nth-child(7){display:none}.tasks-table-header .tasks-header-cell:first-child{grid-column:1}.tasks-table-header .tasks-header-cell:nth-child(6){grid-column:2}.tasks-table-header .tasks-header-cell:nth-child(2){grid-column:3}.tasks-table-header .tasks-header-cell:nth-child(8){grid-column:4}.tasks-table-row .tasks-table-cell:first-child{grid-column:1}.tasks-table-row .tasks-table-cell:nth-child(6){grid-column:2}.tasks-table-row .tasks-table-cell:nth-child(2){grid-column:3}.tasks-table-row .tasks-table-cell:nth-child(8){grid-column:4}}@media (max-width:480px){.tasks-bulk-actions-right{grid-template-columns:repeat(2,1fr)}.tasks-bulk-delete-btn{font-size:6px;height:28px}.tasks-table-header,.tasks-table-row{grid-template-columns:1fr 80px 60px}.tasks-table-header .tasks-header-cell:nth-child(2),.tasks-table-row .tasks-table-cell:nth-child(2){display:none}.tasks-table-header .tasks-header-cell:nth-child(6){grid-column:2}.tasks-table-header .tasks-header-cell:nth-child(8){grid-column:3}.tasks-table-row .tasks-table-cell:nth-child(6){grid-column:2}.tasks-table-row .tasks-table-cell:nth-child(8){grid-column:3}}:root[data-theme=dark]{--assign-bg-primary:#1a1d23;--assign-bg-secondary:#2a2929;--assign-bg-tertiary:#3e3d3d;--assign-bg-hover:#252424;--assign-text-primary:#fff;--assign-text-secondary:#aaa;--assign-text-muted:#888;--assign-text-dark:#666;--assign-border-color:#3e3d3d;--assign-accent-color:#4a9ec1;--assign-accent-light:#5ba8d0;--assign-error-color:#ef4444;--assign-success-color:#10b981;--assign-warning-color:#f59e0b;--assign-scrollbar-track:#2a2929;--assign-scrollbar-thumb:#4a4a4a;--assign-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--assign-bg-primary:#f5f5f5;--assign-bg-secondary:#fff;--assign-bg-tertiary:#e8e8e8;--assign-bg-hover:#f0f0f0;--assign-text-primary:#1a1a1a;--assign-text-secondary:#555;--assign-text-muted:#777;--assign-text-dark:#999;--assign-border-color:#d0d0d0;--assign-accent-color:#4a9ec1;--assign-accent-light:#3e6bb8;--assign-error-color:#ef4444;--assign-success-color:#10b981;--assign-warning-color:#f59e0b;--assign-scrollbar-track:#f0f0f0;--assign-scrollbar-thumb:silver;--assign-scrollbar-thumb-hover:#a0a0a0}.assign-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.assign-custom-scrollbar::-webkit-scrollbar-track{background:var(--assign-scrollbar-track);border-radius:3px}.assign-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--assign-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.assign-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--assign-scrollbar-thumb-hover)}.assign-custom-scrollbar::-webkit-scrollbar-corner{background:var(--assign-scrollbar-track)}.assign-main-container{background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.assign-header-section{background:var(--assign-bg-tertiary);color:var(--assign-accent-color);flex-shrink:0;font-size:48px;margin-bottom:16px;opacity:.7;padding:16px 20px}.assign-header-title{color:var(--assign-text-primary);font-size:18px;margin:0 0 8px}.assign-header-subtitle{color:var(--assign-text-secondary);font-size:14px;line-height:1.5;margin:0}.assign-content-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.assign-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px;text-align:center}.assign-loading p{color:var(--assign-text-secondary);font-size:14px;margin-top:16px}.assign-step-container{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden;position:relative}.assign-step-container>.assign-split-section{flex-shrink:0}.assign-step-container>.assign-data-section{flex:1 1;min-height:0;overflow:hidden}.assign-step-container>.assign-progress-section,.assign-step-container>.assign-summary-section{flex-shrink:0}.assign-step-container>.assign-actions-section{flex-shrink:0;margin-top:auto}.assign-upload-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.assign-upload-card{align-items:center;border:1px solid var(--assign-border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;display:flex;flex-direction:column;max-width:500px;padding:32px 24px;position:relative;text-align:center;transform:translateY(-2px);transition:all .3s ease}.assign-upload-card:hover{background:var(--assign-bg-hover)}.assign-upload-icon{align-items:center;background:var(--assign-accent-color);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:64px}.assign-upload-card:hover .assign-upload-icon{background:var(--assign-accent-light);transform:scale(1.1)}.assign-upload-icon .material-icons{color:#fff;font-size:32px}.assign-upload-card h3{color:var(--assign-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.assign-upload-card p{color:var(--assign-text-secondary);font-size:13px;line-height:1.4;margin:0}.assign-format-info{background:var(--assign-bg-secondary);border-radius:6px;color:var(--assign-text-muted);font-size:12px;margin:16px 0 24px;padding:8px 12px}.assign-file-input{display:none}.assign-upload-btn{align-items:center;background:var(--assign-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:10px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.assign-upload-btn:hover{background:var(--assign-accent-light)}.assign-summary-section{background:var(--assign-bg-tertiary);border-bottom:1px solid var(--assign-border-color);flex-shrink:0;padding:16px 20px}.assign-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.assign-summary-card{align-items:center;background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.assign-summary-card.error{background:#ef44441a;border-color:var(--assign-error-color)}.assign-summary-card .material-icons{color:var(--assign-accent-color);font-size:24px}.assign-summary-card.error .material-icons{color:var(--assign-error-color)}.assign-summary-number{color:var(--assign-text-primary);font-size:18px;font-weight:700;line-height:1}.assign-summary-label{color:var(--assign-text-secondary);font-size:11px;font-weight:500;margin-top:2px}.assign-data-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 20px}.assign-data-header{border-bottom:1px solid var(--assign-border-color);flex-shrink:0;padding:16px 0 12px}.assign-data-title{color:var(--assign-text-primary);font-size:16px;font-weight:600;margin:0}.assign-table-container{background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:8px;margin-bottom:16px}.assign-table,.assign-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.assign-table-header{background:var(--assign-bg-tertiary);border-bottom:2px solid var(--assign-border-color);display:grid;flex-shrink:0;grid-template-columns:60px 1.2fr 1fr 1fr 2fr 60px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.assign-header-cell{align-items:center;border-right:1px solid var(--assign-border-color);color:var(--assign-text-secondary);display:flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:12px;text-transform:uppercase}.assign-header-cell:last-child{border-right:none;justify-content:center}.assign-table-body{background:var(--assign-bg-secondary);flex:1 1;overflow-y:auto}.assign-table-row{align-items:center;border-bottom:1px solid var(--assign-border-color);display:grid;grid-template-columns:60px 1.2fr 1fr 1fr 2fr 60px;min-height:44px;transition:background .2s ease}.assign-table-row:hover{background:var(--assign-bg-hover)}.assign-table-row:last-child{border-bottom:none}.assign-table-cell{align-items:center;border-right:1px solid var(--assign-border-color);color:var(--assign-text-primary);display:flex;font-size:12px;min-width:0;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.assign-table-cell:last-child{border-right:none;justify-content:center}.assign-table-input{background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:4px;box-sizing:border-box;color:var(--assign-text-primary);font-size:11px;height:32px;padding:6px 8px;transition:all .2s ease;width:100%}.assign-table-input:focus{border-color:var(--assign-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.assign-table-input::placeholder{color:var(--assign-text-muted);font-style:italic}.assign-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:var(--assign-error-color);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.assign-delete-btn:hover{background:var(--assign-error-color);color:#fff;transform:scale(1.1)}.assign-delete-btn .material-icons{font-size:16px}.assign-method-selection{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px}.assign-method-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;height:100%}.assign-method-card{align-items:center;background:var(--assign-bg-secondary);border:2px solid var(--assign-border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:24px 20px;text-align:center;transition:all .3s ease}.assign-method-card:hover{background:var(--assign-bg-hover)}.assign-method-icon{align-items:center;background:var(--assign-accent-color);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:12px;transition:all .3s ease;width:48px}.assign-method-card:hover .assign-method-icon{background:var(--assign-accent-light);transform:scale(1.1)}.assign-method-icon .material-icons{color:#fff;font-size:24px}.assign-method-card h3{color:var(--assign-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.assign-method-card p{color:var(--assign-text-secondary);font-size:13px;line-height:1.4;margin:0}.assign-add-task-btn{align-items:center;background:var(--assign-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;margin-top:8px;padding:8px 16px}.assign-add-task-btn:hover{background:var(--assign-accent-light)}.assign-add-task-btn .material-icons{font-size:16px}.assign-empty-state{align-items:center;color:var(--assign-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.assign-empty-state .material-icons{color:var(--assign-text-muted);font-size:48px;margin-bottom:16px}.assign-empty-state p{font-size:14px;margin:0}.assign-split-section{background:var(--assign-bg-tertiary);border-top:1px solid var(--assign-border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:visible;padding:20px}.assign-split-header{margin-bottom:16px}.assign-split-title{color:var(--assign-text-primary);font-size:16px;font-weight:600;margin:0}.assign-split-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.assign-split-option{align-items:flex-start;background:var(--assign-bg-secondary);border:2px solid var(--assign-border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:16px;transition:all .2s ease}.assign-split-option:hover{background:var(--assign-bg-hover);border-color:var(--assign-accent-color)}.assign-split-option input[type=radio]{accent-color:var(--assign-accent-color);cursor:pointer;flex-shrink:0;margin-top:2px}.assign-split-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.assign-split-label{color:var(--assign-text-primary);cursor:pointer;font-size:14px;font-weight:600}.assign-split-description{color:var(--assign-text-secondary);cursor:pointer;font-size:12px;line-height:1.4}.assign-individual-splits{background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:8px;display:flex;flex-direction:column;height:300px;max-height:300px;overflow:hidden}.assign-splits-header{grid-gap:16px;background:var(--assign-bg-tertiary);border-bottom:2px solid var(--assign-border-color);color:var(--assign-text-secondary);display:grid;flex-shrink:0;font-size:12px;font-weight:600;gap:16px;grid-template-columns:1fr 120px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.assign-splits-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 16px}.assign-splits-body::-webkit-scrollbar{width:6px}.assign-splits-body::-webkit-scrollbar-track{background:var(--assign-scrollbar-track);border-radius:3px}.assign-splits-body::-webkit-scrollbar-thumb{background:var(--assign-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.assign-splits-body::-webkit-scrollbar-thumb:hover{background:var(--assign-scrollbar-thumb-hover)}.assign-split-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--assign-border-color);display:grid;gap:16px;grid-template-columns:1fr 120px;padding:10px 0}.assign-split-row:last-child{border-bottom:none}.assign-employee-name{color:var(--assign-text-primary);font-size:13px;font-weight:500}.assign-split-input{background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:4px;color:var(--assign-text-primary);font-size:12px;padding:6px 8px;text-align:center;width:100%}.assign-split-input:focus{border-color:var(--assign-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.assign-split-summary{align-items:center;background:var(--assign-bg-tertiary);border-top:2px solid var(--assign-border-color);bottom:0;color:var(--assign-text-primary);display:flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:10}.assign-split-warning{color:var(--assign-warning-color);font-size:11px}.assign-progress-section{background:var(--assign-bg-tertiary);border-bottom:1px solid var(--assign-border-color);border-top:1px solid var(--assign-border-color);flex-shrink:0;max-height:300px;min-height:auto;overflow-y:auto;padding:16px 20px}.assign-progress-section::-webkit-scrollbar{width:6px}.assign-progress-section::-webkit-scrollbar-track{background:var(--assign-scrollbar-track);border-radius:3px}.assign-progress-section::-webkit-scrollbar-thumb{background:var(--assign-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.assign-progress-section::-webkit-scrollbar-thumb:hover{background:var(--assign-scrollbar-thumb-hover)}.assign-progress-title{color:var(--assign-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.assign-progress-item{align-items:center;border-bottom:1px solid var(--assign-border-color);display:flex;gap:12px;padding:8px 0}.assign-progress-item:last-child{border-bottom:none}.assign-progress-info{align-items:center;display:flex;justify-content:space-between;min-width:200px}.assign-progress-employee{color:var(--assign-text-primary);font-size:12px;font-weight:600}.assign-progress-status{color:var(--assign-text-secondary);font-size:10px;font-weight:600;text-transform:uppercase}.assign-progress-bar{background:var(--assign-bg-secondary);border-radius:3px;flex:1 1;height:6px;margin:0 12px;overflow:hidden}.assign-progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.assign-progress-percentage{color:var(--assign-text-primary);font-size:11px;font-weight:600;min-width:40px;text-align:right}.assign-actions-section{background:var(--assign-bg-tertiary);border-top:2px solid var(--assign-border-color);bottom:0;flex-shrink:0;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:100}.assign-actions-container{display:flex;gap:16px;justify-content:center}.assign-btn-secondary{align-items:center;background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:8px;color:var(--assign-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.assign-btn-secondary:hover:not(:disabled){background:var(--assign-bg-hover);color:var(--assign-text-primary)}.assign-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.assign-btn-primary{align-items:center;background:var(--assign-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.assign-btn-primary:hover:not(:disabled){background:var(--assign-accent-light);transform:translateY(-1px)}.assign-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.assign-loading-spinner{animation:assign-spin .8s linear infinite;border-top:2px solid var(--assign-border-color);border:2px solid var(--assign-border-color);border-radius:50%;border-top-color:var(--assign-accent-color);height:24px;width:24px}.assign-loading-spinner.small{border-width:2px;height:16px;width:16px}@keyframes assign-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.assign-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assign-modal-container{animation:slideIn .3s ease-out;background:var(--assign-bg-secondary);border:1px solid var(--assign-border-color);border-radius:12px;display:flex;flex-direction:column;height:600px;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.assign-modal-header{align-items:center;background:var(--assign-bg-tertiary);border-bottom:1px solid var(--assign-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.assign-modal-header h2{color:var(--assign-text-primary);font-size:18px;font-weight:600;margin:0}.assign-modal-close-btn{align-items:center;background:var(--assign-bg-secondary);border:none;border-radius:6px;color:var(--assign-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.assign-modal-close-btn:hover{background:var(--assign-error-color);color:#fff}.assign-modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:20px}.assign-duplicates-info{margin-bottom:16px}.assign-duplicates-info p{background:var(--assign-bg-tertiary);border-left:4px solid var(--assign-warning-color);border-radius:6px;color:var(--assign-text-secondary);font-size:14px;margin:0;padding:12px}.assign-duplicates-table-container{border:1px solid var(--assign-border-color);border-radius:8px;flex:1 1;height:100%;min-height:0;overflow:hidden}.assign-duplicates-table{display:flex;flex-direction:column;height:100%;min-height:0}.assign-duplicates-header{background:var(--assign-bg-tertiary);border-bottom:2px solid var(--assign-border-color);display:grid;flex-shrink:0;grid-template-columns:60px 200px 140px 140px 2fr}.assign-duplicates-header-cell{align-items:center;border-right:1px solid var(--assign-border-color);color:var(--assign-text-secondary);display:flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px;text-transform:uppercase}.assign-duplicates-header-cell:last-child{border-right:none}.assign-duplicates-body{background:var(--assign-bg-secondary);flex:1 1;max-height:400px;min-height:0;overflow-x:hidden;overflow-y:auto}.assign-duplicates-row{align-items:center;border-bottom:1px solid var(--assign-border-color);display:grid;grid-template-columns:60px 200px 140px 140px 2fr;min-height:48px;transition:background .2s ease}.assign-duplicates-row:hover{background:var(--assign-bg-hover)}.assign-duplicates-row:last-child{border-bottom:none}.assign-duplicates-cell{align-items:center;border-right:1px solid var(--assign-border-color);color:var(--assign-text-primary);display:flex;font-size:12px;min-width:0;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.assign-duplicates-cell:last-child{border-right:none}.assign-school-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-modal-footer{background:var(--assign-bg-tertiary);border-top:1px solid var(--assign-border-color);display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px 20px}.swal2-view-duplicates{align-items:center!important;background:var(--assign-accent-color)!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:12px 24px!important;text-decoration:none!important;transition:all .2s ease!important}.swal2-view-duplicates:hover{background:var(--assign-accent-light)!important;transform:translateY(-1px)!important}.swal2-view-duplicates:focus{box-shadow:0 0 0 3px #4a9ec14d!important;outline:none!important}@media (max-width:768px){.assign-method-grid{gap:20px;grid-template-columns:1fr}.assign-method-card{padding:30px 20px}.assign-modal-container{height:50vh;max-height:50vh}.assign-duplicates-body{max-height:300px}.assign-header-section{padding:12px 16px}.assign-data-section{padding:0 16px}.assign-summary-grid{gap:12px;grid-template-columns:1fr}.assign-table-header,.assign-table-row{grid-template-columns:40px 1fr 100px 100px 1fr 60px}.assign-actions-container{align-items:stretch;flex-direction:column}.assign-btn-primary,.assign-btn-secondary{justify-content:center}.assign-progress-info{min-width:150px}.assign-split-options{gap:12px;grid-template-columns:1fr}.assign-split-row,.assign-splits-header{gap:12px;grid-template-columns:1fr 100px}.assign-step-container{padding-bottom:100px}.swal2-view-duplicates{font-size:13px!important;padding:10px 16px!important}}@media (max-width:480px){.assign-duplicates-body{max-height:250px}.assign-table-header,.assign-table-row{grid-template-columns:30px 1fr 80px 1fr 50px}.assign-table-header .assign-header-cell:nth-child(4),.assign-table-row .assign-table-cell:nth-child(4){display:none}.assign-progress-info{min-width:120px}.assign-modal-container{height:80vh;max-height:80vh;width:95%}.assign-duplicates-header,.assign-duplicates-row{grid-template-columns:40px 1fr 1fr}.assign-duplicates-header .assign-duplicates-header-cell:nth-child(3),.assign-duplicates-row .assign-duplicates-cell:nth-child(3){display:none}.assign-modal-content{padding:16px}}:root[data-theme=dark]{--officevisit-bg-primary:#1a1d23;--officevisit-bg-secondary:#2a2929;--officevisit-bg-tertiary:#3e3d3d;--officevisit-bg-hover:#252424;--officevisit-text-primary:#fff;--officevisit-text-secondary:#aaa;--officevisit-text-muted:#888;--officevisit-text-dark:#666;--officevisit-border-color:#3e3d3d;--officevisit-accent-color:#4a9ec1;--officevisit-accent-light:#5ba8d0;--officevisit-error-color:#ef4444;--officevisit-success-color:#10b981;--officevisit-warning-color:#f59e0b;--officevisit-scrollbar-track:#2a2929;--officevisit-scrollbar-thumb:#4a4a4a;--officevisit-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--officevisit-bg-primary:#f5f5f5;--officevisit-bg-secondary:#fff;--officevisit-bg-tertiary:#e8e8e8;--officevisit-bg-hover:#f0f0f0;--officevisit-text-primary:#1a1a1a;--officevisit-text-secondary:#555;--officevisit-text-muted:#777;--officevisit-text-dark:#999;--officevisit-border-color:#d0d0d0;--officevisit-accent-color:#4a9ec1;--officevisit-accent-light:#3e6bb8;--officevisit-error-color:#ef4444;--officevisit-success-color:#10b981;--officevisit-warning-color:#f59e0b;--officevisit-scrollbar-track:#f0f0f0;--officevisit-scrollbar-thumb:silver;--officevisit-scrollbar-thumb-hover:#a0a0a0}.officevisit-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.officevisit-custom-scrollbar::-webkit-scrollbar-track{background:var(--officevisit-scrollbar-track);border-radius:3px}.officevisit-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--officevisit-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.officevisit-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--officevisit-scrollbar-thumb-hover)}.officevisit-custom-scrollbar::-webkit-scrollbar-corner{background:var(--officevisit-scrollbar-track)}.officevisit-main-container{background-color:var(--officevisit-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.officevisit-header-section{align-items:center;background:linear-gradient(to bottom,var(--officevisit-bg-secondary),var(--officevisit-bg-primary));border-bottom:1px solid var(--officevisit-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.officevisit-main-title{color:var(--officevisit-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.officevisit-add-btn{align-items:center;background:var(--officevisit-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.officevisit-add-btn:hover{background:var(--officevisit-accent-light);box-shadow:0 4px 12px #4a9ec14d;transform:translateY(-1px)}.officevisit-add-btn .material-icons{font-size:18px}.officevisit-content-area{flex:1 1;overflow:hidden;padding:20px}.officevisit-overview-layout{display:flex;flex-direction:column;gap:16px;height:100%}.officevisit-stats-section{flex-shrink:0}.officevisit-table-section{flex:1 1;min-height:0}.officevisit-stats-container{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:10px;padding:12px 16px}.officevisit-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.officevisit-stat-card{align-items:center;background:var(--officevisit-bg-primary);border:1px solid var(--officevisit-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.officevisit-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.officevisit-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.officevisit-stat-icon .material-icons{color:#fff;font-size:16px}.officevisit-stat-content{flex:1 1}.officevisit-stat-number{color:var(--officevisit-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.officevisit-stat-label{color:var(--officevisit-text-secondary);font-size:9px;font-weight:500;line-height:1.2}.officevisit-stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.officevisit-table-card{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.officevisit-table-header{background:var(--officevisit-bg-secondary);border-bottom:1px solid var(--officevisit-border-color);flex-shrink:0}.officevisit-table-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.officevisit-filter-container{background:var(--officevisit-bg-tertiary);border-bottom:1px solid var(--officevisit-border-color);flex-shrink:0;padding:8px 16px}.officevisit-filters-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(8,1fr);width:100%}.officevisit-filter-group{display:flex;flex-direction:column;min-width:0;width:100%}.officevisit-filter-label{color:var(--officevisit-text-primary);font-size:10px;font-weight:600;line-height:1.2;margin-bottom:1px;white-space:nowrap}.officevisit-filter-input{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:4px;box-sizing:border-box;color:var(--officevisit-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.officevisit-filter-input:focus{border-color:var(--officevisit-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.officevisit-school-dropdown-container{position:relative;width:100%}.officevisit-school-dropdown{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:6px;box-shadow:0 8px 24px #00000026;left:0;max-height:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.officevisit-school-search{border-bottom:1px solid var(--officevisit-border-color);padding:8px}.officevisit-school-search-input{background:var(--officevisit-bg-tertiary);border:1px solid var(--officevisit-border-color);border-radius:4px;box-sizing:border-box;color:var(--officevisit-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.officevisit-school-list{max-height:180px;overflow-y:auto}.officevisit-school-item{color:var(--officevisit-text-primary);cursor:pointer;font-size:11px;padding:6px 8px;transition:background .2s ease}.officevisit-school-item:hover{background:var(--officevisit-bg-hover)}.officevisit-load-more-schools{background:var(--officevisit-bg-tertiary);border:none;color:var(--officevisit-text-secondary);cursor:pointer;font-size:10px;padding:6px;transition:background .2s ease;width:100%}.officevisit-load-more-schools:hover{background:var(--officevisit-bg-hover)}.officevisit-reset-filters-btn{align-items:center;background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:4px;color:var(--officevisit-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.officevisit-reset-filters-btn:hover{background:var(--officevisit-bg-hover);color:var(--officevisit-text-primary)}.officevisit-mobile-filter-button-container{background:var(--officevisit-bg-tertiary);border-bottom:1px solid var(--officevisit-border-color);padding:12px 16px}.officevisit-mobile-filter-btn{align-items:center;background:var(--officevisit-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.officevisit-mobile-filter-btn:hover{background:var(--officevisit-accent-light)}.officevisit-filter-active-indicator{background:var(--officevisit-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.officevisit-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.officevisit-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--officevisit-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.officevisit-mobile-filter-header{align-items:center;background:var(--officevisit-bg-tertiary);border-bottom:1px solid var(--officevisit-border-color);display:flex;justify-content:space-between;padding:16px 20px}.officevisit-mobile-filter-header h3{color:var(--officevisit-text-primary);font-size:18px;font-weight:600;margin:0}.officevisit-mobile-filter-close{align-items:center;background:var(--officevisit-bg-secondary);border:none;border-radius:6px;color:var(--officevisit-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.officevisit-mobile-filter-close:hover{background:var(--officevisit-error-color);color:#fff}.officevisit-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.officevisit-mobile-filter-footer{background:var(--officevisit-bg-tertiary);border-top:1px solid var(--officevisit-border-color);display:flex;gap:12px;padding:16px 20px}.officevisit-mobile-reset-btn{align-items:center;background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);border-radius:6px;color:var(--officevisit-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.officevisit-mobile-reset-btn:hover{background:var(--officevisit-bg-hover);color:var(--officevisit-text-primary)}.officevisit-mobile-apply-btn{align-items:center;background:var(--officevisit-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.officevisit-mobile-apply-btn:hover{background:var(--officevisit-accent-light)}.officevisit-table-container{background:var(--officevisit-bg-secondary)}.officevisit-table,.officevisit-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.officevisit-table{border:1px solid var(--officevisit-border-color);border-radius:8px}.officevisit-table-grid-header{background:var(--officevisit-bg-tertiary);border-bottom:2px solid var(--officevisit-border-color);display:grid;flex-shrink:0;grid-template-columns:180px 2fr 140px 140px 120px 140px 140px 120px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.officevisit-header-cell{align-items:center;border-right:1px solid var(--officevisit-border-color);color:var(--officevisit-text-secondary);display:flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.officevisit-header-cell:last-child{border-right:none}.officevisit-table-body{background:var(--officevisit-bg-secondary);flex:1 1;overflow-y:auto}.officevisit-table-body::-webkit-scrollbar{width:6px}.officevisit-table-body::-webkit-scrollbar-track{background:var(--officevisit-scrollbar-track)}.officevisit-table-body::-webkit-scrollbar-thumb{background:var(--officevisit-scrollbar-thumb);border-radius:3px}.officevisit-table-body::-webkit-scrollbar-thumb:hover{background:var(--officevisit-scrollbar-thumb-hover)}.officevisit-table-row{align-items:center;border-bottom:1px solid var(--officevisit-border-color);display:grid;grid-template-columns:180px 2fr 140px 140px 120px 140px 140px 120px;min-height:48px;transition:background .2s ease}.officevisit-table-row:hover{background:var(--officevisit-bg-hover)}.officevisit-table-row:last-child{border-bottom:none}.officevisit-table-cell{align-items:center;border-right:1px solid var(--officevisit-border-color);color:var(--officevisit-text-primary);display:flex;font-size:11px;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.officevisit-table-cell:last-child{border-right:none}.officevisit-actions-cell{gap:4px}.officevisit-action-btn,.officevisit-actions-cell{align-items:center;display:flex;justify-content:center}.officevisit-action-btn{border:none;border-radius:3px;cursor:pointer;flex-shrink:0;height:24px;transition:all .2s ease;width:24px}.officevisit-action-btn .material-icons{font-size:14px}.officevisit-view-btn{background:#4a9ec11a;color:var(--officevisit-accent-color)}.officevisit-view-btn:hover{background:var(--officevisit-accent-color);color:#fff}.officevisit-edit-btn{background:#f59e0b1a;color:var(--officevisit-warning-color)}.officevisit-edit-btn:hover{background:var(--officevisit-warning-color);color:#fff}.officevisit-delete-btn{background:#ef44441a;color:var(--officevisit-error-color)}.officevisit-delete-btn:hover{background:var(--officevisit-error-color);color:#fff}.officevisit-status-badge{border-radius:3px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.officevisit-status-visited{background:#10b9811a;color:var(--officevisit-success-color)}.officevisit-status-pending{background:#f59e0b1a;color:var(--officevisit-warning-color)}.officevisit-status-cancelled{background:#ef44441a;color:var(--officevisit-error-color)}.officevisit-status-rescheduled{background:#8b5cf61a;color:#8b5cf6}.officevisit-status-in_progress{background:#06b6d41a;color:#06b6d4}.officevisit-no-visits,.officevisit-table-loading{align-items:center;background:var(--officevisit-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.officevisit-no-visits .material-icons{color:var(--officevisit-text-muted);font-size:40px;margin-bottom:12px}.officevisit-no-visits-title{color:var(--officevisit-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.officevisit-no-visits p{color:var(--officevisit-text-secondary);font-size:12px;margin:0}.officevisit-infinite-loading{align-items:center;background:var(--officevisit-bg-tertiary);border-top:1px solid var(--officevisit-border-color);color:var(--officevisit-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.officevisit-load-trigger{min-height:20px}.officevisit-all-loaded,.officevisit-load-trigger{align-items:center;display:flex;justify-content:center}.officevisit-all-loaded{background:var(--officevisit-bg-tertiary);border-top:1px solid var(--officevisit-border-color);color:var(--officevisit-success-color);font-size:12px;font-weight:600;gap:8px;padding:16px}.officevisit-all-loaded .material-icons{font-size:16px}.officevisit-loading-spinner{animation:officevisit-spin .8s linear infinite;border-top:2px solid var(--officevisit-border-color);border:2px solid var(--officevisit-border-color);border-radius:50%;border-top-color:var(--officevisit-accent-color);height:24px;width:24px}.officevisit-loading-spinner.small{border-width:2px;height:16px;width:16px}.loading-spinner{animation:officevisit-spin .8s linear infinite;border-top:2px solid var(--officevisit-border-color);border:2px solid var(--officevisit-border-color);border-top-color:var(--officevisit-accent-color)}@keyframes officevisit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-container{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color)}.modal-header{background:var(--officevisit-bg-tertiary);border-bottom:1px solid var(--officevisit-border-color)}.modal-header h2{color:var(--officevisit-text-primary)}.close-modal-btn{background:var(--officevisit-bg-secondary);color:var(--officevisit-text-secondary)}.close-modal-btn:hover{background:var(--officevisit-error-color)}.modal-footer{background:var(--officevisit-bg-tertiary);border-top:1px solid var(--officevisit-border-color)}.form-group label{color:var(--officevisit-text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);color:var(--officevisit-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--officevisit-accent-color)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--officevisit-error-color)}.error-message{color:var(--officevisit-error-color)}.btn-secondary{background:var(--officevisit-bg-secondary);border:1px solid var(--officevisit-border-color);color:var(--officevisit-text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--officevisit-bg-hover);color:var(--officevisit-text-primary)}.btn-primary{background:var(--officevisit-accent-color)}.btn-primary:hover:not(:disabled){background:var(--officevisit-accent-light)}.detail-item label{color:var(--officevisit-text-secondary)}.detail-item span,.feedback-content{color:var(--officevisit-text-primary)}.feedback-content{background:var(--officevisit-bg-tertiary);border:1px solid var(--officevisit-border-color)}@media (max-width:1200px){.officevisit-filters-row{gap:6px;grid-template-columns:100px 130px 110px 160px 90px 110px 110px 70px}.officevisit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.officevisit-table-grid-header,.officevisit-table-row{grid-template-columns:130px 2fr 100px 100px 90px 100px 100px 80px}}@media (max-width:768px){.officevisit-header-section{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.officevisit-add-btn{justify-content:center;width:100%}.officevisit-main-title{font-size:18px}.officevisit-content-area{padding:12px}.officevisit-overview-layout{gap:12px}.officevisit-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.officevisit-stat-card{padding:8px 10px}.officevisit-stat-icon{height:24px;width:24px}.officevisit-stat-icon .material-icons,.officevisit-stat-number{font-size:14px}.officevisit-stat-label{font-size:8px}.officevisit-filter-container{display:none}.officevisit-table-grid-header,.officevisit-table-row{grid-template-columns:1fr 120px 80px 80px}.officevisit-table-grid-header .officevisit-header-cell:nth-child(3),.officevisit-table-grid-header .officevisit-header-cell:nth-child(4),.officevisit-table-grid-header .officevisit-header-cell:nth-child(5),.officevisit-table-grid-header .officevisit-header-cell:nth-child(7),.officevisit-table-row .officevisit-table-cell:nth-child(3),.officevisit-table-row .officevisit-table-cell:nth-child(4),.officevisit-table-row .officevisit-table-cell:nth-child(5),.officevisit-table-row .officevisit-table-cell:nth-child(7){display:none}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.officevisit-table-grid-header,.officevisit-table-row{grid-template-columns:1fr 80px 60px}.officevisit-table-grid-header .officevisit-header-cell:nth-child(2),.officevisit-table-row .officevisit-table-cell:nth-child(2){display:none}.officevisit-table-grid-header .officevisit-header-cell:nth-child(6){grid-column:2}.officevisit-table-grid-header .officevisit-header-cell:nth-child(8){grid-column:3}.officevisit-table-row .officevisit-table-cell:nth-child(6){grid-column:2}.officevisit-table-row .officevisit-table-cell:nth-child(8){grid-column:3}}:root[data-theme=dark]{--clients-bg-primary:#1a1d23;--clients-bg-secondary:#2a2929;--clients-bg-tertiary:#3e3d3d;--clients-bg-hover:#252424;--clients-text-primary:#fff;--clients-text-secondary:#aaa;--clients-text-muted:#888;--clients-text-dark:#666;--clients-border-color:#3e3d3d;--clients-accent-color:#4a9ec1;--clients-accent-light:#5ba8d0;--clients-error-color:#ef4444;--clients-success-color:#10b981;--clients-warning-color:#f59e0b;--clients-scrollbar-track:#2a2929;--clients-scrollbar-thumb:#4a4a4a;--clients-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--clients-bg-primary:#f5f5f5;--clients-bg-secondary:#fff;--clients-bg-tertiary:#e8e8e8;--clients-bg-hover:#f0f0f0;--clients-text-primary:#1a1a1a;--clients-text-secondary:#555;--clients-text-muted:#777;--clients-text-dark:#999;--clients-border-color:#d0d0d0;--clients-accent-color:#4a9ec1;--clients-accent-light:#3e6bb8;--clients-error-color:#ef4444;--clients-success-color:#10b981;--clients-warning-color:#f59e0b;--clients-scrollbar-track:#f0f0f0;--clients-scrollbar-thumb:silver;--clients-scrollbar-thumb-hover:#a0a0a0}.clients-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.clients-custom-scrollbar::-webkit-scrollbar-track{background:var(--clients-scrollbar-track);border-radius:3px}.clients-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--clients-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.clients-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--clients-scrollbar-thumb-hover)}.clients-custom-scrollbar::-webkit-scrollbar-corner{background:var(--clients-scrollbar-track)}.clients-main-container{background-color:var(--clients-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.clients-header-section{align-items:center;background:linear-gradient(to bottom,var(--clients-bg-secondary),var(--clients-bg-primary));border-bottom:1px solid var(--clients-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.clients-main-title{color:var(--clients-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.clients-add-btn{align-items:center;background:var(--clients-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.clients-add-btn:hover{background:var(--clients-accent-light);box-shadow:0 4px 12px #4a9ec14d;transform:translateY(-1px)}.clients-add-btn .material-icons{font-size:18px}.clients-content-area{flex:1 1;overflow:hidden;padding:20px}.clients-overview-layout{display:flex;flex-direction:column;gap:16px;height:100%}.clients-stats-section{flex-shrink:0}.clients-table-section{flex:1 1;min-height:0}.clients-stats-container{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);border-radius:10px;padding:12px 16px}.clients-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.clients-stat-card{align-items:center;background:var(--clients-bg-primary);border:1px solid var(--clients-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.clients-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.clients-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.clients-stat-icon .material-icons{color:#fff;font-size:16px}.clients-stat-content{flex:1 1}.clients-stat-number{color:var(--clients-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.clients-stat-label{color:var(--clients-text-secondary);font-size:9px;font-weight:500;line-height:1.2}.clients-stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.clients-table-card{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.clients-table-header{background:var(--clients-bg-secondary);border-bottom:1px solid var(--clients-border-color);flex-shrink:0}.clients-table-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.clients-filter-container{background:var(--clients-bg-tertiary);border-bottom:1px solid var(--clients-border-color);flex-shrink:0;padding:8px 16px}.clients-filters-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);width:100%}.clients-filter-group{display:flex;flex-direction:column;min-width:0;width:100%}.clients-filter-label{color:var(--clients-text-primary);font-size:10px;font-weight:600;line-height:1.2;margin-bottom:1px;white-space:nowrap}.clients-filter-input{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);border-radius:4px;box-sizing:border-box;color:var(--clients-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.clients-filter-input:focus{border-color:var(--clients-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.clients-reset-filters-btn{align-items:center;background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);border-radius:4px;color:var(--clients-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.clients-reset-filters-btn:hover{background:var(--clients-bg-hover);color:var(--clients-text-primary)}.clients-mobile-filter-button-container{background:var(--clients-bg-tertiary);border-bottom:1px solid var(--clients-border-color);padding:12px 16px}.clients-mobile-filter-btn{align-items:center;background:var(--clients-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.clients-mobile-filter-btn:hover{background:var(--clients-accent-light)}.clients-filter-active-indicator{background:var(--clients-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.clients-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.clients-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--clients-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.clients-mobile-filter-header{align-items:center;background:var(--clients-bg-tertiary);border-bottom:1px solid var(--clients-border-color);display:flex;justify-content:space-between;padding:16px 20px}.clients-mobile-filter-header h3{color:var(--clients-text-primary);font-size:18px;font-weight:600;margin:0}.clients-mobile-filter-close{align-items:center;background:var(--clients-bg-secondary);border:none;border-radius:6px;color:var(--clients-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.clients-mobile-filter-close:hover{background:var(--clients-error-color);color:#fff}.clients-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.clients-mobile-filter-footer{background:var(--clients-bg-tertiary);border-top:1px solid var(--clients-border-color);display:flex;gap:12px;padding:16px 20px}.clients-mobile-reset-btn{align-items:center;background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);border-radius:6px;color:var(--clients-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.clients-mobile-reset-btn:hover{background:var(--clients-bg-hover);color:var(--clients-text-primary)}.clients-mobile-apply-btn{align-items:center;background:var(--clients-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.clients-mobile-apply-btn:hover{background:var(--clients-accent-light)}.clients-table-container{background:var(--clients-bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.clients-bulk-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:var(--clients-error-color);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;letter-spacing:.2px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.clients-bulk-delete-btn .material-icons{font-size:14px}.clients-bulk-delete-btn:hover{background:var(--clients-error-color);color:#fff;transform:translateY(-1px)}.clients-table{border:1px solid var(--clients-border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.clients-table-grid-header{background:var(--clients-bg-tertiary);border-bottom:2px solid var(--clients-border-color);display:grid;flex-shrink:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;position:-webkit-sticky;position:sticky;top:0;z-index:10}.clients-header-cell{align-items:center;border-right:1px solid var(--clients-border-color);color:var(--clients-text-secondary);display:flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.clients-header-cell:last-child{border-right:none}.clients-table-body{background:var(--clients-bg-secondary);flex:1 1;overflow-y:auto}.clients-table-body::-webkit-scrollbar{width:6px}.clients-table-body::-webkit-scrollbar-track{background:var(--clients-scrollbar-track)}.clients-table-body::-webkit-scrollbar-thumb{background:var(--clients-scrollbar-thumb);border-radius:3px}.clients-table-body::-webkit-scrollbar-thumb:hover{background:var(--clients-scrollbar-thumb-hover)}.clients-table-row{align-items:center;border-bottom:1px solid var(--clients-border-color);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;min-height:48px;transition:background .2s ease}.clients-table-row:hover{background:var(--clients-bg-hover)}.clients-table-row:last-child{border-bottom:none}.clients-table-cell{align-items:center;border-right:1px solid var(--clients-border-color);color:var(--clients-text-primary);display:flex;font-size:11px;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.clients-table-cell:last-child{border-right:none}.clients-actions-cell{gap:4px}.clients-action-btn,.clients-actions-cell{align-items:center;display:flex;justify-content:center}.clients-action-btn{border:none;border-radius:3px;cursor:pointer;flex-shrink:0;height:24px;transition:all .2s ease;width:24px}.clients-action-btn .material-icons{font-size:14px}.clients-view-btn{background:#4a9ec11a;color:var(--clients-accent-color)}.clients-view-btn:hover{background:var(--clients-accent-color);color:#fff}.clients-edit-btn{background:#f59e0b1a;color:var(--clients-warning-color)}.clients-edit-btn:hover{background:var(--clients-warning-color);color:#fff}.clients-delete-btn{background:#ef44441a;color:var(--clients-error-color)}.clients-delete-btn:hover{background:var(--clients-error-color);color:#fff}.clients-no-clients,.clients-table-loading{align-items:center;background:var(--clients-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.clients-no-clients .material-icons{color:var(--clients-text-muted);font-size:40px;margin-bottom:12px}.clients-no-clients-title{color:var(--clients-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.clients-no-clients p{color:var(--clients-text-secondary);font-size:12px;margin:0}.clients-infinite-loading{background:var(--clients-bg-tertiary);border-top:1px solid var(--clients-border-color);color:var(--clients-text-secondary);font-size:12px;gap:8px;padding:16px}.clients-infinite-loading,.clients-load-trigger{align-items:center;display:flex;justify-content:center}.clients-load-trigger{min-height:20px}.clients-loading-spinner{animation:clients-spin .8s linear infinite;border-top:2px solid var(--clients-border-color);border:2px solid var(--clients-border-color);border-radius:50%;border-top-color:var(--clients-accent-color);height:24px;width:24px}.clients-loading-spinner.small{border-width:2px;height:16px;width:16px}@keyframes clients-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-container{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color)}.modal-header{background:var(--clients-bg-tertiary);border-bottom:1px solid var(--clients-border-color)}.modal-header h2{color:var(--clients-text-primary)}.close-modal-btn{background:var(--clients-bg-secondary);color:var(--clients-text-secondary)}.close-modal-btn:hover{background:var(--clients-error-color)}.modal-footer{background:var(--clients-bg-tertiary);border-top:1px solid var(--clients-border-color)}.form-group label{color:var(--clients-text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);color:var(--clients-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--clients-accent-color)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--clients-error-color)}.error-message{color:var(--clients-error-color)}.btn-secondary{background:var(--clients-bg-secondary);border:1px solid var(--clients-border-color);color:var(--clients-text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--clients-bg-hover);color:var(--clients-text-primary)}.btn-primary{background:var(--clients-accent-color)}.btn-primary:hover:not(:disabled){background:var(--clients-accent-light)}.detail-item label{color:var(--clients-text-secondary)}.detail-item span,.feedback-content{color:var(--clients-text-primary)}.feedback-content{background:var(--clients-bg-tertiary);border:1px solid var(--clients-border-color)}@media (max-width:1200px){.clients-filters-row{gap:6px;grid-template-columns:repeat(6,1fr)}.clients-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.clients-header-section{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.clients-add-btn{justify-content:center;width:100%}.clients-main-title{font-size:18px}.clients-content-area{padding:12px}.clients-overview-layout{gap:12px}.clients-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.clients-stat-card{padding:8px 10px}.clients-stat-icon{height:24px;width:24px}.clients-stat-icon .material-icons,.clients-stat-number{font-size:14px}.clients-stat-label{font-size:8px}.clients-filter-container{display:none}.clients-table-grid-header,.clients-table-row{grid-template-columns:1fr 120px 80px}.clients-table-grid-header .clients-header-cell:nth-child(3),.clients-table-grid-header .clients-header-cell:nth-child(4),.clients-table-grid-header .clients-header-cell:nth-child(5),.clients-table-grid-header .clients-header-cell:nth-child(6),.clients-table-row .clients-table-cell:nth-child(3),.clients-table-row .clients-table-cell:nth-child(4),.clients-table-row .clients-table-cell:nth-child(5),.clients-table-row .clients-table-cell:nth-child(6){display:none}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.clients-table-grid-header,.clients-table-row{grid-template-columns:1fr 60px}.clients-table-grid-header .clients-header-cell:nth-child(2),.clients-table-row .clients-table-cell:nth-child(2){display:none}}:root[data-theme=dark]{--recharge-bg-primary:#1a1d23;--recharge-bg-secondary:#2a2929;--recharge-bg-tertiary:#3e3d3d;--recharge-bg-hover:#252424;--recharge-text-primary:#fff;--recharge-text-secondary:#aaa;--recharge-text-muted:#888;--recharge-text-dark:#666;--recharge-border-color:#3e3d3d;--recharge-accent-color:#4a9ec1;--recharge-accent-light:#5ba8d0;--recharge-error-color:#ef4444;--recharge-success-color:#10b981;--recharge-warning-color:#f59e0b;--recharge-scrollbar-track:#2a2929;--recharge-scrollbar-thumb:#4a4a4a;--recharge-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--recharge-bg-primary:#f5f5f5;--recharge-bg-secondary:#fff;--recharge-bg-tertiary:#e8e8e8;--recharge-bg-hover:#f0f0f0;--recharge-text-primary:#1a1a1a;--recharge-text-secondary:#555;--recharge-text-muted:#777;--recharge-text-dark:#999;--recharge-border-color:#d0d0d0;--recharge-accent-color:#4a9ec1;--recharge-accent-light:#3e6bb8;--recharge-error-color:#ef4444;--recharge-success-color:#10b981;--recharge-warning-color:#f59e0b;--recharge-scrollbar-track:#f0f0f0;--recharge-scrollbar-thumb:silver;--recharge-scrollbar-thumb-hover:#a0a0a0}.recharge-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.recharge-custom-scrollbar::-webkit-scrollbar-track{background:var(--recharge-scrollbar-track);border-radius:3px}.recharge-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--recharge-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.recharge-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--recharge-scrollbar-thumb-hover)}.recharge-custom-scrollbar::-webkit-scrollbar-corner{background:var(--recharge-scrollbar-track)}.recharge-main-container{background-color:var(--recharge-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.recharge-header-section{align-items:center;background:linear-gradient(to bottom,var(--recharge-bg-secondary),var(--recharge-bg-primary));border-bottom:1px solid var(--recharge-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.recharge-main-title{color:var(--recharge-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.recharge-add-btn{align-items:center;background:var(--recharge-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.recharge-add-btn:hover{background:var(--recharge-accent-light);box-shadow:0 4px 12px #4a9ec14d;transform:translateY(-1px)}.recharge-add-btn .material-icons{font-size:18px}.recharge-content-area{flex:1 1;overflow:hidden;padding:20px}.recharge-overview-layout{display:flex;flex-direction:column;gap:16px;height:100%}.recharge-stats-section{flex-shrink:0}.recharge-table-section{flex:1 1;min-height:0}.recharge-stats-container{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:10px;padding:12px 16px}.recharge-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.recharge-stat-card{align-items:center;background:var(--recharge-bg-primary);border:1px solid var(--recharge-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.recharge-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.recharge-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.recharge-stat-icon .material-icons{color:#fff;font-size:16px}.recharge-stat-content{flex:1 1}.recharge-stat-number{color:var(--recharge-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.recharge-stat-label{color:var(--recharge-text-secondary);font-size:9px;font-weight:500;line-height:1.2}.recharge-stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.recharge-table-card{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.recharge-table-header{background:var(--recharge-bg-secondary);border-bottom:1px solid var(--recharge-border-color);flex-shrink:0}.recharge-table-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.recharge-filters-section{background:var(--recharge-bg-tertiary);border-bottom:1px solid var(--recharge-border-color);display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:8px 16px}.recharge-search-container{width:100%}.recharge-search-input-wrapper{max-width:400px;position:relative}.recharge-search-icon{color:var(--recharge-text-muted);font-size:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.recharge-search-input{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:8px;color:var(--recharge-text-primary);font-size:14px;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.recharge-search-input:focus{border-color:var(--recharge-accent-color);box-shadow:0 0 0 3px #4a9ec11a;outline:none}.recharge-status-filters{display:flex;flex-wrap:wrap;gap:8px}.recharge-status-filter-btn{align-items:center;background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:20px;color:var(--recharge-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.recharge-status-filter-btn:hover{background:var(--recharge-bg-hover);color:var(--recharge-text-primary)}.recharge-status-filter-btn.active{background:var(--recharge-accent-color);border-color:var(--recharge-accent-color);color:#fff}.recharge-filter-count{background:#fff3;border-radius:10px;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;text-align:center}.recharge-status-filter-btn:not(.active) .recharge-filter-count{background:var(--recharge-bg-tertiary);color:var(--recharge-text-muted)}.recharge-advanced-filters{width:100%}.recharge-mobile-filter-button-container{background:var(--recharge-bg-tertiary);border-bottom:1px solid var(--recharge-border-color);padding:12px 16px}.recharge-mobile-filter-btn{align-items:center;background:var(--recharge-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.recharge-mobile-filter-btn:hover{background:var(--recharge-accent-light)}.recharge-filter-active-indicator{background:var(--recharge-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.recharge-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.recharge-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--recharge-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.recharge-mobile-filter-header{align-items:center;background:var(--recharge-bg-tertiary);border-bottom:1px solid var(--recharge-border-color);display:flex;justify-content:space-between;padding:16px 20px}.recharge-mobile-filter-header h3{color:var(--recharge-text-primary);font-size:18px;font-weight:600;margin:0}.recharge-mobile-filter-close{align-items:center;background:var(--recharge-bg-secondary);border:none;border-radius:6px;color:var(--recharge-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.recharge-mobile-filter-close:hover{background:var(--recharge-error-color);color:#fff}.recharge-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.recharge-mobile-filter-footer{background:var(--recharge-bg-tertiary);border-top:1px solid var(--recharge-border-color);display:flex;gap:12px;padding:16px 20px}.recharge-mobile-reset-btn{align-items:center;background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:6px;color:var(--recharge-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.recharge-mobile-reset-btn:hover{background:var(--recharge-bg-hover);color:var(--recharge-text-primary)}.recharge-mobile-apply-btn{align-items:center;background:var(--recharge-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.recharge-mobile-apply-btn:hover{background:var(--recharge-accent-light)}.recharge-cards-container-wrapper{overflow:hidden;position:relative}.recharge-cards-container,.recharge-cards-container-wrapper{background:var(--recharge-bg-secondary);display:flex;flex:1 1;flex-direction:column}.recharge-cards-container{-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;padding:16px;scrollbar-width:none}.recharge-cards-container::-webkit-scrollbar{display:none}.recharge-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);width:100%}.recharge-custom-scrollbar-track{background:var(--recharge-scrollbar-track);border-radius:4px;bottom:16px;cursor:pointer;display:block;opacity:0;position:absolute;right:4px;top:16px;transition:opacity .2s ease;width:8px;z-index:10}.recharge-cards-container-wrapper:hover .recharge-custom-scrollbar-track,.recharge-custom-scrollbar-track.dragging{opacity:1}.recharge-custom-scrollbar-thumb{background:var(--recharge-scrollbar-thumb);border-radius:4px;cursor:grab;left:0;min-height:30px;position:absolute;top:0;transition:background-color .2s ease;width:100%}.recharge-custom-scrollbar-thumb:hover{background:var(--recharge-scrollbar-thumb-hover)}.recharge-custom-scrollbar-thumb:active,.recharge-custom-scrollbar-track.dragging .recharge-custom-scrollbar-thumb{background:var(--recharge-scrollbar-thumb-hover);cursor:grabbing}.recharge-cards-container{scroll-behavior:smooth}.recharge-reminder-card{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:8px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-height:160px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.recharge-reminder-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.recharge-card-border{height:100%;left:0;position:absolute;top:0;width:4px}.recharge-card-border.upcoming{background:#06b6d4}.recharge-card-border.urgent{background:#f59e0b}.recharge-card-border.overdue{background:#ef4444}.recharge-reminder-card:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.recharge-card-header{align-items:flex-start;display:flex;gap:4px;justify-content:space-between;margin-bottom:8px;padding-left:6px}.recharge-card-left{align-items:center;display:flex;flex:1 1;gap:10px}.recharge-card-avatar{align-items:center;background:var(--recharge-accent-color);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.recharge-avatar-text{color:#fff;font-size:10px;font-weight:600}.recharge-card-info{flex:1 1;min-width:0}.recharge-card-name{color:var(--recharge-text-primary);font-size:12px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recharge-card-mobile{color:var(--recharge-text-secondary);font-family:Courier New,monospace;font-size:9px;margin:0}.recharge-card-status{flex-shrink:0}.recharge-status-badge{border-radius:10px;display:inline-block;font-size:7px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.recharge-status-badge.upcoming{background:#06b6d41a;color:#06b6d4}.recharge-status-badge.urgent{background:#f59e0b1a;color:#f59e0b}.recharge-status-badge.overdue{background:#ef44441a;color:#ef4444}.recharge-card-content{flex:1 1;padding-left:6px}.recharge-card-row{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.recharge-card-item{align-items:center;display:flex;gap:6px}.recharge-card-item .material-icons{color:var(--recharge-text-muted);font-size:12px}.recharge-card-item div{display:flex;flex-direction:column;gap:1px}.recharge-item-label{color:var(--recharge-text-muted);font-size:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.recharge-item-value{color:var(--recharge-text-primary);font-size:9px;font-weight:500}.recharge-days-counter{display:flex;justify-content:center;margin-bottom:8px}.recharge-days-badge{align-items:center;border-radius:6px;display:flex;flex-direction:column;min-width:50px;padding:6px 12px}.recharge-days-badge.upcoming{background:#06b6d41a;border:1px solid #06b6d433}.recharge-days-badge.urgent{background:#f59e0b1a;border:1px solid #f59e0b33}.recharge-days-badge.overdue{background:#ef44441a;border:1px solid #ef444433}.recharge-days-number{color:var(--recharge-text-primary);font-size:14px;font-weight:700;line-height:1}.recharge-days-label{color:var(--recharge-text-muted);font-size:7px;font-weight:600;letter-spacing:.2px;margin-top:1px;text-align:center;text-transform:uppercase}.recharge-card-actions{display:flex;gap:6px;margin-top:auto;padding-left:6px}.recharge-action-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;flex:1 1;font-size:8px;font-weight:600;gap:3px;justify-content:center;padding:5px 8px;transition:all .2s ease}.recharge-action-btn .material-icons{font-size:10px}.recharge-action-btn.edit{background:#06b6d41a;color:#06b6d4}.recharge-action-btn.edit:hover{background:#06b6d4;color:#fff}.recharge-action-btn.delete{background:#ef44441a;color:#ef4444}.recharge-action-btn.delete:hover{background:#ef4444;color:#fff}.recharge-filter-container{background:var(--recharge-bg-tertiary);border-bottom:1px solid var(--recharge-border-color);flex-shrink:0;padding:8px 16px}.recharge-filters-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);width:100%}.recharge-filter-group{display:flex;flex-direction:column;min-width:0;width:100%}.recharge-filter-label{color:var(--recharge-text-primary);font-size:10px;font-weight:600;line-height:1.2;margin-bottom:1px;white-space:nowrap}.recharge-filter-input{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:4px;box-sizing:border-box;color:var(--recharge-text-primary);font-size:11px;height:28px;padding:6px 8px;width:100%}.recharge-filter-input:focus{border-color:var(--recharge-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.recharge-reset-filters-btn{align-items:center;background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:4px;color:var(--recharge-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.recharge-reset-filters-btn:hover{background:var(--recharge-bg-hover);color:var(--recharge-text-primary)}@media (max-width:1600px){.recharge-cards-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.recharge-filters-row{gap:6px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.recharge-cards-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.recharge-filters-row{gap:6px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.recharge-custom-scrollbar-track{right:2px;width:6px}.recharge-cards-container{padding:12px}.recharge-cards-grid{gap:8px;grid-template-columns:1fr}.recharge-reminder-card{min-height:180px;padding:12px}.recharge-card-header{margin-bottom:10px}.recharge-card-avatar{height:28px;width:28px}.recharge-avatar-text{font-size:10px}.recharge-card-name{font-size:12px}.recharge-card-mobile{font-size:10px}.recharge-status-badge{font-size:8px;padding:2px 6px}.recharge-card-row{gap:8px;margin-bottom:12px}.recharge-days-badge{min-width:50px;padding:6px 12px}.recharge-days-number{font-size:16px}.recharge-days-label{font-size:7px}.recharge-action-btn{font-size:9px;padding:5px 8px}.recharge-action-btn .material-icons{font-size:10px}.recharge-filter-container{display:none}}@media (max-width:480px){.recharge-reminder-card{min-height:160px;padding:10px}.recharge-card-header,.recharge-card-left{gap:8px}}.recharge-cards-loading,.recharge-no-reminders{align-items:center;background:var(--recharge-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:64px 32px;text-align:center}.recharge-no-reminders .material-icons{font-size:48px;margin-bottom:16px}.recharge-no-reminders-title{font-size:18px;margin:0 0 8px}.recharge-no-reminders p{font-size:14px}@media (max-width:1200px){.recharge-cards-grid{gap:12px}.recharge-reminder-card{padding:16px}.recharge-card-body{gap:16px}}@media (max-width:768px){.recharge-filters-section{display:none}.recharge-cards-container{padding:12px}.recharge-cards-grid{gap:12px}.recharge-reminder-card{padding:16px}.recharge-card-body{flex-direction:column;gap:12px}.recharge-days-indicator{align-self:flex-end}.recharge-days-circle{height:50px;width:50px}.recharge-days-number{font-size:16px}.recharge-card-actions{justify-content:stretch}.recharge-card-action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.recharge-status-filters{flex-direction:column;gap:6px}.recharge-status-filter-btn{justify-content:center}.recharge-card-header{gap:8px}.recharge-card-avatar{height:32px;width:32px}.recharge-avatar-text{font-size:12px}.recharge-card-name{font-size:14px}.recharge-card-mobile{font-size:12px}}.recharge-no-reminders .material-icons{color:var(--recharge-text-muted);font-size:40px;margin-bottom:12px}.recharge-no-reminders-title{color:var(--recharge-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.recharge-no-reminders p{color:var(--recharge-text-secondary);font-size:12px;margin:0}.recharge-infinite-loading{background:var(--recharge-bg-tertiary);border-top:1px solid var(--recharge-border-color);color:var(--recharge-text-secondary);font-size:12px;gap:8px;padding:16px}.recharge-infinite-loading,.recharge-load-trigger{align-items:center;display:flex;justify-content:center}.recharge-load-trigger{min-height:20px}.recharge-loading-spinner{animation:recharge-spin .8s linear infinite;border-top:2px solid var(--recharge-border-color);border:2px solid var(--recharge-border-color);border-radius:50%;border-top-color:var(--recharge-accent-color);height:24px;width:24px}.recharge-loading-spinner.small{border-width:2px;height:16px;width:16px}.loading-spinner{animation:recharge-spin .8s linear infinite;border-top:2px solid var(--recharge-border-color);border:2px solid var(--recharge-border-color);border-top-color:var(--recharge-accent-color);height:20px;width:20px}.loading-spinner.small{border-width:2px;height:16px;width:16px}@keyframes recharge-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideIn .3s ease-out;background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:12px;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.modal-container.large{max-width:800px}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:var(--recharge-bg-tertiary);border-bottom:1px solid var(--recharge-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header h2{color:var(--recharge-text-primary);font-size:18px;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:var(--recharge-bg-secondary);border:none;border-radius:6px;color:var(--recharge-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-modal-btn:hover{background:var(--recharge-error-color);color:#fff}.modal-content{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{background:var(--recharge-bg-tertiary);border-top:1px solid var(--recharge-border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--recharge-text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:6px;color:var(--recharge-text-primary);font-size:13px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--recharge-accent-color);box-shadow:0 0 0 3px #4a9ec11a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--recharge-error-color);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--recharge-error-color);display:block;font-size:11px;margin-top:4px}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.btn-secondary{background:var(--recharge-bg-secondary);border:1px solid var(--recharge-border-color);border-radius:6px;color:var(--recharge-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--recharge-bg-hover);color:var(--recharge-text-primary)}.btn-primary{align-items:center;background:var(--recharge-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--recharge-accent-light);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.task-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--recharge-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--recharge-text-primary);font-size:14px;font-weight:500}.status-badge-large{border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.feedback-content{background:var(--recharge-bg-tertiary);border:1px solid var(--recharge-border-color);border-radius:6px;color:var(--recharge-text-primary);font-size:13px;line-height:1.5;padding:12px;white-space:pre-wrap}@media (max-width:1200px){.recharge-filters-row{gap:6px;grid-template-columns:repeat(5,1fr)}.recharge-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.recharge-header-section{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.recharge-add-btn{justify-content:center;width:100%}.recharge-main-title{font-size:18px}.recharge-content-area{padding:12px}.recharge-overview-layout{gap:12px}.recharge-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.recharge-stat-card{padding:8px 10px}.recharge-stat-icon{height:24px;width:24px}.recharge-stat-icon .material-icons,.recharge-stat-number{font-size:14px}.recharge-stat-label{font-size:8px}.recharge-filter-container{display:none}.recharge-table-grid-header,.recharge-table-row{grid-template-columns:1fr 120px 80px}.recharge-table-grid-header .recharge-header-cell:nth-child(2),.recharge-table-grid-header .recharge-header-cell:nth-child(4),.recharge-table-grid-header .recharge-header-cell:nth-child(5),.recharge-table-grid-header .recharge-header-cell:nth-child(6),.recharge-table-row .recharge-table-cell:nth-child(2),.recharge-table-row .recharge-table-cell:nth-child(4),.recharge-table-row .recharge-table-cell:nth-child(5),.recharge-table-row .recharge-table-cell:nth-child(6){display:none}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.recharge-table-grid-header,.recharge-table-row{grid-template-columns:1fr 60px}.recharge-table-grid-header .recharge-header-cell:nth-child(3),.recharge-table-row .recharge-table-cell:nth-child(3){display:none}}:root[data-theme=dark]{--notifications-bg-primary:#1a1d23;--notifications-bg-secondary:#2a2929;--notifications-bg-tertiary:#3e3d3d;--notifications-bg-hover:#252424;--notifications-text-primary:#fff;--notifications-text-secondary:#aaa;--notifications-text-muted:#888;--notifications-text-dark:#666;--notifications-border-color:#3e3d3d;--notifications-accent-color:#4a9ec1;--notifications-accent-light:#5ba8d0;--notifications-error-color:#ef4444;--notifications-success-color:#10b981;--notifications-warning-color:#f59e0b;--notifications-scrollbar-track:#2a2929;--notifications-scrollbar-thumb:#4a4a4a;--notifications-scrollbar-thumb-hover:#5a5a5a}:root[data-theme=light]{--notifications-bg-primary:#f5f5f5;--notifications-bg-secondary:#fff;--notifications-bg-tertiary:#e8e8e8;--notifications-bg-hover:#f0f0f0;--notifications-text-primary:#1a1a1a;--notifications-text-secondary:#555;--notifications-text-muted:#777;--notifications-text-dark:#999;--notifications-border-color:#d0d0d0;--notifications-accent-color:#4a9ec1;--notifications-accent-light:#3e6bb8;--notifications-error-color:#ef4444;--notifications-success-color:#10b981;--notifications-warning-color:#f59e0b;--notifications-scrollbar-track:#f0f0f0;--notifications-scrollbar-thumb:silver;--notifications-scrollbar-thumb-hover:#a0a0a0}.notifications-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.notifications-custom-scrollbar::-webkit-scrollbar-track{background:var(--notifications-scrollbar-track);border-radius:3px}.notifications-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--notifications-scrollbar-thumb);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.notifications-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--notifications-scrollbar-thumb-hover)}.notifications-main-container{background-color:var(--notifications-bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.notifications-header-section{align-items:center;background:linear-gradient(to bottom,var(--notifications-bg-secondary),var(--notifications-bg-primary));border-bottom:1px solid var(--notifications-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.notifications-header-left{display:flex;flex-direction:column;gap:4px}.notifications-main-title{color:var(--notifications-text-primary);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.notifications-subtitle{color:var(--notifications-text-secondary);font-size:13px;margin:0}.notifications-header-actions{align-items:center;display:flex;gap:12px}.notifications-add-btn{align-items:center;background:var(--notifications-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.notifications-add-btn:hover{background:var(--notifications-accent-light);transform:translateY(-1px)}.notifications-tabs-container{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);flex-shrink:0}.notifications-tabs-wrapper{display:flex;overflow-x:auto;padding:0 24px}.notifications-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--notifications-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:12px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.notifications-tab-btn:hover{background:var(--notifications-bg-hover);color:var(--notifications-text-primary)}.notifications-tab-btn.notifications-tab-active{background:var(--notifications-bg-hover);border-bottom-color:var(--notifications-accent-color);color:var(--notifications-accent-color)}.notifications-back-btn{align-items:center;background:var(--notifications-bg-secondary);border:none;border-radius:50%;color:var(--notifications-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:4px;transition:all .2s ease;width:24px}.notifications-back-btn:hover{background:var(--notifications-bg-hover);color:var(--notifications-text-primary)}.notifications-content-area{flex:1 1;overflow:hidden;padding:20px}.notifications-chat-layout{display:flex;flex-direction:column;gap:16px;height:100%}.notifications-stats-section{flex-shrink:0}.notifications-chat-section{flex:1 1;min-height:0}.notifications-stats-container{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:10px;padding:12px 16px}.notifications-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.notifications-tabs-container{display:none}.notifications-stat-card{align-items:center;background:var(--notifications-bg-primary);border:1px solid var(--notifications-border-color);border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.notifications-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.notifications-stat-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.notifications-stat-icon .material-icons{color:#fff;font-size:16px}.notifications-stat-content{flex:1 1}.notifications-stat-number{color:var(--notifications-text-primary);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.notifications-stat-label{color:var(--notifications-text-secondary);font-size:9px;font-weight:500;line-height:1.2}.notifications-stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.notifications-chat-card{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.notifications-chat-header{background:var(--notifications-bg-secondary);border-bottom:1px solid var(--notifications-border-color);flex-shrink:0}.notifications-chat-content{display:flex;flex-direction:column;overflow:hidden}.notifications-filter-container{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);display:flex;flex-shrink:0;padding:12px 16px;width:100%}.notifications-filters-row{grid-gap:12px;align-items:end;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 1fr 50px;width:100%}.notifications-filter-group{display:flex;flex:1 1;flex-direction:column;min-width:0;width:100%}.notifications-filter-label{color:var(--notifications-text-primary);font-size:10px;font-weight:600;line-height:1.2;margin-bottom:1px;white-space:nowrap}.notifications-filter-input,.notifications-filter-select{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:4px;box-sizing:border-box;color:var(--notifications-text-primary);font-family:inherit;font-size:11px;height:28px;padding:6px 8px;width:100%}.notifications-filter-input:focus,.notifications-filter-select:focus{border-color:var(--notifications-accent-color);box-shadow:0 0 0 2px #4a9ec11a;outline:none}.notifications-filter-select option{background:var(--notifications-bg-secondary);color:var(--notifications-text-primary)}.notifications-reset-filters-btn{align-items:center;background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:4px;color:var(--notifications-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:0;transition:all .2s ease;white-space:nowrap;width:50px}.notifications-reset-filters-btn:hover{background:var(--notifications-bg-hover);color:var(--notifications-text-primary)}.notifications-mobile-filter-button-container{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);padding:12px 16px}.notifications-mobile-filter-btn{align-items:center;background:var(--notifications-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease;width:100%}.notifications-mobile-filter-btn:hover{background:var(--notifications-accent-light)}.notifications-filter-active-indicator{background:var(--notifications-warning-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.notifications-mobile-filter-modal-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notifications-mobile-filter-modal{animation:slideUp .3s ease-out;background:var(--notifications-bg-secondary);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notifications-mobile-filter-header{align-items:center;background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);display:flex;justify-content:space-between;padding:16px 20px}.notifications-mobile-filter-header h3{color:var(--notifications-text-primary);font-size:18px;font-weight:600;margin:0}.notifications-mobile-filter-close{align-items:center;background:var(--notifications-bg-secondary);border:none;border-radius:6px;color:var(--notifications-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notifications-mobile-filter-close:hover{background:var(--notifications-error-color);color:#fff}.notifications-mobile-filter-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.notifications-mobile-filter-footer{background:var(--notifications-bg-tertiary);border-top:1px solid var(--notifications-border-color);display:flex;gap:12px;padding:16px 20px}.notifications-mobile-reset-btn{align-items:center;background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:6px;color:var(--notifications-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.notifications-mobile-reset-btn:hover{background:var(--notifications-bg-hover);color:var(--notifications-text-primary)}.notifications-mobile-apply-btn{align-items:center;background:var(--notifications-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.notifications-mobile-apply-btn:hover{background:var(--notifications-accent-light)}.notifications-chat-container{background:var(--notifications-bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notifications-bulk-actions{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);display:flex;min-height:36px;padding:6px 12px;width:100%}.notifications-bulk-actions-right{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:100%}.notifications-bulk-delete-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:auto;justify-content:flex-start;letter-spacing:0;padding:8px 16px;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.notifications-bulk-delete-btn .material-icons{font-size:12px}.notifications-bulk-delete-btn:hover{transform:translateY(-1px)}.notifications-chat-list{background:var(--notifications-bg-secondary);flex:1 1;overflow-y:auto}.notifications-chat-list::-webkit-scrollbar{width:6px}.notifications-chat-list::-webkit-scrollbar-track{background:var(--notifications-scrollbar-track)}.notifications-chat-list::-webkit-scrollbar-thumb{background:var(--notifications-scrollbar-thumb);border-radius:3px}.notifications-chat-list::-webkit-scrollbar-thumb:hover{background:var(--notifications-scrollbar-thumb-hover)}.notifications-chat-item{align-items:center;border-bottom:1px solid var(--notifications-border-color);display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.notifications-chat-item:hover{background:var(--notifications-bg-hover)}.notifications-chat-item:last-child{border-bottom:none}.notifications-chat-avatar{align-items:center;background:var(--notifications-accent-color);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notifications-avatar-text{color:#fff;font-size:16px;font-weight:600}.notifications-chat-content{cursor:pointer;flex:1 1;min-width:0}.notifications-chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notifications-chat-name{color:var(--notifications-text-primary);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifications-chat-time{color:var(--notifications-text-muted);flex-shrink:0;font-size:11px}.notifications-chat-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notifications-chat-message{color:var(--notifications-text-secondary);flex:1 1;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifications-unread-badge{background:var(--notifications-error-color);border-radius:10px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;min-width:16px;padding:2px 6px;text-align:center}.notifications-chat-contact{align-items:center;color:var(--notifications-text-muted);display:flex;font-size:11px;gap:4px}.notifications-chat-contact .material-icons{font-size:14px}.notifications-chat-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.notifications-chat-item:hover .notifications-chat-actions{opacity:1}.notifications-chat-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.notifications-chat-action-btn .material-icons{font-size:16px}.notifications-chat-action-btn.notifications-edit-btn{background:#f59e0b1a;color:var(--notifications-warning-color)}.notifications-chat-action-btn.notifications-edit-btn:hover{background:var(--notifications-warning-color);color:#fff}.notifications-chat-action-btn.notifications-delete-btn{background:#ef44441a;color:var(--notifications-error-color)}.notifications-chat-action-btn.notifications-delete-btn:hover{background:var(--notifications-error-color);color:#fff}.notifications-chat-loading,.notifications-no-chats{align-items:center;background:var(--notifications-bg-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.notifications-no-chats .material-icons{color:var(--notifications-text-muted);font-size:40px;margin-bottom:12px}.notifications-no-chats-title{color:var(--notifications-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.notifications-no-chats p{color:var(--notifications-text-secondary);font-size:12px;margin:0}.notifications-infinite-loading{align-items:center;background:var(--notifications-bg-tertiary);border-top:1px solid var(--notifications-border-color);color:var(--notifications-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.notifications-messages-layout{display:flex;flex-direction:column;height:100%}.notifications-messages-container{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notifications-messages-header{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px}.notifications-header-top{align-items:center;display:flex;gap:12px;width:100%}.notifications-header-info{align-items:center;border-top:1px solid var(--notifications-border-color);display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;width:100%}.notifications-info-item{align-items:center;display:flex;flex:0 0 auto;gap:6px}.notifications-info-label{color:var(--notifications-text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.notifications-info-value{color:var(--notifications-text-primary);font-size:13px;font-weight:500}.notifications-call-button{align-items:center;background:var(--notifications-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;padding:8px 14px;transition:all .2s ease}.notifications-call-button .material-icons{font-size:16px}.notifications-call-button:hover{background:var(--notifications-accent-light);box-shadow:0 4px 12px #4a9ec14d;transform:translateY(-1px)}.notifications-call-button:active{transform:translateY(0)}.notifications-back-button{align-items:center;background:var(--notifications-bg-secondary);border:none;border-radius:50%;color:var(--notifications-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notifications-back-button:hover{background:var(--notifications-bg-hover);color:var(--notifications-text-primary)}.notifications-chat-info{align-items:center;display:flex;flex:1 1;gap:12px}.notifications-chat-details{flex:1 1}.notifications-chat-title{color:var(--notifications-text-primary);font-size:16px;font-weight:600;margin:0 0 2px}.notifications-chat-subtitle{color:var(--notifications-text-secondary);font-size:12px;margin:0}.notifications-messages-content{background:var(--notifications-bg-primary);flex:1 1;overflow-y:auto;padding:16px 20px}.notifications-messages-content::-webkit-scrollbar{width:6px}.notifications-messages-content::-webkit-scrollbar-track{background:var(--notifications-scrollbar-track)}.notifications-messages-content::-webkit-scrollbar-thumb{background:var(--notifications-scrollbar-thumb);border-radius:3px}.notifications-message-group{margin-bottom:24px}.notifications-date-separator{display:flex;justify-content:center;margin-bottom:16px}.notifications-date-text{background:var(--notifications-bg-tertiary);border-radius:12px;color:var(--notifications-text-secondary);font-size:11px;font-weight:600;padding:4px 12px}.notifications-message-item{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:8px;margin-bottom:12px;padding:12px 16px;transition:all .2s ease}.notifications-message-item:hover{box-shadow:0 2px 8px #0000001a}.notifications-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notifications-message-type{align-items:center;display:flex;gap:6px}.notifications-type-icon{font-size:16px}.notifications-type-text{color:var(--notifications-text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px}.notifications-message-meta{align-items:center;display:flex;gap:8px}.notifications-priority-badge{border-radius:4px;color:#fff;font-size:8px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.notifications-message-time{color:var(--notifications-text-muted);font-size:11px}.notifications-message-content{margin-bottom:8px}.notifications-message-text{color:var(--notifications-text-primary);font-size:13px;line-height:1.4;margin:0}.notifications-message-footer{align-items:center;display:flex;justify-content:space-between}.notifications-employee-name{color:var(--notifications-text-muted);font-size:11px;font-style:italic}.notifications-unread-indicator{color:var(--notifications-accent-color)}.notifications-unread-indicator .material-icons{font-size:12px}.notifications-messages-loading,.notifications-no-messages{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.notifications-no-messages .material-icons{color:var(--notifications-text-muted);font-size:40px;margin-bottom:12px}.notifications-no-messages h3{color:var(--notifications-text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.notifications-no-messages p{color:var(--notifications-text-secondary);font-size:12px;margin:0}.dropdown-container{display:flex;flex-direction:column;gap:8px;position:relative}.load-more-btn{align-items:center;background:var(--notifications-bg-tertiary);border:1px solid var(--notifications-border-color);border-radius:4px;color:var(--notifications-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;margin-top:4px;padding:6px 12px;transition:all .2s ease}.load-more-btn:hover{background:var(--notifications-bg-hover);border-color:var(--notifications-accent-color);color:var(--notifications-text-primary)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.form-loading{color:var(--notifications-text-muted);font-size:11px;font-style:italic;margin-top:4px}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:4px;box-sizing:border-box;color:var(--notifications-text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;min-height:36px;padding:8px 12px;transition:all .2s ease}.custom-dropdown-trigger:hover{border-color:var(--notifications-accent-color)}.custom-dropdown-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-arrow{color:var(--notifications-text-secondary);font-size:18px;transition:transform .2s ease}.custom-dropdown-menu{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-search{background:var(--notifications-bg-tertiary);border-bottom:1px solid var(--notifications-border-color);padding:8px}.custom-dropdown-search-input{background:var(--notifications-bg-secondary);border:1px solid var(--notifications-border-color);border-radius:3px;box-sizing:border-box;color:var(--notifications-text-primary);font-size:12px;padding:6px 8px;width:100%}.custom-dropdown-search-input:focus{border-color:var(--notifications-accent-color);outline:none}.custom-dropdown-options{flex:1 1;max-height:250px;overflow-y:auto}.custom-dropdown-options::-webkit-scrollbar{width:6px}.custom-dropdown-options::-webkit-scrollbar-track{background:var(--notifications-scrollbar-track)}.custom-dropdown-options::-webkit-scrollbar-thumb{background:var(--notifications-scrollbar-thumb);border-radius:3px}.custom-dropdown-option{border-bottom:1px solid var(--notifications-border-color);cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s ease}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:var(--notifications-bg-hover)}.custom-dropdown-option.selected{background:var(--notifications-accent-color);color:#fff}.custom-dropdown-option-main{color:var(--notifications-text-primary);font-weight:600;margin-bottom:2px}.custom-dropdown-option-sub{color:var(--notifications-text-secondary);font-size:10px;line-height:1.2}.custom-dropdown-option.selected .custom-dropdown-option-main,.custom-dropdown-option.selected .custom-dropdown-option-sub{color:#fff}.custom-dropdown-loading{align-items:center;color:var(--notifications-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px}.custom-dropdown-load-more{background:var(--notifications-bg-tertiary);border-top:1px solid var(--notifications-border-color);padding:8px}.custom-dropdown-load-more-btn{align-items:center;background:var(--notifications-accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.custom-dropdown-load-more-btn:hover{background:var(--notifications-accent-light)}.custom-dropdown-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.notifications-loading-spinner{animation:notifications-spin .8s linear infinite;border-top:2px solid var(--notifications-border-color);border:2px solid var(--notifications-border-color);border-radius:50%;border-top-color:var(--notifications-accent-color);height:24px;width:24px}.notifications-loading-spinner.small{border-width:2px;height:16px;width:16px}@keyframes notifications-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.notifications-filters-row{gap:6px;grid-template-columns:repeat(3,1fr)}.notifications-bulk-actions-right{gap:6px;grid-template-columns:repeat(4,1fr)}.notifications-bulk-delete-btn{font-size:7px;height:24px;padding:3px 6px}.notifications-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.notifications-header-section{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.notifications-header-actions{justify-content:flex-end;width:100%}.notifications-main-title{font-size:18px}.notifications-content-area{padding:12px}.notifications-chat-layout{gap:12px}.notifications-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.notifications-stat-card{padding:8px 10px}.notifications-stat-icon{height:24px;width:24px}.notifications-stat-icon .material-icons,.notifications-stat-number{font-size:14px}.notifications-stat-label{font-size:8px}.notifications-filter-container{display:none}.notifications-bulk-actions-right{gap:4px;grid-template-columns:repeat(3,1fr)}.notifications-bulk-delete-btn{font-size:6px;height:28px;padding:2px 4px}.notifications-chat-item{padding:10px 12px}.notifications-chat-avatar{height:36px;width:36px}.notifications-avatar-text{font-size:14px}.notifications-messages-header{padding:12px 16px}.notifications-header-info{align-items:flex-start;flex-direction:column;padding:8px 0}.notifications-call-button{justify-content:center;margin-left:0;width:100%}.notifications-messages-content{padding:12px 16px}.notifications-message-item{padding:10px 12px}}@media (max-width:480px){.notifications-bulk-actions-right{grid-template-columns:repeat(2,1fr)}.notifications-bulk-delete-btn{font-size:6px;height:30px}.notifications-stats-grid{grid-template-columns:1fr}}:root[data-theme=dark]{--bg-primary:#1a1d23;--bg-secondary:#2a2929;--bg-tertiary:#3e3d3d;--bg-hover:#252424;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#888;--text-dark:#666;--border-color:#3e3d3d;--accent-color:#4a9ec1;--accent-light:#5ba8d0}:root[data-theme=light]{--bg-primary:#f5f5f5;--bg-tertiary:#e8e8e8;--bg-hover:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#777;--text-dark:#999;--border-color:#d0d0d0;--accent-color:#4a9ec1;--accent-light:#3e6bb8}.myaccount-container{background-color:var(--bg-secondary);border-radius:25px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}:root[data-theme=light]{--primary-color:#4a9ec1;--secondary-color:#66bb6a;--danger-color:#ef5350;--danger-bg:#fee;--bg-primary:#f5f7fa;--bg-secondary:#fff;--topbar-bg:#fffffff2;--sidebar-bg:#fff;--sidebar-footer-bg:#f8f9fa;--dropdown-bg:#fff;--dropdown-header-bg:#f8f9fa;--dropdown-item-hover:#f0f2f5;--footer-content-bg:#fff;--footer-content-hover:#f8f9fa;--button-bg:#f0f2f5;--button-hover:#e4e6eb;--nav-hover-bg:#4a9ec114;--nav-active-bg:#4a9ec11f;--text-primary:#1c1e21;--text-secondary:#65676b;--text-tertiary:#8a8d91;--border-color:#e4e6eb;--scrollbar-thumb:#bcc0c4;--scrollbar-thumb-hover:#8a8d91;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026}:root[data-theme=dark]{--primary-color:#4a9ec1;--secondary-color:#66bb6a;--danger-color:#ef5350;--danger-bg:#ef53501a;--bg-primary:#1a1a1a;--bg-secondary:#242424;--topbar-bg:#242424f2;--sidebar-bg:#242424;--sidebar-footer-bg:#1e1e1e;--dropdown-bg:#2a2a2a;--dropdown-header-bg:#1e1e1e;--dropdown-item-hover:#333;--footer-content-bg:#2a2a2a;--footer-content-hover:#333;--button-bg:#2a2a2a;--button-hover:#333;--nav-hover-bg:#4a9ec11f;--nav-active-bg:#4a9ec129;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--border-color:#3e4042;--scrollbar-thumb:#4e4f50;--scrollbar-thumb-hover:#606162;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009}:root{--topbar-height:70px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s ease,color .3s ease}#root{height:100%;width:100%}.main-screen{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.content-wrapper{margin-top:70px;margin-top:var(--topbar-height);position:relative}.content-wrapper,.main-content{display:flex;flex:1 1;overflow:hidden}.main-content{background:var(--bg-primary);flex-direction:column;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-closed{margin-left:80px}.content-container{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.content-container:not(:has(.layout-screen)){overflow-x:hidden;overflow-y:auto;padding:24px}.content-container::-webkit-scrollbar{width:8px}.content-container::-webkit-scrollbar-track{background:#0000}.content-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.content-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-overlay{animation:overlayFadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:70px;top:var(--topbar-height);z-index:850}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.content-container{padding:20px}}@media (max-width:768px){:root{--topbar-height:60px}.content-wrapper{margin-top:70px;margin-top:var(--topbar-height)}.main-content,.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0!important}.content-container{padding:16px}}@media (max-width:480px){.content-container{padding:12px}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.button-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.button-primary:hover{box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.button-secondary{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.button-secondary:hover{background:var(--button-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.button-secondary:active{transform:translateY(0)}.input-field{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9ec11a;outline:none}.input-field::placeholder{color:var(--text-tertiary)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary);font-size:16px;font-weight:500}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.empty-icon{color:var(--text-tertiary);height:80px;opacity:.5;width:80px}.empty-title{color:var(--text-primary);font-size:20px;font-weight:600}.empty-description{color:var(--text-secondary);font-size:15px;max-width:400px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease}.slide-enter{transform:translateX(-100%)}.slide-enter-active{transition:transform .3s cubic-bezier(.4,0,.2,1)}.slide-enter-active,.slide-exit{transform:translateX(0)}.slide-exit-active{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=main.e35e7ee2.css.map*/