html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}body{overflow-x:hidden;width:100%}.responsive-container{width:100%;max-width:1400px;margin:0 auto;padding:24px}.responsive-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.responsive-grid-2{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.responsive-grid-3{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.responsive-grid-4{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.responsive-flex{display:flex;flex-wrap:wrap;gap:16px}.responsive-flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.responsive-flex-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.responsive-table-wrapper table{min-width:600px;width:100%}.responsive-card{width:100%;padding:24px;border-radius:16px;background:#1a2332cc;border:1px solid rgba(255,255,255,.1)}.hide-mobile{display:block}.show-mobile{display:none}.hide-tablet{display:block}.show-tablet{display:none}@media(min-width:1280px){.responsive-container{padding:32px 40px}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1279px){.responsive-container{padding:24px}.responsive-grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){html{font-size:15px}.responsive-container{padding:20px}.responsive-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.responsive-grid-4,.responsive-grid-3{grid-template-columns:repeat(2,1fr)}.hide-tablet{display:none!important}.show-tablet{display:block!important}button{padding:10px 16px}input,select,textarea{padding:12px}}@media(max-width:767px){html{font-size:14px}.responsive-container{padding:16px}.responsive-grid{gap:12px;grid-template-columns:1fr}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-flex-between{flex-direction:column;align-items:stretch;gap:12px}.hide-mobile{display:none!important}.show-mobile{display:block!important}button,a,input[type=button],input[type=submit],input[type=reset]{min-height:44px;padding:12px 16px!important}input,select,textarea{font-size:16px!important;padding:14px!important;border-radius:8px!important;width:100%!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.responsive-table-wrapper table{min-width:unset}p,span,label{word-wrap:break-word;word-break:break-word}.modal,[class*=modal-content],dialog{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px!important;max-height:85vh!important;padding:16px!important}.flyout,[class*=flyout],[class*=drawer]{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.responsive-card{padding:16px;border-radius:12px}}@media(max-width:479px){html{font-size:13px}.responsive-container{padding:12px}.responsive-grid{gap:10px}.responsive-flex,.responsive-flex-center{gap:8px}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}body{font-size:13px}.responsive-card{padding:12px;border-radius:10px}.responsive-flex{flex-direction:column}button:not(.icon-btn){width:100%}}@media(max-height:500px)and (orientation:landscape){.responsive-container{padding:12px 16px}h1{font-size:20px!important}h2{font-size:18px!important}button{padding:8px 14px!important;font-size:13px!important}.modal,[class*=modal-content],dialog{max-height:75vh!important}}.admin-page{width:100%;min-height:100vh;padding:32px;background:#0f1929;box-sizing:border-box}@media(min-width:1024px){.admin-page{overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important}}@media(max-width:1023px){.admin-page{padding:24px}}@media(max-width:767px){.admin-page{padding:16px}}@media(max-width:479px){.admin-page{padding:12px}}.admin-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px}@media(max-width:767px){.admin-page .admin-header,.roles-page .admin-header,.users-page .admin-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:24px}.admin-page .admin-header h1,.roles-page .admin-header h1,.users-page .admin-header h1{text-align:center}}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}@media(max-width:1023px){.admin-stats{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:479px){.admin-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}}.admin-stat-card{padding:24px;background:#1a2332cc;border:2px solid rgba(6,182,212,.3);border-radius:16px;text-align:center}@media(max-width:767px){.admin-stat-card{padding:16px;border-radius:12px}}.admin-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:1023px){.admin-content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media(max-width:767px){.admin-content-grid{grid-template-columns:1fr;gap:12px}}.admin-buttons{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:767px){.admin-buttons{flex-direction:column;gap:8px}.admin-buttons button{width:100%}}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;background:#06b6d40d;border:1px solid rgba(6,182,212,.2);border-radius:12px;margin-bottom:24px}@media(max-width:767px){.admin-filters{flex-direction:column;gap:10px;padding:12px}.admin-filters input,.admin-filters select,.admin-filters button{width:100%}}.admin-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;background:#1a233299;border:1px solid rgba(255,255,255,.1)}.admin-table{width:100%;min-width:700px;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table th{background:#06b6d41a;font-weight:600;color:#06b6d4;white-space:nowrap}@media(max-width:767px){.admin-table th,.admin-table td{padding:12px 10px;font-size:13px}.admin-table-container:before{content:"← Scroll →";display:block;text-align:center;padding:8px;font-size:12px;color:#ffffff80;background:#06b6d41a}}.admin-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.admin-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:767px){.admin-form{gap:16px;max-width:100%}.admin-form-row{grid-template-columns:1fr;gap:12px}}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{font-size:14px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:14px 16px;background:#0f1929cc;border:2px solid rgba(6,182,212,.3);border-radius:10px;color:#fff;font-size:15px;transition:all .3s ease}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 20px #06b6d433}.admin-card-actions{display:flex;gap:8px;margin-top:auto}@media(max-width:479px){.admin-card-actions{flex-direction:column;gap:6px}.admin-card-actions button{width:100%}}@media print{body{background:#fff!important;font-size:12pt}*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.admin-page{padding:0}button,.admin-header button,[class*=sidebar],[class*=nav],.hide-print{display:none!important}.admin-table{min-width:unset;width:100%}.admin-table th,.admin-table td{border:1px solid #ccc;padding:8px}}@media(max-width:768px){table td>div{flex-direction:row!important;flex-wrap:nowrap!important}table td button{padding:4px 8px!important;font-size:10px!important;white-space:nowrap!important;min-width:auto!important}}@media(max-width:480px){table td button{padding:3px 6px!important;font-size:9px!important}}*{box-sizing:border-box}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .15));border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover, rgba(255, 255, 255, .25))}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .15)) transparent}@media(min-width:1024px){.admin-page::-webkit-scrollbar,.admin-page *::-webkit-scrollbar,.dashboard-recent-users-table::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.admin-page,.admin-page *,.dashboard-recent-users-table{scrollbar-width:none!important;-ms-overflow-style:none!important}}html{margin:0;padding:0;width:100%;height:100%}body{margin:0;padding:0;background-color:var(--theme-bg-primary, #0f1929);color:var(--theme-text-primary, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}.btn-primary{padding:.5rem 1rem;background-color:var(--theme-btn-primary-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary:hover{background-color:var(--theme-btn-primary-hover, #2563eb);transform:scale(1.05);box-shadow:0 0 20px var(--theme-glow, rgba(59, 130, 246, .3))}@media(min-width:768px){.btn-primary{padding:.75rem 1.5rem}}.btn-secondary{padding:.5rem 1rem;background-color:var(--theme-btn-secondary-bg, #a855f7);color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-secondary:hover{background-color:var(--theme-btn-secondary-hover, #9333ea);transform:scale(1.05);box-shadow:0 0 20px var(--theme-glow, rgba(59, 130, 246, .3))}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.btn-secondary{padding:.75rem 1.5rem}}.btn-danger{padding:.5rem 1rem;background-color:var(--theme-btn-danger-bg, #ef4444);color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-danger:hover{background-color:var(--theme-btn-danger-hover, #dc2626)}.btn-success{padding:.5rem 1rem;background-color:var(--theme-btn-success-bg, #10b981);color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-success:hover{background-color:var(--theme-btn-success-hover, #059669)}.gradient-admin{background:var(--theme-gradient-button, linear-gradient(135deg, #9333ea 0%, #7e22ce 50%, #3d0066 100%))}.gradient-user{background:var(--theme-gradient-button, linear-gradient(135deg, #3b82f6 0%, #1d4ed8 50%, #001a4d 100%))}.card{background-color:var(--theme-bg-card, rgba(15, 25, 41, .95));border:2px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:.75rem;box-shadow:var(--theme-shadow-card, 0 0 30px rgba(59, 130, 246, .2));padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:var(--theme-shadow-card-hover, 0 0 40px rgba(59, 130, 246, .3))}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:600}.status-active{background-color:var(--theme-status-active, #10b981)}.status-inactive{background-color:var(--theme-status-inactive, #ef4444)}select option{font-size:14px}@media(max-width:767px){select option{font-size:12px}}@media(max-width:480px){select option{font-size:11px}}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.modal-overlay,.confirmation-modal-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;background:var(--theme-backdrop, rgba(0, 0, 0, .6))}.modal-overlay>div,.confirmation-modal-overlay>div{min-height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:20px!important;box-sizing:border-box!important}.modal-content{flex-shrink:0!important;max-width:100%!important;background:var(--theme-bg-card, rgba(15, 25, 41, .95));border:2px solid var(--theme-border, rgba(59, 130, 246, .3));box-shadow:var(--theme-shadow-card, 0 0 30px rgba(59, 130, 246, .2));border-radius:16px}@media(max-width:767px){.modal-overlay>div,.confirmation-modal-overlay>div{padding:10px!important}.modal-content{padding:16px!important}}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;padding:10px 14px;font-size:14px;font-family:inherit;cursor:pointer;position:relative}input[type=date]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d,0 0 0 2px #8b5cf61a}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;cursor:pointer;filter:invert(1);opacity:.8;padding:4px;border-radius:4px}::-webkit-datetime-edit{color:#fff;padding:0}::-webkit-datetime-edit-fields-wrapper{background:transparent}::-webkit-datetime-edit-text{color:#8b5cf699;padding:0 4px}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-year-field{color:#fff;background:transparent;border-radius:4px;padding:2px 4px;-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-datetime-edit-month-field:focus,::-webkit-datetime-edit-day-field:focus,::-webkit-datetime-edit-year-field:focus{background:#8b5cf64d;outline:none}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px;filter:none;width:24px;height:24px}input[type=date]:invalid::-webkit-datetime-edit{color:#9ca3af99}input[type=date]::-moz-focus-inner{border:0}input[type=date]:not(:-moz-placeholder){color:#fff}input[type=date]:not(:placeholder-shown){color:#fff}input[type=date]:disabled{opacity:.5;cursor:not-allowed;background:#0f172a80}.admin-page input[type=date],.modal-content input[type=date],.employee-dashboard input[type=date]{background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);border:1px solid rgba(139,92,246,.4);min-height:42px}.admin-page input[type=date]:focus,.modal-content input[type=date]:focus,.employee-dashboard input[type=date]:focus{border-color:#8b5cf6;box-shadow:0 0 25px #8b5cf659,0 0 0 3px #8b5cf626}@media(max-width:768px){input[type=date]{font-size:16px;padding:12px 14px;min-height:44px}input[type=date]::-webkit-calendar-picker-indicator{width:28px;height:28px;background-size:20px}}@media(max-width:480px){input[type=date]{padding:10px 12px;font-size:15px}}:root{--theme-bg-primary: #0f1929;--theme-bg-secondary: #1a2f50;--theme-bg-tertiary: #0a1e3e;--theme-bg-card: rgba(15, 25, 41, .95);--theme-bg-card-hover: rgba(26, 35, 50, 1);--theme-bg-input: rgba(30, 58, 138, .4);--theme-bg-input-focus: rgba(30, 58, 138, .6);--theme-primary: #3b82f6;--theme-primary-light: #60a5fa;--theme-primary-dark: #2563eb;--theme-primary-rgb: 59, 130, 246;--theme-accent: #06b6d4;--theme-accent-bright: #00d4ff;--theme-accent-rgb: 6, 182, 212;--theme-text-primary: #ffffff;--theme-text-secondary: rgba(255, 255, 255, .7);--theme-text-muted: rgba(255, 255, 255, .5);--theme-text-heading: #00d4ff;--theme-border: rgba(59, 130, 246, .3);--theme-border-hover: rgba(59, 130, 246, .5);--theme-border-active: rgba(59, 130, 246, .6);--theme-success: #00ff88;--theme-success-bg: rgba(0, 255, 136, .15);--theme-success-border: rgba(0, 255, 136, .3);--theme-error: #ff006e;--theme-error-light: #ff6bb0;--theme-error-bg: rgba(255, 0, 110, .15);--theme-error-border: rgba(255, 0, 110, .3);--theme-warning: #fbbf24;--theme-warning-bg: rgba(251, 191, 36, .15);--theme-warning-border: rgba(251, 191, 36, .3);--theme-glow: rgba(59, 130, 246, .2);--theme-glow-strong: rgba(59, 130, 246, .3);--theme-glow-accent: rgba(0, 212, 255, .3);--theme-shadow-card: 0 0 30px rgba(59, 130, 246, .2), inset 0 0 30px rgba(59, 130, 246, .05), 0 8px 32px rgba(0, 0, 0, .5);--theme-shadow-card-hover: 0 0 40px rgba(59, 130, 246, .3), inset 0 0 40px rgba(59, 130, 246, .1), 0 8px 32px rgba(0, 0, 0, .5);--theme-gradient-bg: linear-gradient(135deg, #0a1e3e 0%, #1a3a5e 50%, #0f1929 100%);--theme-gradient-sidebar: linear-gradient(180deg, #1a2f50 0%, #0f1929 100%);--theme-gradient-active: linear-gradient(135deg, rgba(6, 182, 212, .2) 0%, rgba(59, 130, 246, .2) 100%);--theme-gradient-button: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--theme-gradient-avatar: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);--theme-scrollbar-thumb: rgba(255, 255, 255, .15);--theme-scrollbar-thumb-hover: rgba(255, 255, 255, .25);--theme-table-header-bg: rgba(59, 130, 246, .1);--theme-table-row-hover: rgba(59, 130, 246, .15);--theme-table-border: rgba(59, 130, 246, .2);--theme-status-active: #00ff88;--theme-status-inactive: #ff006e;--theme-status-pending: #fbbf24;--theme-status-working: #06b6d4;--theme-btn-primary-bg: #3b82f6;--theme-btn-primary-hover: #2563eb;--theme-btn-secondary-bg: #a855f7;--theme-btn-secondary-hover: #9333ea;--theme-btn-success-bg: #10b981;--theme-btn-success-hover: #059669;--theme-btn-danger-bg: #ef4444;--theme-btn-danger-hover: #dc2626;--theme-circuit-color: rgba(59, 130, 246, .05);--theme-backdrop: rgba(0, 0, 0, .6)}[data-theme="2"]{--theme-bg-primary: #ffffff;--theme-bg-secondary: #f8fdf5;--theme-bg-tertiary: #f0f9e8;--theme-bg-card: rgba(255, 255, 255, .95);--theme-bg-card-hover: rgba(248, 253, 245, 1);--theme-bg-input: rgba(141, 198, 63, .1);--theme-bg-input-focus: rgba(141, 198, 63, .15);--theme-primary: #8DC63F;--theme-primary-light: #a8d460;--theme-primary-dark: #7ab82e;--theme-primary-rgb: 141, 198, 63;--theme-accent: #6bb536;--theme-accent-bright: #8DC63F;--theme-accent-rgb: 107, 181, 54;--theme-text-primary: #000000;--theme-text-secondary: #1a2e05;--theme-text-muted: #333333;--theme-text-heading: #1a2e05;--theme-border: rgba(141, 198, 63, .4);--theme-border-hover: rgba(141, 198, 63, .6);--theme-border-active: rgba(141, 198, 63, .8);--theme-success: #22c55e;--theme-success-bg: rgba(34, 197, 94, .15);--theme-success-border: rgba(34, 197, 94, .4);--theme-error: #ef4444;--theme-error-light: #f87171;--theme-error-bg: rgba(239, 68, 68, .1);--theme-error-border: rgba(239, 68, 68, .3);--theme-warning: #f59e0b;--theme-warning-bg: rgba(245, 158, 11, .15);--theme-warning-border: rgba(245, 158, 11, .3);--theme-glow: rgba(141, 198, 63, .25);--theme-glow-strong: rgba(141, 198, 63, .4);--theme-glow-accent: rgba(141, 198, 63, .35);--theme-shadow-card: 0 0 30px rgba(141, 198, 63, .2), inset 0 0 30px rgba(141, 198, 63, .03), 0 8px 32px rgba(0, 0, 0, .1);--theme-shadow-card-hover: 0 0 40px rgba(141, 198, 63, .35), inset 0 0 40px rgba(141, 198, 63, .05), 0 8px 32px rgba(0, 0, 0, .15);--theme-gradient-bg: linear-gradient(135deg, #ffffff 0%, #f8fdf5 50%, #f0f9e8 100%);--theme-gradient-sidebar: linear-gradient(180deg, #f8fdf5 0%, #ffffff 100%);--theme-gradient-active: linear-gradient(135deg, rgba(141, 198, 63, .2) 0%, rgba(107, 181, 54, .2) 100%);--theme-gradient-button: linear-gradient(135deg, #8DC63F 0%, #6bb536 100%);--theme-gradient-avatar: linear-gradient(135deg, #8DC63F 0%, #6bb536 100%);--theme-scrollbar-thumb: rgba(141, 198, 63, .3);--theme-scrollbar-thumb-hover: rgba(141, 198, 63, .5);--theme-table-header-bg: rgba(141, 198, 63, .1);--theme-table-row-hover: rgba(141, 198, 63, .1);--theme-table-border: rgba(141, 198, 63, .25);--theme-status-active: #22c55e;--theme-status-inactive: #ef4444;--theme-status-pending: #f59e0b;--theme-status-working: #8DC63F;--theme-btn-primary-bg: #8DC63F;--theme-btn-primary-hover: #7ab82e;--theme-btn-secondary-bg: #6bb536;--theme-btn-secondary-hover: #5a9c1e;--theme-btn-success-bg: #22c55e;--theme-btn-success-hover: #16a34a;--theme-btn-danger-bg: #ef4444;--theme-btn-danger-hover: #dc2626;--theme-circuit-color: rgba(141, 198, 63, .08);--theme-backdrop: rgba(0, 0, 0, .4)}[data-theme="2"] body{background-color:#fff}[data-theme="2"] .sidebar{background:var(--theme-gradient-sidebar);border-right:2px solid var(--theme-border);box-shadow:4px 0 20px #8dc63f1a}[data-theme="2"] .nav-item{color:var(--theme-text-secondary)}[data-theme="2"] .nav-item:hover{background:#8dc63f26;color:var(--theme-text-primary);border-color:var(--theme-border-hover)}[data-theme="2"] .nav-item.active{background:var(--theme-gradient-active);color:var(--theme-text-primary);border-color:var(--theme-border-active);box-shadow:0 0 15px var(--theme-glow)}[data-theme="2"] .nav-item.active:before{background:linear-gradient(180deg,#8dc63f,#6bb536)}[data-theme="2"] .stat-card{background:var(--theme-bg-card);border:2px solid var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .stat-card:hover{box-shadow:var(--theme-shadow-card-hover)}[data-theme="2"] .welcome-section{background:linear-gradient(135deg,#8dc63f1a,#6bb5361a);border:2px solid var(--theme-border)}[data-theme="2"] .action-card{background:var(--theme-bg-card);border:2px solid var(--theme-border)}[data-theme="2"] .action-card:hover{background:var(--theme-bg-card-hover);border-color:var(--theme-border-hover);box-shadow:0 10px 30px var(--theme-glow)}[data-theme="2"] .users-table-wrapper{background:var(--theme-bg-card);border:2px solid var(--theme-border)}[data-theme="2"] .dashboard-container{background:var(--theme-bg-primary)}[data-theme="2"] .section-header h2,[data-theme="2"] .welcome-content h1{color:var(--theme-text-primary)}[data-theme="2"] .section-header p,[data-theme="2"] .welcome-content p,[data-theme="2"] .stat-title{color:var(--theme-text-secondary)}[data-theme="2"] .neon-input,[data-theme="2"] input[type=text],[data-theme="2"] input[type=email],[data-theme="2"] input[type=password],[data-theme="2"] input[type=tel],[data-theme="2"] input[type=number],[data-theme="2"] select,[data-theme="2"] textarea{background:var(--theme-bg-input);border:2px solid var(--theme-border);color:var(--theme-text-primary)}[data-theme="2"] .neon-input:focus,[data-theme="2"] input:focus,[data-theme="2"] select:focus,[data-theme="2"] textarea:focus{background:var(--theme-bg-input-focus);border-color:var(--theme-border-active);box-shadow:0 0 20px var(--theme-glow),inset 0 0 20px #8dc63f0d}[data-theme="2"] .neon-input::-moz-placeholder,[data-theme="2"] input::-moz-placeholder,[data-theme="2"] textarea::-moz-placeholder{color:var(--theme-text-muted)}[data-theme="2"] .neon-input::placeholder,[data-theme="2"] input::placeholder,[data-theme="2"] textarea::placeholder{color:var(--theme-text-muted)}[data-theme="2"] input[type=date]{background:var(--theme-bg-input);border:2px solid var(--theme-border);color:var(--theme-text-primary)}[data-theme="2"] input[type=date]:focus{border-color:var(--theme-border-active);box-shadow:0 0 20px var(--theme-glow)}[data-theme="2"] input[type=date]::-webkit-calendar-picker-indicator{filter:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238DC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}[data-theme="2"] *::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb)}[data-theme="2"] *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}[data-theme="2"] .status-badge.online{background:var(--theme-success-bg);color:var(--theme-success);border:1px solid var(--theme-success-border)}[data-theme="2"] .status-badge.offline{background:var(--theme-error-bg);color:var(--theme-error);border:1px solid var(--theme-error-border)}[data-theme="2"] .create-user-container,[data-theme="2"] .admin-page{background:var(--theme-gradient-bg)}[data-theme="2"] .create-user-container:before{background-image:linear-gradient(0deg,transparent 24%,var(--theme-circuit-color) 25%,var(--theme-circuit-color) 26%,transparent 27%,transparent 74%,var(--theme-circuit-color) 75%,var(--theme-circuit-color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--theme-circuit-color) 25%,var(--theme-circuit-color) 26%,transparent 27%,transparent 74%,var(--theme-circuit-color) 75%,var(--theme-circuit-color) 76%,transparent 77%,transparent)}[data-theme="2"] .create-user-container:after{background:radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%)}[data-theme="2"] .create-user-card{background:var(--theme-bg-card);border:2px solid var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .create-user-title,[data-theme="2"] .section-title{color:var(--theme-text-heading);text-shadow:0 0 20px var(--theme-glow)}[data-theme="2"] .admin-header{background:var(--theme-bg-card);border-bottom:2px solid var(--theme-border);box-shadow:0 4px 20px #8dc63f1a}[data-theme="2"] .dashboard-user-grid thead,[data-theme="2"] .users-table thead tr{background:var(--theme-table-header-bg)}[data-theme="2"] .dashboard-user-grid tbody tr:hover,[data-theme="2"] .users-table tbody tr:hover{background:var(--theme-table-row-hover)!important}[data-theme="2"] .users-table th{color:var(--theme-text-secondary)}[data-theme="2"] .table-actions .action-btn.view{background:#8dc63f1a;border-color:#8dc63f4d;color:#6bb536}[data-theme="2"] .table-actions .action-btn.edit{background:#6bb5361a;border-color:#6bb5364d;color:#5a9c1e}[data-theme="2"] .modal-overlay{background:var(--theme-backdrop)}[data-theme="2"] .modal-content{background:var(--theme-bg-card);border:2px solid var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .btn-primary{background-color:var(--theme-btn-primary-bg)}[data-theme="2"] .btn-primary:hover{background-color:var(--theme-btn-primary-hover);box-shadow:0 0 20px var(--theme-glow)}[data-theme="2"] .btn-secondary{background-color:var(--theme-btn-secondary-bg)}[data-theme="2"] .btn-secondary:hover{background-color:var(--theme-btn-secondary-hover)}[data-theme="2"] .sidebar-user{background:#8dc63f1a;border:1px solid var(--theme-border)}[data-theme="2"] .sidebar-user:hover{background:#8dc63f26;border-color:var(--theme-border-hover)}[data-theme="2"] .user-avatar{background:var(--theme-gradient-avatar)}[data-theme="2"] .user-name{color:var(--theme-text-primary)}[data-theme="2"] .user-role{color:var(--theme-text-secondary)}[data-theme="2"] .logo-text{color:var(--theme-text-primary)}[data-theme="2"] .footer-btn{background:#8dc63f1a;border:1px solid var(--theme-border);color:var(--theme-text-secondary)}[data-theme="2"] .footer-btn:hover{background:#8dc63f33;border-color:var(--theme-border-hover);color:var(--theme-text-primary)}[data-theme="2"] .help-icon{background:var(--theme-gradient-button)}[data-theme="2"] .collapse-btn{border:1px solid var(--theme-border);background:#8dc63f1a;color:var(--theme-text-secondary)}[data-theme="2"] .collapse-btn:hover{background:#8dc63f33;color:var(--theme-accent);border-color:var(--theme-border-hover)}[data-theme="2"] .nav-badge{background:var(--theme-gradient-button)}[data-theme="2"] .error-banner,[data-theme="2"] .error-state{background:var(--theme-error-bg);border:1px solid var(--theme-error-border);color:var(--theme-error)}[data-theme="2"] .spinner{border:3px solid rgba(141,198,63,.2);border-top-color:#8dc63f}[data-theme="2"] .mobile-menu-btn{border:1px solid var(--theme-border);background:#8dc63f1a;color:var(--theme-text-secondary)}[data-theme="2"] .mobile-menu-btn:hover{background:#8dc63f33;color:var(--theme-accent);border-color:var(--theme-border-hover)}[data-theme="2"] .stat-icon{background:#8dc63f26}[data-theme="2"] .action-icon{background:#8dc63f1a}[data-theme="2"] .action-arrow{color:#8dc63f80}[data-theme="2"] .action-card:hover .action-arrow{color:#8dc63f}[data-theme="2"] .ip-cell,[data-theme="2"] .time-cell{color:var(--theme-text-secondary)}[data-theme="2"] .nav-submenu{border-left:2px solid var(--theme-border)}[data-theme="2"] .nav-item.submenu-item{color:var(--theme-text-muted)}[data-theme="2"] .nav-item.submenu-item:hover{background:#8dc63f1a;color:var(--theme-text-primary)}[data-theme="2"] .nav-item.submenu-item.active{background:#8dc63f26;color:var(--theme-accent)}[data-theme="2"] .nav-item.submenu-item.active:before{background:#8dc63f}[data-theme="2"] .role-card{background:#8dc63f0d;border:2px solid var(--theme-border)}[data-theme="2"] .role-card:hover{background:#8dc63f1a;border-color:var(--theme-border-hover)}[data-theme="2"] .role-card.selected{background:#8dc63f26;border-color:var(--theme-border-active);box-shadow:0 0 20px var(--theme-glow)}[data-theme="2"] .empty-state{color:var(--theme-text-secondary)}[data-theme="2"] .dashboard-table-container{background:var(--theme-bg-card)}[data-theme="2"] .user-row{background:var(--theme-bg-card);border:1px solid var(--theme-border)}[data-theme="2"] .user-row td:before{color:var(--theme-text-muted)}[data-theme="2"] .offline-badge{background:#8dc63f1a;color:#6bb536;border:1px solid var(--theme-border)}[data-theme="2"] .offline-badge.active{background:var(--theme-success-bg);color:var(--theme-success);border-color:var(--theme-success-border)}[data-theme="2"] .create-user-card{box-shadow:0 0 38px #8dc63f47,inset 0 0 35px #8dc63f0a,0 8px 32px #0000001f}[data-theme="2"] .stat-card{box-shadow:inset 0 0 22px #ffffff0f,0 0 25px #8dc63f26}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[data-theme="2"] .employee-dashboard,[data-theme="2"] .companies-page,[data-theme="2"] .users-page-container,[data-theme="2"] .change-password-container,[data-theme="2"] .areas-page,[data-theme="2"] .skills-page,[data-theme="2"] .job-categories-page,[data-theme="2"] .interviews-page,[data-theme="2"] .interviewers-page,[data-theme="2"] .work-orders-page,[data-theme="2"] .reports-page,[data-theme="2"] .audit-log-page,[data-theme="2"] .messages-log-page,[data-theme="2"] .settings-page,[data-theme="2"] .my-profile-page,[data-theme="2"] .document-policy-page,[data-theme="2"] .attendance-reports-page,[data-theme="2"] .role-management-page,[data-theme="2"] .policy-sign-container,[data-theme="2"] .policy-download-container,[data-theme="2"] .application-page,[data-theme="2"] .import-users-page,[data-theme="2"] .admin-layout .layout-content,[data-theme="2"] .layout-main{background:#fff!important;color:var(--theme-text-primary)}[data-theme="2"] .create-user-container,[data-theme="2"] .create-company-container,[data-theme="2"] .create-area-container,[data-theme="2"] .create-skill-container,[data-theme="2"] .create-job-category-container,[data-theme="2"] .create-interview-container,[data-theme="2"] .create-interviewer-container,[data-theme="2"] .create-dispatcher-container{background:var(--theme-gradient-bg)!important}[data-theme="2"] .admin-layout{background:#fff!important}[data-theme="2"] .companies-header h1,[data-theme="2"] .users-header h1,[data-theme="2"] .page-header h1,[data-theme="2"] .section-title,[data-theme="2"] h1,[data-theme="2"] h2,[data-theme="2"] h3{color:var(--theme-text-primary)}[data-theme="2"] .companies-header p,[data-theme="2"] .users-header p,[data-theme="2"] .page-header p{color:var(--theme-text-secondary)}[data-theme="2"] .companies-table-container,[data-theme="2"] .user-table-container,[data-theme="2"] .table-container{background:var(--theme-bg-card);border-color:var(--theme-border)}[data-theme="2"] .companies-table thead,[data-theme="2"] .user-table-grid thead{background:var(--theme-table-header-bg)}[data-theme="2"] .companies-table th,[data-theme="2"] .user-table-grid th{color:var(--theme-text-secondary);border-color:var(--theme-border)}[data-theme="2"] .companies-table td,[data-theme="2"] .user-table-grid td{color:var(--theme-text-primary);border-color:var(--theme-table-border)}[data-theme="2"] .companies-table tbody tr:hover,[data-theme="2"] .user-table-grid tbody tr:hover{background:var(--theme-table-row-hover)}[data-theme="2"] .company-name,[data-theme="2"] .user-name{color:var(--theme-text-primary)}[data-theme="2"] .company-email{color:var(--theme-accent)}[data-theme="2"] .company-contact{color:var(--theme-text-secondary)}[data-theme="2"] .search-input{background:var(--theme-bg-input);border-color:var(--theme-border);color:var(--theme-text-primary)}[data-theme="2"] .search-input:focus{border-color:var(--theme-border-active);background:var(--theme-bg-input-focus);box-shadow:0 0 20px var(--theme-glow)}[data-theme="2"] .search-input::-moz-placeholder{color:var(--theme-text-muted)}[data-theme="2"] .search-input::placeholder{color:var(--theme-text-muted)}[data-theme="2"] .filter-btn{background:#8dc63f1a;border-color:var(--theme-border);color:var(--theme-text-secondary)}[data-theme="2"] .filter-btn:hover{background:#8dc63f33;border-color:var(--theme-border-hover);color:var(--theme-accent)}[data-theme="2"] .filter-btn.active{background:var(--theme-gradient-button);border-color:var(--theme-accent);color:#fff;box-shadow:0 0 15px var(--theme-glow)}[data-theme="2"] .add-company-btn,[data-theme="2"] .add-user-btn,[data-theme="2"] .add-btn,[data-theme="2"] .create-button,[data-theme="2"] .update-button,[data-theme="2"] .submit-btn,[data-theme="2"] .save-btn,[data-theme="2"] .primary-btn{background:var(--theme-gradient-button)!important;color:#fff!important;border:none!important}[data-theme="2"] .add-company-btn:hover,[data-theme="2"] .add-user-btn:hover,[data-theme="2"] .add-btn:hover,[data-theme="2"] .create-button:hover,[data-theme="2"] .update-button:hover,[data-theme="2"] .submit-btn:hover,[data-theme="2"] .save-btn:hover,[data-theme="2"] .primary-btn:hover{box-shadow:0 10px 30px var(--theme-glow-strong)!important}[data-theme="2"] .action-link{background:#8dc63f1a;border-color:var(--theme-border);color:var(--theme-accent)}[data-theme="2"] .action-link:hover{background:#8dc63f33;border-color:var(--theme-border-hover);box-shadow:0 4px 12px var(--theme-glow)}[data-theme="2"] .action-link.view{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}[data-theme="2"] .delete-modal-overlay{background:var(--theme-backdrop)}[data-theme="2"] .delete-modal{background:var(--theme-bg-card);border-color:var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .delete-modal h3,[data-theme="2"] .delete-modal p{color:var(--theme-text-primary)}[data-theme="2"] .modal-btn.cancel{background:#8dc63f1a;border-color:var(--theme-border);color:var(--theme-accent)}[data-theme="2"] .modal-btn.cancel:hover{background:#8dc63f33;border-color:var(--theme-border-hover)}[data-theme="2"] .controls-section{background:#8dc63f0d;border-color:var(--theme-border)}[data-theme="2"] .employee-list{background:#8dc63f08}[data-theme="2"] .employee-card{background:var(--theme-bg-card);border-color:var(--theme-border)}[data-theme="2"] .employee-card:hover{background:var(--theme-bg-card-hover);border-color:var(--theme-border-hover)}[data-theme="2"] .employee-name{color:var(--theme-text-primary)}[data-theme="2"] .tab-button{background:#8dc63f0d;border-color:var(--theme-border);color:var(--theme-text-secondary)}[data-theme="2"] .tab-button.active-employees{background:#8dc63f33;border-color:var(--theme-border-active);color:var(--theme-accent)}[data-theme="2"] .section-header{border-color:var(--theme-border)}[data-theme="2"] .change-password-card{background:var(--theme-bg-card);border-color:var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .change-password-title{color:var(--theme-text-heading)}[data-theme="2"] .change-password-description{color:var(--theme-text-secondary)}[data-theme="2"] .form-label{color:var(--theme-text-heading)}[data-theme="2"] .password-input{background:var(--theme-bg-input);border-color:var(--theme-border);color:var(--theme-text-primary)}[data-theme="2"] .password-input:focus{border-color:var(--theme-border-active);background:var(--theme-bg-input-focus)}[data-theme="2"] .cancel-button{border-color:var(--theme-border);color:var(--theme-text-secondary)}[data-theme="2"] .cancel-button:hover{border-color:var(--theme-border-hover);color:var(--theme-text-primary);background:#8dc63f1a}[data-theme="2"] .status-badge.active,[data-theme="2"] .status-btn.active{background:var(--theme-success-bg);color:var(--theme-success);border-color:var(--theme-success-border)}[data-theme="2"] .status-badge.inactive,[data-theme="2"] .status-btn.inactive{background:var(--theme-error-bg);color:var(--theme-error);border-color:var(--theme-error-border)}[data-theme="2"] .stat-card{background:var(--theme-bg-card);border-color:var(--theme-border);box-shadow:var(--theme-shadow-card)}[data-theme="2"] .stat-label{color:var(--theme-text-secondary)}[data-theme="2"] .stat-value{color:var(--theme-text-primary)}[data-theme="2"] .loading-container p,[data-theme="2"] .loading-state p{color:var(--theme-text-secondary)}[data-theme="2"] .spinner{border-color:#8dc63f33;border-top-color:var(--theme-primary)}[data-theme="2"] .error-message,[data-theme="2"] .error-state{background:var(--theme-error-bg);border-color:var(--theme-error-border);color:var(--theme-error)}[data-theme="2"] .error-state p{color:var(--theme-error)}[data-theme="2"] .retry-button{background:var(--theme-primary)}[data-theme="2"] .retry-button:hover{background:var(--theme-primary-dark)}[data-theme="2"] .empty-state,[data-theme="2"] .empty-state p{color:var(--theme-text-secondary)}[data-theme="2"] .mobile-user-card{background:var(--theme-bg-card);border-color:var(--theme-border)}[data-theme="2"] .mobile-card-name{color:var(--theme-text-primary)}[data-theme="2"] .mobile-card-contact,[data-theme="2"] .mobile-card-sr{color:var(--theme-text-secondary)}[data-theme="2"] .user-table-container::-webkit-scrollbar-track,[data-theme="2"] .mobile-user-cards::-webkit-scrollbar-track,[data-theme="2"] .employee-list::-webkit-scrollbar-track{background:#8dc63f1a}[data-theme="2"] .user-table-container::-webkit-scrollbar-thumb,[data-theme="2"] .mobile-user-cards::-webkit-scrollbar-thumb,[data-theme="2"] .employee-list::-webkit-scrollbar-thumb{background:var(--theme-gradient-button)}[data-theme="2"] .user-list-page::-webkit-scrollbar-track{background:#8dc63f1a}[data-theme="2"] .user-list-page::-webkit-scrollbar-thumb{background:var(--theme-gradient-button);border-color:#8dc63f1a}[data-theme="2"] p,[data-theme="2"] span,[data-theme="2"] label,[data-theme="2"] td,[data-theme="2"] th,[data-theme="2"] div,[data-theme="2"] li{color:#1a2e05}[data-theme="2"] table,[data-theme="2"] table th,[data-theme="2"] table td,[data-theme="2"] .companies-table th,[data-theme="2"] .companies-table td,[data-theme="2"] .user-table-grid th,[data-theme="2"] .user-table-grid td,[data-theme="2"] .employee-table th,[data-theme="2"] .employee-table td,[data-theme="2"] .dashboard-user-grid th,[data-theme="2"] .dashboard-user-grid td,[data-theme="2"] .company-name,[data-theme="2"] .user-name,[data-theme="2"] .employee-name,[data-theme="2"] .stat-value,[data-theme="2"] .stat-label,[data-theme="2"] .section-title,[data-theme="2"] .page-title{color:#1a2e05!important}[data-theme="2"] .stat-card,[data-theme="2"] .employee-card,[data-theme="2"] .mobile-user-card{color:#1a2e05}[data-theme="2"] .form-label,[data-theme="2"] .form-group label{color:#1a2e05!important}[data-theme="2"] .table-actions button,[data-theme="2"] .table-actions .action-btn,[data-theme="2"] .action-link,[data-theme="2"] .action-btn,[data-theme="2"] td button,[data-theme="2"] .mobile-card-actions button,[data-theme="2"] .mobile-card-actions .action-btn{color:#000!important;border-color:#000!important;background:transparent!important}[data-theme="2"] .table-actions button:hover,[data-theme="2"] .table-actions .action-btn:hover,[data-theme="2"] .action-link:hover,[data-theme="2"] .action-btn:hover,[data-theme="2"] td button:hover,[data-theme="2"] .mobile-card-actions button:hover{background:#0000001a!important;color:#000!important;border-color:#000!important}[data-theme="2"] .action-btn.view,[data-theme="2"] .action-btn.edit,[data-theme="2"] .action-btn.delete,[data-theme="2"] .action-link.view,[data-theme="2"] .action-link.edit,[data-theme="2"] .action-link.delete{color:#000!important;border-color:#000!important;background:transparent!important}[data-theme="2"] .status-btn{border-color:#000!important}[data-theme="2"] a{color:var(--theme-accent)}[data-theme="2"] a:hover{color:var(--theme-primary-dark)}[data-theme="2"] .dashboard-container,[data-theme="2"] .employee-dashboard{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .dashboard-table-container{background:#8dc63f0d!important;border-color:var(--theme-border)!important}[data-theme="2"] .dashboard-user-grid{background:#fff!important}[data-theme="2"] .dashboard-user-grid thead{background:#8dc63f26!important}[data-theme="2"] .dashboard-user-grid thead th{background:#8dc63f26!important;color:#1a2e05!important}[data-theme="2"] .dashboard-user-grid tbody tr{background:#fff!important}[data-theme="2"] .dashboard-user-grid tbody tr:hover{background:#8dc63f1a!important}[data-theme="2"] .dashboard-user-grid td{color:#1a2e05!important}[data-theme="2"] .employee-list{background:#8dc63f08!important}[data-theme="2"] .employee-list table{background:#fff!important}[data-theme="2"] .employee-list th{background:#8dc63f26!important;color:#1a2e05!important}[data-theme="2"] .employee-list td,[data-theme="2"] .section-header h2,[data-theme="2"] .section-title,[data-theme="2"] .welcome-content h1{color:#1a2e05!important}[data-theme="2"] .section-header p,[data-theme="2"] .welcome-content p{color:#333!important}[data-theme="2"] .welcome-section{background:#8dc63f1a!important;border-color:var(--theme-border)!important}[data-theme="2"] .stat-card{background:#fff!important;border-color:var(--theme-border)!important;cursor:pointer;transition:all .3s ease!important}[data-theme="2"] .stat-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 30px #8dc63f4d!important;border-color:var(--theme-accent)!important;background:#8dc63f0d!important}[data-theme="2"] .stat-title,[data-theme="2"] .stat-label{color:#333!important}[data-theme="2"] .stat-value{color:#1a2e05!important}[data-theme="2"] .action-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .action-card:hover{background:#8dc63f1a!important}[data-theme="2"] .action-content h3,[data-theme="2"] .action-content p{color:#1a2e05!important}[data-theme="2"] .users-table-wrapper{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .users-table thead tr{background:#8dc63f26!important}[data-theme="2"] .users-table th,[data-theme="2"] .users-table td{color:#1a2e05!important}[data-theme="2"] .users-table tbody tr:hover{background:#8dc63f1a!important}[data-theme="2"] .user-row{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .user-row td:before{color:#333!important}[data-theme="2"] .user-name{color:#1a2e05!important}[data-theme="2"] .ip-cell,[data-theme="2"] .time-cell{color:#333!important}[data-theme="2"] .tab-button{background:#8dc63f1a!important;border-color:var(--theme-border)!important;color:#333!important}[data-theme="2"] .tab-button.active-employees{background:#8dc63f40!important;border-color:var(--theme-accent)!important;color:#1a2e05!important}[data-theme="2"] .tab-button.active-declined{background:#ef444426!important;border-color:#ef444480!important;color:#ef4444!important}[data-theme="2"] .employee-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .employee-card:hover{background:#8dc63f1a!important}[data-theme="2"] .employee-name{color:#1a2e05!important}[data-theme="2"] .filters-container{background:transparent!important}[data-theme="2"] .filters-container label,[data-theme="2"] .filter-label,[data-theme="2"] .filter-group label,[data-theme="2"] .filters-container span{color:#000!important;font-weight:600!important}[data-theme="2"] .filters-container select,[data-theme="2"] .filters-container input,[data-theme="2"] .filter-group select,[data-theme="2"] .filter-group input,[data-theme="2"] .filter-select,[data-theme="2"] .date-filter,[data-theme="2"] .search-filter{background:#fff!important;border:2px solid var(--theme-border)!important;color:#000!important}[data-theme="2"] .filters-container select:focus,[data-theme="2"] .filters-container input:focus,[data-theme="2"] .filter-group select:focus,[data-theme="2"] .filter-group input:focus{background:#fff!important;border-color:var(--theme-accent)!important;box-shadow:0 0 10px var(--theme-glow)!important}[data-theme="2"] .filters-container select option,[data-theme="2"] .filter-group select option{background:#fff!important;color:#000!important}[data-theme="2"] .search-input,[data-theme="2"] .search-box,[data-theme="2"] input[type=search],[data-theme="2"] input[type=text]{background:#fff!important;color:#000!important;border:2px solid var(--theme-border)!important}[data-theme="2"] .search-input::-moz-placeholder,[data-theme="2"] input::-moz-placeholder{color:#666!important}[data-theme="2"] .search-input::placeholder,[data-theme="2"] input::placeholder{color:#666!important}[data-theme="2"] input[type=date],[data-theme="2"] .date-filter,[data-theme="2"] input[type=date].filter-select,[data-theme="2"] input[type=date].date-filter{background:#fff!important;color:#000!important;border:2px solid var(--theme-border)!important;-webkit-text-fill-color:#000000!important}[data-theme="2"] input[type=date]::-webkit-datetime-edit,[data-theme="2"] input[type=date]::-webkit-datetime-edit-fields-wrapper,[data-theme="2"] input[type=date]::-webkit-datetime-edit-text,[data-theme="2"] input[type=date]::-webkit-datetime-edit-month-field,[data-theme="2"] input[type=date]::-webkit-datetime-edit-day-field,[data-theme="2"] input[type=date]::-webkit-datetime-edit-year-field{color:#000!important;-webkit-text-fill-color:#000000!important}[data-theme="2"] .filter-label{color:#000!important}[data-theme="2"] .filter-select,[data-theme="2"] .date-filter,[data-theme="2"] select.filter-select,[data-theme="2"] .employee-dashboard select,[data-theme="2"] .filters-container select{background:#fff!important;background-color:#fff!important;color:#000!important;border:2px solid var(--theme-border)!important;-webkit-text-fill-color:#000000!important}[data-theme="2"] .filter-select:focus,[data-theme="2"] .date-filter:focus,[data-theme="2"] .employee-dashboard select:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 10px var(--theme-glow)!important;background:#fff!important}[data-theme="2"] .filter-select option,[data-theme="2"] .employee-dashboard select option,[data-theme="2"] select option{background:#fff!important;background-color:#fff!important;color:#000!important}[data-theme="2"] select{background:#fff!important;background-color:#fff!important;color:#000!important;-webkit-text-fill-color:#000000!important}.star-filled{color:#fbbf24!important}.star-empty{color:#fff3!important}[data-theme="2"] .star-filled{color:#fbbf24!important}[data-theme="2"] .star-empty{color:transparent!important;-webkit-text-stroke:1px #000000;text-stroke:1px #000000}[data-theme="2"] .search-filter{background:#fff!important;color:#000!important;border:2px solid var(--theme-border)!important}[data-theme="2"] .search-filter::-moz-placeholder{color:#666!important}[data-theme="2"] .search-filter::placeholder{color:#666!important}[data-theme="2"] .search-filter:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 10px var(--theme-glow)!important;background:#fff!important}[data-theme="2"] .admin-page{background:#fff!important}[data-theme="2"] .admin-header{background:#fff!important;border-bottom-color:var(--theme-border)!important;box-shadow:0 2px 10px #8dc63f1a!important}[data-theme="2"] .admin-header *{color:#1a2e05!important}[data-theme="2"] .header-date,[data-theme="2"] .notification-btn,[data-theme="2"] .profile-btn,[data-theme="2"] .header-profile{background:#8dc63f1a!important;border-color:var(--theme-border)!important;color:#1a2e05!important}[data-theme="2"] .notification-dropdown,[data-theme="2"] .profile-dropdown{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .notification-dropdown *,[data-theme="2"] .profile-dropdown *{color:#1a2e05!important}[data-theme="2"] .layout-content,[data-theme="2"] .layout-main{background:#fff!important}[data-theme="2"] .work-orders-header p{color:#333!important}[data-theme="2"] .btn-primary:hover{box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .btn-secondary{background:#8dc63f1a!important;color:#1a2e05!important;border-color:var(--theme-border)!important}[data-theme="2"] .btn-secondary:hover{background:#8dc63f33!important}[data-theme="2"] .work-orders-page .stat-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .work-orders-page .stat-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 30px #8dc63f4d!important;border-color:var(--theme-accent)!important}[data-theme="2"] .work-orders-page .stat-label{color:#333!important}[data-theme="2"] .filter-card{background:#8dc63f0d!important;border-color:var(--theme-border)!important}[data-theme="2"] .filter-input input,[data-theme="2"] .filter-input select{background:#fff!important;color:#000!important;border-color:var(--theme-border)!important}[data-theme="2"] .filter-input input::-moz-placeholder{color:#666!important}[data-theme="2"] .filter-input input::placeholder{color:#666!important}[data-theme="2"] .filter-input select option{background:#fff!important;color:#000!important}[data-theme="2"] .btn-refresh{background:#8dc63f1a!important;color:#1a2e05!important;border-color:var(--theme-border)!important}[data-theme="2"] .btn-refresh:hover{background:#8dc63f33!important}[data-theme="2"] .work-orders-page .empty-state{background:#8dc63f0d!important;border-color:var(--theme-border)!important}[data-theme="2"] .work-orders-page .empty-state p{color:#333!important}[data-theme="2"] .work-order-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .work-order-card:hover{border-color:var(--theme-accent)!important;box-shadow:0 8px 32px #8dc63f33!important}[data-theme="2"] .work-order-batch{color:#666!important}[data-theme="2"] .work-order-company{color:#1a2e05!important}[data-theme="2"] .work-order-meta,[data-theme="2"] .progress-label{color:#333!important}[data-theme="2"] .progress-value{color:#1a2e05!important}[data-theme="2"] .progress-percent{color:#666!important}[data-theme="2"] .btn-dispatch{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .btn-dispatch:hover{box-shadow:0 4px 12px #8dc63f66!important}[data-theme="2"] .btn-action{background:#8dc63f1a!important;color:#1a2e05!important;border-color:var(--theme-border)!important}[data-theme="2"] .btn-action:hover{background:#8dc63f33!important}[data-theme="2"] .form-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .form-card h1,[data-theme="2"] .form-group label{color:#1a2e05!important}[data-theme="2"] .form-group input,[data-theme="2"] .form-group select,[data-theme="2"] .form-group textarea{background:#fff!important;color:#000!important;border-color:var(--theme-border)!important}[data-theme="2"] .form-group input::-moz-placeholder,[data-theme="2"] .form-group textarea::-moz-placeholder{color:#666!important}[data-theme="2"] .form-group input::placeholder,[data-theme="2"] .form-group textarea::placeholder{color:#666!important}[data-theme="2"] .form-group select option{background:#fff!important;color:#000!important}[data-theme="2"] .skill-tag{background:#8dc63f1a!important;color:#1a2e05!important}[data-theme="2"] .skill-tag:hover{background:#8dc63f33!important}[data-theme="2"] .skill-tag.selected{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .form-actions{border-top-color:var(--theme-border)!important}[data-theme="2"] .btn-cancel{color:#1a2e05!important;border-color:var(--theme-border)!important}[data-theme="2"] .btn-cancel:hover{background:#8dc63f1a!important}[data-theme="2"] .btn-submit{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .btn-submit:hover{box-shadow:0 4px 15px #8dc63f66!important}[data-theme="2"] .progress-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .progress-card-header h2{color:#1a2e05!important}[data-theme="2"] .progress-card-value{color:var(--theme-accent)!important}[data-theme="2"] .progress-bar-large{background:#8dc63f33!important}[data-theme="2"] .progress-card-info{border-top-color:var(--theme-border)!important}[data-theme="2"] .progress-card-info p{color:#333!important}[data-theme="2"] .progress-card-info strong{color:#1a2e05!important}[data-theme="2"] .tabs-container{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .tabs-header{border-bottom-color:var(--theme-border)!important}[data-theme="2"] .tab-btn{color:#333!important}[data-theme="2"] .tab-btn:hover{color:#1a2e05!important;background:#8dc63f1a!important}[data-theme="2"] .tab-btn.active{color:var(--theme-accent)!important;border-bottom-color:var(--theme-accent)!important}[data-theme="2"] .data-table th{background:#8dc63f26!important;color:#1a2e05!important}[data-theme="2"] .data-table td{color:#1a2e05!important;border-bottom-color:var(--theme-border)!important}[data-theme="2"] .data-table tr:hover{background:#8dc63f0d!important}[data-theme="2"] .data-table .text-muted{color:#666!important}[data-theme="2"] .dispatch-header-card{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .dispatch-info h1{color:#1a2e05!important}[data-theme="2"] .dispatch-info .batch-id{color:#666!important}[data-theme="2"] .dispatch-info .shift{color:#333!important}[data-theme="2"] .dispatch-progress .value{color:var(--theme-accent)!important}[data-theme="2"] .dispatch-progress .label{color:#333!important}[data-theme="2"] .worker-list{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .worker-list-header{background:#8dc63f26!important;color:#1a2e05!important;border-bottom-color:var(--theme-border)!important}[data-theme="2"] .worker-card{border-bottom-color:var(--theme-border)!important}[data-theme="2"] .worker-card:hover{background:#8dc63f0d!important}[data-theme="2"] .worker-name{color:#1a2e05!important}[data-theme="2"] .worker-details{color:#333!important}[data-theme="2"] .worker-skill{background:#8dc63f26!important;color:#1a2e05!important}[data-theme="2"] .worker-call-info{color:#666!important}[data-theme="2"] .btn-call{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .btn-call:hover{box-shadow:0 4px 12px #8dc63f66!important}[data-theme="2"] .btn-assign{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .btn-assign:hover{box-shadow:0 4px 12px #8dc63f66!important}[data-theme="2"] .work-orders-page .modal-content{background:#fff!important;border-color:var(--theme-border)!important}[data-theme="2"] .modal-header{border-bottom-color:var(--theme-border)!important}[data-theme="2"] .modal-header h3{color:#1a2e05!important}[data-theme="2"] .modal-header p{color:#333!important}[data-theme="2"] .modal-close{color:#666!important}[data-theme="2"] .modal-close:hover{color:#1a2e05!important}[data-theme="2"] .modal-worker-info{background:#8dc63f1a!important;border-bottom-color:var(--theme-border)!important}[data-theme="2"] .modal-worker-avatar{background:#8dc63f33!important}[data-theme="2"] .modal-worker-avatar svg{color:var(--theme-accent)!important}[data-theme="2"] .modal-worker-name{color:#1a2e05!important}[data-theme="2"] .modal-worker-phone{color:var(--theme-accent)!important}[data-theme="2"] .modal-footer{border-top-color:var(--theme-border)!important;background:#8dc63f0d!important}[data-theme="2"] .call-result-option{background:#8dc63f0d!important;border-color:var(--theme-border)!important}[data-theme="2"] .call-result-option:hover{border-color:var(--theme-accent)!important}[data-theme="2"] .call-result-option.selected{background:#8dc63f26!important;border-color:var(--theme-accent)!important}[data-theme="2"] .checkbox-group label{color:#1a2e05!important}[data-theme="2"] .checkbox-group input[type=checkbox]{accent-color:var(--theme-accent)!important}[data-theme="2"] .back-link{color:var(--theme-accent)!important}[data-theme="2"] .back-link:hover{color:var(--theme-primary-dark)!important}[data-theme="2"] .work-orders-page label,[data-theme="2"] .work-orders-page span[style*=color],[data-theme="2"] .work-order-detail label,[data-theme="2"] .work-orders-page label[style*=color],[data-theme="2"] label[style*="#d1d5db"],[data-theme="2"] span[style*="rgba(255, 255, 255"]{color:#000!important}[data-theme="2"] .work-orders-page select,[data-theme="2"] .work-orders-page input{background:#fff!important;color:#000!important;border-color:var(--theme-border)!important}[data-theme="2"] .work-orders-page select option{background:#fff!important;color:#000!important}[data-theme="2"] .work-orders-page button{color:#000!important}[data-theme="2"] .work-orders-page button[style*="background: rgba"]{background:#8dc63f1a!important;color:#000!important;border-color:var(--theme-border)!important}[data-theme="2"] .work-orders-page table th{background:#8dc63f26!important;color:#000!important}[data-theme="2"] .work-orders-page table td{color:#000!important}[data-theme="2"] .work-orders-page input[type=checkbox]+label,[data-theme="2"] .work-orders-page input[type=checkbox]~span{color:#000!important}[data-theme="2"] .work-orders-page h1,[data-theme="2"] .work-orders-page h2,[data-theme="2"] .work-orders-page h3,[data-theme="2"] .work-orders-page h4,[data-theme="2"] .work-orders-page p{color:#1a2e05!important}[data-theme="2"] .work-orders-page .text-muted,[data-theme="2"] .work-orders-page [style*="rgba(255, 255, 255, 0.5)"],[data-theme="2"] .work-orders-page [style*="rgba(255, 255, 255, 0.6)"],[data-theme="2"] .work-orders-page [style*="rgba(255, 255, 255, 0.7)"]{color:#333!important}[data-theme="2"] label{color:#000!important}[data-theme="2"] .work-orders-page span{color:#1a2e05!important}[data-theme="2"] .status-badge,[data-theme="2"] .status-badge span{color:inherit!important}[data-theme="2"] .btn-primary,[data-theme="2"] .btn-dispatch,[data-theme="2"] .btn-call,[data-theme="2"] .btn-assign,[data-theme="2"] .btn-submit,[data-theme="2"] button[style*=linear-gradient]{color:#fff!important}[data-theme="2"] .btn-secondary,[data-theme="2"] .btn-cancel,[data-theme="2"] .btn-refresh{color:#000!important}[data-theme="2"] .btn-action{color:#000!important;background:#8bc53f1a!important;border:2px solid #8BC53F!important;cursor:pointer!important}[data-theme="2"] .btn-action:hover{background:#8bc53f!important;color:#fff!important}[data-theme="2"] .work-orders-page table tbody tr:hover{background-color:transparent!important}[data-theme="2"] .work-orders-page table tbody td select{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .work-orders-page table tbody td select option{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .work-orders-page table tbody td button{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .call-popup-content{background-color:#fff!important;border:2px solid #8BC53F!important;box-shadow:0 25px 60px #0003!important}[data-theme="2"] .call-popup-icon{background-color:#8bc53f33!important}[data-theme="2"] .call-popup-icon svg{stroke:#8bc53f!important}[data-theme="2"] .call-popup-title{color:#8bc53f!important}[data-theme="2"] .call-popup-label{color:#666!important}[data-theme="2"] .call-popup-name{color:#000!important}[data-theme="2"] .call-popup-phone{color:#8bc53f!important}[data-theme="2"] .call-popup-cancel-btn{background-color:#fff!important;color:#000!important;border:1px solid #cccccc!important}[data-theme="2"] .call-popup-cancel-btn:hover{background-color:#f5f5f5!important}[data-theme="2"] .call-popup-dial-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .call-popup-dial-btn:hover{background-color:#7ab536!important}[data-theme="2"] .error-popup-content{background-color:#fff!important;border:2px solid #ef4444!important;box-shadow:0 20px 50px #0003!important}[data-theme="2"] .error-popup-icon{background-color:#ef44441a!important}[data-theme="2"] .error-popup-title{color:#ef4444!important}[data-theme="2"] .error-popup-message{color:#000!important}[data-theme="2"] .error-popup-ok-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .error-popup-ok-btn:hover{background-color:#7ab536!important}[data-theme="2"] .work-orders-page table thead tr:hover,[data-theme="2"] .work-orders-page table thead tr{background-color:#8dc63f26!important}[data-theme="2"] .work-orders-page .worker-card:hover{background-color:#e4f0e8!important}[data-theme="2"] .companies-page,[data-theme="2"] .companies-page .companies-header{background-color:#fff!important}[data-theme="2"] .companies-page .companies-header h1{color:#000!important}[data-theme="2"] .companies-page .add-company-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .companies-page .add-company-btn:hover{background-color:#7ab536!important}[data-theme="2"] .companies-page .companies-table{background-color:#fff!important}[data-theme="2"] .companies-page .companies-table th{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .companies-page .companies-table td{background-color:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .companies-page .companies-table tbody tr:hover td{background-color:#f0f9e8!important}[data-theme="2"] .companies-page .search-input,[data-theme="2"] .companies-page input,[data-theme="2"] .companies-page select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .companies-page .edit-btn,[data-theme="2"] .companies-page .action-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .companies-page .delete-btn{background-color:#ef4444!important;color:#fff!important;border:1px solid #ef4444!important}[data-theme="2"] .areas-page,[data-theme="2"] .areas-page .areas-header{background-color:#fff!important}[data-theme="2"] .areas-page .areas-header h1{color:#000!important}[data-theme="2"] .areas-page .add-area-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .areas-page .add-area-btn:hover{background-color:#7ab536!important}[data-theme="2"] .areas-page .areas-table-container,[data-theme="2"] .areas-page table{background-color:#fff!important}[data-theme="2"] .areas-page table th{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .areas-page table td{background-color:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .areas-page table tbody tr:hover td{background-color:#f0f9e8!important}[data-theme="2"] .areas-page .search-input,[data-theme="2"] .areas-page input,[data-theme="2"] .areas-page select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .areas-page .edit-btn,[data-theme="2"] .areas-page .action-btn{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .areas-page .delete-btn{background-color:#ef4444!important;color:#fff!important;border:1px solid #ef4444!important}[data-theme="2"] .areas-page .empty-state{color:#666!important}[data-theme="2"] .attendance-reports-page,[data-theme="2"] .attendance-reports-page .attendance-header{background-color:#fff!important}[data-theme="2"] .attendance-reports-page .attendance-header h1,[data-theme="2"] .attendance-reports-page h1,[data-theme="2"] .attendance-reports-page label{color:#000!important}[data-theme="2"] .attendance-reports-page .date-picker,[data-theme="2"] .attendance-reports-page input,[data-theme="2"] .attendance-reports-page select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .attendance-reports-page .attendance-table-container,[data-theme="2"] .attendance-reports-page table{background-color:#fff!important}[data-theme="2"] .attendance-reports-page table th{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .attendance-reports-page table td{background-color:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .attendance-reports-page table tbody tr:hover td{background-color:#f0f9e8!important}[data-theme="2"] .attendance-reports-page button{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .attendance-reports-page button:hover{background-color:#7ab536!important}[data-theme="2"] .attendance-reports-page .error-message{color:#ef4444!important}[data-theme="2"] .user-report-page,[data-theme="2"] .user-report-page .report-header{background-color:#fff!important}[data-theme="2"] .user-report-page .report-header h1,[data-theme="2"] .user-report-page h1,[data-theme="2"] .user-report-page h2,[data-theme="2"] .user-report-page label{color:#000!important}[data-theme="2"] .user-report-page .header-actions button,[data-theme="2"] .user-report-page .btn-secondary,[data-theme="2"] .user-report-page .btn-primary{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .user-report-page button:hover{background-color:#7ab536!important}[data-theme="2"] .user-report-page input,[data-theme="2"] .user-report-page select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .user-report-page table{background-color:#fff!important}[data-theme="2"] .user-report-page table th{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .user-report-page table td{background-color:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .user-report-page table tbody tr:hover td{background-color:#f0f9e8!important}[data-theme="2"] .user-report-page .dropdown-container{background-color:#fff!important}[data-theme="2"] .user-report-page p,[data-theme="2"] .user-report-page span{color:#000!important}[data-theme="2"] .audit-report-page{background-color:#fff!important}[data-theme="2"] .audit-report-page h1,[data-theme="2"] .audit-report-page h2,[data-theme="2"] .audit-report-page h3,[data-theme="2"] .audit-report-page label{color:#000!important}[data-theme="2"] .audit-report-page input,[data-theme="2"] .audit-report-page select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .audit-report-page button{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .audit-report-page button:hover{background-color:#7ab536!important}[data-theme="2"] .audit-report-page p,[data-theme="2"] .audit-report-page span{color:#000!important}[data-theme="2"] .create-dispatcher-container{background:#fff!important;background-color:#fff!important}[data-theme="2"] .create-dispatcher-card{background:#fff!important;background-color:#fff!important;border:2px solid #8BC53F!important;box-shadow:0 4px 20px #0000001a!important;animation:none!important}[data-theme="2"] .create-dispatcher-container .form-group input,[data-theme="2"] .create-dispatcher-container .form-group select{background:#fff!important;background-color:#fff!important;color:#000!important;border:2px solid #d1d5db!important}[data-theme="2"] .create-dispatcher-container .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238BC53F' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important}[data-theme="2"] .create-dispatcher-container .form-btn.submit{background:#8bc53f!important;background-color:#8bc53f!important;color:#fff!important;border:none!important}[data-theme="2"] .dashboard-container .users-section{background-color:#fff!important}[data-theme="2"] .dashboard-container .users-section h1,[data-theme="2"] .dashboard-container .users-section h2{color:#000!important}[data-theme="2"] .dashboard-container .users-section table th{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .dashboard-container .users-section table td{background-color:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .dashboard-container .users-section table tbody tr:hover td{background-color:#f0f9e8!important}[data-theme="2"] .dashboard-container .users-section input,[data-theme="2"] .dashboard-container .users-section select{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .dashboard-container .users-section button{background-color:#8bc53f!important;color:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .min-h-screen,[data-theme="2"] .bg-gradient-to-br,[data-theme="2"] .from-slate-900,[data-theme="2"] .via-purple-900,[data-theme="2"] .to-slate-900{background:#fff!important}[data-theme="2"] .text-white{color:#000!important}[data-theme="2"] .text-gray-400{color:#666!important}[data-theme="2"] .bg-blue-500,[data-theme="2"] .bg-blue-600,[data-theme="2"] .bg-green-500,[data-theme="2"] .bg-green-600{background-color:#8bc53f!important}[data-theme="2"] .border-blue-500,[data-theme="2"] .border-green-500{border-color:#8bc53f!important}[data-theme="2"] .bg-slate-800,[data-theme="2"] .bg-slate-700,[data-theme="2"] .bg-slate-900{background-color:#fff!important}[data-theme="2"] .border-slate-700,[data-theme="2"] .border-slate-600{border-color:#e5e7eb!important}[data-theme="2"] .work-orders-tabs{border-bottom:2px solid #8BC53F!important}[data-theme="2"] .work-orders-tabs .tab-btn{color:#000!important;background:transparent!important;cursor:pointer!important}[data-theme="2"] .work-orders-tabs .tab-btn:hover{background-color:#8bc53f33!important}[data-theme="2"] .work-orders-tabs .tab-btn.tab-active{background-color:#8bc53f!important;color:#fff!important;border-bottom:3px solid #8BC53F!important}[data-theme="2"] .work-orders-page .filter-card,[data-theme="2"] .work-orders-page .filter-card .filters-row,[data-theme="2"] .work-orders-page .filter-card .filter-input{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}[data-theme="2"] .work-orders-page .filter-card .filter-input input{background-color:#fff!important;color:#000!important;border:2px solid #8BC53F!important}[data-theme="2"] .work-orders-page .filter-card .filter-input input::-moz-placeholder{color:#666!important}[data-theme="2"] .work-orders-page .filter-card .filter-input input::placeholder{color:#666!important}[data-theme="2"] .success-popup-content{background-color:#fff!important;border:2px solid #8BC53F!important;box-shadow:0 25px 60px #0003!important}[data-theme="2"] .success-popup-icon{background-color:#8bc53f33!important}[data-theme="2"] .success-popup-icon svg{stroke:#8bc53f!important}[data-theme="2"] .success-popup-title{color:#8bc53f!important}[data-theme="2"] .success-popup-label{color:#666!important}[data-theme="2"] .success-popup-name{color:#000!important}[data-theme="2"] .success-popup-phone{color:#8bc53f!important}[data-theme="2"] .success-popup-btn{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .compliance-popup-content{background-color:#fff!important;border:2px solid #fbbf24!important;box-shadow:0 25px 60px #0003!important}[data-theme="2"] .compliance-popup-content h3{color:#d97706!important}[data-theme="2"] .compliance-popup-content p{color:#000!important}[data-theme="2"] .compliance-popup-content button{cursor:pointer!important}[data-theme="2"] .compliance-popup-content button:last-child{background-color:#8bc53f!important;color:#fff!important;border:none!important}[data-theme="2"] .batch-assign-popup-content{background-color:#fff!important;border:2px solid #8BC53F!important;box-shadow:0 25px 60px #0003!important}[data-theme="2"] .batch-assign-popup-content h3,[data-theme="2"] .batch-assign-popup-content h4{color:#000!important}[data-theme="2"] .batch-assign-popup-content p,[data-theme="2"] .batch-assign-popup-content span{color:#333!important}[data-theme="2"] .batch-assign-popup-content button:last-child{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .reminder-popup-content{background-color:#fff!important;box-shadow:0 25px 50px #0003!important}[data-theme="2"] .reminder-popup-content p{color:#000!important}[data-theme="2"] .reminder-popup-content button{background-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .dashboard-user-grid thead,[data-theme="2"] .dashboard-user-grid thead tr,[data-theme="2"] .users-table thead,[data-theme="2"] .users-table thead tr,[data-theme="2"] table thead,[data-theme="2"] table thead tr{background:linear-gradient(135deg,#8dc63f,#6bb536)!important}[data-theme="2"] .dashboard-user-grid thead th,[data-theme="2"] .users-table thead th,[data-theme="2"] table thead th{background:transparent!important;color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important}[data-theme="2"] .dashboard-user-grid tbody tr,[data-theme="2"] .users-table tbody tr,[data-theme="2"] table tbody tr{background:#fff!important;border-bottom:1px solid rgba(141,198,63,.2)!important}[data-theme="2"] .dashboard-user-grid tbody tr:nth-child(2n),[data-theme="2"] .users-table tbody tr:nth-child(2n),[data-theme="2"] table tbody tr:nth-child(2n){background:#8dc63f08!important}[data-theme="2"] .dashboard-user-grid tbody tr:hover,[data-theme="2"] .users-table tbody tr:hover,[data-theme="2"] table tbody tr:hover{background:#8dc63f1a!important}[data-theme="2"] .search-input,[data-theme="2"] .search-box,[data-theme="2"] input[type=search]{background:#fff!important;border:2px solid #8DC63F!important;border-radius:25px!important;padding:10px 20px!important;color:#333!important}[data-theme="2"] .search-input:focus,[data-theme="2"] .search-box:focus,[data-theme="2"] input[type=search]:focus{border-color:#6bb536!important;box-shadow:0 0 15px #8dc63f4d!important;outline:none!important}[data-theme="2"] .add-btn,[data-theme="2"] .add-user-btn,[data-theme="2"] .add-company-btn,[data-theme="2"] .create-button,[data-theme="2"] .primary-btn,[data-theme="2"] button.add-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border:none!important;border-radius:25px!important;padding:10px 24px!important;font-weight:600!important;box-shadow:0 4px 15px #8dc63f4d!important;transition:all .3s ease!important}[data-theme="2"] .add-btn:hover,[data-theme="2"] .add-user-btn:hover,[data-theme="2"] .add-company-btn:hover,[data-theme="2"] .create-button:hover,[data-theme="2"] .primary-btn:hover{background:linear-gradient(135deg,#7ab82e,#5a9c1e)!important;box-shadow:0 6px 20px #8dc63f66!important;transform:translateY(-2px)!important}[data-theme="2"] .table-actions .action-btn.view,[data-theme="2"] .action-btn.view,[data-theme="2"] .view-btn{background:#22c55e!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:6px 16px!important;font-weight:600!important}[data-theme="2"] .table-actions .action-btn.view:hover,[data-theme="2"] .action-btn.view:hover,[data-theme="2"] .view-btn:hover{background:#16a34a!important;box-shadow:0 4px 12px #22c55e4d!important}[data-theme="2"] .table-actions .action-btn.edit,[data-theme="2"] .action-btn.edit,[data-theme="2"] .edit-btn{background:#eab308!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:6px 16px!important;font-weight:600!important}[data-theme="2"] .table-actions .action-btn.edit:hover,[data-theme="2"] .action-btn.edit:hover,[data-theme="2"] .edit-btn:hover{background:#ca8a04!important;box-shadow:0 4px 12px #eab3084d!important}[data-theme="2"] .table-actions .action-btn.delete,[data-theme="2"] .action-btn.delete,[data-theme="2"] .delete-btn{background:#ef4444!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:6px 16px!important;font-weight:600!important}[data-theme="2"] .table-actions .action-btn.delete:hover,[data-theme="2"] .action-btn.delete:hover,[data-theme="2"] .delete-btn:hover{background:#dc2626!important;box-shadow:0 4px 12px #ef44444d!important}[data-theme="2"] .status-badge.active,[data-theme="2"] .status-badge.online,[data-theme="2"] .status-btn.active{background:#dcfce7!important;color:#16a34a!important;border:1px solid #86efac!important;border-radius:20px!important;padding:4px 12px!important;font-weight:600!important}[data-theme="2"] .status-badge.inactive,[data-theme="2"] .status-badge.offline,[data-theme="2"] .status-btn.inactive{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fca5a5!important;border-radius:20px!important;padding:4px 12px!important;font-weight:600!important}[data-theme="2"] .status-btn:hover{cursor:pointer!important;transform:scale(1.05)!important;box-shadow:0 2px 8px #00000026!important}[data-theme="2"] .status-btn.active:hover{background:#bbf7d0!important}[data-theme="2"] .status-btn.inactive:hover{background:#fecaca!important}[data-theme="2"] .status-btn:active{transform:scale(.98)!important}[data-theme="2"] .role-badge,[data-theme="2"] .user-role-badge{background:transparent!important;color:#16a34a!important;border:2px solid #22c55e!important;border-radius:20px!important;padding:4px 12px!important;font-weight:600!important;font-size:12px!important}[data-theme="2"] .default-badge{background:#fef3c7!important;color:#d97706!important;border:1px solid #fcd34d!important;border-radius:4px!important;padding:2px 8px!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important}[data-theme="2"] .dashboard-table-container,[data-theme="2"] .users-table-wrapper,[data-theme="2"] .table-container{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .pagination-container{background:#fff!important;padding:16px!important}[data-theme="2"] .pagination-btn,[data-theme="2"] .page-btn{background:#fff!important;color:#333!important;border:1px solid rgba(141,198,63,.3)!important;border-radius:8px!important}[data-theme="2"] .pagination-btn.active,[data-theme="2"] .page-btn.active{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border-color:#8dc63f!important}[data-theme="2"] .pagination-btn:hover,[data-theme="2"] .page-btn:hover{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .page-info,[data-theme="2"] .pagination-info{color:#333!important}[data-theme="2"] .items-per-page select,[data-theme="2"] .page-size-select{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;border-radius:8px!important;color:#333!important;padding:6px 12px!important}[data-theme="2"] .work-orders-page{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .work-orders-header h1{color:#1a2e05!important}[data-theme="2"] .work-orders-header p{color:#666!important}[data-theme="2"] .work-orders-page .btn-primary{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border:none!important;border-radius:25px!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .work-orders-page .btn-primary:hover{background:linear-gradient(135deg,#7ab82e,#5a9c1e)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .work-orders-page .stat-card{background:#fff!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .work-orders-page .stat-card.blue{border-color:#8dc63f!important}[data-theme="2"] .work-orders-page .stat-card.yellow{border-color:#eab308!important}[data-theme="2"] .work-orders-page .stat-card.green{border-color:#22c55e!important}[data-theme="2"] .work-orders-page .stat-card.gray{border-color:#9ca3af!important}[data-theme="2"] .work-orders-page .stat-card.purple{border-color:#a855f7!important}[data-theme="2"] .work-orders-page .stat-card:hover{box-shadow:0 10px 30px #8dc63f33!important}[data-theme="2"] .work-orders-page .stat-value{color:#1a2e05!important}[data-theme="2"] .work-orders-page .stat-value.blue{color:#8dc63f!important}[data-theme="2"] .work-orders-page .stat-value.yellow{color:#eab308!important}[data-theme="2"] .work-orders-page .stat-value.green{color:#22c55e!important}[data-theme="2"] .work-orders-page .stat-value.gray{color:#6b7280!important}[data-theme="2"] .work-orders-page .stat-value.purple{color:#a855f7!important}[data-theme="2"] .work-orders-page .stat-label{color:#666!important}[data-theme="2"] .work-orders-page .filter-card{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;box-shadow:0 4px 20px #0000000d!important}[data-theme="2"] .work-orders-page .filter-input input,[data-theme="2"] .work-orders-page .filter-input select{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important;border-radius:25px!important}[data-theme="2"] .work-orders-page .filter-input input::-moz-placeholder{color:#999!important}[data-theme="2"] .work-orders-page .filter-input input::placeholder{color:#999!important}[data-theme="2"] .work-orders-page .filter-input input:focus,[data-theme="2"] .work-orders-page .filter-input select:focus{border-color:#8dc63f!important;box-shadow:0 0 15px #8dc63f4d!important}[data-theme="2"] .work-orders-page .filter-input select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page .btn-refresh{background:#8dc63f1a!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important;border-radius:25px!important}[data-theme="2"] .work-orders-page .btn-refresh:hover{background:#8dc63f33!important;border-color:#8dc63f!important}[data-theme="2"] .work-orders-page .work-order-card{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;box-shadow:0 4px 20px #0000000d!important}[data-theme="2"] .work-orders-page .work-order-card:hover{border-color:#8dc63f!important;box-shadow:0 8px 30px #8dc63f26!important}[data-theme="2"] .work-orders-page .work-order-batch{color:#666!important}[data-theme="2"] .work-orders-page .work-order-company{color:#1a2e05!important}[data-theme="2"] .work-orders-page .work-order-meta{color:#666!important}[data-theme="2"] .work-orders-page .status-badge.open{background:#8dc63f26!important;color:#6bb536!important;border:1px solid rgba(141,198,63,.4)!important}[data-theme="2"] .work-orders-page .status-badge.inprogress{background:#eab30826!important;color:#ca8a04!important;border:1px solid rgba(234,179,8,.4)!important}[data-theme="2"] .work-orders-page .status-badge.filled{background:#22c55e26!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.4)!important}[data-theme="2"] .work-orders-page .status-badge.completed{background:#9ca3af26!important;color:#6b7280!important;border:1px solid rgba(156,163,175,.4)!important}[data-theme="2"] .work-orders-page .status-badge.archived{background:#6b728026!important;color:#4b5563!important;border:1px solid rgba(107,114,128,.4)!important}[data-theme="2"] .work-orders-page .progress-label{color:#666!important}[data-theme="2"] .work-orders-page .progress-value{color:#1a2e05!important}[data-theme="2"] .work-orders-page .progress-bar{background:#8dc63f26!important}[data-theme="2"] .work-orders-page .progress-fill.blue{background:linear-gradient(90deg,#8dc63f,#6bb536)!important}[data-theme="2"] .work-orders-page .progress-fill.yellow{background:linear-gradient(90deg,#eab308,#ca8a04)!important}[data-theme="2"] .work-orders-page .progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)!important}[data-theme="2"] .work-orders-page .progress-percent{color:#666!important}[data-theme="2"] .work-orders-page .btn-dispatch{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border-radius:8px!important}[data-theme="2"] .work-orders-page .btn-dispatch:hover{box-shadow:0 4px 15px #8dc63f66!important}[data-theme="2"] .work-orders-page .btn-action{background:#8dc63f1a!important;color:#1a2e05!important;border:1px solid rgba(141,198,63,.4)!important}[data-theme="2"] .work-orders-page .btn-action:hover{background:#8dc63f33!important;border-color:#8dc63f!important}[data-theme="2"] .work-orders-page .empty-state{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .empty-state svg{color:#8dc63f80!important}[data-theme="2"] .work-orders-page .empty-state h3{color:#1a2e05!important}[data-theme="2"] .work-orders-page .empty-state p{color:#666!important}[data-theme="2"] .work-orders-page .spinner{border-color:#8dc63f33!important;border-top-color:#8dc63f!important}[data-theme="2"] .work-orders-page .back-link{color:#8dc63f!important}[data-theme="2"] .work-orders-page .form-card{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .work-orders-page .form-card h1,[data-theme="2"] .work-orders-page .form-group label{color:#1a2e05!important}[data-theme="2"] .work-orders-page .form-group input,[data-theme="2"] .work-orders-page .form-group select,[data-theme="2"] .work-orders-page .form-group textarea{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page .form-group input:focus,[data-theme="2"] .work-orders-page .form-group select:focus,[data-theme="2"] .work-orders-page .form-group textarea:focus{border-color:#8dc63f!important;box-shadow:0 0 15px #8dc63f4d!important}[data-theme="2"] .work-orders-page .skill-tag{background:#8dc63f1a!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page .skill-tag:hover{background:#8dc63f33!important}[data-theme="2"] .work-orders-page .skill-tag.selected{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .work-orders-page .form-actions{border-top-color:#8dc63f4d!important}[data-theme="2"] .work-orders-page .btn-cancel{background:transparent!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page .btn-submit{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .work-orders-page .btn-submit:hover{box-shadow:0 4px 15px #8dc63f66!important}[data-theme="2"] .work-orders-page .tabs-container{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .tabs-header{border-bottom-color:#8dc63f4d!important}[data-theme="2"] .work-orders-page .tab-btn{color:#666!important}[data-theme="2"] .work-orders-page .tab-btn:hover{color:#1a2e05!important;background:#8dc63f1a!important}[data-theme="2"] .work-orders-page .tab-btn.active{color:#8dc63f!important;border-bottom-color:#8dc63f!important}[data-theme="2"] .work-orders-page .data-table th{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .work-orders-page .data-table td{color:#1a2e05!important;border-bottom-color:#8dc63f33!important}[data-theme="2"] .work-orders-page .data-table tr:hover{background:#8dc63f1a!important}[data-theme="2"] .work-orders-page .data-table .text-muted{color:#666!important}[data-theme="2"] .work-orders-page .progress-card{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .progress-card-header h2{color:#1a2e05!important}[data-theme="2"] .work-orders-page .progress-card-value{color:#8dc63f!important}[data-theme="2"] .work-orders-page .progress-bar-large{background:#8dc63f26!important}[data-theme="2"] .work-orders-page .progress-card-info{border-top-color:#8dc63f4d!important}[data-theme="2"] .work-orders-page .progress-card-info p{color:#666!important}[data-theme="2"] .work-orders-page .progress-card-info strong{color:#1a2e05!important}[data-theme="2"] .work-orders-page .worker-list{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .worker-list-header{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border-bottom-color:transparent!important}[data-theme="2"] .work-orders-page .worker-card{border-bottom-color:#8dc63f33!important}[data-theme="2"] .work-orders-page .worker-card:hover{background:#8dc63f0d!important}[data-theme="2"] .work-orders-page .worker-name{color:#1a2e05!important}[data-theme="2"] .work-orders-page .worker-details{color:#666!important}[data-theme="2"] .work-orders-page .worker-skill{background:#8dc63f26!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page .worker-call-info{color:#666!important}[data-theme="2"] .work-orders-page .btn-call{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .work-orders-page .btn-call:hover{box-shadow:0 4px 15px #8dc63f66!important}[data-theme="2"] .work-orders-page .btn-assign{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}[data-theme="2"] .work-orders-page .btn-assign:hover{box-shadow:0 4px 15px #22c55e66!important}[data-theme="2"] .work-orders-page .modal-overlay{background:#00000080!important}[data-theme="2"] .work-orders-page .modal-content{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important}[data-theme="2"] .work-orders-page .modal-header{border-bottom-color:#8dc63f4d!important}[data-theme="2"] .work-orders-page .modal-header h3{color:#1a2e05!important}[data-theme="2"] .work-orders-page .modal-header p,[data-theme="2"] .work-orders-page .modal-close{color:#666!important}[data-theme="2"] .work-orders-page .modal-close:hover{color:#1a2e05!important}[data-theme="2"] .work-orders-page .modal-worker-info{background:#8dc63f1a!important;border-bottom-color:#8dc63f4d!important}[data-theme="2"] .work-orders-page .modal-worker-avatar{background:#8dc63f33!important}[data-theme="2"] .work-orders-page .modal-worker-avatar svg{color:#8dc63f!important}[data-theme="2"] .work-orders-page .modal-worker-name{color:#1a2e05!important}[data-theme="2"] .work-orders-page .modal-worker-phone{color:#8dc63f!important}[data-theme="2"] .work-orders-page .modal-footer{border-top-color:#8dc63f4d!important;background:#8dc63f0d!important}[data-theme="2"] .work-orders-page .call-result-option{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .call-result-option:hover{border-color:#8dc63f80!important}[data-theme="2"] .work-orders-page .call-result-option.selected{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .work-orders-page .checkbox-group input[type=checkbox]{accent-color:#8DC63F!important}[data-theme="2"] .work-orders-page .checkbox-group label{color:#1a2e05!important}[data-theme="2"] .work-orders-page .dispatch-header-card{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .work-orders-page .dispatch-info h1{color:#1a2e05!important}[data-theme="2"] .work-orders-page .dispatch-info .batch-id,[data-theme="2"] .work-orders-page .dispatch-info .shift{color:#666!important}[data-theme="2"] .work-orders-page .dispatch-progress .value{color:#8dc63f!important}[data-theme="2"] .work-orders-page .dispatch-progress .label{color:#666!important}[data-theme="2"] .work-orders-page .btn-secondary{background:#8dc63f1a!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important}[data-theme="2"] .work-orders-page .btn-secondary:hover{background:#8dc63f33!important;border-color:#8dc63f!important}[data-theme="2"] .companies-page{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .companies-header h1{color:#1a2e05!important}[data-theme="2"] .companies-header p{color:#666!important}[data-theme="2"] .add-company-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;border-radius:25px!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .add-company-btn:hover{box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .companies-search .search-input{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:25px!important;color:#1a2e05!important}[data-theme="2"] .companies-search .search-input::-moz-placeholder{color:#999!important}[data-theme="2"] .companies-search .search-input::placeholder{color:#999!important}[data-theme="2"] .companies-search .search-input:focus{border-color:#8dc63f!important;box-shadow:0 0 15px #8dc63f33!important}[data-theme="2"] .companies-table-container{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;border-radius:16px!important}[data-theme="2"] .companies-table-container:hover{border-color:#8dc63f80!important;box-shadow:0 0 30px #8dc63f1a!important}[data-theme="2"] .delete-modal{background:#fff!important;border:2px solid rgba(141,198,63,.3)!important;box-shadow:0 8px 32px #0003!important}[data-theme="2"] .delete-modal h3{color:#1a2e05!important}[data-theme="2"] .delete-modal p{color:#666!important}[data-theme="2"] .modal-btn.cancel{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .modal-btn.cancel:hover{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .companies-page .empty-state{color:#666!important}[data-theme="2"] .work-orders-page .form-card{background:#fff!important;border:2px solid rgba(141,198,63,.3)!important;box-shadow:0 8px 30px #0000001a!important;border-radius:16px!important}[data-theme="2"] .work-orders-page .form-card h1{color:#1a2e05!important;font-size:28px!important}[data-theme="2"] .work-orders-page .form-group label{color:#1a2e05!important;font-weight:600!important}[data-theme="2"] .work-orders-page .form-group label span{color:#ef4444!important}[data-theme="2"] .work-orders-page .form-group input,[data-theme="2"] .work-orders-page .form-group select,[data-theme="2"] .work-orders-page .form-group textarea{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:10px!important;color:#1a2e05!important;padding:12px 16px!important}[data-theme="2"] .work-orders-page .form-group input:focus,[data-theme="2"] .work-orders-page .form-group select:focus,[data-theme="2"] .work-orders-page .form-group textarea:focus{border-color:#8dc63f!important;box-shadow:0 0 0 3px #8dc63f26!important;outline:none!important}[data-theme="2"] .work-orders-page .form-group input::-moz-placeholder,[data-theme="2"] .work-orders-page .form-group textarea::-moz-placeholder{color:#999!important}[data-theme="2"] .work-orders-page .form-group input::placeholder,[data-theme="2"] .work-orders-page .form-group textarea::placeholder{color:#999!important}[data-theme="2"] .work-orders-page .form-group select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page input[type=date],[data-theme="2"] .work-orders-page input[type=time]{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .work-orders-page input[type=date]::-webkit-calendar-picker-indicator,[data-theme="2"] .work-orders-page input[type=time]::-webkit-calendar-picker-indicator{filter:invert(50%) sepia(50%) saturate(500%) hue-rotate(50deg)!important}[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit,[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit-fields-wrapper,[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit-text,[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit-hour-field,[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit-minute-field,[data-theme="2"] .work-orders-page input[type=time]::-webkit-datetime-edit-ampm-field{color:#000!important}[data-theme="2"] .work-orders-page input[type=time]{color-scheme:light!important}[data-theme="2"] .work-orders-page .form-error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#dc2626!important;border-radius:10px!important}[data-theme="2"] .work-orders-page .form-actions{border-top:2px solid rgba(141,198,63,.2)!important;padding-top:24px!important;margin-top:24px!important}[data-theme="2"] .work-orders-page .btn-cancel{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important;border-radius:25px!important;padding:12px 28px!important;font-weight:600!important}[data-theme="2"] .work-orders-page .btn-cancel:hover{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .work-orders-page .btn-submit{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border:none!important;border-radius:25px!important;padding:12px 28px!important;font-weight:600!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .work-orders-page .btn-submit:hover{background:linear-gradient(135deg,#7ab82e,#5a9c1e)!important;box-shadow:0 6px 20px #8dc63f66!important;transform:translateY(-2px)!important}[data-theme="2"] .work-orders-page .btn-submit:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}[data-theme="2"] .work-orders-page .back-link{color:#8dc63f!important;font-weight:600!important}[data-theme="2"] .work-orders-page .back-link:hover{color:#6bb536!important}[data-theme="2"] .create-company-container{background:linear-gradient(135deg,#f0f7e6,#e8f5dc,#f5f9f0)!important}[data-theme="2"] .create-company-container:before{background-image:linear-gradient(0deg,transparent 24%,rgba(141,198,63,.05) 25%,rgba(141,198,63,.05) 26%,transparent 27%,transparent 74%,rgba(141,198,63,.05) 75%,rgba(141,198,63,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(141,198,63,.05) 25%,rgba(141,198,63,.05) 26%,transparent 27%,transparent 74%,rgba(141,198,63,.05) 75%,rgba(141,198,63,.05) 76%,transparent 77%,transparent)!important}[data-theme="2"] .create-company-container:after{background:radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%)!important}[data-theme="2"] .create-company-card{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;box-shadow:0 0 30px #8dc63f26,0 8px 32px #0000001a!important}[data-theme="2"] .create-company-card:hover{box-shadow:0 0 40px #8dc63f40,0 8px 32px #00000026!important}[data-theme="2"] .create-company-title{color:#8dc63f!important;text-shadow:0 0 20px rgba(141,198,63,.3)!important}[data-theme="2"] .create-company-subtitle{color:#666!important}[data-theme="2"] .create-company-card .form-group label{color:#1a2e05!important}[data-theme="2"] .create-company-card .form-group.required label:after{color:#dc2626!important}[data-theme="2"] .create-company-card .form-group input,[data-theme="2"] .create-company-card .form-group select,[data-theme="2"] .create-company-card .form-group textarea{background:#fff!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:10px!important}[data-theme="2"] .create-company-card .form-group input::-moz-placeholder,[data-theme="2"] .create-company-card .form-group textarea::-moz-placeholder{color:#999!important}[data-theme="2"] .create-company-card .form-group input::placeholder,[data-theme="2"] .create-company-card .form-group textarea::placeholder{color:#999!important}[data-theme="2"] .create-company-card .form-group input:focus,[data-theme="2"] .create-company-card .form-group select:focus,[data-theme="2"] .create-company-card .form-group textarea:focus{border-color:#8dc63f!important;background:#fff!important;box-shadow:0 0 20px #8dc63f33,inset 0 0 10px #8dc63f0d!important}[data-theme="2"] .create-company-card .form-group select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .create-company-card .form-error{color:#dc2626!important}[data-theme="2"] .create-company-card .form-btn.submit{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border:none!important;border-radius:25px!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .create-company-card .form-btn.submit:hover:not(:disabled){background:linear-gradient(135deg,#7ab82e,#5a9c1e)!important;box-shadow:0 6px 20px #8dc63f66!important;transform:translateY(-2px)!important}[data-theme="2"] .create-company-card .form-btn.submit:disabled{opacity:.6!important;cursor:not-allowed!important}[data-theme="2"] .create-company-card .form-btn.cancel{background:#fff!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:25px!important}[data-theme="2"] .create-company-card .form-btn.cancel:hover{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .create-company-card .checkbox-group label{color:#1a2e05!important}[data-theme="2"] .create-company-card .checkbox-group input[type=checkbox]{accent-color:#8DC63F!important}[data-theme="2"] .create-company-container .loading-state{color:#1a2e05!important}[data-theme="2"] .create-area-container{background:linear-gradient(135deg,#f0f7e6,#e8f5dc,#f5f9f0)!important}[data-theme="2"] .create-area-container:before{background-image:linear-gradient(0deg,transparent 24%,rgba(141,198,63,.05) 25%,rgba(141,198,63,.05) 26%,transparent 27%,transparent 74%,rgba(141,198,63,.05) 75%,rgba(141,198,63,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(141,198,63,.05) 25%,rgba(141,198,63,.05) 26%,transparent 27%,transparent 74%,rgba(141,198,63,.05) 75%,rgba(141,198,63,.05) 76%,transparent 77%,transparent)!important}[data-theme="2"] .create-area-container:after{background:radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%)!important}[data-theme="2"] .create-area-card{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;box-shadow:0 0 30px #8dc63f26,0 8px 32px #0000001a!important;animation:none!important}[data-theme="2"] .create-area-card:hover{box-shadow:0 0 40px #8dc63f40,0 8px 32px #00000026!important}[data-theme="2"] .create-area-title{color:#8dc63f!important;text-shadow:0 0 20px rgba(141,198,63,.3)!important}[data-theme="2"] .create-area-subtitle{color:#666!important}[data-theme="2"] .create-area-card .form-group label{color:#1a2e05!important}[data-theme="2"] .create-area-card .form-group.required label:after{color:#dc2626!important}[data-theme="2"] .create-area-card .form-group input,[data-theme="2"] .create-area-card .form-group select,[data-theme="2"] .create-area-card .form-group textarea{background:#fff!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:10px!important}[data-theme="2"] .create-area-card .form-group input::-moz-placeholder,[data-theme="2"] .create-area-card .form-group textarea::-moz-placeholder{color:#999!important}[data-theme="2"] .create-area-card .form-group input::placeholder,[data-theme="2"] .create-area-card .form-group textarea::placeholder{color:#999!important}[data-theme="2"] .create-area-card .form-group input:focus,[data-theme="2"] .create-area-card .form-group select:focus,[data-theme="2"] .create-area-card .form-group textarea:focus{border-color:#8dc63f!important;background:#fff!important;box-shadow:0 0 20px #8dc63f33,inset 0 0 10px #8dc63f0d!important}[data-theme="2"] .create-area-card .form-group select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .create-area-card .form-error{color:#dc2626!important}[data-theme="2"] .create-area-card .form-btn.submit{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border:none!important;border-radius:25px!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .create-area-card .form-btn.submit:hover:not(:disabled){background:linear-gradient(135deg,#7ab82e,#5a9c1e)!important;box-shadow:0 6px 20px #8dc63f66!important;transform:translateY(-2px)!important}[data-theme="2"] .create-area-card .form-btn.submit:disabled{opacity:.6!important;cursor:not-allowed!important}[data-theme="2"] .create-area-card .form-btn.cancel{background:#fff!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important;border-radius:25px!important}[data-theme="2"] .create-area-card .form-btn.cancel:hover{background:#8dc63f1a!important;border-color:#8dc63f!important}[data-theme="2"] .create-area-card .checkbox-group label{color:#1a2e05!important}[data-theme="2"] .create-area-card .checkbox-group input[type=checkbox]{accent-color:#8DC63F!important}[data-theme="2"] .create-area-card .error-banner{background-color:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#dc2626!important}[data-theme="2"] .audit-filter-card{background:#fff!important;border:2px solid rgba(141,198,63,.3)!important}[data-theme="2"] .audit-menu-btn{background:#8dc63f1a!important;border-color:#8dc63f4d!important}[data-theme="2"] .audit-menu-btn:hover{background:#8dc63f33!important;border-color:#8dc63f!important}[data-theme="2"] .audit-dropdown{background:#fff!important;border-color:#8dc63f4d!important}[data-theme="2"] .audit-progress-card{background:#8dc63f1a!important;border-color:#8dc63f4d!important}[data-theme="2"] .audit-info-card{background:#8dc63f0d!important;border-color:#8dc63f33!important}[data-theme="2"] .audit-report-page input[type=date],[data-theme="2"] .audit-report-page select{background:#fff!important;color:#1a2e05!important;border:2px solid rgba(141,198,63,.4)!important}[data-theme="2"] .audit-report-page select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .quiz-test-section{background:#fff!important;border:1px solid rgba(141,198,63,.2)!important}[data-theme="2"] .quiz-test-section h3{color:#1a2e05!important}[data-theme="2"] .quiz-test-section p{color:#666!important}[data-theme="2"] .quiz-test-table{background:#fff!important}[data-theme="2"] .quiz-test-table th{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .quiz-test-table td{color:#1a2e05!important;border-bottom-color:#e5e7eb!important}[data-theme="2"] .quiz-test-table tr:hover{background:#8dc63f0d!important}[data-theme="2"] .send-quiz-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important}[data-theme="2"] .view-results-btn{background:#8dc63f1a!important;border-color:#8dc63f66!important;color:#6bb536!important}[data-theme="2"] .view-results-btn:hover{background:#8dc63f33!important;border-color:#8dc63f!important}[data-theme="2"] .quiz-result-modal{background:#fff!important;border-color:#8dc63f4d!important}[data-theme="2"] .quiz-result-modal h3{color:#1a2e05!important}[data-theme="2"] .quiz-result-modal .passed{color:#8dc63f!important}[data-theme="2"] .company-policy-section{background:#fff!important;border:1px solid rgba(141,198,63,.2)!important}[data-theme="2"] .company-policy-section h3{color:#1a2e05!important}[data-theme="2"] .company-policy-section select{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .company-policy-section select:focus{border-color:#8dc63f!important}[data-theme="2"] .send-policy-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;color:#fff!important;border-radius:25px!important}[data-theme="2"] .send-policy-btn:hover{box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .preview-policy-btn{background:#8dc63f1a!important;border:1px solid rgba(141,198,63,.4)!important;color:#6bb536!important}[data-theme="2"] .preview-policy-btn:hover{background:#8dc63f33!important}[data-theme="2"] .loading-state,[data-theme="2"] .empty-state{color:#666!important;background:#8dc63f0d!important;border-radius:8px!important;padding:20px!important}[data-theme="2"] .empty-state p{color:#666!important}[data-theme="2"] .usersign-pagination{background:transparent!important}[data-theme="2"] .usersign-pagination .pagination-btn{background:#8dc63f1a!important;border:1px solid rgba(141,198,63,.3)!important;color:#1a2e05!important}[data-theme="2"] .usersign-pagination .pagination-btn:hover:not(:disabled){background:#8dc63f33!important}[data-theme="2"] .usersign-pagination .pagination-btn:disabled{background:#0000000d!important;color:#999!important;border-color:#e5e7eb!important}[data-theme="2"] .usersign-pagination .pagination-info{color:#666!important}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header-left{display:flex;align-items:center;gap:12px}.page-header-icon{font-size:32px}.page-header-title{font-size:28px;font-weight:700;color:#000;margin:0}.page-header-subtitle{color:#666;font-size:14px;margin:4px 0 0}.page-header-right{display:flex;gap:12px;align-items:center}.btn-primary-new{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#8bc53f;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary-new:hover{background:#7ab536;transform:translateY(-2px);box-shadow:0 4px 15px #8bc53f66}.search-bar-container{margin-bottom:24px}.search-input-global{width:100%;max-width:600px;padding:14px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#000;transition:all .3s ease}.search-input-global:focus{outline:none;border-color:#8bc53f;box-shadow:0 0 10px #8bc53f33}.search-input-global::-moz-placeholder{color:#999}.search-input-global::placeholder{color:#999}.table-global{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table-global thead tr{background:#1a2e3d}.table-global th{padding:16px 14px;color:#fff;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-global td{padding:14px;border-bottom:1px solid #e5e7eb;color:#333;font-size:14px}.table-global tbody tr{background:#fff;transition:background .2s ease}.table-global tbody tr:hover{background:#f8fdf5}.badge-role{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:#06b6d426;color:#0891b2;border:1px solid rgba(6,182,212,.3)}.badge-role.dispatcher{background:#06b6d426;color:#0891b2;border-color:#06b6d44d}.badge-role.super-admin,.badge-role.admin{background:#8bc53f26;color:#6ba32e;border-color:#8bc53f4d}.badge-status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.badge-status.active{background:transparent;color:#22c55e;border:2px solid #22c55e}.badge-status.inactive{background:transparent;color:#ef4444;border:2px solid #ef4444}.badge-status.pending{background:transparent;color:#f59e0b;border:2px solid #f59e0b}.btn-action{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;background:transparent}.btn-action.view{color:#6b7280;border-color:#d1d5db;background:#fff}.btn-action.view:hover{background:#f3f4f6;border-color:#9ca3af}.btn-action.edit{color:#6b7280;border-color:#d1d5db;background:#fff}.btn-action.edit:hover{background:#f3f4f6;border-color:#9ca3af}.btn-action.delete{color:#6b7280;border-color:#d1d5db;background:#fff}.btn-action.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.action-buttons-group{display:flex;gap:8px}.tag-default{display:inline-block;padding:4px 10px;background:#fbbf24;color:#000;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:8px}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0}.pagination-info{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.pagination-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer}.pagination-buttons{display:flex;gap:4px;align-items:center}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#8bc53f;color:#fff;border-color:#8bc53f}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay-global{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content-global{background:#fff;border:2px solid #8BC53F;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header-global{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header-global h3{margin:0;font-size:20px;font-weight:700;color:#000}.modal-close-global{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;line-height:1}.modal-close-global:hover{color:#000}.modal-body-global{padding:24px}.modal-footer-global{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.form-group-global{margin-bottom:20px}.form-label-global{display:block;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-label-global.required:after{content:" *";color:#ef4444}.form-input-global{width:100%;padding:12px 16px;background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:14px;color:#000;transition:all .3s ease}.form-input-global:focus{outline:none;border-color:#8bc53f;box-shadow:0 0 10px #8bc53f33}.form-input-global::-moz-placeholder{color:#999}.form-input-global::placeholder{color:#999}.form-select-global{width:100%;padding:12px 16px;background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:14px;color:#000;cursor:pointer;transition:all .3s ease}.form-select-global:focus{outline:none;border-color:#8bc53f}.card-global{background:#fff;border:2px solid #8BC53F;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.card-global-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.card-global-title{font-size:18px;font-weight:700;color:#000;margin:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-header-right{justify-content:flex-start}.action-buttons-group{flex-wrap:wrap}.pagination-container{flex-direction:column;gap:16px;align-items:center}.modal-content-global{margin:10px;max-width:calc(100% - 20px)}}.admin-login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2710,#1a3a1f,#0f291a)}.login-top-logo{position:absolute;top:20px;left:20px;z-index:10}.login-top-logo img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.animated-background{position:absolute;inset:0;z-index:0;overflow:hidden}.circuit-pattern{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 1px 1px,rgba(106,176,76,.15) 1px,transparent 1px);background-size:50px 50px;animation:drift 20s linear infinite}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.glow-orb-1{width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(106,176,76,.4) 0%,transparent 70%)}.glow-orb-2{width:500px;height:500px;bottom:-200px;right:-150px;background:radial-gradient(circle,rgba(120,224,143,.3) 0%,transparent 70%)}.login-card-wrapper{position:relative;z-index:10;width:100%;max-width:400px}.login-card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2)}.card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(106,176,76,.2) 0%,transparent 70%);border-radius:20px;filter:blur(30px);z-index:-1;pointer-events:none}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:32px;font-weight:700;color:#1a202c;margin:0;letter-spacing:-.5px}.error-message{display:flex;align-items:center;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:14px;animation:slideDown .3s ease-out}.error-message span{font-size:18px;flex-shrink:0}.error-message p{margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{position:relative}.form-input{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;background:#fff;border-color:#6ab04c;box-shadow:0 0 0 3px #6ab04c1a}.form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.login-button{width:100%;padding:14px 20px;margin-top:8px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#78e08f,#6ab04c,#38a169);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #6ab04c66;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6ab04c99}.login-button:hover:not(:disabled):before{opacity:1}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password{text-align:center;margin-top:24px}.forgot-password-link{background:none;border:none;color:#6ab04c;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;padding:0;text-decoration:none}.forgot-password-link:hover{color:#78e08f;text-decoration:underline}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.admin-login-container{padding:15px}.login-top-logo{top:15px;left:15px}.login-top-logo img{width:60px;height:60px;filter:brightness(0) invert(1)}.login-card{padding:40px 30px}.login-title{font-size:28px}.glow-orb-1{width:250px;height:250px}.glow-orb-2{width:350px;height:350px}}@media(max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:24px}.login-form{gap:16px}}.dashboard-container{width:100%;padding:32px;background:var(--theme-bg-primary, #0f1929);min-height:calc(100vh - 70px);overflow:visible;box-sizing:border-box;transition:background .3s ease}.welcome-section{margin-bottom:40px;padding:24px 32px;background:var(--theme-gradient-active, linear-gradient(135deg, rgba(6, 182, 212, .15) 0%, rgba(59, 130, 246, .15) 100%));border:2px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:16px;box-shadow:0 0 20px var(--theme-glow, rgba(59, 130, 246, .1))}.welcome-content h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--theme-text-primary, white);letter-spacing:-.5px}.welcome-content p{margin:0;font-size:14px;color:var(--theme-text-secondary, rgba(255, 255, 255, .7))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{padding:24px;background:var(--theme-bg-card, rgba(26, 35, 50, .8));border:2px solid var(--theme-border-hover, rgba(59, 130, 246, .5));border-radius:16px;transition:all .3s ease;box-shadow:inset 0 0 20px rgba(var(--theme-primary-rgb, 59, 130, 246),.05),0 0 20px var(--theme-glow, rgba(255, 255, 255, .03))}.stat-card:hover{box-shadow:inset 0 0 20px rgba(var(--theme-primary-rgb, 59, 130, 246),.08),0 0 30px var(--theme-glow-strong, rgba(255, 255, 255, .1));transform:translateY(-2px);border-color:var(--theme-border-active, rgba(59, 130, 246, .6))}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-title{font-size:13px;font-weight:600;color:var(--theme-text-secondary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.15)}.stat-value{font-size:12px;font-weight:700;margin-bottom:12px;color:var(--theme-text-primary, white)}.stat-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.stat-trend{display:flex;align-items:center;gap:4px}.quick-actions-section{margin-bottom:40px}.section-header{margin-bottom:20px}.section-header h2{margin:0 0 4px;font-size:22px;font-weight:700;color:var(--theme-text-primary, white)}.section-header p{margin:0;font-size:14px;color:var(--theme-text-secondary, rgba(255, 255, 255, .6))}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.action-card{padding:20px;background:var(--theme-bg-card, rgba(26, 35, 50, .8));border:2px solid var(--theme-border, rgba(59, 130, 246, .2));border-radius:14px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease}.action-card:hover{background:var(--theme-bg-card-hover, rgba(26, 35, 50, 1));border-color:var(--theme-border-hover, rgba(59, 130, 246, .4));box-shadow:0 10px 30px var(--theme-glow, rgba(59, 130, 246, .1));transform:translate(4px)}.action-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border-radius:12px;flex-shrink:0}.action-content{flex:1;text-align:left}.action-content h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--theme-text-primary, white)}.action-content p{margin:0;font-size:13px;color:var(--theme-text-secondary, rgba(255, 255, 255, .6))}.action-arrow{font-size:20px;color:rgba(var(--theme-primary-rgb, 59, 130, 246),.5);transition:all .3s ease}.action-card:hover .action-arrow{color:var(--theme-primary, #3b82f6);transform:translate(4px)}.users-section{margin-bottom:32px}.dashboard-table-container{background:var(--theme-bg-card, rgba(15, 25, 41, .6));border:2px solid var(--theme-border, rgba(59, 130, 246, .2));border-radius:15px;box-shadow:0 0 20px var(--theme-glow, rgba(59, 130, 246, .1));margin-top:20px;overflow-x:auto;overflow-y:visible;max-height:none!important}.dashboard-user-grid{width:100%;overflow-x:auto;overflow-y:visible;max-height:none!important}.dashboard-user-grid table{width:100%;min-width:1000px;border-collapse:collapse}.dashboard-table-container::-webkit-scrollbar,.dashboard-user-grid::-webkit-scrollbar{height:8px}.dashboard-table-container::-webkit-scrollbar-track,.dashboard-user-grid::-webkit-scrollbar-track{background:var(--theme-bg-secondary, rgba(15, 25, 41, .8));border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb,.dashboard-user-grid::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.5);border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb:hover,.dashboard-user-grid::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.7)}.dashboard-user-grid thead{background:var(--theme-table-header-bg, rgba(59, 130, 246, .1))}.dashboard-user-grid thead tr{height:50px}.dashboard-user-grid tbody tr{height:55px;transition:all .2s ease}.dashboard-user-grid tbody tr:hover{background:var(--theme-table-row-hover, rgba(59, 130, 246, .15))!important}.table-actions .action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.table-actions .action-btn.view{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.table-actions .action-btn.edit{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.table-actions .action-btn.status-active{background:#00ff881a;border-color:#00ff884d;color:#0f8}.table-actions .action-btn.status-inactive{background:#6b72801a;border-color:#6b72804d;color:#9ca3af}.table-actions .action-btn.delete{background:#ff6bb01a;border-color:#ff6bb04d;color:#ff6bb0}.table-actions .action-btn.rating{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.table-actions .action-btn:hover{transform:scale(1.05)}.users-table-wrapper{background:var(--theme-bg-card, rgba(26, 35, 50, .8));border:2px solid var(--theme-border, rgba(59, 130, 246, .2));border-radius:16px;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{background:var(--theme-table-header-bg, rgba(59, 130, 246, .05));border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .2))}.users-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--theme-table-border, rgba(59, 130, 246, .1));transition:background .2s ease}.users-table tbody tr:hover{background:var(--theme-table-row-hover, rgba(59, 130, 246, .1))}.users-table tbody tr:last-child{border-bottom:none}.user-row td{padding:16px;font-size:14px}.user-cell{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:var(--theme-gradient-avatar, linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.user-name{font-weight:500;color:var(--theme-text-primary, rgba(255, 255, 255, .9));white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.status-badge.online{background:var(--theme-success-bg, rgba(0, 255, 136, .15));color:var(--theme-success, #00ff88);border:1px solid var(--theme-success-border, rgba(0, 255, 136, .3))}.status-badge.offline{background:var(--theme-error-bg, rgba(255, 0, 110, .15));color:var(--theme-error, #ff006e);border:1px solid var(--theme-error-border, rgba(255, 0, 110, .3))}.status-badge.online .status-dot{background:var(--theme-success, #00ff88);box-shadow:0 0 8px rgba(var(--theme-success, 0, 255, 136),.5)}.status-badge.offline .status-dot{background:var(--theme-error, #ff006e)}.offline-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:rgba(var(--theme-primary-rgb, 139, 92, 246),.15);color:var(--theme-primary, #b537f2);border:1px solid var(--theme-border, rgba(181, 55, 242, .3))}.offline-badge.active{background:var(--theme-success-bg, rgba(0, 255, 136, .15));color:var(--theme-success, #00ff88);border-color:var(--theme-success-border, rgba(0, 255, 136, .3))}.ip-cell{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-family:Courier New,monospace;font-size:13px}.time-cell{color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:13px}.loading-state{padding:60px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(var(--theme-primary-rgb, 59, 130, 246),.2);border-top-color:var(--theme-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin:0;color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:14px}.error-state{padding:40px;background:var(--theme-error-bg, rgba(255, 0, 110, .1));border:1px solid var(--theme-error-border, rgba(255, 0, 110, .3));border-radius:12px;text-align:center;color:var(--theme-error, #ff006e);font-size:14px}.empty-state{padding:60px 32px;text-align:center;color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:14px}@media(min-width:1024px){.admin-page{overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important}.admin-page>div{overflow:visible!important}.dashboard-recent-users-table{width:100%;overflow:visible!important;overflow-x:hidden!important;overflow-y:hidden!important;max-height:none!important}.dashboard-recent-users-table table{width:100%;table-layout:fixed}.dashboard-recent-users-table table th,.dashboard-recent-users-table table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-page::-webkit-scrollbar,.admin-page *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.admin-page,.admin-page *{scrollbar-width:none!important;-ms-overflow-style:none!important}}.dashboard-recent-users-table{width:100%;overflow:visible}.dashboard-recent-users-table table{width:100%;table-layout:fixed}.dashboard-recent-users-table table th,.dashboard-recent-users-table table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.dashboard-container{padding:24px}.welcome-section{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:14px}.section-header h2{font-size:20px}.stat-card{padding:20px}.action-card{padding:18px;gap:12px}.action-icon{width:48px;height:48px;font-size:28px}.action-content h3{font-size:14px}}@media(max-width:768px){.dashboard-container{padding:16px;min-height:calc(100vh - 60px);overflow-y:auto}.dashboard-table-container{overflow-x:auto;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:touch}.dashboard-user-grid{overflow:visible!important;max-height:none!important}.dashboard-user-grid table{min-width:700px}.table-actions{flex-wrap:wrap;gap:4px}.table-actions .action-btn{padding:4px 8px;font-size:11px}.welcome-section{padding:16px;margin-bottom:20px}.welcome-content h1{font-size:20px;margin-bottom:6px}.welcome-content p{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{padding:14px}.stat-header{flex-direction:column;align-items:flex-start;gap:8px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-title{font-size:11px}.stat-value{font-size:12px}.stat-footer{font-size:11px}.section-header{margin-bottom:16px}.section-header h2{font-size:18px;margin-bottom:4px}.section-header p{font-size:13px}.actions-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.action-card{padding:14px;gap:12px}.action-icon{width:44px;height:44px;font-size:24px}.action-content h3{font-size:13px;margin-bottom:2px}.action-content p{font-size:12px}.action-arrow{font-size:18px}.users-table-wrapper{background:transparent;border:none;border-radius:0;overflow:visible}.users-table{min-width:auto;display:block}.users-table thead{display:none}.users-table tbody{display:flex;flex-direction:column;gap:12px}.user-row{display:grid;grid-template-columns:1fr;gap:8px;padding:14px;background:var(--theme-bg-card, rgba(26, 35, 50, .8));border:1px solid var(--theme-border, rgba(59, 130, 246, .2));border-radius:12px}.user-row td{padding:0;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.user-row td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--theme-text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px}.user-cell:before{content:"User"}.user-avatar{width:32px;height:32px;font-size:16px}.user-name{white-space:normal}.status-badge{padding:4px 10px;font-size:12px;gap:6px}.status-dot{width:6px;height:6px}.offline-badge{padding:4px 10px;font-size:12px;border-radius:6px}.ip-cell:before{content:"IP Address"}.time-cell:before{content:"Last Updated"}.action-cell{margin-top:8px;padding-top:8px;border-top:1px solid var(--theme-border, rgba(59, 130, 246, .1))}.action-cell:before{content:"Actions";display:block;font-size:11px;font-weight:600;color:var(--theme-text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.empty-state{padding:40px 16px}}@media(max-width:480px){.dashboard-container{padding:12px}.welcome-section{padding:12px;margin-bottom:16px}.welcome-content h1{font-size:18px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.stat-card{padding:12px}.stat-value{font-size:12px}.actions-grid{gap:10px;margin-bottom:20px}.action-card{padding:12px;gap:10px}.section-header h2{font-size:16px}.user-row{padding:12px;gap:6px}.user-row td{gap:6px;font-size:12px}.user-avatar{width:28px;height:28px;font-size:14px}.action-cell{flex-direction:column}.empty-state{padding:30px 12px}}.table-actions .action-btn{padding:6px!important;min-width:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.table-actions .action-btn svg{width:16px;height:16px}@media(max-width:768px){.table-actions{gap:3px!important}.table-actions .action-btn{padding:5px!important;min-width:28px!important}.table-actions .action-btn svg{width:14px;height:14px}}@media(max-width:480px){.table-actions .action-btn{padding:4px!important;min-width:26px!important}.table-actions .action-btn svg{width:12px;height:12px}}.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:180px!important;max-width:180px!important;min-width:150px!important}.dashboard-user-grid th:nth-child(3),.dashboard-user-grid td:nth-child(3),.users-table th:nth-child(3),.users-table td:nth-child(3){min-width:200px!important}.table-actions .action-btn{padding:4px!important;min-width:28px!important;width:28px!important;height:28px!important}.table-actions .action-btn svg{width:14px!important;height:14px!important}@media(max-width:768px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:150px!important;max-width:150px!important;min-width:130px!important}.table-actions .action-btn{padding:3px!important;min-width:24px!important;width:24px!important;height:24px!important}.table-actions .action-btn svg{width:12px!important;height:12px!important}}.table-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:center!important}.table-actions .action-btn{padding:4px 8px!important;font-size:10px!important;font-weight:600!important;white-space:nowrap!important;min-width:auto!important;width:auto!important;height:auto!important;border-radius:4px!important}@media(max-width:768px){.table-actions{gap:3px!important}.table-actions .action-btn{padding:3px 6px!important;font-size:9px!important}}@media(max-width:480px){.table-actions .action-btn{padding:2px 4px!important;font-size:8px!important}}.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:280px!important;min-width:280px!important;max-width:320px!important}@media(max-width:768px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:220px!important;min-width:220px!important;max-width:250px!important}}@media(max-width:480px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:180px!important;min-width:180px!important;max-width:200px!important}}@media(max-width:768px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:260px!important;min-width:260px!important;max-width:300px!important}}@media(max-width:480px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:240px!important;min-width:240px!important;max-width:280px!important}}@media(max-width:768px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:320px!important;min-width:320px!important}.table-actions{gap:4px!important}.table-actions .action-btn{padding:4px 6px!important;font-size:9px!important}}@media(max-width:480px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:300px!important;min-width:300px!important}.table-actions .action-btn{padding:3px 5px!important;font-size:8px!important}}@media(max-width:768px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:350px!important;min-width:350px!important}}@media(max-width:480px){.dashboard-user-grid th:last-child,.dashboard-user-grid td:last-child,.users-table th:last-child,.users-table td:last-child{width:350px!important;min-width:350px!important}}@media(max-width:768px){.table-actions .action-btn{height:28px!important;min-height:28px!important;padding:4px 10px!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media(max-width:480px){.table-actions .action-btn{height:26px!important;min-height:26px!important;padding:4px 8px!important;font-size:9px!important;display:flex!important;align-items:center!important;justify-content:center!important}}.dashboard-user-grid{max-height:none!important;overflow-y:visible!important;overflow-x:visible!important}.dashboard-user-grid thead{position:relative;top:0;z-index:10;background:var(--theme-bg-primary, rgba(15, 25, 41, 1))!important}.dashboard-user-grid thead th{background:var(--theme-bg-primary, rgba(15, 25, 41, 1))!important}@media(max-width:768px){.dashboard-user-grid{max-height:none!important;overflow-y:visible!important}}@media(max-width:480px){.dashboard-user-grid{max-height:none!important;overflow-y:visible!important}}.sidebar{width:250px;height:100vh;height:100dvh;background:var(--theme-gradient-sidebar, linear-gradient(180deg, #1a2f50 0%, #0f1929 100%));border-right:2px solid var(--theme-border, rgba(59, 130, 246, .2));display:flex;flex-direction:column;padding:20px;position:fixed;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transition:width .3s ease,background .3s ease;box-sizing:border-box;box-shadow:4px 0 20px var(--theme-glow, rgba(59, 130, 246, .1))}.sidebar.collapsed{width:80px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .1));border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover, rgba(255, 255, 255, .2))}.sidebar::-webkit-scrollbar-corner{background:transparent}.sidebar{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .1)) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .1));flex-shrink:0}.logo-container{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.logo-icon{width:45px;height:45px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:18px;font-weight:700;color:var(--theme-text-primary, white);letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse-btn{width:32px;height:32px;border:1px solid var(--theme-border, rgba(59, 130, 246, .3));background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px;flex-shrink:0}.collapse-btn:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2);color:var(--theme-accent, #06b6d4);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5))}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border-radius:10px;margin-bottom:15px;border:1px solid var(--theme-border, rgba(59, 130, 246, .2));transition:all .3s ease;flex-shrink:0}.sidebar-user:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.15);border-color:var(--theme-border-hover, rgba(59, 130, 246, .3))}.user-avatar{width:36px;height:36px;background:var(--theme-gradient-avatar, linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--theme-text-primary, white);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--theme-text-secondary, rgba(255, 255, 255, .6));margin:2px 0 0;white-space:nowrap}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;list-style:none;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;background:transparent;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;white-space:nowrap;position:relative;min-height:40px;width:100%;box-sizing:border-box;flex-shrink:0}.nav-item:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.15);color:var(--theme-text-primary, rgba(255, 255, 255, .9));border-color:var(--theme-border, rgba(59, 130, 246, .3))}.nav-item.active{background:var(--theme-gradient-active, linear-gradient(135deg, rgba(6, 182, 212, .2) 0%, rgba(59, 130, 246, .2) 100%));color:var(--theme-text-primary, white);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5));box-shadow:0 0 15px var(--theme-glow, rgba(59, 130, 246, .2))}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--theme-gradient-button, linear-gradient(180deg, #06b6d4 0%, #3b82f6 100%));border-radius:0 3px 3px 0}.nav-icon{font-size:16px;flex-shrink:0}.nav-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.nav-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--theme-gradient-button, linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%));color:#fff;border-radius:5px;font-size:10px;font-weight:600;margin-left:auto;flex-shrink:0}.nav-item.group-item{display:flex;align-items:center;justify-content:space-between}.group-toggle{font-size:10px;transition:transform .3s ease;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.group-toggle.expanded{transform:rotate(180deg)}.nav-section{margin-bottom:8px}.nav-section-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--theme-text-muted, rgba(148, 163, 184, .7));padding:12px 12px 6px;margin-top:8px;border-top:1px solid var(--theme-border, rgba(59, 130, 246, .1))}.nav-section:first-child .nav-section-header{margin-top:0;border-top:none}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin-top:2px;margin-left:10px;padding-left:10px;border-left:2px solid var(--theme-border, rgba(59, 130, 246, .3));animation:slideIn .2s ease-out}.nav-item.submenu-item{padding:8px 10px;font-size:12px;gap:8px;color:var(--theme-text-muted, rgba(255, 255, 255, .6));min-height:36px}.nav-item.submenu-item:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);color:var(--theme-text-primary, rgba(255, 255, 255, .9))}.nav-item.submenu-item.active{background:rgba(var(--theme-accent-rgb, 6, 182, 212),.15);color:var(--theme-accent, #06b6d4);border-color:transparent}.nav-item.submenu-item.active:before{background:var(--theme-accent, #06b6d4);height:16px}.sidebar-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--theme-border, rgba(59, 130, 246, .1));flex-shrink:0}.footer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border:1px solid var(--theme-border, rgba(59, 130, 246, .2));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;box-sizing:border-box}.footer-btn:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2);border-color:var(--theme-border-hover, rgba(59, 130, 246, .4));color:var(--theme-text-primary, rgba(255, 255, 255, .9))}.help-icon{width:22px;height:22px;background:var(--theme-gradient-button, linear-gradient(135deg, #b537f2 0%, #8b5cf6 100%));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.mobile-menu-btn{display:none;width:32px;height:32px;border:1px solid var(--theme-border, rgba(59, 130, 246, .3));background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border-radius:8px;cursor:pointer;font-size:18px;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.mobile-menu-btn:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2);color:var(--theme-accent, #06b6d4);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5))}@media(max-width:1024px){.sidebar{width:220px;padding:15px}.sidebar.collapsed{width:70px}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;width:280px;max-width:85vw;height:100vh;height:100dvh;border-right:1px solid rgba(59,130,246,.2);flex-direction:column;padding:15px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;overflow-x:hidden}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;max-width:85vw;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.desktop-collapse{display:none}.mobile-menu-btn{display:flex}.sidebar-header{margin-bottom:15px;padding-bottom:15px}.sidebar-user{margin-bottom:15px}.sidebar-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-item{padding:12px 14px;font-size:14px;min-height:44px}.nav-icon{font-size:18px}.sidebar-footer{padding-top:15px;margin-top:15px}}@media(max-width:480px){.sidebar{width:100%;max-width:100%;padding:12px}.sidebar.collapsed{width:100%;max-width:100%}.sidebar-header{margin-bottom:12px;padding-bottom:12px;gap:8px}.logo-text{font-size:16px}.logo-icon{width:38px;height:38px}.sidebar-user{padding:10px;margin-bottom:12px;gap:8px}.user-avatar{width:32px;height:32px;font-size:16px}.user-name{font-size:12px}.user-role{font-size:10px}.nav-item{padding:10px 12px;font-size:13px;gap:8px;min-height:42px}.nav-icon{font-size:16px}.nav-badge{width:18px;height:18px;font-size:9px}.nav-submenu{margin-left:8px;padding-left:8px}.nav-item.submenu-item{padding:8px 10px;font-size:12px;min-height:38px}.footer-btn{padding:10px 12px;font-size:12px}.help-icon{width:20px;height:20px;font-size:10px}}@media(max-width:360px){.sidebar{padding:10px}.sidebar-header{margin-bottom:10px;padding-bottom:10px}.logo-text{font-size:15px}.logo-icon{width:35px;height:35px}.nav-item{padding:8px 10px;font-size:12px;min-height:38px}.nav-icon{font-size:14px}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-toggle-btn{display:none;position:absolute;top:12px;right:-15px;width:30px;height:30px;border-radius:50%;background:var(--theme-accent, rgba(6, 182, 212, .9));border:2px solid rgba(var(--theme-accent-rgb, 6, 182, 212),.5);color:#fff;font-size:14px;cursor:pointer;z-index:1001;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.sidebar-toggle-btn:hover{background:var(--theme-accent-bright, rgba(6, 182, 212, 1));transform:scale(1.1)}@media(min-width:769px){.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center}}.sidebar.collapsed{width:70px!important;min-width:70px!important}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .group-toggle,.sidebar.collapsed .sidebar-user,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .user-info{display:none!important}.sidebar.collapsed .logo-container{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 8px}.sidebar.collapsed .nav-icon{margin-right:0;font-size:20px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 8px}.sidebar.collapsed .mobile-menu-btn{display:none}.layout-main.sidebar-collapsed{margin-left:70px!important}.version-info{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--theme-text-muted, rgba(255, 255, 255, .5));font-size:12px;font-weight:500}.sidebar.collapsed .version-info{font-size:10px}.admin-header{height:70px;background:var(--theme-gradient-sidebar, linear-gradient(180deg, #1a2f50 0%, #0f1929 100%));border-bottom:2px solid var(--theme-border, rgba(59, 130, 246, .2));display:flex;align-items:center;padding:0 24px;position:relative;width:100%;box-sizing:border-box;box-shadow:0 4px 20px var(--theme-glow, rgba(59, 130, 246, .1))}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-left{display:flex;align-items:center;gap:16px;flex:1}.mobile-menu-toggle{display:none;width:40px;height:40px;background:transparent;border:none;color:var(--theme-text-secondary, rgba(255, 255, 255, .8));font-size:24px;cursor:pointer;align-items:center;justify-content:center;transition:color .3s ease;flex-shrink:0}.mobile-menu-toggle:hover{color:var(--theme-text-primary, white)}.header-search{flex:1;max-width:400px;position:relative}.search-input{width:100%;padding:10px 14px 10px 40px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border:1px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:10px;color:var(--theme-text-primary, white);font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.15);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5));box-shadow:0 0 20px var(--theme-glow, rgba(59, 130, 246, .2))}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.action-item{position:relative;flex-shrink:0;display:flex;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border:1px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:10px;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;flex-shrink:0}.action-btn:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5));color:var(--theme-text-primary, rgba(255, 255, 255, .9))}.notification-btn{position:relative}.notification-icon{font-size:18px}.notification-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:linear-gradient(135deg,#ff006e,#ec4899);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.profile-btn{padding:8px 12px}.profile-avatar{width:32px;height:32px;background:var(--theme-gradient-avatar, linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.profile-name{font-size:14px;font-weight:600;color:var(--theme-text-primary, white);white-space:nowrap}.notification-dropdown,.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:300px;background:var(--theme-bg-card, rgba(15, 25, 41, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:12px;box-shadow:var(--theme-shadow-card, 0 10px 40px rgba(0, 0, 0, .3));overflow:hidden;animation:slideDown .2s ease-out;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px 16px 12px;border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .2));display:flex;align-items:center;justify-content:space-between}.dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--theme-text-primary, white)}.close-btn{background:none;border:none;color:var(--theme-text-muted, rgba(255, 255, 255, .5));cursor:pointer;font-size:20px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-btn:hover{color:var(--theme-text-secondary, rgba(255, 255, 255, .8))}.notification-list{max-height:320px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.05)}.notification-list::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.3);border-radius:3px}.notification-item{padding:12px 16px;border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .1));display:flex;gap:12px;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1)}.notification-item:last-child{border-bottom:none}.notif-icon{font-size:20px;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-message{margin:0 0 4px;font-size:14px;color:var(--theme-text-primary, rgba(255, 255, 255, .9));font-weight:500}.notif-time{margin:0;font-size:12px;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.dropdown-footer{padding:12px 16px;border-top:1px solid var(--theme-border, rgba(59, 130, 246, .2));text-align:center}.view-all-btn{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);border:1px solid var(--theme-border, rgba(59, 130, 246, .3));color:var(--theme-accent, #06b6d4);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.view-all-btn:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2);border-color:var(--theme-border-hover, rgba(59, 130, 246, .5))}.profile-header{padding:16px;border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .2));display:flex;gap:12px;align-items:center}.profile-avatar-large{width:48px;height:48px;background:var(--theme-gradient-avatar, linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.profile-username{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--theme-text-primary, white)}.profile-email{margin:0;font-size:12px;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.profile-menu{padding:8px 0}.profile-menu-item{width:100%;padding:12px 16px;background:none;border:none;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;transition:all .2s ease}.profile-menu-item:hover{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.15);color:var(--theme-text-primary, rgba(255, 255, 255, .9))}.profile-menu-item span{font-size:16px}.profile-divider{height:1px;background:var(--theme-border, rgba(59, 130, 246, .2));margin:8px 0}.logout-btn{color:var(--theme-error, #ff006e)}.logout-btn:hover{background:var(--theme-error-bg, rgba(255, 0, 110, .1))}@media(max-width:1024px){.admin-header{padding:0 16px}.header-content{gap:16px}.header-search{max-width:250px}.search-input{font-size:13px;padding:8px 12px 8px 36px}.search-icon{font-size:14px;left:10px}.action-btn{padding:6px 10px;font-size:13px}.profile-name{display:none}.profile-avatar{width:28px;height:28px;font-size:14px}}@media(max-width:768px){.admin-header{height:56px;padding:0 12px}.header-content{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;width:100%}.header-left{flex:0 0 auto;gap:8px;display:flex;align-items:center}.mobile-menu-toggle{display:flex;width:36px;height:36px;font-size:22px}.header-search{display:none}.header-actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;justify-content:flex-start;flex-wrap:nowrap;margin-left:100px}.action-item{position:relative;flex-shrink:0;display:inline-flex;align-items:center}.action-item:last-child{margin-right:0}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;font-size:12px;border:1px solid var(--theme-border, rgba(59, 130, 246, .3));background:rgba(var(--theme-primary-rgb, 59, 130, 246),.1);color:var(--theme-text-primary, rgba(255, 255, 255, .9));min-width:40px;height:40px;border-radius:10px}.action-btn:active{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.3);color:var(--theme-text-primary, white)}.notification-btn{display:inline-flex;align-items:center;justify-content:center}.notification-icon{font-size:18px}.notification-badge{width:16px;height:16px;font-size:9px;top:-2px;right:-2px}.profile-name{display:none}.profile-btn{padding:6px;min-width:40px;height:40px;border:1px solid rgba(var(--theme-accent-rgb, 6, 182, 212),.4)!important;background:rgba(var(--theme-accent-rgb, 6, 182, 212),.15)!important}.profile-btn:active{background:rgba(var(--theme-accent-rgb, 6, 182, 212),.3)!important}.profile-avatar{width:28px;height:28px;font-size:14px}.notification-dropdown,.profile-dropdown{position:fixed;top:56px;right:0;left:0;min-width:auto;width:calc(100% - 24px);margin:12px;border-radius:12px;max-width:none;z-index:9999;background:var(--theme-bg-card, rgba(15, 25, 41, .98));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--theme-shadow-card, 0 10px 40px rgba(0, 0, 0, .5))}.calendar-dropdown{position:fixed!important;top:56px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(100% - 24px)!important;max-width:320px!important;margin:0 auto!important;z-index:9999!important}.notification-list{max-height:300px}.profile-header{padding:16px;border-bottom:1px solid var(--theme-border, rgba(59, 130, 246, .2))}.profile-avatar-large{width:50px;height:50px;font-size:24px}.profile-username{font-size:16px}.profile-email{font-size:13px}.profile-menu{padding:8px 0}.profile-menu-item{padding:14px 16px;font-size:15px;display:flex;align-items:center;gap:12px;color:var(--theme-text-primary, rgba(255, 255, 255, .9))}.profile-menu-item span{font-size:18px}.profile-menu-item:active{background:rgba(var(--theme-primary-rgb, 59, 130, 246),.2)}.logout-btn{padding:14px 16px;font-size:15px}}@media(max-width:480px){.admin-header{height:50px;padding:0 10px}.header-content,.header-left{gap:6px}.mobile-menu-toggle{width:32px;height:32px;font-size:20px}.header-actions{gap:6px;justify-content:flex-end;margin-left:8px}.action-btn{padding:6px;min-width:36px;height:36px;border-radius:8px}.notification-dropdown,.profile-dropdown{width:calc(100% - 16px);margin:8px;top:50px;z-index:9999}.calendar-dropdown{position:fixed!important;top:50px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(100% - 16px)!important;max-width:300px!important;padding:12px!important;z-index:9999!important}.profile-btn{padding:5px;min-width:36px;height:36px}.profile-avatar{width:26px;height:26px;font-size:12px}.notification-icon{font-size:16px}.notification-badge{width:14px;height:14px;font-size:8px;top:-2px;right:-2px}.profile-header{padding:14px;gap:10px}.profile-avatar-large{width:44px;height:44px;font-size:20px}.profile-username{font-size:15px}.profile-email{font-size:12px}.profile-menu-item{padding:12px 14px;font-size:14px;gap:10px}.profile-menu-item span{font-size:16px}.logout-btn{padding:12px 14px;font-size:14px}.profile-divider{margin:6px 0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:360px){.admin-header{height:48px;padding:0 8px}.header-content,.header-left{gap:4px}.mobile-menu-toggle{width:30px;height:30px;font-size:18px}.header-actions{gap:4px;justify-content:flex-end;margin-left:8px}.action-btn{padding:5px;min-width:32px;height:32px;border-radius:6px}.profile-btn{padding:4px;min-width:32px;height:32px}.profile-avatar{width:24px;height:24px;font-size:11px}.notification-icon{font-size:14px}.notification-badge{width:12px;height:12px;font-size:7px;top:-1px;right:-1px}.notification-dropdown,.profile-dropdown{width:calc(100% - 12px);margin:6px;top:48px}.calendar-dropdown{position:fixed!important;top:48px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(100% - 12px)!important;max-width:280px!important;padding:10px!important;z-index:9999!important}.profile-header{padding:12px;gap:8px}.profile-avatar-large{width:40px;height:40px;font-size:18px}.profile-username{font-size:14px}.profile-email{font-size:11px}.profile-menu-item{padding:10px 12px;font-size:13px;gap:8px}.profile-menu-item span{font-size:14px}.logout-btn{padding:10px 12px;font-size:13px}}.sms-portal-toggle{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #06b6d466;z-index:1000;transition:all .3s ease}.sms-portal-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #06b6d480}.sms-icon{font-size:28px}.sms-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #ef444480}.sms-portal-toggle.has-new-message{animation:pulse-notification 1s infinite}@keyframes pulse-notification{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sms-portal{position:fixed;bottom:100px;right:24px;width:380px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 150px);background:linear-gradient(135deg,#0f1729,#1a2744);border:1px solid rgba(59,130,246,.3);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;z-index:1001;overflow:hidden;overscroll-behavior:contain}.sms-portal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1e3a8a80;border-bottom:1px solid rgba(59,130,246,.2)}.sms-portal-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.sms-close-btn{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.sms-close-btn:hover{color:#fff}.sms-portal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain}.sms-new-message{padding:12px 16px;border-bottom:1px solid rgba(59,130,246,.1)}.sms-phone-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.sms-phone-input:focus{border-color:#06b6d480}.sms-phone-input::-moz-placeholder{color:#fff6}.sms-phone-input::placeholder{color:#fff6}.sms-search-container{padding:12px 16px;border-bottom:1px solid rgba(59,130,246,.1);position:relative}.sms-search-input{width:100%;padding:10px 36px 10px 14px;background:#ffffff14;border:1px solid rgba(6,182,212,.3);border-radius:20px;color:#fff;font-size:14px;outline:none;transition:all .2s}.sms-search-input:focus{border-color:#06b6d499;background:#ffffff1a;box-shadow:0 0 0 3px #06b6d41a}.sms-search-input::-moz-placeholder{color:#ffffff80}.sms-search-input::placeholder{color:#ffffff80}.sms-search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background-color .2s}.sms-search-clear:hover{background:#ffffff4d}.sms-conversation-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.sms-conversation-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid rgba(59,130,246,.1);transition:background-color .2s}.sms-conversation-item:hover{background:#3b82f61a}.sms-conversation-item.unread{background:#06b6d41a}.sms-conversation-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:600;flex-shrink:0}.sms-conversation-details{flex:1;min-width:0}.sms-conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sms-conversation-name{font-weight:500;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-conversation-time{font-size:11px;color:#ffffff80;flex-shrink:0}.sms-conversation-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.sms-user-unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #ef444466;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sms-conversation-preview{font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-empty{display:flex;align-items:center;justify-content:center;height:150px;color:#fff6;font-size:14px}.sms-conversation-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e3a8a4d;border-bottom:1px solid rgba(59,130,246,.2)}.sms-back-btn{background:none;border:none;color:#06b6d4;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.sms-back-btn:hover{background:#06b6d41a}.sms-conversation-info{display:flex;flex-direction:column}.sms-conversation-phone{font-size:14px;color:#fff;font-weight:500}.sms-conversation-name{font-size:12px;color:#fff9}.sms-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.sms-message{max-width:80%;padding:10px 14px;border-radius:16px;position:relative}.sms-message.inbound{align-self:flex-start;background:#3b82f64d;border-bottom-left-radius:4px}.sms-message.outbound{align-self:flex-end;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-bottom-right-radius:4px}.sms-message-content{color:#fff;font-size:14px;line-height:1.4;word-wrap:break-word}.sms-message-time{font-size:10px;color:#fff9;margin-top:4px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.sms-status{font-size:12px}.sms-status.delivered{color:#22c55e}.sms-status.failed{color:#ef4444}.sms-portal-footer{padding:12px 16px;border-top:1px solid rgba(59,130,246,.2);background:#1e3a8a4d}.sms-error{background:#ef444433;color:#ef4444;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:8px}.sms-success{background:#22c55e33;color:#22c55e;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:8px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sms-input-container{display:flex;gap:8px;align-items:flex-end}.sms-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;resize:none;outline:none;font-family:inherit;transition:border-color .2s}.sms-input:focus{border-color:#06b6d480}.sms-input::-moz-placeholder{color:#fff6}.sms-input::placeholder{color:#fff6}.sms-send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all .2s;flex-shrink:0}.sms-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #06b6d466}.sms-send-btn:disabled{opacity:.5;cursor:not-allowed}.sms-portal-body::-webkit-scrollbar,.sms-conversation-list::-webkit-scrollbar,.sms-messages::-webkit-scrollbar{width:6px}.sms-portal-body::-webkit-scrollbar-track,.sms-conversation-list::-webkit-scrollbar-track,.sms-messages::-webkit-scrollbar-track{background:transparent}.sms-portal-body::-webkit-scrollbar-thumb,.sms-conversation-list::-webkit-scrollbar-thumb,.sms-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sms-portal-body::-webkit-scrollbar-thumb:hover,.sms-conversation-list::-webkit-scrollbar-thumb:hover,.sms-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:480px){.sms-portal{width:calc(100vw - 24px);right:12px;bottom:80px;height:calc(100vh - 120px)}.sms-portal-toggle{right:16px;bottom:16px;width:54px;height:54px}}.sms-portal-toggle.theme2{background:linear-gradient(135deg,#8dc63f,#6bb536);box-shadow:0 4px 20px #8dc63f66}.sms-portal-toggle.theme2:hover{box-shadow:0 6px 25px #8dc63f80}.sms-portal-toggle.theme2.has-new-message{animation:pulse-notification-theme2 1s infinite}@keyframes pulse-notification-theme2{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sms-portal.theme2{background:#fff;border:2px solid rgba(141,198,63,.3);box-shadow:0 10px 40px #00000026}.sms-portal-header.theme2{background:linear-gradient(135deg,#8dc63f,#6bb536);border-bottom:1px solid rgba(141,198,63,.2)}.sms-portal-header.theme2 h3{color:#fff}.sms-portal.theme2 .sms-close-btn{color:#ffffffe6}.sms-portal.theme2 .sms-close-btn:hover{color:#fff}.sms-new-message.theme2{border-bottom-color:#8dc63f26}.sms-phone-input.theme2{background:#fff;border:1px solid rgba(141,198,63,.3);color:#1a2e05}.sms-phone-input.theme2:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1a}.sms-phone-input.theme2::-moz-placeholder{color:#6669}.sms-phone-input.theme2::placeholder{color:#6669}.sms-conversation-list.theme2{background:#f9fafb}.sms-conversation-item.theme2{border-bottom-color:#8dc63f1a;background:#fff}.sms-conversation-item.theme2:hover{background:#8dc63f14}.sms-conversation-item.theme2.unread{background:#8dc63f1a}.sms-conversation-avatar.theme2{background:linear-gradient(135deg,#8dc63f,#6bb536)}.sms-conversation-item.theme2 .sms-conversation-name{color:#1a2e05}.sms-conversation-item.theme2 .sms-conversation-time{color:#666666b3}.sms-conversation-item.theme2 .sms-conversation-preview,.sms-empty.theme2{color:#666}.sms-conversation-header.theme2{background:#8dc63f1a;border-bottom-color:#8dc63f33}.sms-back-btn.theme2{color:#6bb536}.sms-back-btn.theme2:hover{background:#8dc63f1a}.sms-conversation-header.theme2 .sms-conversation-phone{color:#1a2e05}.sms-messages.theme2{background:#f9fafb}.sms-message.theme2.inbound{background:#8dc63f26}.sms-message.theme2.inbound .sms-message-content{color:#1a2e05}.sms-message.theme2.inbound .sms-message-time{color:#666666b3}.sms-message.theme2.outbound{background:linear-gradient(135deg,#8dc63f,#6bb536)}.sms-message.theme2.outbound .sms-message-content{color:#fff}.sms-message.theme2.outbound .sms-message-time{color:#fffc}.sms-portal-footer.theme2{background:#8dc63f14;border-top-color:#8dc63f33}.sms-input.theme2{background:#fff;border:1px solid rgba(141,198,63,.3);color:#1a2e05}.sms-input.theme2:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1a}.sms-input.theme2::-moz-placeholder{color:#6669}.sms-input.theme2::placeholder{color:#6669}.sms-send-btn.theme2{background:linear-gradient(135deg,#8dc63f,#6bb536)}.sms-send-btn.theme2:hover:not(:disabled){box-shadow:0 4px 15px #8dc63f66}.sms-portal.theme2 .sms-portal-body::-webkit-scrollbar-thumb,.sms-portal.theme2 .sms-conversation-list::-webkit-scrollbar-thumb,.sms-portal.theme2 .sms-messages::-webkit-scrollbar-thumb{background:#8dc63f4d}.sms-portal.theme2 .sms-portal-body::-webkit-scrollbar-thumb:hover,.sms-portal.theme2 .sms-conversation-list::-webkit-scrollbar-thumb:hover,.sms-portal.theme2 .sms-messages::-webkit-scrollbar-thumb:hover{background:#8dc63f80}.admin-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--theme-bg-primary, #0f1929);position:relative;overflow:hidden;transition:background .3s ease}.mobile-overlay{position:fixed;inset:0;background:var(--theme-backdrop, rgba(0, 0, 0, .6));z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:calc(100% - 250px);margin-left:250px;transition:all .3s ease;min-height:100vh;min-height:100dvh}.layout-main.sidebar-collapsed{width:calc(100% - 80px);margin-left:80px}.layout-content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch}.layout-content::-webkit-scrollbar{width:8px}.layout-content::-webkit-scrollbar-track{background:transparent}.layout-content::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .1));border-radius:10px}.layout-content::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover, rgba(255, 255, 255, .2))}.layout-content{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb, rgba(255, 255, 255, .1)) transparent}@media(max-width:1024px){.layout-main{width:calc(100% - 220px);margin-left:220px}.layout-main.sidebar-collapsed{width:calc(100% - 70px);margin-left:70px}}@media(max-width:768px){.admin-layout{flex-direction:column;overflow-x:hidden}.layout-main{width:100%;margin-left:0;margin-top:0;min-height:100vh;min-height:100dvh}.layout-main.sidebar-collapsed{width:100%;margin-left:0}.layout-content{padding:12px 12px 20px;overflow-x:hidden}}@media(max-width:480px){.layout-content{padding:10px 10px 16px}}@media(max-width:360px){.layout-content{padding:8px 8px 12px}}.application-page{width:100%;min-height:100vh}.application-container{max-width:900px;margin:0 auto;padding:40px;box-sizing:border-box}.application-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.application-date-input{width:100%;padding:14px 16px;background-color:#ffffff0d;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#ecf2ff;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer}.application-date-input:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff33}.application-date-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300d4ff' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}.application-date-input::-webkit-calendar-picker-indicator{background:transparent;cursor:pointer;padding:0;margin:0;opacity:0;position:absolute;right:0;top:0;bottom:0;width:44px;height:100%}.application-date-input::-webkit-datetime-edit{padding:0;color:#ecf2ff}.application-date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.application-date-input::-webkit-datetime-edit-text{color:#ffffff80;padding:0 4px}.application-date-input::-webkit-datetime-edit-month-field,.application-date-input::-webkit-datetime-edit-day-field,.application-date-input::-webkit-datetime-edit-year-field{color:#ecf2ff}.application-select{width:100%;padding:14px 16px;background-color:#000;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#ecf2ff;font-size:15px;font-family:inherit;cursor:pointer;transition:all .3s ease;outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.application-select:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff33}.application-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d4ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:40px}.application-select option{background:#1a2744;color:#ecf2ff;padding:12px}.application-select::-ms-expand{display:none}.application-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.application-form-group-full{grid-column:1 / -1}@media(max-width:1023px){.application-container{padding:30px}.application-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.application-date-input,.application-select{font-size:16px;padding:14px 16px}}@media(max-width:767px){.application-container{padding:20px;border-radius:12px}.application-form-grid{grid-template-columns:1fr;gap:12px}.application-date-input{width:100%!important;max-width:100%!important;min-height:50px;font-size:16px!important;padding:14px 48px 14px 16px!important;border-radius:10px;touch-action:manipulation}.application-date-input::-webkit-calendar-picker-indicator{width:50px;min-height:50px;right:0}.application-select{width:100%!important;max-width:100%!important;min-height:50px;font-size:16px!important;padding:14px 44px 14px 16px!important;border-radius:10px;touch-action:manipulation;background-position:right 14px center}.application-form-group{margin-bottom:16px}.application-form-group-full{grid-column:auto}.application-radio-group{flex-wrap:wrap!important;gap:10px!important}.application-dropdown{position:relative!important}.application-dropdown-menu{position:fixed!important;left:16px!important;right:16px!important;max-height:60vh!important;z-index:1000!important}}@media(max-width:479px){.application-container{padding:16px;border-radius:10px;margin:8px}.application-form-grid{gap:10px}.application-date-input{min-height:52px;font-size:16px!important;padding:12px 48px 12px 14px!important;border-radius:8px;background-position:right 12px center;background-size:16px}.application-select{min-height:52px;font-size:16px!important;padding:12px 40px 12px 14px!important;border-radius:8px;background-position:right 12px center;background-size:10px}.application-label{font-size:12px!important}.application-form-group{margin-bottom:14px;gap:6px}.application-selected-tag{font-size:12px!important;padding:5px 10px!important}}@media(max-height:500px)and (orientation:landscape){.application-container{padding:16px 24px}.application-form-grid{grid-template-columns:repeat(2,1fr);gap:12px}.application-date-input,.application-select{min-height:44px;padding:10px 14px!important;font-size:14px!important}}.application-date-input:disabled,.application-select:disabled{opacity:.6;cursor:not-allowed;background-color:#0f192980}.application-date-input:focus-visible,.application-select:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}@media(max-width:767px){.wizard-steps{overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.wizard-step{min-width:60px;flex-shrink:0}.wizard-step-title{font-size:10px!important;display:none}.wizard-step-icon{font-size:20px}}@media(max-width:479px){.application-nav-buttons{flex-direction:column!important;gap:10px!important}.application-nav-buttons button{width:100%;min-height:48px}}.form-container-responsive{max-width:900px;margin:0 auto;padding:40px;box-sizing:border-box}@media(max-width:1023px){.form-container-responsive{padding:30px}}@media(max-width:767px){.form-container-responsive{padding:20px;border-radius:12px}}@media(max-width:479px){.form-container-responsive{padding:16px;border-radius:10px;margin:8px}}.nav-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(0,212,255,.2);gap:16px;flex-wrap:wrap}.nav-buttons-right{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:767px){.nav-buttons-container{flex-direction:column;gap:12px}.nav-btn-back,.nav-btn-next,.nav-btn-save,.nav-btn-submit{width:100%!important;min-height:50px;font-size:15px!important}.nav-buttons-right{width:100%;flex-direction:column;gap:10px}}.nav-btn-back,.nav-btn-next,.nav-btn-save,.nav-btn-submit{padding:14px 28px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:none}.nav-btn-back{background:#ffffff1a;color:#8a9bca;border:1px solid rgba(255,255,255,.2)}.nav-btn-back:disabled{opacity:.4;cursor:not-allowed}.nav-btn-next{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.nav-btn-save{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fbbf24}.nav-btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.nav-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.wizard-steps-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.step-title{font-size:10px!important}}@media(max-width:479px){.step-title{display:none!important}.wizard-step-icon{width:36px!important;height:36px!important;font-size:16px!important}.step-line{width:20px!important}}.application-footer{text-align:center;padding:24px;color:#fff6;font-size:13px}@media(max-width:767px){.application-footer{padding:16px;font-size:11px}}[data-theme="2"] .application-date-input{background-color:#fff;border:1px solid rgba(141,198,63,.3);color:#1a2e05}[data-theme="2"] .application-date-input:focus{border-color:#8dc63f;box-shadow:0 0 15px #8dc63f33}[data-theme="2"] .application-date-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238DC63F' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}[data-theme="2"] .application-date-input::-webkit-datetime-edit{color:#1a2e05}[data-theme="2"] .application-date-input::-webkit-datetime-edit-text{color:#1a2e0580}[data-theme="2"] .application-date-input::-webkit-datetime-edit-month-field,[data-theme="2"] .application-date-input::-webkit-datetime-edit-day-field,[data-theme="2"] .application-date-input::-webkit-datetime-edit-year-field{color:#1a2e05}[data-theme="2"] .application-select{background-color:#fff;border:1px solid rgba(141,198,63,.3);color:#1a2e05}[data-theme="2"] .application-select:focus{border-color:#8dc63f;box-shadow:0 0 15px #8dc63f33}[data-theme="2"] .application-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238DC63F' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme="2"] .application-select option{background:#fff;color:#1a2e05}[data-theme="2"] .application-date-input:disabled,[data-theme="2"] .application-select:disabled{background-color:#f8fdf580}[data-theme="2"] .application-date-input:focus-visible,[data-theme="2"] .application-select:focus-visible{outline:2px solid #8DC63F}[data-theme="2"] .nav-buttons-container{border-top-color:#8dc63f33}[data-theme="2"] .nav-btn-back{border-color:#8dc63f66;color:#666;border-radius:25px}[data-theme="2"] .nav-btn-next{background:linear-gradient(135deg,#8dc63f,#6bb536);box-shadow:0 4px 15px #8dc63f66;border-radius:25px}[data-theme="2"] .nav-btn-save{border-color:#8dc63f80;background:#8dc63f1a;color:#6bb536;border-radius:25px}[data-theme="2"] .nav-btn-submit{background:linear-gradient(135deg,#8dc63f,#6bb536);box-shadow:0 4px 15px #8dc63f66;border-radius:25px}[data-theme="2"] .application-label{color:#1a2e05!important}.executive-policy-date-input{width:100%;padding:8px 12px;border:1px solid #cccccc;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:14px;color:#000!important;background:#fff!important;color-scheme:light}.executive-policy-date-input::-webkit-datetime-edit{color:#000!important}.executive-policy-date-input::-webkit-datetime-edit-text{color:#666!important}.executive-policy-date-input::-webkit-datetime-edit-month-field,.executive-policy-date-input::-webkit-datetime-edit-day-field,.executive-policy-date-input::-webkit-datetime-edit-year-field{color:#000!important}.executive-policy-date-input::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}[data-theme="2"] .executive-policy-date-input{color:#000!important;background:#fff!important}[data-theme="2"] .executive-policy-date-input::-webkit-datetime-edit,[data-theme="2"] .executive-policy-date-input::-webkit-datetime-edit-month-field,[data-theme="2"] .executive-policy-date-input::-webkit-datetime-edit-day-field,[data-theme="2"] .executive-policy-date-input::-webkit-datetime-edit-year-field{color:#000!important}.create-user-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--theme-gradient-bg, linear-gradient(135deg, #0a1e3e 0%, #1a3a5e 50%, #0f1929 100%));position:relative;overflow:hidden;padding:60px 20px 40px;transition:background .3s ease}.create-user-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 25%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 26%,transparent 27%,transparent 74%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 75%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 25%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 26%,transparent 27%,transparent 74%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 75%,var(--theme-circuit-color, rgba(59, 130, 246, .05)) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0}.create-user-container:after{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--theme-primary-rgb, 59, 130, 246),.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-glow 8s ease-in-out infinite;z-index:0;pointer-events:none}.create-user-card{position:relative;z-index:10;background:var(--theme-bg-card, rgba(15, 25, 41, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--theme-border-hover, rgba(59, 130, 246, .4));border-radius:20px;padding:60px;max-width:1000px;width:100%;box-shadow:var(--theme-shadow-card, 0 0 30px rgba(59, 130, 246, .2), inset 0 0 30px rgba(59, 130, 246, .05), 0 8px 32px rgba(0, 0, 0, .5));animation:card-glow 3s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:var(--theme-shadow-card, 0 0 30px rgba(59, 130, 246, .2), inset 0 0 30px rgba(59, 130, 246, .05), 0 8px 32px rgba(0, 0, 0, .5))}50%{box-shadow:var(--theme-shadow-card-hover, 0 0 40px rgba(59, 130, 246, .3), inset 0 0 40px rgba(59, 130, 246, .1), 0 8px 32px rgba(0, 0, 0, .5))}}.create-user-title{font-size:36px;font-weight:800;text-align:center;letter-spacing:2px;color:var(--theme-text-heading, #00d4ff);margin-bottom:50px;text-transform:uppercase;text-shadow:0 0 20px var(--theme-glow-accent, rgba(0, 212, 255, .5))}.error-banner{background:var(--theme-error-bg, rgba(255, 0, 110, .15));border:1px solid var(--theme-error-border, rgba(255, 0, 110, .5));color:var(--theme-error-light, #ff6bb0);padding:16px 20px;border-radius:12px;margin-bottom:30px;font-weight:600;display:flex;align-items:center;gap:10px}.create-user-form{display:flex;flex-direction:column;gap:40px}.form-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.form-section{display:flex;flex-direction:column;gap:20px}.section-title{font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--theme-text-heading, #00d4ff);margin-bottom:10px;text-shadow:0 0 10px var(--theme-glow-accent, rgba(0, 212, 255, .3))}.form-group{position:relative;display:flex;flex-direction:column;gap:6px}.neon-input{padding:16px 18px;background:var(--theme-bg-input, rgba(30, 58, 138, .4));border:2px solid var(--theme-border, rgba(59, 130, 246, .3));border-radius:12px;color:var(--theme-text-primary, white);font-size:16px;font-family:inherit;transition:all .3s ease;outline:none}.neon-input::-moz-placeholder{color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.neon-input::placeholder{color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.neon-input:focus{background:var(--theme-bg-input-focus, rgba(30, 58, 138, .6));border-color:rgba(var(--theme-accent-rgb, 0, 212, 255),.6);box-shadow:0 0 20px var(--theme-glow-accent, rgba(0, 212, 255, .3)),inset 0 0 20px rgba(var(--theme-accent-rgb, 0, 212, 255),.05)}.neon-input.error{border-color:var(--theme-error-border, rgba(255, 0, 110, .6));background:var(--theme-error-bg, rgba(255, 0, 110, .1))}.neon-input.error:focus{box-shadow:0 0 20px rgba(var(--theme-error, 255, 0, 110),.3),inset 0 0 20px rgba(var(--theme-error, 255, 0, 110),.05)}.error-text{font-size:12px;color:var(--theme-error-light, #ff6bb0);font-weight:600}.role-selection{gap:30px}.roles-grid{display:grid;grid-template-columns:1fr;gap:16px}.role-card{padding:24px;background:rgba(var(--theme-primary-rgb, 30, 58, 138),.3);border:2px solid var(--theme-border, rgba(59, 130, 246, .2));border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;color:var(--theme-text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.5px}.role-card:hover{background:rgba(var(--theme-primary-rgb, 30, 58, 138),.5);border-color:var(--theme-border-hover, rgba(59, 130, 246, .4))}.role-card.selected{background:rgba(var(--theme-btn-secondary-bg, 181, 55, 242),.2);border-color:var(--theme-btn-secondary-bg, rgba(181, 55, 242, .8));color:var(--theme-text-primary, white);box-shadow:0 0 20px var(--theme-glow-strong, rgba(181, 55, 242, .4)),inset 0 0 20px rgba(var(--theme-btn-secondary-bg, 181, 55, 242),.05)}.role-icon{font-size:32px}.role-label{letter-spacing:.8px}.create-button{padding:18px 40px;background:var(--theme-gradient-button, linear-gradient(135deg, #00d4ff 0%, #00ff88 100%));color:var(--theme-bg-tertiary, #0a1e3e);border:none;border-radius:12px;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px var(--theme-glow-accent, rgba(0, 212, 255, .5)),0 8px 20px var(--theme-glow, rgba(0, 212, 255, .3));position:relative;overflow:hidden}.create-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 50px var(--theme-glow-accent, rgba(0, 212, 255, .8)),0 12px 30px var(--theme-glow, rgba(0, 212, 255, .4))}.create-button:hover:not(:disabled):before{left:100%}.create-button:active:not(:disabled){transform:translateY(0)}.create-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{padding:12px 30px;background:transparent;border:2px solid var(--theme-border, rgba(255, 255, 255, .3));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cancel-button:hover:not(:disabled){border-color:var(--theme-border-hover, rgba(255, 255, 255, .6));color:var(--theme-text-primary, white);background:rgba(var(--theme-primary-rgb, 255, 255, 255),.05)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.create-user-container{padding:40px 16px 30px}.create-user-card{padding:40px 35px}}@media(max-width:768px){.create-user-container{padding:30px 12px 20px}.create-user-card{padding:30px 24px}.create-user-title{font-size:24px;margin-bottom:30px}.form-content{grid-template-columns:1fr;gap:30px}.roles-grid{grid-template-columns:repeat(2,1fr)}.role-card{padding:16px 12px;font-size:11px;gap:8px}.role-icon{font-size:24px}.create-button{padding:14px 30px;font-size:14px}.cancel-button{width:100%;text-align:center}}@media(max-width:480px){.create-user-container{padding:20px 8px 12px}.create-user-card{padding:24px 16px;border-radius:14px;border-width:1px}.create-user-title{font-size:18px;margin-bottom:20px;letter-spacing:.5px}.form-content{gap:24px}.section-title{font-size:11px;margin-bottom:6px}.form-section{gap:14px}.neon-input{padding:12px;font-size:16px;border-radius:10px}.roles-grid{grid-template-columns:1fr;gap:10px}.role-card{flex-direction:row;padding:12px;justify-content:flex-start;gap:10px}.role-checkbox{width:18px;height:18px}.role-icon{font-size:18px}.role-label{font-size:12px}.role-description{font-size:10px;display:none}.create-user-form{gap:24px}.create-button{padding:14px 16px;font-size:13px;width:100%}.cancel-button{font-size:13px;padding:12px 16px;width:100%}.error-text{font-size:11px}}@media(max-width:360px){.create-user-card{padding:20px 12px}.create-user-title{font-size:16px}.neon-input{padding:10px}}.roles-page{width:100%;padding:32px;background:#0f1929;min-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap}.roles-header h1{margin:0;font-size:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.roles-header p{margin:8px 0 0;color:#fff9;font-size:14px}.add-role-btn{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.5px}.add-role-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.add-role-btn:disabled{opacity:.6;cursor:not-allowed}.roles-search{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.roles-search .search-input{flex:1;min-width:250px;max-width:500px;padding:12px 16px;background:#0f1929cc;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease}.roles-search .search-input:focus{outline:none;border-color:#06b6d4;background:#0f1929f2;box-shadow:0 0 20px #06b6d433}.roles-search .search-input::-moz-placeholder{color:#fff6}.roles-search .search-input::placeholder{color:#fff6}.roles-search .search-btn{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.roles-search .search-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.roles-table-container{background:#0f192999;border:2px solid rgba(59,130,246,.2);border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.roles-table{width:100%;border-collapse:collapse}.roles-table thead{background:#3b82f61a;border-bottom:2px solid rgba(59,130,246,.3)}.roles-table th{padding:16px 20px;text-align:left;font-weight:600;color:#06b6d4;font-size:13px;text-transform:uppercase;letter-spacing:1px}.roles-table tbody tr{border-bottom:1px solid rgba(59,130,246,.15);transition:all .3s ease}.roles-table tbody tr:hover{background:#3b82f61a}.roles-table td{padding:14px 20px;color:#fffc;font-size:14px}.role-name{font-weight:600;color:#fff}.role-description{color:#ffffffb3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-users,.role-permissions{text-align:center}.badge{display:inline-block;padding:4px 12px;background:#06b6d426;color:#06b6d4;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(6,182,212,.3)}.role-date{color:#fff9;font-size:13px}.action-link{padding:6px 14px;background:transparent;border:1px solid #06b6d4;color:#06b6d4;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;border-radius:6px}.action-link:hover:not(:disabled){background:#06b6d426;color:#00d4ff;border-color:#00d4ff}.action-link:disabled{opacity:.6;cursor:not-allowed}.action-link.deactivate{color:#f59e0b;border-color:#f59e0b}.action-link.deactivate:hover:not(:disabled){background:#f59e0b26;color:#fbbf24;border-color:#fbbf24}.action-link.activate{color:#10b981;border-color:#10b981}.action-link.activate:hover:not(:disabled){background:#10b98126;color:#34d399;border-color:#34d399}.action-link.delete{color:#ef4444;border-color:#ef4444}.action-link.delete:hover:not(:disabled){background:#ef444426;color:#ff6b6b;border-color:#ff6b6b}.modal-overlay{position:fixed;inset:70px 0 0 250px;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1024px){.modal-overlay{left:220px}}@media(max-width:768px){.modal-overlay{top:60px;left:0}}.modal-content{background:#0f1929f2;border:2px solid rgba(59,130,246,.3);border-radius:15px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.btn-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.btn-close:hover{background:#3b82f626;color:#06b6d4}.role-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{padding:12px 16px;background:#0f1929cc;border:2px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#06b6d4;background:#0f1929f2;box-shadow:0 0 20px #06b6d433}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{padding:10px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#06b6d4;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cancel:hover:not(:disabled){background:#3b82f640;border-color:#06b6d4}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit{padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.delete-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal{background:#0f1929f2;border:2px solid rgba(239,68,68,.3);border-radius:15px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080}.delete-modal h3{margin:0 0 16px;color:#fff;font-size:20px;font-weight:600}.delete-modal p{margin:0 0 24px;color:#ffffffb3;font-size:14px;line-height:1.6}.delete-modal p strong{color:#ef4444}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.cancel{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#06b6d4}.modal-btn.cancel:hover:not(:disabled){background:#3b82f640;border-color:#06b6d4}.modal-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.modal-btn.delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ef44444d}.modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.roles-page{padding:24px}.roles-header h1{font-size:28px}.roles-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.roles-table{min-width:700px}}@media(max-width:768px){.roles-page{padding:16px}.roles-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.roles-header h1{font-size:24px}.add-role-btn{width:100%;text-align:center;padding:14px 20px}.roles-search{margin-bottom:16px}.roles-search .search-input{min-width:100%;max-width:100%}.roles-search .search-btn{width:100%}.roles-table-container{border-radius:12px}.roles-table{font-size:12px}.roles-table th,.roles-table td{padding:10px 12px}.table-actions{flex-direction:row;gap:4px;flex-wrap:nowrap}.action-link{padding:4px 6px;font-size:10px;white-space:nowrap}.modal-content,.delete-modal{margin:16px;padding:24px;max-width:calc(100% - 32px)}}@media(max-width:480px){.roles-page{padding:12px}.roles-header{margin-bottom:16px;gap:12px}.roles-header h1{font-size:20px}.roles-header p{font-size:12px}.add-role-btn{padding:12px 16px;font-size:14px}.roles-search{gap:8px}.roles-search .search-input{padding:10px 12px;font-size:16px;border-radius:8px}.roles-search .search-btn{padding:10px 16px;font-size:13px}.roles-table-container{border-radius:10px;border-width:1px;overflow-x:auto;-webkit-overflow-scrolling:touch}.roles-table{min-width:800px}.roles-table th,.roles-table td{padding:6px 8px;font-size:10px;white-space:nowrap}.role-name{font-size:11px}.role-description{min-width:120px;font-size:10px;max-width:none}.badge{padding:2px 6px;font-size:9px}.role-date{font-size:9px}.action-link{padding:3px 5px;font-size:9px}.table-actions{flex-direction:row;gap:3px;flex-wrap:nowrap}.empty-state{padding:40px 16px;font-size:14px}.modal-content{padding:20px;border-radius:12px}.modal-header h2{font-size:18px}.form-group label{font-size:12px}.form-group input,.form-group textarea{padding:10px 12px;font-size:16px;border-radius:8px}.modal-footer{gap:10px}.btn-cancel,.btn-submit{padding:10px 14px;font-size:12px}.delete-modal{padding:20px;border-radius:12px}.delete-modal h3{font-size:18px}.delete-modal p{font-size:13px}.modal-btn{padding:10px 14px;font-size:12px}}@media(max-width:360px){.roles-page{padding:8px}.roles-header h1{font-size:18px}.roles-table th,.roles-table td{padding:6px 8px;font-size:10px}.table-actions{flex-direction:row;gap:2px;flex-wrap:nowrap}.action-link{padding:2px 4px;font-size:8px}}.dispatcher-email{color:#fffc}.dispatcher-role-badge{padding:4px 10px;background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3);border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;display:inline-block}.dispatcher-role-badge.super-admin{background:#a855f726;color:#a855f7;border-color:#a855f74d}.dispatcher-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.dispatcher-status-badge.active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.dispatcher-status-badge.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dispatcher-actions{padding:12px;text-align:center}.action-link.view{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.action-link.view:hover:not(:disabled){background:#8b5cf633}.action-link.edit{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff}.action-link.edit:hover:not(:disabled){background:#00d4ff33}.action-link.delete{background:#ff6bb01a;border:1px solid rgba(255,107,176,.3);color:#ff6bb0}.action-link.delete:hover:not(:disabled){background:#ff6bb033}.action-link.delete.disabled{opacity:.4;cursor:not-allowed}[data-theme="2"] .roles-page{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .roles-header h1{color:#1a2e05!important}[data-theme="2"] .roles-header p{color:#333!important}[data-theme="2"] .add-role-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .add-role-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .roles-search .search-input{background:#fff!important;color:#000!important;border:2px solid #8BC53F!important}[data-theme="2"] .roles-search .search-input:focus{border-color:#8bc53f!important;box-shadow:0 0 10px #8bc53f33!important;background:#fff!important}[data-theme="2"] .roles-search .search-input::-moz-placeholder{color:#999!important}[data-theme="2"] .roles-search .search-input::placeholder{color:#999!important}[data-theme="2"] .roles-search .search-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .roles-search .search-btn:hover{background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .roles-table-container{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;overflow:hidden!important}[data-theme="2"] .roles-table thead{background:#8bc53f!important;border-bottom:none!important}[data-theme="2"] .roles-table th{color:#fff!important;background:#8bc53f!important}[data-theme="2"] .roles-table tbody tr{border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .roles-table tbody tr:hover,[data-theme="2"] .roles-table tbody tr:hover td{background:#f0f9e8!important}[data-theme="2"] .roles-table td,[data-theme="2"] .role-name{color:#000!important}[data-theme="2"] .role-description,[data-theme="2"] .role-date{color:#666!important}[data-theme="2"] .badge{background:#8bc53f26!important;color:#8bc53f!important;border-color:#8bc53f4d!important}[data-theme="2"] .action-link{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #8dc63f4d!important}[data-theme="2"] .action-link:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 4px 12px #8dc63f66!important;color:#fff!important}[data-theme="2"] .action-link.delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 12px #ef444466!important;color:#fff!important}[data-theme="2"] .modal-overlay{background:#00000080!important}[data-theme="2"] .modal-content{background:#fff!important;border:2px solid #8BC53F!important}[data-theme="2"] .modal-header h2{color:#000!important}[data-theme="2"] .btn-close{color:#666!important}[data-theme="2"] .btn-close:hover{background:#8bc53f26!important;color:#8bc53f!important}[data-theme="2"] .form-group label{color:#000!important}[data-theme="2"] .form-group input,[data-theme="2"] .form-group textarea{background:#fff!important;color:#000!important;border:2px solid #d1d5db!important}[data-theme="2"] .form-group input:focus,[data-theme="2"] .form-group textarea:focus{border-color:#8bc53f!important;box-shadow:0 0 10px #8bc53f33!important;background:#fff!important}[data-theme="2"] .form-group input::-moz-placeholder,[data-theme="2"] .form-group textarea::-moz-placeholder{color:#999!important}[data-theme="2"] .form-group input::placeholder,[data-theme="2"] .form-group textarea::placeholder{color:#999!important}[data-theme="2"] .btn-cancel{background:#8bc53f1a!important;border-color:#8bc53f!important;color:#8bc53f!important}[data-theme="2"] .btn-cancel:hover:not(:disabled){background:#8bc53f33!important}[data-theme="2"] .btn-submit{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .delete-modal{background:#fff!important;border:2px solid #ef4444!important}[data-theme="2"] .modal-btn.cancel:hover:not(:disabled){background:#8bc53f33!important}[data-theme="2"] .modal-btn.delete{background:#ef4444!important}[data-theme="2"] .modal-btn.delete:hover:not(:disabled){background:#dc2626!important}[data-theme="2"] .dispatcher-email{color:#333!important}[data-theme="2"] .dispatcher-role-badge{background:#8bc53f26!important;color:#6ba32e!important;border:1px solid rgba(139,197,63,.3)!important}[data-theme="2"] .dispatcher-role-badge.super-admin{background:#a855f726!important;color:#7c3aed!important;border-color:#a855f74d!important}[data-theme="2"] .dispatcher-status-badge.active{background:#10b98126!important;color:#059669!important;border:1px solid rgba(16,185,129,.3)!important}[data-theme="2"] .dispatcher-status-badge.inactive{background:#ef444426!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.3)!important}[data-theme="2"] .action-link.view{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf64d!important}[data-theme="2"] .action-link.view:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 4px 12px #8b5cf666!important}[data-theme="2"] .action-link.edit:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 4px 12px #8dc63f66!important}.create-dispatcher-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);position:relative;overflow:hidden;padding:20px}.create-dispatcher-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0}.create-dispatcher-container:after{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-glow 8s ease-in-out infinite;z-index:0;pointer-events:none}.create-dispatcher-card{position:relative;z-index:10;background:#0f1929f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.4);border-radius:20px;padding:50px;max-width:550px;width:100%;box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f60d,0 8px 32px #00000080;animation:card-glow 3s ease-in-out infinite}.create-dispatcher-title{font-size:32px;font-weight:800;text-align:center;letter-spacing:2px;color:#00d4ff;margin-bottom:12px;text-transform:uppercase;text-shadow:0 0 20px rgba(0,212,255,.5)}.create-dispatcher-subtitle{text-align:center;color:#fff9;margin-bottom:35px;font-size:14px}.create-dispatcher-container .error-banner{margin-bottom:16px;padding:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.create-dispatcher-container .form-group{margin-bottom:24px;display:flex;flex-direction:column}.create-dispatcher-container .form-group label{font-size:13px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.create-dispatcher-container .form-group.required label:after{content:" *";color:#ff006e}.create-dispatcher-container .form-group input,.create-dispatcher-container .form-group select{padding:12px 16px;background:#0f1929cc;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease;font-family:inherit}.create-dispatcher-container .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306b6d4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.create-dispatcher-container .form-group select option{background:#1a2332;color:#fff}.create-dispatcher-container .form-group input::-moz-placeholder{color:#fff6}.create-dispatcher-container .form-group input::placeholder{color:#fff6}.create-dispatcher-container .form-group input:focus,.create-dispatcher-container .form-group select:focus{outline:none;border-color:#06b6d4;background:#0f1929f2;box-shadow:0 0 20px #06b6d433,inset 0 0 10px #06b6d40d}.create-dispatcher-container .form-group input:disabled,.create-dispatcher-container .form-group select:disabled{opacity:.5;cursor:not-allowed}.create-dispatcher-container .password-input-wrapper{position:relative;display:flex;align-items:center}.create-dispatcher-container .password-input-wrapper input{width:100%;padding-right:50px}.create-dispatcher-container .password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:18px;padding:4px;transition:color .3s ease}.create-dispatcher-container .password-toggle:hover{color:#06b6d4}.create-dispatcher-container .form-error{color:#ff006e;font-size:12px;margin-top:6px;font-weight:600}.create-dispatcher-container .form-hint{color:#ffffff80;font-size:11px;margin-top:6px}.create-dispatcher-container .form-actions{display:flex;gap:16px;margin-top:35px}.create-dispatcher-container .form-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.create-dispatcher-container .form-btn.submit{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.create-dispatcher-container .form-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.create-dispatcher-container .form-btn.submit:disabled{opacity:.6;cursor:not-allowed}.create-dispatcher-container .form-btn.cancel{background:#06b6d41a;color:#06b6d4;border:2px solid rgba(6,182,212,.3)}.create-dispatcher-container .form-btn.cancel:hover:not(:disabled){background:#06b6d433;border-color:#06b6d4}@media(max-width:768px){.create-dispatcher-card{padding:35px 20px}.create-dispatcher-title{font-size:24px}.create-dispatcher-container .form-group{margin-bottom:20px}.create-dispatcher-container .form-actions{gap:12px;flex-direction:column}.create-dispatcher-container .form-btn{padding:12px 20px;font-size:14px}}[data-theme="2"] .create-dispatcher-container{background:#fff!important}[data-theme="2"] .create-dispatcher-container:before,[data-theme="2"] .create-dispatcher-container:after{display:none!important}[data-theme="2"] .create-dispatcher-card{background:#fff!important;border:2px solid #8BC53F!important;box-shadow:0 4px 20px #0000001a!important;animation:none!important}[data-theme="2"] .create-dispatcher-title{color:#8bc53f!important;text-shadow:none!important}[data-theme="2"] .create-dispatcher-subtitle{color:#666!important}[data-theme="2"] .create-dispatcher-container .form-group label{color:#000!important}[data-theme="2"] .create-dispatcher-container .form-group.required label:after{color:#ef4444!important}[data-theme="2"] .create-dispatcher-container .form-group input,[data-theme="2"] .create-dispatcher-container .form-group select{background:#fff!important;color:#000!important;border:2px solid #d1d5db!important}[data-theme="2"] .create-dispatcher-container .form-group input:focus,[data-theme="2"] .create-dispatcher-container .form-group select:focus{border-color:#8bc53f!important;box-shadow:0 0 10px #8bc53f33!important}[data-theme="2"] .create-dispatcher-container .form-group input::-moz-placeholder{color:#999!important}[data-theme="2"] .create-dispatcher-container .form-group input::placeholder{color:#999!important}[data-theme="2"] .create-dispatcher-container .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238BC53F' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important}[data-theme="2"] .create-dispatcher-container .form-group select option{background:#fff!important;color:#000!important}[data-theme="2"] .create-dispatcher-container .password-toggle{color:#666!important}[data-theme="2"] .create-dispatcher-container .password-toggle:hover{color:#8bc53f!important}[data-theme="2"] .create-dispatcher-container .form-error{color:#ef4444!important}[data-theme="2"] .create-dispatcher-container .form-hint{color:#666!important}[data-theme="2"] .create-dispatcher-container .error-banner{background-color:#ef44441a!important;color:#ef4444!important;border:1px solid #ef4444!important}[data-theme="2"] .create-dispatcher-container .form-btn.submit{background:#8bc53f!important;color:#fff!important;border:none!important}[data-theme="2"] .create-dispatcher-container .form-btn.submit:hover:not(:disabled){background:#7ab536!important;box-shadow:0 10px 30px #8bc53f4d!important}[data-theme="2"] .create-dispatcher-container .form-btn.cancel{background:#8bc53f1a!important;color:#8bc53f!important;border:2px solid #8BC53F!important}[data-theme="2"] .create-dispatcher-container .form-btn.cancel:hover:not(:disabled){background:#8bc53f33!important}.import-users-container{padding:24px;max-width:800px;margin:0 auto}.import-users-card{background:#1a2332;border-radius:12px;padding:32px;box-shadow:0 4px 6px #0000004d;position:relative}.import-users-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.import-users-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.import-users-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}.import-users-subtitle{color:#94a3b8;margin:0 0 24px}.csv-format-info{background:#0f172a;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #334155}.csv-format-info h3{color:#fff;margin:0 0 12px;font-size:16px}.csv-format-info p{color:#94a3b8;margin:0 0 8px;font-size:14px}.csv-format-info code{display:block;background:#1e293b;padding:12px;border-radius:6px;color:#22d3ee;font-family:Monaco,Consolas,monospace;font-size:13px;margin:8px 0;overflow-x:auto}.csv-format-info .format-note{color:#f59e0b;font-size:13px;margin-top:12px}.field-categories{max-height:400px;overflow-y:auto;margin:16px 0;padding-right:8px}.field-categories::-webkit-scrollbar{width:6px}.field-categories::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}.field-categories::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.field-categories::-webkit-scrollbar-thumb:hover{background:#64748b}.field-category{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #334155}.field-category:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.field-category h4{color:#22d3ee;font-size:13px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.field-category code{font-size:12px;padding:10px;word-break:break-word;white-space:pre-wrap}.download-template-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:12px;transition:all .2s}.download-template-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.file-upload-area{border:2px dashed #475569;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:24px;background:#0f172a}.file-upload-area:hover{border-color:#3b82f6;background:#1e293b}.file-upload-area.drag-active{border-color:#22d3ee;background:#22d3ee1a}.file-upload-area.has-file{border-color:#10b981;border-style:solid}.file-input{display:none}.upload-placeholder{color:#94a3b8}.upload-icon{font-size:48px;display:block;margin-bottom:16px}.upload-placeholder p{margin:8px 0}.or-text{color:#64748b;font-size:14px}.browse-btn{background:#334155;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:8px;transition:background .2s}.browse-btn:hover{background:#475569}.selected-file{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.file-icon{font-size:32px}.file-name{font-weight:600;font-size:16px}.file-size{color:#94a3b8;font-size:14px}.import-actions{display:flex;gap:12px;flex-wrap:wrap}.import-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.import-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.import-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.import-btn.primary:disabled{background:#475569;cursor:not-allowed;opacity:.6}.import-btn.secondary{background:#334155;color:#fff}.import-btn.secondary:hover:not(:disabled){background:#475569}.import-btn.secondary:disabled{opacity:.6;cursor:not-allowed}.import-btn.cancel{background:transparent;color:#94a3b8;border:1px solid #475569}.import-btn.cancel:hover{background:#1e293b;border-color:#64748b}.import-results{margin-top:32px;padding:24px;background:#0f172a;border-radius:12px;border:1px solid #334155}.import-results h3{color:#fff;margin:0 0 20px;font-size:18px}.results-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.result-item{flex:1;min-width:120px;padding:16px;border-radius:8px;text-align:center}.result-item.success{background:#10b98126;border:1px solid #10b981}.result-item.warning{background:#f59e0b26;border:1px solid #f59e0b}.result-item.error{background:#ef444426;border:1px solid #ef4444}.result-count{display:block;font-size:32px;font-weight:700;margin-bottom:4px}.result-item.success .result-count{color:#10b981}.result-item.warning .result-count{color:#f59e0b}.result-item.error .result-count{color:#ef4444}.result-label{color:#94a3b8;font-size:14px}.import-errors{margin-top:20px;padding:16px;background:#ef44441a;border-radius:8px;border:1px solid #ef4444}.import-errors h4{color:#ef4444;margin:0 0 12px;font-size:14px}.import-errors ul{margin:0;padding-left:20px;color:#fca5a5;font-size:13px;max-height:200px;overflow-y:auto}.import-errors li{margin-bottom:4px}@media(max-width:768px){.import-users-container{padding:16px}.import-users-card{padding:20px}.file-upload-area{padding:24px}.import-actions{flex-direction:column}.import-btn{width:100%}.results-summary{flex-direction:column}}.employee-dashboard{padding:24px;min-height:100vh;background:var(--theme-bg-primary, #0f1729);color:var(--theme-text-primary, white);box-sizing:border-box;transition:background .3s ease,color .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stats-grid::-webkit-scrollbar{height:6px}.stats-grid::-webkit-scrollbar-track{background:#00d4ff1a;border-radius:3px}.stats-grid::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.stat-card{padding:20px 24px;border-radius:12px;border:2px solid var(--theme-border, currentColor);background:var(--theme-bg-card, rgba(26, 35, 50, .8));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease;box-shadow:var(--theme-shadow-card, 0 8px 32px rgba(0, 0, 0, .3));min-height:80px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00d4ff33}.stat-content{display:flex;flex-direction:column;align-items:flex-start}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));margin-bottom:2px;white-space:nowrap}.stat-value{font-size:15px;font-weight:700;letter-spacing:-.5px;line-height:1}.stat-icon{font-size:32px;opacity:.8;flex-shrink:0}.tab-navigation{display:flex;gap:0;margin-bottom:20px;flex-wrap:wrap}.tab-button{padding:12px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-bottom:none;color:#fff9;cursor:pointer;font-weight:600;font-size:14px;border-radius:8px 8px 0 0;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-button.active-employees{background:#06b6d433;border-color:#06b6d499;color:#06b6d4}.tab-button.active-declined{background:#ef444433;border-color:#ef444499;color:#ef4444}.employee-section{position:relative}.section-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.section-title{font-size:20px;font-weight:700;margin:0;color:var(--theme-text-primary, white)}.filters-container{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.filter-group{display:flex;gap:10px;align-items:center}.employee-list{max-height:none;overflow-y:visible;overflow-x:auto;padding-bottom:10px;margin-top:20px;border-radius:8px;background:var(--theme-bg-card, rgba(15, 23, 42, .5))}.employee-list::-webkit-scrollbar{width:10px;height:8px}.employee-list::-webkit-scrollbar-track{background:#3b82f61a;border-radius:4px}.employee-list::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.employee-list::-webkit-scrollbar-thumb:hover{background:#3b82f680}.employee-list table{width:100%;min-width:800px;border-collapse:collapse}.employee-card{display:flex;flex-direction:row;gap:12px;align-items:center;padding:16px 20px;background:var(--theme-bg-card, rgba(30, 58, 138, .3));border-radius:12px;border:1px solid var(--theme-border, rgba(59, 130, 246, .15));transition:all .3s ease}.employee-card:hover{background:var(--theme-bg-card-hover, rgba(30, 58, 138, .5));border-color:var(--theme-border-hover, rgba(59, 130, 246, .3));transform:translate(4px)}.employee-avatar{width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;box-shadow:0 4px 12px #0006;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.employee-info{display:flex;flex-direction:row;gap:8px;align-items:center;flex:1;min-width:0}.employee-name{font-size:15px;font-weight:600;color:var(--theme-text-primary, rgba(255, 255, 255, .95));display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98199}.status-dot.offline{background:#6b7280;box-shadow:0 0 8px #6b72804d}.status-section{display:flex;flex-direction:row;gap:8px;align-items:center;white-space:nowrap;flex-shrink:0}.status-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:4px;white-space:nowrap}.status-label.checked-in{color:#0f8;border:1px solid #00ff88;background:#00ff881a}.status-label.checked-out{color:#ff006e;border:1px solid #ff006e;background:#ff006e1a}.status-time{font-size:13px;font-weight:600;color:#00d4ff;white-space:nowrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{font-size:14px;color:#fff9}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;gap:20px}.error-state p{color:#ff006e;font-size:14px}.retry-button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#2563eb;transform:translateY(-2px)}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 32px;text-align:center}.empty-state p{font-size:14px;color:#fff9}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:999999;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-content{flex-shrink:0;width:100%}.confirmation-modal-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-overlay::-webkit-scrollbar,.modal-content::-webkit-scrollbar,[style*="overflowY: auto"]::-webkit-scrollbar{width:10px}.modal-overlay::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,[style*="overflowY: auto"]::-webkit-scrollbar-track{background:#8b5cf61a;border-radius:5px}.modal-overlay::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,[style*="overflowY: auto"]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:5px;border:2px solid rgba(15,25,41,.5)}.modal-overlay::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,[style*="overflowY: auto"]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a78bfa,#22d3ee)}.table-container{width:100%;overflow-x:auto}.employee-table{width:100%;min-width:600px;border-collapse:collapse}@media(min-width:1025px){.employee-list{max-height:none}.employee-list table{min-width:900px}}@media(min-width:768px)and (max-width:1024px){.employee-dashboard{padding:20px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px}.employee-list{max-height:none}.employee-list table{min-width:750px}.stat-card{padding:16px 18px;min-height:70px}.stat-value{font-size:15px}.stat-icon{font-size:28px}.stat-label{font-size:10px}}@media(max-width:767px){.filter-label-area{margin-right:6px}.filter-label-job{margin-right:10px}.employee-dashboard{padding:12px;min-height:100vh;overflow-y:visible;overflow-x:hidden}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats-grid .stat-card:nth-child(4),.stats-grid .stat-card:nth-child(5){grid-column:span 1}.stat-card{padding:12px 14px;min-height:60px}.stat-value{font-size:15px}.stat-icon{font-size:22px}.stat-label{font-size:9px}.tab-navigation{margin-bottom:10px}.tab-button{padding:10px 14px;font-size:12px;flex:1;justify-content:center}.employee-section{position:relative}.section-header{margin-bottom:10px;padding-bottom:8px}.section-title{font-size:16px}.filters-container{gap:8px;flex-direction:column;align-items:stretch;margin-bottom:10px}.filter-group{width:100%;flex-wrap:wrap}.filter-group select,.filter-group input{flex:1;min-width:80px;padding:8px 10px;font-size:13px}.employee-list{max-height:none;overflow-y:visible;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border:1px solid rgba(59,130,246,.2)}.employee-list table{min-width:650px}.employee-list table th,.employee-list table td{padding:8px 6px;font-size:11px}.employee-card{padding:12px;gap:10px}.employee-avatar{width:40px;height:40px;min-width:40px;font-size:14px}.employee-name{font-size:13px}.status-label{font-size:9px;padding:4px 8px}.status-time{font-size:11px}.modal-overlay{padding:10px}.modal-overlay>div{padding:10px}.modal-content{padding:16px!important;border-radius:12px!important}}@media(max-width:479px){.employee-dashboard{padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.stats-grid .stat-card:first-child{grid-column:span 2}.stat-card{padding:10px 12px;min-height:55px;border-radius:10px}.stat-value{font-size:15px}.stat-icon{font-size:20px}.stat-label{font-size:8px}.tab-navigation{margin-bottom:8px}.tab-button{padding:8px 10px;font-size:11px}.section-header{margin-bottom:8px;padding-bottom:6px}.section-title{font-size:14px}.filters-container{gap:6px;margin-bottom:8px}.filter-group select,.filter-group input{padding:6px 8px;font-size:12px}.employee-list{max-height:none;margin-top:8px}.employee-list table{min-width:550px}.employee-list table th,.employee-list table td{padding:6px 4px;font-size:10px}.employee-card{padding:10px;gap:8px}.employee-avatar{width:36px;height:36px;min-width:36px;font-size:12px}.employee-name{font-size:12px}.status-label{font-size:8px;padding:3px 6px}.status-time{font-size:10px}.modal-overlay{padding:8px}.modal-overlay>div{padding:8px}.modal-content{padding:14px!important;border-radius:10px!important}}@media(max-width:359px){.employee-dashboard{padding:6px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stats-grid .stat-card:first-child{grid-column:span 2}.stat-card{padding:8px 10px;min-height:50px}.stat-value{font-size:15px}.stat-icon{font-size:18px}.stat-label{font-size:7px}.tab-button{padding:6px 8px;font-size:10px}.employee-list{max-height:none;margin-top:6px}.employee-list table{min-width:500px}.employee-list table th,.employee-list table td{padding:5px 3px;font-size:9px}.employee-card{padding:8px;gap:6px}.employee-avatar{width:32px;height:32px;min-width:32px;font-size:11px}.employee-name{font-size:11px}.status-label{font-size:7px;padding:2px 5px}.status-time{font-size:9px}}.assign-work-modal{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) rgba(15,25,41,.3)}.assign-work-modal::-webkit-scrollbar{width:8px}.assign-work-modal::-webkit-scrollbar-track{background:#0f19294d;border-radius:4px}.assign-work-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6cc,#06b6d4cc);border-radius:4px}.assign-work-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a78bfae6,#22d3eee6)}@media(min-width:769px){.assign-work-modal{width:650px!important;height:auto!important;max-width:650px!important}}@media(max-width:768px){.assign-work-modal{width:calc(100% - 20px)!important;max-width:100%!important;height:auto!important;min-height:auto!important;margin:10px!important;padding:20px!important;border-radius:12px!important}}@media(max-width:480px){.assign-work-modal{width:calc(100% - 16px)!important;margin:8px!important;padding:16px!important;border-radius:10px!important}.assign-work-modal h2{font-size:20px!important}.assign-work-modal label{font-size:12px!important}.assign-work-modal input,.assign-work-modal select,.assign-work-modal textarea{font-size:14px!important;padding:10px 12px!important}.assign-work-modal button{padding:10px 16px!important;font-size:13px!important}}@media(max-width:360px){.assign-work-modal{width:calc(100% - 12px)!important;margin:6px!important;padding:12px!important}.assign-work-modal h2{font-size:18px!important}}.confirm-work-modal{width:650px!important;max-width:95vw!important;height:auto!important;overflow:hidden!important;touch-action:auto!important}.confirmation-modal-overlay{touch-action:none;overflow:hidden}.confirm-work-modal::-webkit-scrollbar{width:10px}.confirm-work-modal::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.confirm-work-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6cc,#06b6d4cc);border-radius:4px}.confirm-work-modal::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}@media(min-width:769px){.confirm-work-modal{width:650px!important;max-width:650px!important}}@media(min-width:480px)and (max-width:767px){.confirm-work-modal{width:92vw!important;max-width:100%!important;padding:20px!important;border-radius:12px!important}}@media(max-width:479px){.confirm-work-modal{width:95vw!important;max-width:100%!important;padding:16px!important;border-radius:10px!important}.confirm-work-modal h3{font-size:18px!important}.confirm-work-modal label{font-size:11px!important}.confirm-work-modal p{font-size:13px!important}.confirm-work-modal button{padding:10px 16px!important;font-size:13px!important}}.confirm-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.confirm-details-grid-full{grid-column:1 / -1}.confirm-modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:479px){.confirm-details-grid{grid-template-columns:1fr!important;gap:12px!important}.confirm-modal-buttons{flex-direction:column!important;gap:8px!important}.confirm-modal-buttons button{width:100%!important}}.assign-time-row{display:flex;flex-direction:row;gap:12px}.assign-time-row>div{flex:1}@media(max-width:479px){.assign-time-row{flex-direction:column!important;gap:8px!important}.assign-time-row>div{width:100%!important}}@media(max-width:768px){td div[style*="display: flex"]{flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important}td button{padding:4px 8px!important;font-size:10px!important;white-space:nowrap!important}}@media(max-width:480px){td button{padding:3px 5px!important;font-size:9px!important}}.my-profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);padding:20px;position:relative;overflow:hidden}.my-profile-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);gap:20px}.spinner{width:50px;height:50px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.my-profile-loading p{color:#ffffffb3;font-size:16px;letter-spacing:.5px}.my-profile-card{position:relative;z-index:10;background:#0f1929f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.4);border-radius:20px;padding:50px;max-width:900px;width:100%;box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f60d,0 8px 32px #00000080;animation:card-glow 3s ease-in-out infinite}.profile-layout{display:grid;grid-template-columns:150px 1fr;gap:50px;align-items:start;margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid rgba(59,130,246,.2)}.profile-visual{display:flex;justify-content:center}.profile-picture-container{position:relative}.profile-picture{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:48px;color:#fff;border:3px solid rgba(0,212,255,.6);box-shadow:0 0 30px #00d4ff80,inset 0 0 30px #00d4ff1a;animation:profile-glow 3s ease-in-out infinite}@keyframes profile-glow{0%,to{box-shadow:0 0 30px #00d4ff80,inset 0 0 30px #00d4ff1a}50%{box-shadow:0 0 50px #00d4ffcc,inset 0 0 40px #00d4ff26}}.profile-info{display:flex;flex-direction:column;gap:20px}.info-group{display:flex;flex-direction:column;gap:8px}.info-label{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.3)}.info-value{padding:14px 16px;background:#1e3a8a66;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fffffff2;font-size:14px;font-weight:500}.info-value.bio-text{min-height:80px;display:flex;align-items:flex-start;padding-top:12px;white-space:pre-wrap;word-break:break-word}.status-display{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#1e3a8a66;border:2px solid rgba(59,130,246,.3);border-radius:10px}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.status-text{color:#fffffff2;font-weight:600;font-size:14px}.error-message{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 30px;text-align:center}.error-message p{color:#ff6bb0;font-size:16px;font-weight:600}.retry-button{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 0 20px #3b82f680}.profile-actions{display:flex;gap:16px;justify-content:center}.edit-button{padding:16px 40px;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a1e3e;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #00d4ff80,0 8px 20px #00d4ff4d;position:relative;overflow:hidden}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.edit-button:hover{transform:translateY(-2px);box-shadow:0 0 50px #00d4ffcc,0 12px 30px #00d4ff66}.edit-button:hover:before{left:100%}.edit-button:active{transform:translateY(0)}.back-button{padding:14px 28px;background:transparent;border:2px solid rgba(255,255,255,.3);color:#ffffffb3;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.back-button:hover{border-color:#fff9;color:#fff;background:#ffffff0d}@media(max-width:768px){.my-profile-card{padding:35px 25px}.profile-layout{grid-template-columns:120px 1fr;gap:30px}.profile-picture{width:120px;height:120px;font-size:40px}.profile-actions{flex-wrap:wrap}.edit-button,.back-button{flex:1;min-width:150px}}@media(max-width:480px){.my-profile-card{padding:25px 18px;border-radius:16px}.profile-layout{grid-template-columns:1fr;gap:25px;justify-items:center}.profile-visual{width:100%;padding-bottom:15px;border-bottom:1px solid rgba(59,130,246,.2)}.profile-picture{width:100px;height:100px;font-size:32px}.profile-info{width:100%}.info-label{font-size:12px}.info-value{padding:12px 14px;font-size:13px}.profile-actions{flex-direction:column;gap:12px}.edit-button,.back-button{width:100%;padding:14px 20px;font-size:12px}}.settings-page{padding:20px;max-width:1400px;margin:0 auto;background:var(--theme-bg-primary)}.settings-loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:16px;color:var(--theme-text-secondary)}.settings-header{margin-bottom:24px}.settings-header h1{font-size:24px;font-weight:600;color:var(--theme-text-primary);margin:0 0 8px}.settings-header p{font-size:14px;color:var(--theme-text-secondary);margin:0}.settings-container{display:flex;gap:24px;background:var(--theme-bg-card);border-radius:12px;box-shadow:var(--theme-shadow-card);border:1px solid var(--theme-border);overflow:visible;align-items:flex-start}.settings-sidebar{width:220px;background:var(--theme-bg-secondary);padding:16px;border-right:1px solid var(--theme-border);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}.settings-nav-item{padding:12px 16px;border:none;background:transparent;text-align:left;font-size:14px;color:var(--theme-text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.settings-nav-item:hover{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}.settings-nav-item.active{background:var(--theme-primary);color:#fff;font-weight:500}.settings-content{flex:1;padding:24px;min-height:500px;background:var(--theme-bg-card)}.settings-content.full-width{max-width:100%;padding:40px}.dispatcher-phone-ip-container{max-width:500px;margin:0 auto;padding:40px;background:var(--theme-bg-card);border-radius:16px;box-shadow:var(--theme-shadow-card);border:1px solid var(--theme-border)}.dispatcher-phone-ip-container .phone-ip-icon{width:80px;height:80px;background:var(--theme-gradient-button);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px}.dispatcher-phone-ip-container h2{text-align:center;font-size:24px;font-weight:600;color:var(--theme-text-primary);margin-bottom:8px}.dispatcher-phone-ip-container .section-description{text-align:center;margin-bottom:32px}.dispatcher-phone-ip-container .ip-select-wrapper{margin-bottom:24px}.dispatcher-phone-ip-container .ip-select-wrapper label{display:block;font-size:14px;font-weight:600;color:var(--theme-text-primary);margin-bottom:8px}.dispatcher-phone-ip-container .ip-select-wrapper select{width:100%;padding:14px 16px;border:2px solid var(--theme-border);border-radius:10px;font-size:16px;background:var(--theme-bg-card);color:var(--theme-text-primary);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.dispatcher-phone-ip-container .ip-select-wrapper select:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 4px var(--theme-glow)}.dispatcher-phone-ip-container .ip-select-wrapper select:hover{border-color:var(--theme-primary)}.dispatcher-phone-ip-container .selected-ip-display{background:var(--theme-success-bg);border:1px solid var(--theme-success);border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px}.dispatcher-phone-ip-container .selected-ip-display .check-icon{width:32px;height:32px;background:var(--theme-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.dispatcher-phone-ip-container .selected-ip-display .ip-info{flex:1}.dispatcher-phone-ip-container .selected-ip-display .ip-label{font-size:12px;color:var(--theme-success);font-weight:500;margin-bottom:2px}.dispatcher-phone-ip-container .selected-ip-display .ip-value{font-size:18px;font-weight:600;color:var(--theme-text-primary)}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section h2{font-size:18px;font-weight:600;color:var(--theme-text-primary);margin:0 0 8px}.section-description{font-size:14px;color:var(--theme-text-secondary);margin:0 0 24px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting-field{display:flex;flex-direction:column;gap:6px}.setting-field.full-width{grid-column:span 2}.setting-field label{font-size:13px;font-weight:500;color:var(--theme-text-primary)}.setting-field input,.setting-field select,.setting-field textarea{padding:10px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:14px;transition:all .2s ease;background-color:var(--theme-bg-card);color:var(--theme-text-primary)}.setting-field input:focus,.setting-field select:focus,.setting-field textarea:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-glow)}.setting-field input::-moz-placeholder,.setting-field textarea::-moz-placeholder{color:var(--theme-text-muted)}.setting-field input::placeholder,.setting-field textarea::placeholder{color:var(--theme-text-muted)}.setting-field select option{background-color:var(--theme-bg-card);color:var(--theme-text-primary)}.setting-field small{font-size:12px;color:var(--theme-text-secondary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{flex:1;padding-right:40px}.toggle-visibility-btn{position:absolute;right:8px;background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--theme-text-secondary);border-radius:4px;transition:all .2s ease}.toggle-visibility-btn:hover{color:var(--theme-primary);background:var(--theme-glow)}.test-sms-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--theme-border)}.test-sms-section h3{font-size:15px;font-weight:600;color:var(--theme-text-primary);margin:0 0 16px}.test-sms-form{display:flex;gap:12px;align-items:center}.test-sms-form input{flex:1;max-width:300px;padding:10px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:14px;background:var(--theme-bg-card);color:var(--theme-text-primary)}.test-sms-form input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-glow)}.test-btn{padding:10px 20px;background:var(--theme-btn-success-bg);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.test-btn:hover:not(:disabled){background:var(--theme-btn-success-hover)}.test-btn:disabled{opacity:.6;cursor:not-allowed}.settings-actions{margin-top:32px;padding-top:24px;border-top:1px solid var(--theme-border);display:flex;align-items:center;gap:16px}.save-btn{padding:12px 32px;background:var(--theme-btn-primary-bg);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--theme-btn-primary-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.last-updated{font-size:13px;color:var(--theme-text-secondary)}.phoneip-assign-card{background:var(--theme-info-bg);padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid var(--theme-info-border)}.phoneip-assign-card h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--theme-info)}.phoneip-assign-form{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.phoneip-assign-form .setting-field{flex:1;min-width:200px}.phoneip-select{padding:10px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:14px;background-color:var(--theme-bg-card);width:100%;color:var(--theme-text-primary)}.phoneip-assign-btn{padding:10px 24px;background:var(--theme-btn-primary-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.phoneip-assign-btn:disabled{background:var(--theme-text-muted);cursor:not-allowed}.phoneip-assigned-card{background:var(--theme-success-bg);padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid var(--theme-success-border)}.phoneip-assigned-card h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--theme-success)}.phoneip-empty{color:var(--theme-text-secondary);text-align:center;padding:20px}.phoneip-table{width:100%;border-collapse:collapse;border:1px solid var(--theme-border);border-radius:8px;overflow:hidden;background-color:var(--theme-bg-card)}.phoneip-table thead tr{background:var(--theme-table-header-bg)}.phoneip-table th{padding:12px;text-align:left;border-bottom:1px solid var(--theme-border);font-size:13px;font-weight:600;color:var(--theme-text-primary)}.phoneip-table th.col-actions{text-align:center}.phoneip-table tbody tr{border-bottom:1px solid var(--theme-success-border)}.phoneip-table td{padding:12px;font-size:14px;color:var(--theme-text-primary)}.phoneip-table td.col-actions{text-align:center}.phoneip-cell-ip{font-weight:500;color:var(--theme-text-primary)}.phoneip-cell-desc{color:var(--theme-text-secondary)}.phoneip-user-badge{background:var(--theme-info-bg);color:var(--theme-info);padding:4px 10px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block}.phoneip-role-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.phoneip-role-badge.super-admin{background:var(--theme-warning-bg);color:var(--theme-warning)}.phoneip-role-badge.dispatcher{background:var(--theme-info-bg);color:var(--theme-info)}.phoneip-btn-remove{padding:6px 14px;background:var(--theme-btn-danger-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.phoneip-btn-remove:hover{background:var(--theme-btn-danger-hover)}.phoneip-create-card{background:var(--theme-bg-secondary);padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid var(--theme-border)}.phoneip-create-card h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--theme-text-primary)}.phoneip-create-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.phoneip-create-form .setting-field{flex:1;min-width:200px}.phoneip-btn-create{padding:10px 20px;background:var(--theme-btn-success-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.phoneip-btn-create:hover{background:var(--theme-btn-success-hover)}.phoneip-btn-update{padding:10px 20px;background:var(--theme-btn-primary-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.phoneip-btn-update:hover{background:var(--theme-btn-primary-hover)}.phoneip-btn-cancel{padding:10px 20px;background:var(--theme-text-muted);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.phoneip-btn-cancel:hover{background:var(--theme-text-secondary)}.phoneip-btn-group{display:flex;gap:8px}.phoneip-list-card h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--theme-text-primary)}.phoneip-list-table{width:100%;border-collapse:collapse;border:1px solid var(--theme-border);border-radius:8px;overflow:hidden;background:var(--theme-bg-card)}.phoneip-list-table thead tr{background:var(--theme-table-header-bg)}.phoneip-list-table th{padding:12px;text-align:left;border-bottom:1px solid var(--theme-border);font-size:13px;font-weight:600;color:var(--theme-text-primary)}.phoneip-list-table th.col-actions{text-align:center}.phoneip-list-table tbody tr{border-bottom:1px solid var(--theme-border)}.phoneip-list-table td{padding:12px;font-size:14px;color:var(--theme-text-primary)}.phoneip-list-table td.col-actions{text-align:center}.phoneip-assigned-badge{background:var(--theme-success-bg);color:var(--theme-success);padding:4px 8px;border-radius:4px;font-size:12px;display:inline-block}.phoneip-not-assigned{color:var(--theme-text-muted)}.phoneip-btn-edit{padding:6px 12px;background:var(--theme-btn-primary-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:8px}.phoneip-btn-edit:hover{background:var(--theme-btn-primary-hover)}.phoneip-btn-delete{padding:6px 12px;background:var(--theme-btn-danger-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.phoneip-btn-delete:hover{background:var(--theme-btn-danger-hover)}[data-theme="2"] .settings-page{background:#fff!important}[data-theme="2"] .settings-header h1{color:#1a2e05!important;background:none!important;-webkit-text-fill-color:#1a2e05!important}[data-theme="2"] .settings-header p{color:#4b5563!important}[data-theme="2"] .settings-container{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 2px 8px #0000000d!important}[data-theme="2"] .settings-sidebar{background:#f9fafb!important;border-right:1px solid #e5e7eb!important}[data-theme="2"] .settings-nav-item{color:#374151!important;background:transparent!important}[data-theme="2"] .settings-nav-item:hover{background:#f0f9e8!important;color:#1a2e05!important}[data-theme="2"] .settings-nav-item.active{background:#8bc53f!important;color:#fff!important}[data-theme="2"] .settings-content{background:#fff!important}[data-theme="2"] .settings-section h2{color:#1a2e05!important}[data-theme="2"] .section-description{color:#4b5563!important}[data-theme="2"] .setting-field label{color:#1a2e05!important}[data-theme="2"] .setting-field input,[data-theme="2"] .setting-field select,[data-theme="2"] .setting-field textarea{background:#fff!important;border:1px solid #d1d5db!important;color:#1a2e05!important}[data-theme="2"] .setting-field input:focus,[data-theme="2"] .setting-field select:focus,[data-theme="2"] .setting-field textarea:focus{border-color:#8bc53f!important;box-shadow:0 0 0 3px #8bc53f26!important}[data-theme="2"] .setting-field select option{background:#fff!important;color:#1a2e05!important}[data-theme="2"] .setting-field small{color:#6b7280!important}[data-theme="2"] .save-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .test-sms-section{border-top:1px solid #e5e7eb!important}[data-theme="2"] .test-sms-section h3{color:#1a2e05!important}[data-theme="2"] .test-sms-form input{background:#fff!important;border:1px solid #d1d5db!important;color:#1a2e05!important}[data-theme="2"] .test-sms-form input:focus{border-color:#8bc53f!important;box-shadow:0 0 0 3px #8bc53f26!important}[data-theme="2"] .test-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .test-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .settings-actions{border-top:1px solid #e5e7eb!important}[data-theme="2"] .last-updated{color:#6b7280!important}[data-theme="2"] .phoneip-assign-card{background:#f0f9e8!important;border:1px solid #c5e1a5!important}[data-theme="2"] .phoneip-assign-card h3{color:#1a2e05!important}[data-theme="2"] .phoneip-select{background:#fff!important;border:1px solid #d1d5db!important;color:#1a2e05!important}[data-theme="2"] .phoneip-select:focus{border-color:#8bc53f!important;box-shadow:0 0 0 3px #8bc53f26!important}[data-theme="2"] .phoneip-assign-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .phoneip-assign-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .phoneip-assign-btn:disabled{background:#94a3b8!important}[data-theme="2"] .phoneip-assigned-card{background:#f0f9e8!important;border:1px solid #c5e1a5!important}[data-theme="2"] .phoneip-assigned-card h3{color:#1a2e05!important}[data-theme="2"] .phoneip-table{border:1px solid #c5e1a5!important;background:#fff!important}[data-theme="2"] .phoneip-table thead tr{background:#8bc53f!important}[data-theme="2"] .phoneip-table th{color:#fff!important;background:#8bc53f!important;border-bottom:1px solid #8BC53F!important}[data-theme="2"] .phoneip-table tbody tr{border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .phoneip-table tbody tr:hover{background:#f0f9e8!important}[data-theme="2"] .phoneip-table td{color:#1a2e05!important}[data-theme="2"] .phoneip-user-badge{background:#8bc53f26!important;color:#6ba32e!important}[data-theme="2"] .phoneip-role-badge.super-admin{background:#fef3c7!important;color:#92400e!important}[data-theme="2"] .phoneip-role-badge.dispatcher{background:#8bc53f26!important;color:#6ba32e!important}[data-theme="2"] .phoneip-btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626)!important}[data-theme="2"] .phoneip-create-card{background:#f9fafb!important;border:1px solid #e5e7eb!important}[data-theme="2"] .phoneip-create-card h3{color:#1a2e05!important}[data-theme="2"] .phoneip-btn-create{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .phoneip-btn-create:hover{background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .phoneip-btn-update{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .phoneip-btn-update:hover{background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .phoneip-list-table{border:1px solid #e5e7eb!important;background:#fff!important}[data-theme="2"] .phoneip-list-table thead tr{background:#8bc53f!important}[data-theme="2"] .phoneip-list-table th{color:#fff!important;background:#8bc53f!important;border-bottom:1px solid #8BC53F!important}[data-theme="2"] .phoneip-list-table tbody tr{border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .phoneip-list-table tbody tr:hover{background:#f0f9e8!important}[data-theme="2"] .phoneip-list-table td{color:#1a2e05!important}[data-theme="2"] .phoneip-assigned-badge{background:#8bc53f26!important;color:#6ba32e!important}[data-theme="2"] .phoneip-btn-edit{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;color:#fff!important}[data-theme="2"] .phoneip-btn-edit:hover{background:linear-gradient(135deg,#7ab52f,#5a8c24)!important}[data-theme="2"] .phoneip-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important}[data-theme="2"] .toggle-visibility-btn{color:#6b7280!important}[data-theme="2"] .toggle-visibility-btn:hover{color:#8bc53f!important;background:#8bc53f1a!important}[data-theme="2"] .settings-section h4{color:#1a2e05!important}[data-theme="2"] .settings-section ul li{color:#4b5563!important}@media(max-width:900px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--theme-border)}.settings-nav-item{flex:1;min-width:120px;text-align:center}.settings-grid{grid-template-columns:1fr}.setting-field.full-width{grid-column:span 1}}.templates-list{margin-top:20px}.templates-table{width:100%;border-collapse:collapse;background:var(--theme-bg-card);border-radius:8px;overflow:hidden;border:1px solid var(--theme-border)}.templates-table th,.templates-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--theme-border)}.templates-table th{background:var(--theme-table-header-bg);color:var(--theme-text-primary);font-weight:600;font-size:14px}.templates-table td{color:var(--theme-text-primary);font-size:14px}.templates-table tr:hover{background:var(--theme-bg-tertiary)}.template-name{font-weight:600;color:var(--theme-text-primary)}.template-desc{color:var(--theme-text-secondary);max-width:300px}.template-updated{color:var(--theme-text-muted);font-size:13px}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#4ade8033;color:#4ade80}.status-badge.inactive{background:#ef444433;color:#ef4444}.btn-edit-template{padding:6px 14px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-template:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.no-templates{text-align:center;padding:40px;color:var(--theme-text-muted)}.template-editor{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;padding:24px;margin-top:20px}.template-editor-header h3{color:var(--theme-text-primary);font-size:20px;margin:0 0 8px}.template-description{color:var(--theme-text-secondary);font-size:14px;margin:0 0 20px}.template-variables{margin-bottom:20px}.template-variables label{display:block;color:var(--theme-text-secondary);font-size:14px;margin-bottom:8px}.variables-list{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{display:inline-block;padding:4px 10px;background:var(--theme-info-bg);border:1px solid var(--theme-info-border);border-radius:4px;color:var(--theme-info);font-size:12px;font-family:monospace}.template-body-field{margin-bottom:20px}.template-body-field label{display:block;color:var(--theme-text-secondary);font-size:14px;margin-bottom:8px}.template-textarea{width:100%;padding:14px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text-primary);font-size:14px;font-family:monospace;line-height:1.5;resize:vertical;min-height:200px}.template-textarea:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-glow)}.template-active-toggle{margin-bottom:24px}.template-active-toggle label{display:flex;align-items:center;gap:10px;color:var(--theme-text-primary);cursor:pointer}.template-active-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.template-editor-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-save-template{padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-template:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save-template:disabled{opacity:.6;cursor:not-allowed}.btn-reset-template{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset-template:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-cancel-template{padding:10px 24px;background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-template:hover{background:var(--theme-bg-tertiary)}[data-theme="2"] .templates-table th{background:#8dc63f33;color:#6ba82f}[data-theme="2"] .templates-table td{color:#1f2937}[data-theme="2"] .templates-table tr:hover{background:#8dc63f1a}[data-theme="2"] .template-name{color:#1f2937}[data-theme="2"] .template-desc{color:#4b5563}[data-theme="2"] .variable-tag{background:#8dc63f33;border-color:#8dc63f4d;color:#6ba82f}[data-theme="2"] .template-editor{background:#8dc63f0d;border:1px solid rgba(141,198,63,.2)}[data-theme="2"] .template-editor-header h3{color:#1f2937}[data-theme="2"] .template-description,[data-theme="2"] .template-variables label,[data-theme="2"] .template-body-field label{color:#4b5563}[data-theme="2"] .template-textarea{background:#fff;border-color:#8dc63f4d;color:#1f2937}[data-theme="2"] .template-textarea:focus{border-color:#8dc63f;box-shadow:0 0 0 2px #8dc63f33}[data-theme="2"] .template-active-toggle label{color:#1f2937}[data-theme="2"] .btn-save-template{background:linear-gradient(135deg,#8dc63f,#6ba82f)}[data-theme="2"] .btn-cancel-template{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}[data-theme="2"] .btn-cancel-template:hover{background:#e5e7eb}.branding-settings{display:flex;flex-direction:column;gap:24px}.branding-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:12px;padding:24px}.branding-card h3{font-size:16px;font-weight:600;color:var(--theme-text-primary);margin:0 0 8px}.branding-description{font-size:13px;color:var(--theme-text-secondary);margin:0 0 16px}.branding-input{width:100%;max-width:400px;padding:12px 16px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text-primary);font-size:14px}.branding-input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-glow)}.logo-upload-area{display:flex;flex-direction:column;gap:16px}.logo-preview{width:150px;height:150px;border-radius:12px;overflow:hidden;background:var(--theme-bg-card);border:2px solid var(--theme-border);display:flex;align-items:center;justify-content:center}.logo-preview img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.logo-placeholder{width:150px;height:150px;border-radius:12px;background:var(--theme-bg-card);border:2px dashed var(--theme-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--theme-text-muted)}.logo-placeholder svg{stroke:var(--theme-text-muted)}.logo-placeholder span{font-size:12px}.logo-actions{display:flex;gap:12px}.btn-upload-logo{padding:10px 20px;background:var(--theme-gradient-button);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-upload-logo:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--theme-glow)}.btn-remove-logo{padding:10px 20px;background:transparent;border:1px solid var(--theme-danger);border-radius:8px;color:var(--theme-danger);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-remove-logo:hover{background:var(--theme-danger-bg);border-color:var(--theme-danger)}.logo-hint{font-size:12px;color:var(--theme-text-muted)}.branding-actions{padding-top:8px}.btn-save-branding{padding:12px 24px;background:var(--theme-btn-success-bg);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-branding:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save-branding:disabled{opacity:.6;cursor:not-allowed}.themes-settings{display:flex;flex-direction:column;gap:24px}.themes-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:12px;padding:24px}.themes-card h3{font-size:16px;font-weight:600;color:var(--theme-text-primary);margin:0 0 16px}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.theme-item{background:var(--theme-bg-card);border:2px solid var(--theme-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.theme-item:hover{border-color:var(--theme-primary);transform:translateY(-2px)}.theme-item.selected{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-glow)}.theme-preview{height:80px;display:flex;align-items:center;justify-content:center;padding:12px}.theme-colors{display:flex;gap:8px}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--theme-border)}.theme-info{padding:12px;background:var(--theme-bg-tertiary)}.theme-name{font-size:14px;font-weight:500;color:var(--theme-text-primary);display:block;margin-bottom:6px}.theme-badges{display:flex;gap:6px}.badge-default{padding:2px 8px;background:var(--theme-success-bg);border:1px solid var(--theme-success-border);border-radius:4px;font-size:11px;color:var(--theme-success)}.badge-custom{padding:2px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.5);border-radius:4px;font-size:11px;color:#a78bfa}.theme-actions{padding:8px 12px;background:var(--theme-bg-tertiary);display:flex;gap:8px;justify-content:flex-end}.btn-set-default{padding:4px 10px;background:transparent;border:1px solid var(--theme-success-border);border-radius:4px;color:var(--theme-success);font-size:11px;cursor:pointer;transition:all .2s ease}.btn-set-default:hover{background:var(--theme-success-bg)}.btn-delete-theme{padding:4px 10px;background:transparent;border:1px solid var(--theme-danger);border-radius:4px;color:var(--theme-danger);font-size:11px;cursor:pointer;transition:all .2s ease}.btn-delete-theme:hover{background:var(--theme-danger-bg)}.btn-toggle-custom{padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-toggle-custom:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.custom-theme-form{padding:20px;background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:12px}.color-pickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.color-picker-item{display:flex;flex-direction:column;gap:8px}.color-picker-item label{font-size:13px;color:var(--theme-text-secondary)}.color-input-group{display:flex;gap:8px;align-items:center}.color-input-group input[type=color]{width:40px;height:36px;border:none;border-radius:6px;cursor:pointer;background:transparent}.color-input-group input[type=text]{flex:1;padding:8px 12px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;color:var(--theme-text-primary);font-size:13px;font-family:monospace}.color-input-group input[type=text]:focus{outline:none;border-color:var(--theme-primary)}.custom-theme-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--theme-border)}.btn-create-theme{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-theme:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-create-theme:disabled{opacity:.6;cursor:not-allowed}.user-themes-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:12px;padding:24px;overflow-x:auto}.loading-users{padding:40px;text-align:center;color:var(--theme-text-secondary)}.no-users{padding:40px;text-align:center;color:var(--theme-text-muted)}.user-themes-table{width:100%;border-collapse:collapse}.user-themes-table th,.user-themes-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--theme-border)}.user-themes-table th{font-size:12px;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--theme-table-header-bg)}.user-themes-table td{font-size:14px;color:var(--theme-text-primary)}.user-name{font-weight:500}.user-email{color:var(--theme-text-secondary)}.role-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.role-badge.superadmin{background:var(--theme-danger-bg);color:var(--theme-danger)}.role-badge.admin{background:var(--theme-info-bg);color:var(--theme-info)}.role-badge.dispatcher{background:var(--theme-success-bg);color:var(--theme-success)}.role-badge.manager{background:var(--theme-warning-bg);color:var(--theme-warning)}.theme-select{padding:8px 12px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;color:var(--theme-text-primary);font-size:13px;cursor:pointer;min-width:150px}.theme-select:focus{outline:none;border-color:var(--theme-primary)}.theme-select option{background:var(--theme-bg-card);color:var(--theme-text-primary)}.btn-reset-user-theme{padding:6px 12px;background:transparent;border:1px solid var(--theme-warning);border-radius:6px;color:var(--theme-warning);font-size:12px;cursor:pointer;transition:all .2s ease}.btn-reset-user-theme:hover{background:var(--theme-warning-bg)}[data-theme="2"] .branding-card,[data-theme="2"] .themes-card,[data-theme="2"] .user-themes-card{background:#fff;border-color:#8dc63f4d}[data-theme="2"] .branding-card h3,[data-theme="2"] .themes-card h3{color:#1f2937}[data-theme="2"] .branding-description{color:#6b7280}[data-theme="2"] .branding-input{background:#f9fafb;border-color:#8dc63f4d;color:#1f2937}[data-theme="2"] .branding-input:focus{border-color:#8dc63f;box-shadow:0 0 0 2px #8dc63f33}[data-theme="2"] .logo-preview{background:#f9fafb;border-color:#8dc63f4d}[data-theme="2"] .logo-placeholder{background:#f9fafb;border-color:#8dc63f4d;color:#9ca3af}[data-theme="2"] .logo-placeholder svg{stroke:#9ca3af}[data-theme="2"] .btn-upload-logo{background:linear-gradient(135deg,#8dc63f,#6ba82f)}[data-theme="2"] .logo-hint{color:#6b7280}[data-theme="2"] .theme-item{background:#f9fafb;border-color:#8dc63f33}[data-theme="2"] .theme-item:hover{border-color:#8dc63f80}[data-theme="2"] .theme-item.selected{border-color:#8dc63f;box-shadow:0 0 0 2px #8dc63f4d}[data-theme="2"] .theme-info{background:#0000000d}[data-theme="2"] .theme-name{color:#1f2937}[data-theme="2"] .btn-toggle-custom{background:linear-gradient(135deg,#8dc63f,#6ba82f)}[data-theme="2"] .custom-theme-form{background:#f9fafb;border-color:#8dc63f4d}[data-theme="2"] .color-picker-item label{color:#4b5563}[data-theme="2"] .color-input-group input[type=text]{background:#fff;border-color:#8dc63f4d;color:#1f2937}[data-theme="2"] .color-input-group input[type=text]:focus{border-color:#8dc63f}[data-theme="2"] .custom-theme-actions{border-color:#8dc63f33}[data-theme="2"] .btn-create-theme{background:linear-gradient(135deg,#8dc63f,#6ba82f)}[data-theme="2"] .user-themes-table th{color:#4b5563;background:#f3f4f6}[data-theme="2"] .user-themes-table td{color:#1f2937;border-color:#8dc63f1a}[data-theme="2"] .user-email{color:#6b7280}[data-theme="2"] .theme-select{background:#fff;border-color:#8dc63f4d;color:#1f2937}[data-theme="2"] .theme-select:focus{border-color:#8dc63f}[data-theme="2"] .theme-select option{background:#fff;color:#1f2937}[data-theme="2"] .loading-users,[data-theme="2"] .no-users{color:#6b7280}.change-password-container{min-height:100vh;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);padding:20px;display:flex;align-items:center;justify-content:center}.change-password-card{background:#0f1929f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.4);border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 0 30px #00d4ff33,inset 0 0 30px #00d4ff0d,0 8px 32px #00000080}.change-password-title{font-size:28px;font-weight:700;color:#00d4ff;margin-bottom:8px;text-align:center}.change-password-description{color:#fff9;font-size:14px;text-align:center;margin-bottom:30px}.form-label{color:#00d4ff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:block;margin-bottom:10px}.password-input{width:100%;padding:14px 16px;background:#1e3a8a66;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.password-input:focus{border-color:#00d4ffb3;background:#1e3a8a99}.password-input.error{border-color:#ef444480}.error-text{color:#fca5a5;font-size:12px;margin:6px 0 0}.form-actions{display:flex;gap:15px;margin-top:30px}.update-button{flex:1;padding:14px 24px;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a1e3e;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.update-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #00d4ff99}.cancel-button{flex:1;padding:12px 24px;background:transparent;border:2px solid rgba(255,255,255,.3);color:#ffffffb3;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.cancel-button:hover:not(:disabled){border-color:#fff9;color:#fff}.message-banner{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px}.success-banner{background:#10b98126;border:1px solid rgba(16,185,129,.5);color:#86efac}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.message-banner p{margin:0}@media(max-width:1024px){.change-password-container{padding:30px 16px}.change-password-card{padding:35px 30px}}@media(max-width:768px){.change-password-container{padding:20px 12px}.change-password-card{padding:30px 24px;max-width:100%}.change-password-title{font-size:24px}.change-password-description{font-size:13px;margin-bottom:24px}.form-actions{flex-direction:column;gap:12px}.update-button,.cancel-button{width:100%}}@media(max-width:480px){.change-password-container{padding:12px 8px}.change-password-card{padding:24px 16px;border-radius:14px;border-width:1px}.change-password-title{font-size:20px;margin-bottom:6px}.change-password-description{font-size:12px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{font-size:11px;margin-bottom:8px}.password-input{padding:12px 14px;font-size:16px;border-radius:8px}.error-text{font-size:11px}.form-actions{margin-top:24px;gap:10px}.update-button{padding:14px 20px;font-size:13px}.cancel-button{padding:12px 20px;font-size:13px}.message-banner{padding:10px 14px;font-size:13px;gap:8px}}@media(max-width:360px){.change-password-card{padding:20px 12px}.change-password-title{font-size:18px}.password-input{padding:10px 12px}}.areas-page{width:100%;padding:32px;background:#0f1929;min-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box}.areas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.areas-header h1{font-size:32px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:.5px}.areas-header p{color:#fff9;margin:0;font-size:14px}.add-area-btn{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.5px}.add-area-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.areas-search{margin-bottom:24px;display:flex;gap:12px;align-items:center}.search-input{width:100%;max-width:500px;padding:12px 16px;background:#0f1929cc;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.5px;font-size:14px}.search-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.search-input::-moz-placeholder{color:#fff6}.search-input::placeholder{color:#fff6}.search-input:focus{outline:none;border-color:#06b6d4;background:#0f1929f2;box-shadow:0 0 20px #06b6d433}.areas-table-container{background:#0f192999;border:2px solid rgba(59,130,246,.2);border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.areas-table-container .employee-list{overflow-x:auto;overflow-y:auto}.areas-table{width:100%;border-collapse:collapse}.areas-table thead{background:#3b82f61a;border-bottom:2px solid rgba(59,130,246,.3)}.areas-table th{padding:16px 20px;text-align:left;font-weight:600;color:#06b6d4;font-size:13px;text-transform:uppercase;letter-spacing:1px}.areas-table tbody tr{border-bottom:1px solid rgba(59,130,246,.15);transition:all .3s ease}.areas-table tbody tr:hover{background:#3b82f61a}.areas-table td{padding:14px 20px;color:#fffc;font-size:14px}.area-name{font-weight:600;color:#fff}.area-code{color:#06b6d4;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:4px 12px;background:#06b6d426;border-radius:6px;display:inline-block}.area-region{color:#ffffffb3;padding:4px 12px;background:#3b82f626;border-radius:6px;display:inline-block;font-size:12px}.area-description{color:#fff9;font-style:italic;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.table-actions{display:flex;gap:12px;justify-content:center}.action-link{padding:6px 12px;background:none;border:none;color:#06b6d4;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;border-radius:6px}.action-link:hover{background:#06b6d426;color:#00d4ff}.action-link.delete{color:#ef4444}.action-link.delete:hover{background:#ef444426;color:#ff6b6b}.delete-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal{background:#0f1929f2;border:2px solid rgba(59,130,246,.3);border-radius:15px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 60px #00000080}.delete-modal h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px}.delete-modal p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 24px}.delete-modal strong{color:#06b6d4}.modal-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.modal-btn.cancel{background:#3b82f626;color:#06b6d4;border:1px solid rgba(59,130,246,.3)}.modal-btn.cancel:hover{background:#3b82f640;border-color:#06b6d4}.modal-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-btn.delete:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ef44444d}@media(max-width:1024px){.areas-page{padding:24px}.areas-header h1{font-size:28px}.areas-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.areas-table{min-width:700px}}@media(max-width:768px){.areas-page{padding:16px}.areas-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.areas-header h1{font-size:24px}.add-area-btn{width:100%;text-align:center;padding:14px 20px}.areas-search{flex-wrap:wrap;margin-bottom:16px}.search-input{max-width:100%;flex:1;min-width:200px}.search-btn{width:100%}.areas-table-container{border-radius:12px;overflow:hidden}.areas-table-container .employee-list{max-height:400px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.areas-table{font-size:12px}.areas-table th,.areas-table td{padding:10px 12px}.table-actions{flex-direction:row;gap:6px}.action-link{text-align:center;padding:8px 12px}.delete-modal{margin:16px;padding:24px;max-width:calc(100% - 32px)}}@media(max-width:480px){.areas-page{padding:12px}.areas-header{margin-bottom:16px;gap:12px}.areas-header h1{font-size:20px}.areas-header p{font-size:12px}.add-area-btn{padding:12px 16px;font-size:14px}.areas-search{margin-bottom:12px;gap:8px}.search-input{padding:10px 12px;font-size:16px;border-radius:8px;min-width:100%}.search-btn{padding:10px 16px;font-size:13px}.areas-table-container{border-radius:10px;border-width:1px;overflow:hidden}.areas-table-container .employee-list{max-height:350px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.areas-table th,.areas-table td{padding:8px 10px;font-size:11px}.area-name{font-size:13px}.area-code{padding:3px 8px;font-size:11px}.area-region{padding:3px 8px;font-size:10px}.area-description{max-width:120px;font-size:10px}.status-badge{padding:4px 10px;font-size:10px}.action-link{padding:6px 10px;font-size:11px}.empty-state{padding:40px 16px;font-size:14px}.delete-modal{padding:20px;border-radius:12px}.delete-modal h3{font-size:16px}.delete-modal p{font-size:13px}.modal-btn{padding:10px 14px;font-size:12px}}@media(max-width:360px){.areas-page{padding:8px}.areas-header h1{font-size:18px}.areas-table-container{overflow:hidden}.areas-table-container .employee-list{max-height:300px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.areas-table th,.areas-table td{padding:6px 8px;font-size:10px}}.areas-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:500px;border:1px solid rgba(59,130,246,.2);border-radius:8px}.areas-table{width:100%;border-collapse:collapse;min-width:800px}.areas-table thead tr{border-bottom:2px solid rgba(6,182,212,.3)}.areas-table th{padding:12px;color:#ffffffb3;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase}.areas-table th.col-sr{width:60px;text-align:center}.areas-table th.col-actions{text-align:center}.areas-table tbody tr{border-bottom:1px solid rgba(59,130,246,.15);background-color:#1e3a8a33}.areas-table td{padding:12px}.areas-table td.col-sr{width:60px;text-align:center;color:#ffffffb3;font-weight:600}.areas-table td.col-actions{text-align:center}.area-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.area-name-cell{color:#fff;font-size:12px}.skill-name-cell{color:#fff;font-size:14px}.area-name-wrapper{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:#10b981}.status-dot.inactive{background:#6b7280}.area-cell{color:#fffc;font-size:12px}.action-link.edit{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px}.action-link.edit:hover{background:#00d4ff33}.action-link.delete{background:#ff6bb01a;border:1px solid rgba(255,107,176,.3);color:#ff6bb0;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px}.action-link.delete:hover{background:#ff6bb033}[data-theme="2"] .areas-page{background:#fff!important}[data-theme="2"] .areas-header h1{color:#1a2e05!important}[data-theme="2"] .areas-header p{color:#333!important}[data-theme="2"] .add-area-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .add-area-btn:hover{background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .search-input{background:#fff!important;color:#000!important;border:2px solid #8BC53F!important}[data-theme="2"] .search-input:focus{border-color:#8bc53f!important;box-shadow:0 0 10px #8bc53f33!important;background:#fff!important}[data-theme="2"] .search-input::-moz-placeholder{color:#999!important}[data-theme="2"] .search-input::placeholder{color:#999!important}[data-theme="2"] .areas-table-container{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .areas-table-wrapper{border-color:#e5e7eb!important}[data-theme="2"] .areas-table thead tr{border-bottom:none!important;background:#8bc53f!important}[data-theme="2"] .areas-table th{color:#fff!important;background:#8bc53f!important}[data-theme="2"] .areas-table tbody tr{background:#fff!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .areas-table tbody tr:hover{background:#f0f9e8!important}[data-theme="2"] .areas-table td.col-sr{color:#333!important}[data-theme="2"] .area-name-cell,[data-theme="2"] .skill-name-cell{color:#000!important}[data-theme="2"] .area-cell{color:#333!important}[data-theme="2"] .action-link.edit{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #8dc63f4d!important}[data-theme="2"] .action-link.edit:hover{background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 4px 12px #8dc63f66!important}[data-theme="2"] .action-link.delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #ef44444d!important}[data-theme="2"] .action-link.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 12px #ef444466!important}[data-theme="2"] .delete-modal-overlay{background:#00000080!important}[data-theme="2"] .delete-modal{background:#fff!important;border:2px solid #8BC53F!important}[data-theme="2"] .delete-modal h3{color:#000!important}[data-theme="2"] .delete-modal p{color:#333!important}[data-theme="2"] .delete-modal strong{color:#8bc53f!important}[data-theme="2"] .modal-btn.cancel{background:#8bc53f1a!important;border-color:#8bc53f!important;color:#8bc53f!important}[data-theme="2"] .modal-btn.cancel:hover{background:#8bc53f33!important}[data-theme="2"] .modal-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.create-area-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);position:relative;overflow:hidden;padding:20px}.create-area-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0}.create-area-container:after{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-glow 8s ease-in-out infinite;z-index:0;pointer-events:none}.create-area-card{position:relative;z-index:10;background:#0f1929f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.4);border-radius:20px;padding:60px;max-width:600px;width:100%;box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f60d,0 8px 32px #00000080;animation:card-glow 3s ease-in-out infinite}.create-area-title{font-size:36px;font-weight:800;text-align:center;letter-spacing:2px;color:#00d4ff;margin-bottom:16px;text-transform:uppercase;text-shadow:0 0 20px rgba(0,212,255,.5)}.create-area-subtitle{text-align:center;color:#fff9;margin-bottom:40px;font-size:14px}.form-group{margin-bottom:30px;display:flex;flex-direction:column}.form-group.required label:after{content:" *";color:#ff006e}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{display:flex;align-items:center;gap:12px;margin-bottom:30px}.form-actions{display:flex;gap:16px;margin-top:40px}@media(max-width:1024px){.create-area-container{padding:30px 16px}.create-area-card{padding:50px 40px}.create-area-title{font-size:30px}}@media(max-width:768px){.create-area-container{padding:20px 12px}.create-area-card{padding:40px 24px}.create-area-title{font-size:26px;margin-bottom:12px}.create-area-subtitle{margin-bottom:30px}.form-group{margin-bottom:24px}.form-actions{gap:12px;flex-direction:column;margin-top:30px}.form-btn{padding:12px 20px;font-size:14px}}@media(max-width:480px){.create-area-container{padding:12px 8px}.create-area-card{padding:24px 16px;border-radius:14px;border-width:1px}.create-area-title{font-size:20px;letter-spacing:1px;margin-bottom:8px}.create-area-subtitle{font-size:12px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{font-size:12px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:8px}.form-error{font-size:11px}.checkbox-group{gap:10px;margin-bottom:20px}.checkbox-group input[type=checkbox]{width:18px;height:18px}.checkbox-group label{font-size:13px}.form-actions{margin-top:24px;gap:10px}.form-btn{padding:14px 16px;font-size:13px;letter-spacing:.5px}}@media(max-width:360px){.create-area-card{padding:20px 12px}.create-area-title{font-size:18px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px}}.companies-page{width:100%;padding:32px;background:var(--theme-bg-primary, #0f1929);min-height:calc(100vh - 70px);overflow:hidden;box-sizing:border-box;color:var(--theme-text-primary, white);transition:background .3s ease,color .3s ease}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap}.companies-header h1{margin:0;font-size:32px;font-weight:700;color:var(--theme-text-primary, white);letter-spacing:-.5px}.companies-header p{margin:8px 0 0;color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:14px}.add-company-btn{padding:12px 24px;background:var(--theme-gradient-button, linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%));border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-company-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--theme-glow-strong, rgba(6, 182, 212, .3))}.companies-search{margin-bottom:32px}.search-input{width:100%;max-width:500px;padding:12px 16px;background:var(--theme-bg-input, rgba(15, 25, 41, .8));border:2px solid var(--theme-border, rgba(6, 182, 212, .3));border-radius:8px;color:var(--theme-text-primary, white);font-size:14px;transition:all .3s ease}.search-input::-moz-placeholder{color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.search-input::placeholder{color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.search-input:focus{outline:none;border-color:var(--theme-accent, #06b6d4);background:var(--theme-bg-input-focus, rgba(15, 25, 41, .95));box-shadow:0 0 20px var(--theme-glow, rgba(6, 182, 212, .2))}.companies-table-container{background:var(--theme-bg-card, rgba(26, 35, 50, .8));border:2px solid var(--theme-border, rgba(6, 182, 212, .3));border-radius:16px;overflow:hidden;transition:all .3s ease}.companies-table-container:hover{border-color:var(--theme-accent, #06b6d4);box-shadow:0 0 30px var(--theme-glow, rgba(6, 182, 212, .15))}.companies-table{width:100%;border-collapse:collapse}.companies-table thead{background:var(--theme-table-header-bg, rgba(6, 182, 212, .1));border-bottom:2px solid var(--theme-border, rgba(6, 182, 212, .3))}.companies-table th{padding:18px 20px;text-align:left;color:var(--theme-text-secondary, white);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.companies-table td{padding:16px 20px;border-bottom:1px solid var(--theme-table-border, rgba(6, 182, 212, .1));color:var(--theme-text-secondary, rgba(255, 255, 255, .8))}.companies-table tbody tr{transition:all .3s ease}.companies-table tbody tr:hover{background:var(--theme-table-row-hover, rgba(6, 182, 212, .05))}.company-name{font-weight:600;color:var(--theme-text-primary, white);font-size:15px}.company-email{color:var(--theme-accent, #06b6d4);font-size:13px}.company-contact{color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:13px}.status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.status-badge.active{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-badge.inactive{background:#ff006e26;color:#ff006e;border:1px solid rgba(255,0,110,.3)}.table-actions{display:flex;gap:8px;justify-content:center}.action-link{padding:6px 12px;border:1px solid rgba(6,182,212,.3);border-radius:6px;background:#06b6d40d;color:#06b6d4;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-link:hover{background:#06b6d426;border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433}.action-link.view{background:#10b9810d;border-color:#10b9814d;color:#10b981}.action-link.view:hover{background:#10b98126;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.action-link.delete:hover{background:#ff006e26;border-color:#ff006e;color:#ff006e;box-shadow:0 4px 12px #ff006e33}.empty-state{padding:60px 32px;text-align:center;color:var(--theme-text-muted, rgba(255, 255, 255, .6));font-size:16px}.delete-modal-overlay{position:fixed;inset:0;background:var(--theme-backdrop, rgba(0, 0, 0, .6));display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal{background:var(--theme-bg-card, rgba(26, 35, 50, .95));border:2px solid var(--theme-border, rgba(6, 182, 212, .3));border-radius:16px;padding:32px;max-width:420px;box-shadow:var(--theme-shadow-card, 0 20px 60px rgba(0, 0, 0, .5))}.delete-modal h3{margin:0 0 16px;font-size:20px;font-weight:700;color:var(--theme-text-primary, white)}.delete-modal p{margin:0 0 24px;font-size:14px;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));line-height:1.6}.delete-modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.cancel{background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.modal-btn.cancel:hover{background:#06b6d426;border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433}.modal-btn.delete{background:linear-gradient(135deg,#ff006e,#f06);color:#fff;border:none}.modal-btn.delete:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff006e4d}@media(max-width:1024px){.companies-page{padding:24px}.companies-header h1{font-size:28px}.companies-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.companies-table{min-width:700px}}@media(max-width:768px){.companies-page{padding:16px}.companies-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.companies-header h1{font-size:24px}.add-company-btn{width:100%;text-align:center;padding:14px 20px}.search-input{max-width:100%}.companies-table-container{border-radius:12px}.companies-table th,.companies-table td{padding:12px 16px;font-size:12px}.table-actions{flex-direction:column;gap:6px}.action-link{width:100%;text-align:center;padding:8px 12px}.delete-modal{margin:16px;padding:24px;max-width:calc(100% - 32px)}}@media(max-width:480px){.companies-page{padding:12px}.companies-header{margin-bottom:16px;gap:12px}.companies-header h1{font-size:20px;letter-spacing:0}.companies-header p{font-size:12px}.add-company-btn{padding:12px 16px;font-size:14px}.companies-search{margin-bottom:16px}.search-input{padding:10px 12px;font-size:16px;border-radius:8px}.companies-table-container{border-radius:10px;border-width:1px}.companies-table th,.companies-table td{padding:10px 12px;font-size:11px}.company-name{font-size:13px}.company-email,.company-contact{font-size:11px}.status-badge{padding:4px 8px;font-size:10px}.action-link{padding:6px 10px;font-size:11px}.empty-state{padding:40px 16px;font-size:14px}.delete-modal{padding:20px;border-radius:12px}.delete-modal h3{font-size:18px}.delete-modal p{font-size:13px}.modal-btn{padding:10px 14px;font-size:13px}}@media(max-width:360px){.companies-page{padding:8px}.companies-header h1{font-size:18px}.companies-table th,.companies-table td{padding:8px 10px;font-size:10px}}.create-company-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3e,#1a3a5e,#0f1929);position:relative;overflow:hidden;padding:20px}.create-company-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0}.create-company-container:after{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-glow 8s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes float-glow{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}.create-company-card{position:relative;z-index:10;background:#0f1929f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.4);border-radius:20px;padding:60px;max-width:800px;width:100%;box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f60d,0 8px 32px #00000080;animation:card-glow 3s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f60d,0 8px 32px #00000080}50%{box-shadow:0 0 40px #3b82f64d,inset 0 0 40px #3b82f61a,0 8px 32px #00000080}}.create-company-title{font-size:36px;font-weight:800;text-align:center;letter-spacing:2px;color:#00d4ff;margin-bottom:16px;text-transform:uppercase;text-shadow:0 0 20px rgba(0,212,255,.5)}.create-company-subtitle{text-align:center;color:#fff9;margin-bottom:40px;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group{margin-bottom:0;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase}.form-group.required label:after{content:" *";color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;background:#0f1929cc;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06b6d4;background:#0f1929f2;box-shadow:0 0 20px #06b6d433,inset 0 0 10px #06b6d40d}.form-group textarea{grid-column:1 / -1;resize:vertical;min-height:100px}.form-error{color:#ff006e;font-size:12px;margin-top:6px;font-weight:600}.checkbox-group{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-bottom:0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#06b6d4}.checkbox-group label{margin:0;color:#fff;font-size:14px;font-weight:500;text-transform:none;cursor:pointer;letter-spacing:0}.form-actions{display:flex;gap:16px;margin-top:40px;grid-column:1 / -1}.form-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.form-btn.submit{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.form-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.form-btn.submit:disabled{opacity:.6;cursor:not-allowed}.form-btn.cancel{background:#06b6d41a;color:#06b6d4;border:2px solid rgba(6,182,212,.3)}.form-btn.cancel:hover{background:#06b6d433;border-color:#06b6d4}@media(max-width:1024px){.create-company-container{padding:30px 16px}.create-company-card{padding:50px 40px}.create-company-title{font-size:30px}}@media(max-width:768px){.create-company-container{padding:20px 12px}.create-company-card{padding:40px 24px}.create-company-title{font-size:26px;margin-bottom:12px}.create-company-subtitle{margin-bottom:30px}.form-grid{grid-template-columns:1fr;gap:20px}.form-actions{gap:12px;flex-direction:column;margin-top:30px}.form-btn{padding:12px 20px;font-size:14px}}@media(max-width:480px){.create-company-container{padding:12px 8px}.create-company-card{padding:24px 16px;border-radius:14px;border-width:1px}.create-company-title{font-size:20px;letter-spacing:1px;margin-bottom:8px}.create-company-subtitle{font-size:12px;margin-bottom:24px}.form-grid{gap:16px}.form-group label{font-size:12px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:8px}.form-error{font-size:11px}.checkbox-group{gap:10px}.checkbox-group input[type=checkbox]{width:18px;height:18px}.checkbox-group label{font-size:13px}.form-actions{margin-top:24px;gap:10px}.form-btn{padding:14px 16px;font-size:13px;letter-spacing:.5px}}@media(max-width:360px){.create-company-card{padding:20px 12px}.create-company-title{font-size:18px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px}}.audit-log-page{width:100%;padding:24px;min-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box}.audit-log-page.theme-1{background:#0f172a}.audit-log-page.theme-2{background:#232f3e}.audit-log-page .audit-log-header{margin-bottom:24px}.audit-log-page .audit-log-header h1{font-weight:700}.audit-log-page::-webkit-scrollbar{width:8px}.audit-log-page::-webkit-scrollbar-track{background:transparent}.audit-log-page::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.audit-log-page::-webkit-scrollbar-thumb:hover{background:#fff3}.audit-log-page{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.log-stats{display:flex;gap:12px;flex-wrap:wrap}.log-stats .stat-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0003}.log-stats .stat-item .stat-icon{font-size:16px}.log-stats .stat-item.sms-sent{background:linear-gradient(135deg,#1abc9c,#16a085);border:none}.log-stats .stat-item.sms-received{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none}.audit-log-filters{border-radius:8px;padding:24px;margin-bottom:20px}.audit-log-page.theme-1 .audit-log-filters{background:#0f172acc;border:1px solid rgba(6,182,212,.3);box-shadow:0 2px 8px #0000004d}.audit-log-page.theme-2 .audit-log-filters{background:#fff;border:2px solid #8BC53F;box-shadow:0 2px 8px #0000001a}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:16px}.filters-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.audit-log-page.theme-1 .filter-group label{color:#fffc}.audit-log-page.theme-2 .filter-group label{color:#000}.filter-input,.filter-select{padding:12px 16px;border-radius:6px;font-size:14px;min-width:150px;transition:all .3s ease}.audit-log-page.theme-1 .filter-input,.audit-log-page.theme-1 .filter-select{background:#0f172ae6;border:1px solid rgba(6,182,212,.3);color:#fff}.audit-log-page.theme-1 .filter-input::-moz-placeholder{color:#ffffff80}.audit-log-page.theme-1 .filter-input::placeholder{color:#ffffff80}.audit-log-page.theme-1 .filter-input:focus,.audit-log-page.theme-1 .filter-select:focus{outline:none;border-color:#06b6d4;background:#0f172a}.audit-log-page.theme-1 .filter-select option{background:#0f172a;color:#fff}.audit-log-page.theme-2 .filter-input,.audit-log-page.theme-2 .filter-select{background:#fff;border:1px solid #ddd;color:#000}.audit-log-page.theme-2 .filter-input::-moz-placeholder{color:#999}.audit-log-page.theme-2 .filter-input::placeholder{color:#999}.audit-log-page.theme-2 .filter-input:focus,.audit-log-page.theme-2 .filter-select:focus{outline:none;border-color:#8bc53f;background:#fff}.audit-log-page.theme-2 .filter-select option{background:#fff;color:#000}.filter-search{flex:1;min-width:300px}.filter-buttons{display:flex;gap:10px;align-items:flex-end}.btn-search{padding:12px 28px;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.audit-log-page.theme-1 .btn-search{background:#06b6d4}.audit-log-page.theme-1 .btn-search:hover{transform:translateY(-2px);background:#0891b2;box-shadow:0 4px 15px #06b6d466}.audit-log-page.theme-2 .btn-search{background:#8bc53f}.audit-log-page.theme-2 .btn-search:hover{transform:translateY(-2px);background:#7ab535;box-shadow:0 4px 15px #8bc53f66}.btn-clear{padding:12px 28px;background:#7f8c8d;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clear:hover{background:#95a5a6}.audit-log-table-container{background:transparent;border-radius:8px;overflow:hidden}.audit-log-table-wrapper{overflow-x:auto;max-height:none}.audit-log-table{width:100%;border-collapse:collapse;min-width:1100px}.audit-log-page.theme-1 .audit-log-table-wrapper{border:1px solid rgba(59,130,246,.2);border-radius:8px;overflow:hidden}.audit-log-page.theme-2 .audit-log-table-wrapper{border:1px solid rgba(141,198,63,.3);border-radius:16px;overflow:hidden}.audit-log-page.theme-1 .audit-log-table thead tr{background:transparent;border-bottom:2px solid rgba(6,182,212,.3)}.audit-log-page.theme-2 .audit-log-table thead tr{background:linear-gradient(135deg,#8dc63f,#6bb536)}.audit-log-table th{padding:12px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.audit-log-page.theme-1 .audit-log-table th{color:#ffffffb3}.audit-log-page.theme-2 .audit-log-table th{color:#fff}.audit-log-table th.center{text-align:center}.audit-log-table td{padding:12px;font-size:12px}.audit-log-table tbody tr{transition:all .2s ease}.audit-log-page.theme-1 .audit-log-table td{border-bottom:1px solid rgba(59,130,246,.15);color:#fffc}.audit-log-page.theme-1 .audit-log-table tbody tr{background:#1e3a8a33}.audit-log-page.theme-1 .audit-log-table tbody tr:nth-child(2n){background:#1e3a8a4d}.audit-log-page.theme-1 .audit-log-table tbody tr:hover{background:#3b82f633}.audit-log-page.theme-2 .audit-log-table td{border-bottom:1px solid rgba(141,198,63,.15);color:#1a2e05}.audit-log-page.theme-2 .audit-log-table tbody tr{background:#fff}.audit-log-page.theme-2 .audit-log-table tbody tr:nth-child(2n){background:#f9fdf5}.audit-log-page.theme-2 .audit-log-table tbody tr:hover{background:#e8f5e9}.sr-no{width:60px;text-align:center;font-weight:600}.audit-log-page.theme-1 .sr-no{color:#ffffffb3}.audit-log-page.theme-2 .sr-no{color:#555}.action-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.action-badge.create{background:#27ae60;color:#fff}.action-badge.update{background:#3498db;color:#fff}.action-badge.delete{background:#e74c3c;color:#fff}.action-badge.login{background:#27ae60;color:#fff}.action-badge.logout,.action-badge.other{background:#2c3e50;color:#fff}.action-badge.sms-sent{background:#27ae60;color:#fff}.action-badge.sms-received{background:#9b59b6;color:#fff}.audit-log-page.theme-1 .sms-row{background:#3b82f626!important}.audit-log-page.theme-1 .sms-row:hover{background:#3b82f640!important}.audit-log-page.theme-2 .sms-row{background:#8dc63f1a!important}.audit-log-page.theme-2 .sms-row:hover{background:#8dc63f33!important}.sms-entity{display:flex;align-items:center;gap:6px}.direction-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700}.direction-indicator.sent{background:#27ae6033;color:#27ae60}.direction-indicator.received{background:#9b59b633;color:#9b59b6}.direction-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.direction-badge.sent{background:#27ae6026;color:#27ae60}.direction-badge.received{background:#9b59b626;color:#9b59b6}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%}.status-indicator.success{background:#27ae60;box-shadow:0 0 8px #27ae6099}.status-indicator.pending{background:#f39c12;box-shadow:0 0 8px #f39c1299}.status-indicator.failed{background:#e74c3c;box-shadow:0 0 8px #e74c3c99}.entity-cell{display:flex;align-items:center;gap:8px}.entity-icon{font-size:16px}.empty-state{padding:60px 32px;text-align:center;font-size:16px}.audit-log-page.theme-1 .empty-state{color:#fff9;background:#0f172a99}.audit-log-page.theme-2 .empty-state{color:#666;background:#fff}.loading-state{padding:60px 32px;text-align:center;font-size:16px}.audit-log-page.theme-1 .loading-state{color:#fff9}.audit-log-page.theme-2 .loading-state{color:#666}.audit-log-page.theme-1 input[type=date]{color-scheme:dark}.audit-log-page.theme-2 input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}@media(max-width:1024px){.audit-log-page{padding:20px}.audit-log-header h1{font-size:24px}.filters-row{gap:12px}.filter-input,.filter-select{min-width:130px}.filter-search{min-width:200px}}@media(max-width:768px){.audit-log-page{padding:16px}.audit-log-header{justify-content:center;margin-bottom:16px}.audit-log-header h1{font-size:22px}.audit-log-filters{padding:16px}.filters-row{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-input,.filter-select,.filter-search{width:100%;min-width:unset}.filter-buttons{width:100%}.btn-search,.btn-clear{flex:1}.audit-log-table th,.audit-log-table td{padding:12px 8px;font-size:12px}.log-stats{justify-content:center}}@media(max-width:480px){.audit-log-page{padding:12px}.audit-log-header h1{font-size:20px}.audit-log-header p{font-size:12px}.audit-log-filters{padding:12px;border-radius:6px}.audit-log-table th,.audit-log-table td{padding:10px 6px;font-size:11px}.action-badge{padding:4px 8px;font-size:10px}.log-stats .stat-item{padding:8px 14px;font-size:12px}}@media(max-width:360px){.audit-log-page{padding:8px}.audit-log-header h1{font-size:18px}.log-stats{flex-direction:column;width:100%}.log-stats .stat-item{justify-content:center}}.call-logs-page{width:100%;padding:24px;min-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box}.call-logs-page.theme-1{background:#0f172a}.call-logs-page.theme-2{background:#f5f5f5}.call-logs-page .call-logs-header{margin-bottom:24px}.call-logs-page .call-logs-header h1{font-weight:700}.call-logs-filters{border-radius:8px;padding:24px;margin-bottom:20px}.call-logs-page.theme-1 .call-logs-filters{background:#0f172acc;border:1px solid rgba(6,182,212,.3);box-shadow:0 2px 8px #0000004d}.call-logs-page.theme-2 .call-logs-filters{background:transparent;border:none;box-shadow:none;padding:0}.call-logs-filters .filters-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.call-logs-filters .filter-group{display:flex;flex-direction:row;align-items:center;gap:12px}.call-logs-filters .filter-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.call-logs-page.theme-1 .call-logs-filters .filter-group label{color:#fffc}.call-logs-page.theme-2 .call-logs-filters .filter-group label{color:#000}.call-logs-filters .filter-input,.call-logs-filters .filter-select{padding:12px 16px;border-radius:15px;font-size:14px;min-width:190px;transition:all .3s ease}.call-logs-page.theme-1 .call-logs-filters .filter-input,.call-logs-page.theme-1 .call-logs-filters .filter-select{background:#0f172ae6;border:1px solid rgba(6,182,212,.3);color:#fff}.call-logs-page.theme-1 .call-logs-filters .filter-input::-moz-placeholder{color:#ffffff80}.call-logs-page.theme-1 .call-logs-filters .filter-input::placeholder{color:#ffffff80}.call-logs-page.theme-1 .call-logs-filters .filter-input:focus,.call-logs-page.theme-1 .call-logs-filters .filter-select:focus{outline:none;border-color:#06b6d4;background:#0f172a}.call-logs-page.theme-1 .call-logs-filters .filter-select option{background:#0f172a;color:#fff}.call-logs-page.theme-2 .call-logs-filters .filter-input,.call-logs-page.theme-2 .call-logs-filters .filter-select{background:#fff;border:2px solid #8BC53F;border-radius:15px;color:#000;padding:12px 20px}.call-logs-page.theme-2 .call-logs-filters .filter-input::-moz-placeholder{color:#999}.call-logs-page.theme-2 .call-logs-filters .filter-input::placeholder{color:#999}.call-logs-page.theme-2 .call-logs-filters .filter-input:focus,.call-logs-page.theme-2 .call-logs-filters .filter-select:focus{outline:none;border-color:#6bb536;background:#fff;box-shadow:0 0 8px #8bc53f4d}.call-logs-page.theme-2 .call-logs-filters .filter-select option{background:#fff;color:#000}.call-logs-filters .filter-search{flex:1;min-width:130px;max-width:calc(100% - 70px)}.call-logs-filters .filter-search .filter-input{width:100%}.call-logs-filters .filter-buttons{display:flex;gap:8px;align-items:center}.call-logs-filters .btn-search{padding:8px 16px;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.call-logs-page.theme-1 .call-logs-filters .btn-search{background:#06b6d4}.call-logs-page.theme-1 .call-logs-filters .btn-search:hover{transform:translateY(-1px);background:#0891b2;box-shadow:0 2px 8px #06b6d466}.call-logs-page.theme-2 .call-logs-filters .btn-search{background:linear-gradient(135deg,#8dc63f,#6bb536);border-radius:6px;padding:8px 16px}.call-logs-page.theme-2 .call-logs-filters .btn-search:hover{transform:translateY(-1px);background:linear-gradient(135deg,#7ab535,#5aa52a);box-shadow:0 2px 8px #8bc53f66}.call-logs-filters .btn-clear{padding:8px 16px;background:#6b7280;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.call-logs-filters .btn-clear:hover{background:#4b5563;transform:translateY(-1px)}.call-logs-table-container{background:transparent;border-radius:8px;overflow:hidden}.call-logs-table-wrapper{overflow-x:auto}.call-logs-page.theme-1 .call-logs-table-wrapper{border:1px solid rgba(59,130,246,.2);border-radius:8px;overflow:hidden}.call-logs-page.theme-2 .call-logs-table-wrapper{border:2px solid #8BC53F;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.call-logs-table{width:100%;border-collapse:collapse;min-width:1000px}.call-logs-page.theme-1 .call-logs-table thead tr{background:transparent;border-bottom:2px solid rgba(6,182,212,.3)}.call-logs-page.theme-2 .call-logs-table thead tr{background:linear-gradient(135deg,#8dc63f,#6bb536)}.call-logs-table th{padding:12px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.call-logs-page.theme-1 .call-logs-table th{color:#ffffffb3}.call-logs-page.theme-2 .call-logs-table th{color:#fff}.call-logs-table td{padding:12px;font-size:12px}.call-logs-table tbody tr{transition:all .2s ease}.call-logs-page.theme-1 .call-logs-table td{border-bottom:1px solid rgba(59,130,246,.15);color:#fffc}.call-logs-page.theme-1 .call-logs-table tbody tr{background:#1e3a8a33}.call-logs-page.theme-1 .call-logs-table tbody tr:nth-child(2n){background:#1e3a8a4d}.call-logs-page.theme-1 .call-logs-table tbody tr:hover{background:#3b82f633}.call-logs-page.theme-2 .call-logs-table td{border-bottom:1px solid rgba(141,198,63,.2);color:#1a2e05}.call-logs-page.theme-2 .call-logs-table tbody tr{background:#fff}.call-logs-page.theme-2 .call-logs-table tbody tr:nth-child(2n){background:#8dc63f26}.call-logs-page.theme-2 .call-logs-table tbody tr:hover{background:#8dc63f40}.call-logs-table .sr-no{width:60px;text-align:center;font-weight:600}.call-logs-page.theme-1 .call-logs-table .sr-no{color:#ffffffb3}.call-logs-page.theme-2 .call-logs-table .sr-no{color:#555}.call-type{display:flex;align-items:center;gap:6px}.call-type-icon{font-size:16px}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.completed{background:#27ae60;color:#fff}.status-badge.missed{background:#e74c3c;color:#fff}.status-badge.busy{background:#f39c12;color:#fff}.status-badge.no-answer{background:#95a5a6;color:#fff}.status-badge.failed{background:#c0392b;color:#fff}.status-badge.other{background:#3498db;color:#fff}.call-logs-page .empty-state{padding:60px 32px;text-align:center;font-size:16px;border-radius:12px}.call-logs-page.theme-1 .empty-state{color:#fff9;background:#0f172a99;border:1px solid rgba(59,130,246,.2)}.call-logs-page.theme-2 .empty-state{color:#666;background:#fff;border:2px solid #8BC53F;border-radius:16px}.call-logs-page .loading-state{padding:60px 32px;text-align:center;font-size:16px}.call-logs-page.theme-1 .loading-state{color:#fff9}.call-logs-page.theme-2 .loading-state{color:#666}.call-logs-filters .filter-date-from{min-width:180px}.call-logs-page.theme-1 .call-logs-filters input[type=date]{color-scheme:dark}.call-logs-page.theme-2 .call-logs-filters input[type=date]{color-scheme:light}@media(max-width:1024px){.call-logs-page{padding:20px}.call-logs-filters .filters-row{gap:12px}.call-logs-filters .filter-input,.call-logs-filters .filter-select{min-width:130px}}@media(max-width:768px){.call-logs-page,.call-logs-filters{padding:16px}.call-logs-filters .filters-row{flex-direction:column;gap:12px;align-items:stretch}.call-logs-filters .filter-group{width:100%;flex-direction:row;justify-content:space-between}.call-logs-filters .filter-group label{min-width:80px}.call-logs-filters .filter-input,.call-logs-filters .filter-select{flex:1;min-width:unset}.call-logs-filters .filter-search{width:100%;min-width:unset}.call-logs-filters .filter-buttons{width:100%}.call-logs-filters .btn-search,.call-logs-filters .btn-clear{flex:1}.call-logs-table th,.call-logs-table td{padding:12px 8px;font-size:12px}}.messages-log-page{padding:32px;background:#0f1929;min-height:calc(100vh - 70px)}.messages-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.messages-log-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px}.messages-log-header p{color:#fff9;font-size:14px;margin:0}.messages-log-filters{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;margin-bottom:24px}.filter-search-row{flex-basis:100%;display:flex;gap:12px;align-items:flex-end;margin-top:8px}.filter-search{flex:1}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase}.filter-input,.filter-select{padding:10px 14px;background:#0f1929cc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:14px;min-width:140px}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3b82f699}.filter-search .filter-input{width:100%}.filter-buttons{display:flex;gap:8px}.btn-search,.btn-clear{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-search{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;color:#fff}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-clear{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.btn-clear:hover{border-color:#ffffff80;color:#fff}.messages-log-table-container{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.messages-log-table-wrapper{overflow:visible;max-height:none}.messages-log-table{width:100%;border-collapse:collapse}.messages-log-table thead{background:#3b82f61a}.messages-log-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;border-bottom:1px solid rgba(59,130,246,.2);transition:background-color .2s ease,color .2s ease}.messages-log-table th:hover{background-color:#3b82f633;color:#fff}.messages-log-table th.center{text-align:center}.messages-log-table tbody tr{border-bottom:1px solid rgba(59,130,246,.1);transition:background .2s ease}.messages-log-table tbody tr:hover{background:#3b82f61a}.messages-log-table td{padding:14px 16px;font-size:14px;color:#fffc}.messages-log-table td.sr-no{text-align:center;font-weight:600;color:#fff9}.type-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.assignment{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.type-badge.reply{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.type-badge.reminder{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.type-badge.response{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.type-badge.other{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.delivered{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.received{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.failed{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.other{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#fff9;font-size:16px}@media(max-width:1024px){.messages-log-page{padding:24px}.filters-row{gap:12px}.filter-input,.filter-select{min-width:120px}}@media(max-width:768px){.messages-log-page{padding:16px}.messages-log-header h1{font-size:22px}.filters-row{flex-direction:column}.filter-group,.filter-input,.filter-select,.filter-buttons{width:100%}.btn-search,.btn-clear{flex:1}.messages-log-table th,.messages-log-table td{padding:10px 8px;font-size:11px}}.user-report-page{width:100%;padding:32px;background:#0f1929;min-height:calc(100vh - 70px);overflow-y:auto;box-sizing:border-box}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap}.report-header h1{font-size:32px;font-weight:700;color:#00d4ff;margin:0 0 8px}.report-header p{color:#fff9;margin:0;font-size:14px}.header-actions{display:flex;align-items:center;gap:12px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.5px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#3b82f640;border-color:#3b82f680}.btn-generate{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a2332fa;border:1px solid rgba(59,130,246,.2);border-radius:12px;box-shadow:0 10px 40px #00000080;min-width:180px;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:transparent;border:none;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#3b82f626}.dropdown-item:not(:last-child){border-bottom:1px solid rgba(59,130,246,.1)}.filters-section{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:20px;background:#0f192999;border:2px solid rgba(59,130,246,.2);border-radius:15px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:160px}.filter-group label{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.filter-input{padding:12px 16px;background:#0f1729cc;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease}.filter-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 20px #06b6d433}.filter-input::-moz-placeholder{color:#fff6}.filter-input::placeholder{color:#fff6}.filter-input option{background:#1a2332;color:#fff}.error-message{background:#ff006e26;border:1px solid rgba(255,0,110,.5);color:#ff6bb0;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-weight:600}.report-table-container{background:#0f192999;border:2px solid rgba(59,130,246,.2);border-radius:15px;padding:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.empty-state{padding:60px 20px;text-align:center;color:#ffffff80;font-size:16px}.report-table-container .employee-list{overflow-x:auto;overflow-y:auto}@media print{.user-report-page{background:#fff!important;color:#000!important;padding:0!important}.report-header,.filters-section,.header-actions,.btn-primary,.btn-secondary,.btn-generate{display:none!important}.report-table-container{background:#fff!important;border:1px solid #000!important}.report-table-container th{background-color:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table-container td{color:#000!important;border-color:#000!important;font-size:13px!important;line-height:1.8!important}}@media(max-width:1024px){.user-report-page{padding:24px}.report-header h1{font-size:28px}.filters-section{gap:12px}.filter-group{min-width:140px}}@media(max-width:768px){.user-report-page{padding:16px}.report-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.report-header h1{font-size:24px}.header-actions{width:100%;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;text-align:center;justify-content:center;padding:12px 16px}.filters-section{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.filter-group{min-width:100%}.btn-generate{width:100%;text-align:center}.report-table-container{border-radius:12px;padding:15px}.report-table-container .employee-list{max-height:400px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-state{padding:40px 16px;font-size:14px}}@media(max-width:480px){.user-report-page{padding:12px}.report-header{margin-bottom:16px;gap:12px}.report-header h1{font-size:20px}.report-header p{font-size:12px}.header-actions{gap:8px}.btn-primary,.btn-secondary{padding:10px 12px;font-size:13px;border-radius:8px}.filters-section{padding:12px;border-radius:10px;gap:10px;margin-bottom:16px}.filter-group label{font-size:11px}.filter-input{padding:10px 12px;font-size:16px;border-radius:8px}.btn-generate{padding:12px 16px;font-size:14px}.report-table-container{border-radius:10px;border-width:1px;padding:12px}.report-table-container .employee-list{max-height:350px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-state{padding:40px 16px;font-size:14px}.error-message{padding:12px;font-size:13px;border-radius:10px}.dropdown-menu{min-width:150px}.dropdown-item{padding:12px 14px;font-size:13px}}@media(max-width:360px){.user-report-page{padding:8px}.report-header h1{font-size:18px}.report-header p{font-size:11px}.header-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.filters-section{padding:10px}.filter-group label{font-size:10px}.filter-input{padding:8px 10px}.report-table-container{padding:10px}.report-table-container .employee-list{max-height:300px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}}.report-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:500px;border:1px solid rgba(59,130,246,.2);border-radius:8px}.report-table{width:100%;border-collapse:collapse;min-width:1000px}.report-table thead tr{border-bottom:2px solid rgba(6,182,212,.3)}.report-table th{padding:12px;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase}.report-table th.col-center{text-align:center}.report-table tbody tr{border-bottom:1px solid rgba(59,130,246,.15);background-color:#1e3a8a33}.report-table td{padding:12px;font-size:12px}.report-table td.col-center{text-align:center}.report-table td.cell-sr{color:#ffffffb3;font-weight:600;text-align:center}.report-table td.cell-name{color:#fff}.report-table td.cell-text{color:#fffc}.report-table td.cell-day{color:#fff9;text-align:center}.report-table td.cell-time{color:#0f8;text-align:center}.report-table td.cell-hours{color:#00d4ff;font-size:14px;font-weight:700;text-align:center}.report-table tfoot tr{border-top:2px solid rgba(6,182,212,.3);background-color:#06b6d41a}.report-table tfoot td.total-label{padding:12px;color:#00d4ff;font-weight:700;text-align:right;font-size:14px}.report-table tfoot td.total-value{padding:12px;color:#0f8;font-weight:700;text-align:center;font-size:16px}.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}.user-name-cell{display:flex;align-items:center;gap:8px}[data-theme="2"] .user-report-page{background:#fff!important}[data-theme="2"] .report-header h1{color:#1a2e05!important}[data-theme="2"] .report-header p{color:#333!important}[data-theme="2"] .btn-primary{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .btn-secondary{background:#8bc53f1a!important;color:#6ba32e!important;border:1px solid rgba(139,197,63,.3)!important}[data-theme="2"] .btn-secondary:hover{background:#8bc53f33!important;border-color:#8bc53f80!important}[data-theme="2"] .btn-generate{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;box-shadow:0 4px 15px #8dc63f4d!important}[data-theme="2"] .btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#7ab536,#5a9226)!important;box-shadow:0 6px 20px #8dc63f66!important}[data-theme="2"] .dropdown-menu{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 40px #00000026!important}[data-theme="2"] .dropdown-item{color:#333!important}[data-theme="2"] .dropdown-item:hover{background:#8bc53f26!important}[data-theme="2"] .dropdown-item:not(:last-child){border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .filters-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .filter-group label{color:#333!important}[data-theme="2"] .filter-input{background:#fff!important;color:#000!important;border:2px solid #d1d5db!important}[data-theme="2"] .filter-input:focus{border-color:#8bc53f!important;box-shadow:0 0 10px #8bc53f33!important}[data-theme="2"] .filter-input::-moz-placeholder{color:#999!important}[data-theme="2"] .filter-input::placeholder{color:#999!important}[data-theme="2"] .filter-input option{background:#fff!important;color:#000!important}[data-theme="2"] .error-message{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important}[data-theme="2"] .report-table-container{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 20px #00000014!important}[data-theme="2"] .empty-state{color:#666!important}[data-theme="2"] .report-table-wrapper{border-color:#e5e7eb!important}[data-theme="2"] .report-table thead tr{background:#8bc53f!important;border-bottom:none!important}[data-theme="2"] .report-table th{color:#fff!important;background:#8bc53f!important}[data-theme="2"] .report-table tbody tr{background:#fff!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .report-table tbody tr:hover{background:#f0f9e8!important}[data-theme="2"] .report-table td.cell-sr{color:#333!important}[data-theme="2"] .report-table td.cell-name{color:#000!important}[data-theme="2"] .report-table td.cell-text{color:#333!important}[data-theme="2"] .report-table td.cell-day{color:#666!important}[data-theme="2"] .report-table td.cell-time{color:#059669!important}[data-theme="2"] .report-table td.cell-hours{color:#6ba32e!important}[data-theme="2"] .report-table tfoot tr{background:#8bc53f1a!important;border-top:2px solid #8BC53F!important}[data-theme="2"] .report-table tfoot td.total-label{color:#6ba32e!important}[data-theme="2"] .report-table tfoot td.total-value{color:#059669!important}[data-theme="2"] .audit-report-page{background:#fff!important}[data-theme="2"] .audit-report-page h1{color:#1a2e05!important}[data-theme="2"] .audit-report-page p{color:#333!important}[data-theme="2"] .audit-filter-card{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme="2"] .audit-filter-card h3{color:#1a2e05!important}[data-theme="2"] .audit-filter-card label{color:#333!important}[data-theme="2"] .audit-filter-card input,[data-theme="2"] .audit-filter-card select{background:#fff!important;color:#000!important;border:1px solid #d1d5db!important}[data-theme="2"] .audit-filter-card input:focus,[data-theme="2"] .audit-filter-card select:focus{border-color:#8bc53f!important}[data-theme="2"] .audit-filter-card option{background:#fff!important;color:#000!important}[data-theme="2"] .audit-info-card{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.2)!important}[data-theme="2"] .audit-info-card h4{color:#6ba32e!important}[data-theme="2"] .audit-info-card li{color:#333!important}[data-theme="2"] .audit-menu-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.3)!important}[data-theme="2"] .audit-menu-btn:hover{background:#8bc53f33!important}[data-theme="2"] .audit-menu-btn svg{stroke:#6ba32e!important}[data-theme="2"] .audit-dropdown{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme="2"] .audit-dropdown button{color:#333!important}[data-theme="2"] .audit-dropdown button:hover{background:#8bc53f26!important}[data-theme="2"] .audit-progress-card{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.3)!important}[data-theme="2"] .audit-progress-card span{color:#333!important}.document-policy-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#0f1729,#1a2744)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.document-policy-header{margin-bottom:24px}.document-policy-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.document-policy-header p{color:#fff9;margin:0}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff}.company-selection-section{background:#fff;border:2px solid #8BC53F;border-radius:16px;padding:32px}.company-selection-section h2{color:#000;margin:0 0 24px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.company-card{background:#fff;border:2px solid #8BC53F;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px}.company-card:hover{border-color:#7ab535;transform:translateY(-2px);box-shadow:0 4px 12px #8bc53f4d}.company-avatar{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#8bc53f,#6ba32e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700}.company-info h3{color:#000;margin:0 0 4px}.company-info p{color:#666;margin:0;font-size:13px}.empty-state{text-align:center;padding:40px;color:#ffffffb3;background:linear-gradient(135deg,#0f1729,#1a2744);border:1px solid rgba(255,255,255,.1);border-radius:12px}[data-theme="2"] .empty-state{background:#fff;color:#666;border:2px solid #8BC53F}.policy-form-wrapper{max-width:900px;margin:0 auto}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.back-btn,.print-btn,.download-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(59,130,246,.3);background:#3b82f61a;color:#3b82f6}.back-btn:hover,.print-btn:hover,.download-btn:hover{background:#3b82f633}.download-btn{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none}.download-btn:hover{opacity:.9}.download-btn:disabled{opacity:.6;cursor:not-allowed}.nav-actions{display:flex;gap:10px}.page-indicator{color:#fff;font-size:14px;font-weight:600}.page-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.desktop-only{display:flex!important}.mobile-only{display:none!important}.page-tabs-mobile{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.mobile-nav-arrow{width:44px;height:44px;border-radius:10px;border:2px solid rgba(59,130,246,.5);background:#3b82f61a;color:#3b82f6;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mobile-nav-arrow:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f6}.mobile-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.mobile-page-indicator{color:#fff;font-size:18px;font-weight:600;min-width:80px;text-align:center}.pdf-form-container{margin-bottom:20px}.pdf-page-wrapper{display:none}.pdf-page-wrapper.active{display:block}.pdf-page{background:#fff;padding:50px;border-radius:4px;box-shadow:0 4px 20px #0000004d;color:#000;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.6;min-height:800px;position:relative}.pdf-divider-thick{height:4px;background:#000;margin:20px 0 40px}.pdf-content{margin-bottom:60px}.signature-section-pdf{margin-top:80px}.sig-canvas{width:100%!important;height:80px!important;cursor:crosshair}.sig-canvas-small{width:100%!important;height:60px!important;cursor:crosshair}.pdf-footer{position:absolute;bottom:30px;left:50px;right:50px;text-align:center;font-size:12px;border-top:1px solid #ccc;padding-top:10px}.section-heading-main{text-align:center;font-size:18px;font-weight:700;margin:20px 0 30px}.checkbox-section{margin:30px 0}.dotted-fields{margin:40px 0}.mini-sig-canvas{width:200px!important;height:50px!important;cursor:crosshair}.name-date-box{display:flex;border:1px solid #000;margin-bottom:20px}.policy-table th:last-child{width:150px}.table-sig-canvas{width:130px!important;height:40px!important;cursor:crosshair;border:1px solid #ccc}.agreement-title{font-size:18px;font-weight:700;text-align:center;margin:40px 0 20px}.page-number{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:12px}.submit-btn-final{padding:15px 40px;font-size:16px;font-weight:700;background:#1e3a8a;color:#fff;border:none;border-radius:8px;cursor:pointer}.submit-btn-final:hover{background:#1e40af}.page-nav-buttons{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.nav-btn{padding:12px 24px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:hover:not(:disabled){transform:translateY(-2px)}.btn-text-full{display:inline}.btn-text-short{display:none}@media print{.document-policy-page{background:#fff!important;padding:0!important}.document-policy-header,.form-navigation,.page-tabs,.page-tabs-mobile,.page-nav-buttons,.clear-btn-small,.clear-btn-table,.submit-section-final{display:none!important}.pdf-form-container{display:block!important}.pdf-page-wrapper{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important;page-break-after:always;page-break-inside:auto;margin-bottom:0!important}.pdf-page-wrapper:nth-child(1),.pdf-page-wrapper:nth-child(2),.pdf-page-wrapper:nth-child(3),.pdf-page-wrapper:nth-child(4),.pdf-page-wrapper:nth-child(5),.pdf-page-wrapper:nth-child(6),.pdf-page-wrapper:nth-child(7),.pdf-page-wrapper:nth-child(8),.pdf-page-wrapper:nth-child(9){display:block!important;visibility:visible!important}.pdf-page-wrapper:nth-child(8){page-break-after:always!important}.pdf-page-wrapper:last-child,.page-9-wrapper,#page-9{page-break-before:always!important;page-break-after:auto!important;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:500px!important;position:relative!important;background:#fff!important}#page-9 .pdf-page,.page-9-wrapper .pdf-page{display:block!important;visibility:visible!important;min-height:400px!important;background:#fff!important}#page-9 .quiz-questions,#page-9 .quiz-question,#page-9 .quiz-title,#page-9 .quiz-intro{display:block!important;visibility:visible!important}.quiz-page,#page-6,#page-7,#page-8,#page-9{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:400px!important;background:#fff!important;page-break-before:always!important;page-break-inside:auto!important}.quiz-page .pdf-page,#page-6 .pdf-page,#page-7 .pdf-page,#page-8 .pdf-page{display:block!important;visibility:visible!important;min-height:400px!important;background:#fff!important}.quiz-page .quiz-title,.quiz-page .quiz-intro,.quiz-page .quiz-questions,.quiz-page .quiz-question,.quiz-page .quiz-options,.quiz-page .page-number{display:block!important;visibility:visible!important}.quiz-page .quiz-options{display:flex!important}.pdf-page{display:block!important;visibility:visible!important;box-shadow:none!important;padding:30px!important;min-height:auto!important;margin-bottom:0!important;height:auto!important;overflow:visible!important}.policy-form-wrapper{max-width:100%!important;display:block!important}.quiz-question{page-break-inside:avoid!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:15px!important}.quiz-options{display:flex!important;flex-direction:row!important;gap:30px!important;margin-left:20px!important}.quiz-options label{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}.quiz-options input[type=radio]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:14px!important;height:14px!important}.quiz-title{page-break-after:avoid!important;margin-bottom:10px!important}.quiz-intro{page-break-after:avoid!important;margin-bottom:20px!important}.quiz-questions{page-break-inside:auto!important}.page-number{margin-top:20px!important}.sig-row,.agreement-box,.policy-table tr{page-break-inside:avoid!important}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.form-navigation{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.form-navigation .page-indicator{display:none}.nav-actions{display:flex;gap:8px}.back-btn,.print-btn,.download-btn{text-align:center;padding:10px 12px;font-size:12px}.back-btn{flex-shrink:0}.pdf-page{padding:20px;min-height:auto}.sig-row{flex-direction:column;gap:20px}.agreement-box{flex-direction:column}.agreement-content{border-right:none;border-bottom:1px solid #000}.dotted-row{flex-direction:column;align-items:flex-start;gap:8px}.name-date-box{flex-direction:column}.nd-field:first-child{border-right:none;border-bottom:1px solid #000}.page-nav-buttons{flex-direction:row;gap:10px}.nav-btn{flex:1;padding:12px 10px;font-size:13px}.btn-text-full{display:none}.btn-text-short{display:inline}.policy-table{font-size:11px}.policy-table th,.policy-table td{padding:8px 5px}.table-sig-canvas{width:100px!important;height:35px!important}.quiz-options{flex-direction:column;gap:10px}.company-logo{font-size:32px}.company-subtitle{font-size:18px}}.policy-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid rgba(59,130,246,.2)}.policy-tab{padding:14px 28px;font-size:15px;font-weight:600;color:#fff9;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.policy-tab:hover{color:#ffffffe6;background:#3b82f61a}.policy-tab.active{color:#06b6d4;border-bottom-color:#06b6d4;background:#06b6d41a}.usersign-policy-section{background:#1e3a8a33;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:24px}.usersign-search-bar{display:flex;gap:12px;margin-bottom:20px}.usersign-search-input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#0f172a99;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.usersign-search-input::-moz-placeholder{color:#fff6}.usersign-search-input::placeholder{color:#fff6}.usersign-search-input:focus{border-color:#06b6d4}.usersign-search-btn{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.usersign-search-btn:hover{opacity:.9;transform:translateY(-1px)}.usersign-company-filter{min-width:200px;padding:12px 16px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#0f172a99;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:border-color .2s}.usersign-company-filter:focus{border-color:#06b6d4}.usersign-company-filter option{background:#1e293b;color:#fff}.usersign-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.usersign-table{width:100%;border-collapse:collapse;background:#0f172a99}.usersign-table th,.usersign-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(59,130,246,.15)}.usersign-table th{background:#1e3a8a66;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.usersign-table td{color:#ffffffe6;font-size:14px}.usersign-table tr:hover{background:#3b82f61a}.view-signature-btn{padding:8px 16px;border-radius:6px;border:1px solid rgba(6,182,212,.5);background:#06b6d41a;color:#06b6d4;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.view-signature-btn:hover{background:#06b6d433;border-color:#06b6d4}.download-pdf-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(16,185,129,.4);background:#10b9811a;color:#10b981;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.download-pdf-btn:hover{background:#10b98133;border-color:#10b981}.usersign-download-all-btn{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.usersign-download-all-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.usersign-download-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.usersign-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(59,130,246,.15)}.pagination-btn{padding:10px 20px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#3b82f61a;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3b82f633}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-size:14px}.signature-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.signature-modal{background:linear-gradient(135deg,#0f1729,#1a2744);border:1px solid rgba(59,130,246,.3);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.signature-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(59,130,246,.2)}.signature-modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.modal-close-btn{background:none;border:none;color:#fff9;font-size:28px;cursor:pointer;line-height:1;padding:0;transition:color .2s}.modal-close-btn:hover{color:#fff}.signature-modal-body{padding:24px}.signature-detail-row{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.1)}.signature-detail-row:last-of-type{border-bottom:none}.detail-label{color:#ffffff80;font-size:13px;min-width:120px;font-weight:500}.detail-value{color:#fff;font-size:14px;flex:1}.signature-image-container{margin-top:16px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.signature-image-container .detail-label{display:block;margin-bottom:12px}.signature-image{max-width:100%;background:#fff;border-radius:8px;padding:16px;display:block}@media(max-width:768px){.usersign-search-bar{flex-direction:column}.usersign-table th,.usersign-table td{padding:10px 12px;font-size:12px}.view-signature-btn{padding:6px 12px;font-size:12px}.policy-tab{padding:12px 16px;font-size:14px}.signature-modal{max-width:100%;margin:10px}.signature-detail-row{flex-direction:column;gap:4px}.detail-label{min-width:auto}}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.view-pdf-btn{padding:8px 16px;border-radius:6px;border:1px solid rgba(34,197,94,.5);background:#22c55e1a;color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.view-pdf-btn:hover{background:#22c55e33;border-color:#22c55e}.pdf-download-link{color:#06b6d4;text-decoration:none;font-weight:500;padding:6px 12px;background:#06b6d41a;border-radius:6px;display:inline-block;transition:all .2s}.pdf-download-link:hover{background:#06b6d433;text-decoration:underline}@media(max-width:768px){.action-buttons{flex-direction:column;gap:6px}.view-pdf-btn,.view-signature-btn{padding:6px 10px;font-size:11px;width:100%;text-align:center}}[data-theme="2"] .document-policy-page{background:#fff!important}[data-theme="2"] .document-policy-header h1{color:#1a2e05!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1a2e05!important}[data-theme="2"] .document-policy-header p,[data-theme="2"] .loading-state{color:#333!important}[data-theme="2"] .company-selection-section{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme="2"] .company-selection-section h2{color:#1a2e05!important}[data-theme="2"] .company-card{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme="2"] .company-card:hover{border-color:#8bc53f!important}[data-theme="2"] .company-avatar{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .company-info h3{color:#000!important}[data-theme="2"] .company-info p{color:#666!important}[data-theme="2"] .empty-state{background:#fff!important;color:#666!important;border:2px solid #8BC53F!important}[data-theme="2"] .back-btn,[data-theme="2"] .print-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.3)!important;color:#6ba32e!important}[data-theme="2"] .back-btn:hover,[data-theme="2"] .print-btn:hover{background:#8bc53f33!important}[data-theme="2"] .download-btn,[data-theme="2"] .nav-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .policy-tabs{border-bottom-color:#e5e7eb!important}[data-theme="2"] .policy-tab{color:#666!important}[data-theme="2"] .policy-tab:hover{color:#333!important;background:#8bc53f1a!important}[data-theme="2"] .policy-tab.active{color:#6ba32e!important;border-bottom-color:#8bc53f!important;background:#8bc53f1a!important}[data-theme="2"] .page-tab{background:#fff!important;border:1px solid #e5e7eb!important;color:#333!important}[data-theme="2"] .page-tab:hover{background:#8bc53f1a!important}[data-theme="2"] .page-tab.active{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important;border-color:#8bc53f!important;color:#fff!important}[data-theme="2"] .page-indicator{color:#333!important}[data-theme="2"] .usersign-policy-section{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme="2"] .usersign-search-input{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important}[data-theme="2"] .usersign-search-input:focus{border-color:#8bc53f!important}[data-theme="2"] .usersign-search-input::-moz-placeholder{color:#999!important}[data-theme="2"] .usersign-search-input::placeholder{color:#999!important}[data-theme="2"] .usersign-search-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .usersign-company-filter{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important}[data-theme="2"] .usersign-company-filter:focus{border-color:#8bc53f!important}[data-theme="2"] .usersign-company-filter option{background:#fff!important;color:#000!important}[data-theme="2"] .usersign-table-container{border:1px solid #e5e7eb!important}[data-theme="2"] .usersign-table{background:#fff!important}[data-theme="2"] .usersign-table th{background:#8bc53f!important;color:#fff!important;border-bottom:none!important}[data-theme="2"] .usersign-table td{color:#333!important;border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .usersign-table tr:hover{background:#f0f9e8!important}[data-theme="2"] .view-signature-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.4)!important;color:#6ba32e!important}[data-theme="2"] .view-signature-btn:hover{background:#8bc53f33!important;border-color:#8bc53f!important}[data-theme="2"] .download-pdf-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.4)!important;color:#6ba32e!important}[data-theme="2"] .download-pdf-btn:hover{background:#8bc53f33!important;border-color:#8bc53f!important}[data-theme="2"] .usersign-download-all-btn{background:linear-gradient(135deg,#8dc63f,#6ba32e)!important}[data-theme="2"] .usersign-pagination{border-top-color:#e5e7eb!important}[data-theme="2"] .pagination-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.3)!important;color:#6ba32e!important}[data-theme="2"] .pagination-btn:hover:not(:disabled){background:#8bc53f33!important}[data-theme="2"] .pagination-info{color:#333!important}[data-theme="2"] .signature-modal-overlay{background:#00000080!important}[data-theme="2"] .signature-modal{background:#fff!important;border:1px solid #8BC53F!important}[data-theme="2"] .signature-modal-header{border-bottom:1px solid #e5e7eb!important}[data-theme="2"] .signature-modal-header h3{color:#1a2e05!important}[data-theme="2"] .modal-close-btn{color:#666!important}[data-theme="2"] .modal-close-btn:hover{color:#000!important}[data-theme="2"] .signature-detail-row{border-bottom-color:#e5e7eb!important}[data-theme="2"] .detail-label{color:#666!important}[data-theme="2"] .detail-value{color:#000!important}[data-theme="2"] .signature-image-container{border-top-color:#e5e7eb!important}[data-theme="2"] .view-pdf-btn{background:#8bc53f1a!important;border:1px solid rgba(139,197,63,.4)!important;color:#6ba32e!important}[data-theme="2"] .view-pdf-btn:hover{background:#8bc53f33!important;border-color:#8bc53f!important}[data-theme="2"] .pdf-download-link{color:#6ba32e!important;background:#8bc53f1a!important}[data-theme="2"] .pdf-download-link:hover{background:#8bc53f33!important}[data-theme="2"] .mobile-nav-arrow{border-color:#8bc53f80!important;background:#8bc53f1a!important;color:#6ba32e!important}[data-theme="2"] .mobile-nav-arrow:hover:not(:disabled){background:#8bc53f4d!important;border-color:#8bc53f!important}[data-theme="2"] .mobile-page-indicator{color:#333!important}[data-theme="2"] .document-policy-page .summary-card-expired{background:#ef44441a!important;border-color:#ef44444d!important}[data-theme="2"] .document-policy-page .summary-card-warning{background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme="2"] .document-policy-page .summary-card-info{background:#3b82f61a!important;border-color:#3b82f64d!important}.compliance-btn{background:#8bc53f!important;border:none!important;color:#fff!important;padding:6px 14px!important;border-radius:6px!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;transition:all .2s ease!important}.compliance-btn:hover{background:#7ab52f!important;transform:translateY(-1px)!important}[data-theme="2"] .compliance-btn{background:#8bc53f!important;border:none!important;color:#fff!important}.policy-sign-page{min-height:100vh;background:linear-gradient(135deg,#0f1729,#1a2744);padding:20px;display:flex;align-items:flex-start;justify-content:center}.policy-container{background:#1e3a8a4d;border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:800px;width:100%;overflow:hidden}.policy-container.wide{max-width:900px}.policy-header{background:#1e3a8a80;padding:24px;border-bottom:1px solid rgba(59,130,246,.2)}.policy-header h1{color:#fff;font-size:24px;margin:0 0 16px;text-align:center}.policy-info{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.policy-info .info-item{background:#0003;padding:8px 16px;border-radius:8px}.policy-info .label{color:#fff9;font-size:12px;margin-right:8px}.policy-info .value{color:#60a5fa;font-weight:600}.policy-progress{padding:16px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(59,130,246,.1)}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .3s ease}.progress-text{color:#fff9;font-size:14px}.page-tabs{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap;justify-content:center;border-bottom:1px solid rgba(59,130,246,.1)}.page-tab{width:40px;height:40px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#0f172a99;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.page-tab:hover{background:#3b82f633}.page-tab.active{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-color:#06b6d4}.policy-content{padding:24px;min-height:400px}.pdf-page{background:#fff;padding:40px 50px 80px;border-radius:4px;box-shadow:0 4px 20px #0000004d;color:#000;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.6;min-height:700px;position:relative}.pdf-header-logo{text-align:center;margin-bottom:10px}.company-logo{font-size:42px;font-weight:700;color:#000;margin:0;font-family:Times New Roman,Times,serif}.logo-x{font-style:italic}.company-subtitle{font-size:24px;font-weight:700;margin:0;text-decoration:underline}.company-address{text-align:center;font-size:14px;font-weight:700;margin:5px 0}.pdf-divider-thick{height:4px;background:#000;margin:15px 0 30px}.pdf-content{margin-bottom:30px;min-height:450px}.pdf-text{font-size:14px;margin:10px 0;line-height:1.8}.inline-input{border:none;border-bottom:1px solid #000;padding:2px 5px;font-size:14px;font-family:Times New Roman,Times,serif;background:transparent;min-width:150px;outline:none}.inline-input.wide{min-width:250px}.inline-input.short{min-width:60px;width:60px}.signature-section-pdf{margin-top:40px}.sig-row{display:flex;gap:40px;margin-bottom:30px}.sig-field{flex:1}.sig-field.full{flex:100%}.sig-label{display:block;font-weight:700;font-size:12px;margin-bottom:5px}.sig-input{width:100%;border:none;border-bottom:1px solid #000;padding:5px;font-size:14px;font-family:Times New Roman,Times,serif;background:transparent;outline:none}.signature-box-pdf{border:1px solid #000;background:#fff;margin-top:5px}.signature-box-pdf.small{max-width:300px}.sig-canvas,.sig-canvas-small{display:block;cursor:crosshair}.clear-btn-small{margin-top:5px;padding:3px 10px;font-size:11px;background:#dc2626;color:#fff;border:none;border-radius:3px;cursor:pointer}.clear-btn-small:hover{background:#b91c1c}.clear-btn-table{display:block;margin-top:4px;padding:2px 8px;font-size:10px;background:#dc2626;color:#fff;border:none;border-radius:3px;cursor:pointer}.clear-btn-table:hover{background:#b91c1c}.pdf-footer{position:absolute;bottom:25px;left:50px;right:50px;text-align:center;font-size:12px;border-top:1px solid #ccc;padding-top:15px}.pdf-footer p{margin:0;color:#333}.section-heading{text-align:center;font-size:14px;font-weight:700;margin:30px 0 10px}.section-heading-main{text-align:center;font-size:18px;font-weight:700;margin:0 0 30px;text-transform:uppercase}.checkbox-section{margin:25px 0}.pdf-checkbox{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;cursor:pointer}.pdf-checkbox input[type=checkbox]{display:none}.checkbox-box{width:18px;height:18px;min-width:18px;border:2px solid #000;display:flex;align-items:center;justify-content:center;margin-top:2px}.pdf-checkbox input:checked+.checkbox-box:after{content:"✓";font-size:14px;font-weight:700}.checkbox-text{font-size:14px;line-height:1.5}.dotted-fields{margin:30px 0}.dotted-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.dotted-label{font-weight:700;font-size:14px}.dotted-input{flex:1;border:none;border-bottom:1px dotted #000;padding:5px;font-size:14px;font-family:Times New Roman,Times,serif;background:transparent;min-width:150px;outline:none}.dotted-input.short{flex:0;min-width:120px}.mini-sig-box{border:1px solid #000;min-width:200px}.mini-sig-canvas{display:block;cursor:crosshair}.company-footer-info{margin-top:60px;font-size:13px;line-height:1.5}.company-footer-info p{margin:3px 0}.page-header-info{display:flex;justify-content:flex-end;gap:20px;font-size:12px;margin-bottom:20px}.name-date-box{display:flex;border:1px solid #000;margin-bottom:25px}.nd-field{flex:1;display:flex;align-items:center;padding:10px 15px}.nd-field:first-child{border-right:1px solid #000}.nd-label{font-weight:700;margin-right:10px}.nd-input{flex:1;border:none;padding:5px;font-size:14px;font-family:Times New Roman,Times,serif;outline:none}.policy-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.policy-table th,.policy-table td{border:1px solid #000;padding:10px;text-align:left;vertical-align:top}.policy-table th{font-weight:700;text-decoration:underline;background:#f5f5f5}.policy-table th:last-child{width:180px}.policy-desc{font-size:11px;color:#333;margin:5px 0 0;font-style:italic}.sig-cell{padding:5px!important}.table-sig-canvas{display:block;cursor:crosshair;border:1px solid #ccc}.agreement-title{font-size:16px;font-weight:700;text-align:center;margin:30px 0 15px}.policy-title{font-size:20px;font-weight:700;text-align:center;margin:10px 0 30px}.agreement-box{display:flex;border:1px solid #000;margin-bottom:20px}.agreement-box.wide{display:block}.agreement-content{flex:1;padding:15px;border-right:1px solid #000}.agreement-box.wide .agreement-content{border-right:none;border-bottom:1px solid #000}.agreement-content p{margin:5px 0;font-size:13px}.agreement-sig{padding:15px;min-width:200px}.quiz-title{font-size:28px;font-weight:700;margin:0 0 20px;text-decoration:underline}.quiz-intro{font-size:13px;margin-bottom:30px;line-height:1.6}.quiz-questions{margin-bottom:40px}.quiz-question{margin-bottom:25px}.quiz-question p{font-size:13px;margin:0 0 10px;line-height:1.5}.quiz-options{display:flex;gap:30px;margin-left:20px}.quiz-options label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.quiz-options input[type=radio]{width:16px;height:16px;cursor:pointer}.submit-section-final{margin-top:40px;padding-top:20px;border-top:2px solid #000;text-align:center}.submit-info{font-size:14px;margin-bottom:20px;color:#333}.submit-btn-final{padding:15px 40px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;cursor:pointer}.submit-btn-final:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.submit-btn-final:disabled{opacity:.7;cursor:not-allowed}.policy-navigation{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(59,130,246,.2);background:#1e3a8a4d}.nav-btn{padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.prev-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.prev-btn:hover:not(:disabled){background:#ffffff1a}.prev-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.next-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.next-btn:disabled{opacity:.5;cursor:not-allowed}.policy-loading,.policy-error,.policy-success{text-align:center;padding:60px 40px;background:#1e3a8a4d;border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:400px}.policy-loading .spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.policy-loading p{color:#ffffffb3;font-size:16px}.error-icon{width:60px;height:60px;background:#ef444433;border:2px solid #ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#ef4444;font-size:32px;font-weight:700}.policy-error h2{color:#ef4444;margin:0 0 12px}.policy-error p{color:#ffffffb3}.success-icon{width:80px;height:80px;background:#22c55e33;border:2px solid #22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#22c55e;font-size:40px}.policy-success h2{color:#22c55e;margin:0 0 12px}.policy-success p{color:#ffffffb3;margin:8px 0}@media(max-width:768px){.policy-sign-page{padding:10px}.policy-header{padding:16px}.policy-header h1{font-size:18px}.policy-info{flex-direction:column;align-items:stretch}.policy-content{padding:12px}.pdf-page{padding:20px 15px;min-height:auto}.company-logo{font-size:28px}.company-subtitle{font-size:16px}.sig-row{flex-direction:column;gap:15px}.sig-field{width:100%}.sig-field[style*="marginLeft: auto"]{margin-left:0!important}.sig-input{width:100%!important;max-width:100%!important}.agreement-box{flex-direction:column}.agreement-content{border-right:none;border-bottom:1px solid #000}.dotted-row{flex-direction:column;align-items:flex-start;gap:8px}.dotted-row[style*="display: flex"]{flex-direction:column!important}.dotted-input{width:100%!important;min-width:100%!important}.dotted-row input[type=date]{margin-left:0!important;width:100%!important}.name-date-box{flex-direction:column}.nd-field{width:100%}.nd-field:first-child{border-right:none;border-bottom:1px solid #000}.nd-input{width:100%!important}.policy-table{font-size:11px;display:block;overflow-x:auto}.policy-table th,.policy-table td{padding:8px 5px}.policy-table th:last-child{width:120px}.quiz-options{flex-direction:column;gap:10px}.page-tabs{padding:12px 16px}.page-tab{width:35px;height:35px;font-size:12px}.policy-navigation{flex-direction:row;gap:10px}.nav-btn{flex:1;padding:12px 16px;font-size:13px}.signature-box-pdf,.mini-sig-box,.sig-canvas,.mini-sig-canvas,.table-sig-canvas{width:100%!important;max-width:100%!important}.pdf-checkbox{flex-wrap:nowrap}.checkbox-text{font-size:13px}.company-footer-info{margin-top:30px;font-size:12px}.page-header-info{flex-direction:column;gap:5px;align-items:flex-start}.agreement-sig{width:100%;min-width:auto}.quiz-title{font-size:22px}.quiz-intro,.quiz-question p{font-size:12px}.submit-btn-final{width:100%;padding:14px 20px}}@media(max-width:480px){.policy-sign-page{padding:5px}.policy-container{border-radius:10px}.policy-header{padding:12px}.policy-header h1{font-size:16px}.policy-info .info-item{padding:6px 12px;font-size:12px}.policy-progress{padding:12px 16px;gap:10px}.progress-text{font-size:12px}.policy-content{padding:8px}.pdf-page{padding:15px 12px;font-size:13px}.company-logo{font-size:22px}.company-subtitle{font-size:14px}.company-address{font-size:12px}.pdf-divider-thick{margin:10px 0 20px}.pdf-text{font-size:13px;line-height:1.6}.section-heading{font-size:13px}.section-heading-main{font-size:15px;margin-bottom:20px}.sig-row{gap:12px;margin-bottom:20px}.sig-label{font-size:11px}.sig-input{font-size:13px;padding:4px}.sig-field input[style*="width: '300px'"],.sig-field input[style*="width: '170px'"]{width:100%!important}.dotted-fields{margin:20px 0}.dotted-row{margin-bottom:15px}.dotted-label{font-size:13px}.dotted-input{font-size:13px;padding:4px}.checkbox-section{margin:20px 0}.pdf-checkbox{gap:10px;margin-bottom:15px}.checkbox-box{width:16px;height:16px;min-width:16px}.checkbox-text{font-size:12px;line-height:1.4}.mini-sig-box{min-width:100%!important}.mini-sig-canvas{height:60px!important}.nd-field{padding:8px 10px}.nd-label{font-size:12px;margin-right:8px}.nd-input{font-size:13px}.policy-table{font-size:10px}.policy-table th,.policy-table td{padding:6px 4px}.policy-table th:last-child{width:80px;min-width:80px}.policy-desc{font-size:10px}.table-sig-canvas{height:40px!important}.clear-btn-table{font-size:9px;padding:2px 6px}.agreement-title{font-size:14px}.policy-title{font-size:16px;margin-bottom:20px}.agreement-content{padding:12px}.agreement-content p{font-size:12px}.agreement-sig{padding:12px}.quiz-title{font-size:18px;margin-bottom:15px}.quiz-intro{font-size:11px;margin-bottom:20px}.quiz-question{margin-bottom:20px}.quiz-question p{font-size:11px;margin-bottom:8px}.quiz-options{margin-left:10px;gap:8px}.quiz-options label{font-size:12px;gap:6px}.quiz-options input[type=radio]{width:14px;height:14px}.submit-section-final{margin-top:25px;padding-top:15px}.submit-info{font-size:12px;margin-bottom:15px}.submit-btn-final{padding:12px 16px;font-size:14px}.page-tabs{padding:10px 12px;gap:6px}.page-tab{width:32px;height:32px;font-size:11px}.policy-navigation{padding:12px 16px;gap:8px}.nav-btn{padding:10px 12px;font-size:12px}.pdf-footer{position:relative;bottom:auto;left:auto;right:auto;margin-top:20px;font-size:10px;padding-top:10px}.company-footer-info{margin-top:25px;font-size:11px}.company-footer-info p{margin:2px 0}.clear-btn-small{padding:4px 12px;font-size:10px}}@media(max-width:360px){.policy-header h1{font-size:14px}.company-logo{font-size:18px}.company-subtitle{font-size:12px}.pdf-page{padding:12px 10px;font-size:12px}.pdf-text{font-size:12px}.checkbox-text{font-size:11px}.page-tab{width:28px;height:28px;font-size:10px}.quiz-title{font-size:16px}}.quiz-progress-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;margin-bottom:20px;margin-top:20px;flex-wrap:wrap;gap:10px}.quiz-scroll-container{max-height:400px;overflow-y:auto;padding-right:10px}.quiz-step-header{color:#000;font-size:15px;font-weight:700;margin-bottom:12px;padding:10px;background:#f5f5f5;border-radius:4px;border:1px solid #ccc}.quiz-question-card{padding:12px;margin-bottom:10px;border-radius:4px}.quiz-result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:#fff}.quiz-result-title{font-size:24px;font-weight:700;margin-bottom:10px}.quiz-result-score-box{background:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:20px;display:inline-block;min-width:200px}.quiz-result-score{font-size:48px;font-weight:700}.quiz-next-step-info{border-radius:8px;padding:15px;margin-top:20px;text-align:left}@media(max-width:768px){.quiz-progress-bar{padding:10px 12px;flex-direction:column;align-items:flex-start}.quiz-scroll-container{max-height:none;padding-right:0}.quiz-step-header{font-size:14px;padding:8px}.quiz-question-card{padding:10px}.quiz-result-icon{width:70px;height:70px;font-size:35px}.quiz-result-title{font-size:20px}.quiz-result-score-box{padding:15px;min-width:150px}.quiz-result-score{font-size:40px}.quiz-next-step-info{padding:12px}}@media(max-width:480px){.quiz-progress-bar{padding:8px 10px;font-size:12px}.quiz-progress-bar span{font-size:12px}.quiz-step-header{font-size:13px;padding:6px 8px}.quiz-question-card{padding:8px}.quiz-question-card p{font-size:12px!important;line-height:1.4!important}.quiz-result-icon{width:60px;height:60px;font-size:30px;margin-bottom:15px}.quiz-result-title{font-size:18px}.quiz-result-score-box{padding:12px;min-width:120px}.quiz-result-score{font-size:32px}.quiz-next-step-info{padding:10px;font-size:12px}.quiz-next-step-info div{font-size:12px!important}.local-quiz-option{padding:6px 10px!important;font-size:12px!important}.local-quiz-option span{font-size:12px!important}}@media(max-width:360px){.quiz-progress-bar{padding:6px 8px}.quiz-step-header{font-size:12px}.quiz-question-card p{font-size:11px!important}.quiz-result-icon{width:50px;height:50px;font-size:25px}.quiz-result-title{font-size:16px}.quiz-result-score{font-size:28px}}.registration-section{padding:40px}.registration-header{text-align:center;margin-bottom:32px}.registration-logo{margin-bottom:24px}.registration-header h2{color:#fff;font-size:24px;margin:0 0 8px;background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registration-header p{color:#fff9;font-size:14px;margin:0}.registration-form{max-width:400px;margin:0 auto}.registration-error{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.registration-field{margin-bottom:20px}.registration-field label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.registration-field .required{color:#ef4444}.registration-input{width:100%;padding:14px 16px;background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:16px;outline:none;transition:all .2s;box-sizing:border-box}.registration-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.registration-input::-moz-placeholder{color:#fff6}.registration-input::placeholder{color:#fff6}.registration-input.readonly{background:#1e3a8a66;border-color:#3b82f633;color:#ffffffb3;cursor:not-allowed}.field-note{display:block;color:#fff6;font-size:12px;margin-top:6px;font-style:italic}.registration-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s}.registration-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.registration-submit-btn:active{transform:translateY(0)}@media(max-width:480px){.registration-section{padding:24px 20px}.registration-header h2{font-size:20px}.registration-input{padding:12px 14px;font-size:15px}.registration-submit-btn{padding:14px 20px;font-size:15px}}[data-theme="2"] .policy-sign-page{background:linear-gradient(135deg,#f0f7e6,#e8f5dc,#f5f9f0)!important}[data-theme="2"] .policy-container{background:#fff!important;border:2px solid rgba(141,198,63,.3)!important}[data-theme="2"] .policy-header{background:#8dc63f1a!important;border-bottom:1px solid rgba(141,198,63,.2)!important}[data-theme="2"] .policy-info .info-item{background:#8dc63f1a!important}[data-theme="2"] .policy-info .label{color:#666!important}[data-theme="2"] .policy-info .value{color:#8dc63f!important}[data-theme="2"] .policy-progress{border-bottom-color:#8dc63f1a!important}[data-theme="2"] .progress-bar{background:#8dc63f33!important}[data-theme="2"] .progress-fill{background:linear-gradient(90deg,#8dc63f,#6bb536)!important}[data-theme="2"] .progress-text{color:#666!important}[data-theme="2"] .page-tabs{border-bottom-color:#8dc63f1a!important}[data-theme="2"] .page-tab{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important;color:#1a2e05!important}[data-theme="2"] .page-tab:hover{background:#8dc63f1a!important}[data-theme="2"] .page-tab.active{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;border-color:#8dc63f!important;color:#fff!important}[data-theme="2"] .policy-content{background:#fff!important}[data-theme="2"] .policy-navigation{background:#8dc63f1a!important;border-top-color:#8dc63f33!important}[data-theme="2"] .prev-btn{border-color:#8dc63f66!important;color:#6bb536!important}[data-theme="2"] .prev-btn:hover:not(:disabled){background:#8dc63f1a!important}[data-theme="2"] .next-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important}[data-theme="2"] .next-btn:hover:not(:disabled){box-shadow:0 4px 12px #8dc63f66!important}[data-theme="2"] .submit-btn-final{background:linear-gradient(135deg,#8dc63f,#6bb536)!important}[data-theme="2"] .submit-btn-final:hover{background:linear-gradient(135deg,#6bb536,#5a9c2e)!important}[data-theme="2"] .policy-loading,[data-theme="2"] .policy-error,[data-theme="2"] .policy-success{background:#fff!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .policy-loading .spinner{border-color:#8dc63f33!important;border-top-color:#8dc63f!important}[data-theme="2"] .policy-loading p{color:#666!important}[data-theme="2"] .policy-success h2{color:#8dc63f!important}[data-theme="2"] .policy-success p{color:#666!important}[data-theme="2"] .success-icon{background:#8dc63f33!important;border-color:#8dc63f!important;color:#8dc63f!important}[data-theme="2"] .registration-section{background:#fff!important}[data-theme="2"] .registration-header h2{color:#1a2e05!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1a2e05!important}[data-theme="2"] .registration-header p{color:#666!important}[data-theme="2"] .registration-field label{color:#1a2e05!important}[data-theme="2"] .registration-input{background:#fff!important;border:2px solid rgba(141,198,63,.4)!important;color:#1a2e05!important}[data-theme="2"] .registration-input:focus{border-color:#8dc63f!important;box-shadow:0 0 0 3px #8dc63f1a!important}[data-theme="2"] .registration-input::-moz-placeholder{color:#999!important}[data-theme="2"] .registration-input::placeholder{color:#999!important}[data-theme="2"] .registration-input.readonly{background:#8dc63f0d!important;border-color:#8dc63f33!important;color:#666!important}[data-theme="2"] .field-note{color:#666!important}[data-theme="2"] .registration-submit-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important}[data-theme="2"] .registration-submit-btn:hover{box-shadow:0 8px 20px #8dc63f4d!important}[data-theme="2"] .quiz-progress-bar{background:#8dc63f1a!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .quiz-result-icon.success{background:#8dc63f!important}[data-theme="2"] .quiz-result-title.success,[data-theme="2"] .quiz-result-score.success{color:#8dc63f!important}.policy-download-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:20px}.policy-download-card{background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:40px;max-width:550px;width:100%;box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f11a;text-align:center}.policy-download-card.error,.policy-download-card.expired{border-color:#ef444466}.loading-spinner{width:50px;height:50px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-icon,.expired-icon{font-size:60px;margin-bottom:20px}.policy-download-card h2{color:#f87171;font-size:24px;margin-bottom:15px}.contact-info{color:#94a3b8;font-size:14px;margin-top:20px;padding:15px;background:#6366f11a;border-radius:10px}.policy-header{margin-bottom:25px}.company-logo{font-size:50px;margin-bottom:15px}.policy-header h1{color:#fff;font-size:26px;font-weight:600;margin:0}.welcome-message{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;padding:15px 20px;margin-bottom:25px}.welcome-message p{color:#e2e8f0;margin:0;font-size:16px}.welcome-message strong{color:#a5b4fc}.policy-notice{display:flex;gap:15px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;margin-bottom:25px;text-align:left}.notice-icon{font-size:35px;flex-shrink:0}.notice-content h3{color:#4ade80;font-size:18px;margin:0 0 10px}.notice-content p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.instructions{background:#1e293bcc;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.instructions h4{color:#e2e8f0;font-size:16px;margin:0 0 15px}.instructions ol{color:#94a3b8;margin:0;padding-left:20px}.instructions li{margin-bottom:12px;line-height:1.5}.instructions ul{margin-top:8px;padding-left:20px}.instructions ul li{margin-bottom:5px}.instructions strong{color:#a5b4fc}.download-section{margin-bottom:25px}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:18px;font-weight:600;padding:16px 40px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f166}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.download-btn:disabled{opacity:.7;cursor:not-allowed}.download-btn.secondary{background:#6366f133;border:1px solid rgba(99,102,241,.4);font-size:14px;padding:10px 25px;margin-top:15px}.download-icon{font-size:22px}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.no-file-warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:10px;padding:15px 20px;color:#fbbf24;font-size:14px}.download-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:25px}.success-icon{font-size:50px;margin-bottom:15px}.download-success p{color:#4ade80;font-size:18px;margin:0 0 10px}.download-success .reminder{color:#94a3b8;font-size:14px}.policy-footer{border-top:1px solid rgba(99,102,241,.2);padding-top:20px}.policy-footer p{color:#64748b;font-size:12px;margin:5px 0}.powered-by{color:#475569!important;font-size:11px!important;margin-top:10px!important}@media(max-width:480px){.policy-download-card{padding:25px 20px}.policy-header h1{font-size:22px}.policy-notice{flex-direction:column;text-align:center}.download-btn{width:100%;padding:14px 20px;font-size:16px}}[data-theme="2"] .policy-download-container{background:linear-gradient(135deg,#f8fdf5,#eef7e6,#f8fdf5)!important}[data-theme="2"] .policy-download-card{background:#fff!important;border:2px solid rgba(141,198,63,.3)!important;box-shadow:0 10px 40px #0000001a,0 0 40px #8dc63f1a!important}[data-theme="2"] .policy-download-card.error,[data-theme="2"] .policy-download-card.expired{border-color:#ef444466!important}[data-theme="2"] .loading-spinner{border-color:#8dc63f33!important;border-top-color:#8dc63f!important}[data-theme="2"] .policy-download-card p{color:#666!important}[data-theme="2"] .policy-download-card h2{color:#ef4444!important}[data-theme="2"] .contact-info{color:#666!important;background:#8dc63f1a!important}[data-theme="2"] .policy-header h1{color:#1a2e05!important}[data-theme="2"] .welcome-message{background:linear-gradient(135deg,#8dc63f26,#6bb53626)!important}[data-theme="2"] .welcome-message p{color:#1a2e05!important}[data-theme="2"] .welcome-message strong{color:#6bb536!important}[data-theme="2"] .policy-notice{background:#8dc63f1a!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .notice-content h3{color:#6bb536!important}[data-theme="2"] .notice-content p{color:#666!important}[data-theme="2"] .instructions{background:#f9fafb!important;border:1px solid rgba(141,198,63,.2)!important}[data-theme="2"] .instructions h4{color:#1a2e05!important}[data-theme="2"] .instructions ol{color:#666!important}[data-theme="2"] .instructions strong{color:#6bb536!important}[data-theme="2"] .download-btn{background:linear-gradient(135deg,#8dc63f,#6bb536)!important;box-shadow:0 4px 15px #8dc63f66!important;border-radius:25px!important}[data-theme="2"] .download-btn:hover:not(:disabled){box-shadow:0 6px 20px #8dc63f80!important}[data-theme="2"] .download-btn.secondary{background:#8dc63f26!important;border:1px solid rgba(141,198,63,.4)!important;color:#6bb536!important;border-radius:25px!important}[data-theme="2"] .no-file-warning{background:#f59e0b1a!important;border:1px solid rgba(245,158,11,.3)!important;color:#d97706!important}[data-theme="2"] .download-success{background:#8dc63f1a!important;border:1px solid rgba(141,198,63,.3)!important}[data-theme="2"] .download-success p{color:#6bb536!important}[data-theme="2"] .download-success .reminder{color:#666!important}[data-theme="2"] .policy-footer{border-top-color:#8dc63f33!important}[data-theme="2"] .policy-footer p{color:#999!important}[data-theme="2"] .powered-by{color:#8dc63f!important}.work-orders-page{padding:24px;min-height:100vh;box-sizing:border-box}.work-orders-page.theme-1{background:#0f1729;color:#fff}.work-orders-page.theme-2{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#1f2937}.work-orders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.work-orders-page.theme-1 .work-orders-header h1{font-size:28px;font-weight:700;margin:0;color:#fff}.work-orders-page.theme-2 .work-orders-header h1{font-size:28px;font-weight:700;margin:0;color:#166534}.work-orders-page.theme-1 .work-orders-header p{color:#fff9;margin:4px 0 0;font-size:14px}.work-orders-page.theme-2 .work-orders-header p{color:#6b7280;margin:4px 0 0;font-size:14px}.work-orders-page.theme-1 .btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #06b6d44d}.work-orders-page.theme-2 .btn-primary{background:linear-gradient(135deg,#8dc63f,#6bb536);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #8dc63f4d}.work-orders-page.theme-1 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.work-orders-page.theme-2 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8dc63f66}.btn-primary svg{width:20px;height:20px}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.work-orders-page.theme-1 .stat-card{padding:20px;border-radius:12px;border:2px solid;background:#1a2332cc;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.work-orders-page.theme-1 .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00d4ff33}.work-orders-page.theme-2 .stat-card{padding:20px;border-radius:12px;border:2px solid;background:#fff;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.work-orders-page.theme-2 .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8dc63f33}.stat-card.blue{border-color:#3b82f680}.stat-card.yellow{border-color:#eab30880}.stat-card.green{border-color:#22c55e80}.stat-card.orange{border-color:#f9731680}.stat-card.gray{border-color:#9ca3af80}.stat-card.purple{border-color:#a855f780}.stat-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-value.blue{color:#3b82f6}.stat-value.yellow{color:#eab308}.stat-value.green{color:#22c55e}.stat-value.orange{color:#f97316}.stat-value.gray{color:#9ca3af}.stat-value.purple{color:#a855f7}.work-orders-page.theme-1 .stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.work-orders-page.theme-2 .stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.work-orders-page.theme-1 .filter-card{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;margin-bottom:24px}.work-orders-page.theme-2 .filter-card{background:#fff;border:1px solid rgba(141,198,63,.3);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-input{flex:1;min-width:200px}.work-orders-page.theme-1 .filter-input input,.work-orders-page.theme-1 .filter-input select{width:100%;padding:12px 16px;background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.work-orders-page.theme-2 .filter-input input,.work-orders-page.theme-2 .filter-input select{width:100%;padding:12px 16px;background:#fff;border:2px solid rgba(141,198,63,.4);border-radius:8px;color:#1f2937;font-size:14px;transition:all .3s ease}.work-orders-page.theme-1 .filter-input input::-moz-placeholder{color:#fff6}.work-orders-page.theme-1 .filter-input input::placeholder{color:#fff6}.work-orders-page.theme-2 .filter-input input::-moz-placeholder{color:#9ca3af}.work-orders-page.theme-2 .filter-input input::placeholder{color:#9ca3af}.work-orders-page.theme-1 .filter-input input:focus,.work-orders-page.theme-1 .filter-input select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433}.work-orders-page.theme-2 .filter-input input:focus,.work-orders-page.theme-2 .filter-input select:focus{outline:none;border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f33}.work-orders-page.theme-1 .filter-input select option{background:#1a2332;color:#fff}.work-orders-page.theme-2 .filter-input select option{background:#fff;color:#1f2937}.btn-refresh{padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{background:#fff3}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner{width:48px;height:48px;border:3px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.work-orders-page.theme-1 .empty-state{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:60px 40px;text-align:center}.work-orders-page.theme-2 .empty-state{background:#fff;border:1px solid rgba(141,198,63,.3);border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000001a}.work-orders-page.theme-1 .empty-state svg{width:64px;height:64px;color:#ffffff4d;margin-bottom:16px}.work-orders-page.theme-2 .empty-state svg{width:64px;height:64px;color:#9ca3af;margin-bottom:16px}.work-orders-page.theme-1 .empty-state h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.work-orders-page.theme-2 .empty-state h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.work-orders-page.theme-1 .empty-state p{color:#ffffff80;margin:0}.work-orders-page.theme-2 .empty-state p{color:#6b7280;margin:0}.work-order-card{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;margin-bottom:16px;cursor:pointer;transition:all .3s ease}.work-order-card:hover{transform:translateY(-2px);border-color:#06b6d466;box-shadow:0 8px 32px #06b6d426}.work-order-card-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px}.work-order-info{flex:1;min-width:200px}.work-order-batch{font-family:monospace;font-size:13px;color:#ffffff80;margin-right:12px}.work-order-company{font-size:18px;font-weight:600;color:#fff;margin:8px 0 4px}.work-order-meta{font-size:14px;color:#fff9}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.open{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge.inprogress{background:#eab30833;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.status-badge.filled{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.completed{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.archived{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.progress-section{width:200px;flex-shrink:0}.progress-header{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.progress-label{color:#fff9}.progress-value{font-weight:600;color:#fff}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.progress-fill.yellow{background:linear-gradient(90deg,#eab308,#f59e0b)}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#10b981)}.progress-percent{font-size:12px;color:#ffffff80;text-align:right;margin-top:4px}.work-order-actions{display:flex;gap:8px;flex-shrink:0}.btn-dispatch{padding:8px 16px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-dispatch:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.btn-action{padding:8px 16px;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-action:hover{background:#fff3;color:#fff}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:all .3s ease;background:none;border:none;padding:0}.work-orders-page.theme-1 .back-link{color:#06b6d4}.work-orders-page.theme-2 .back-link{color:#8dc63f}.work-orders-page.theme-1 .back-link:hover{color:#22d3ee}.work-orders-page.theme-2 .back-link:hover{color:#6bb536}.back-link svg{width:20px;height:20px}.form-card{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:32px;max-width:800px;margin:0 auto}.form-card h1{font-size:24px;font-weight:700;color:#fff;margin:0 0 24px}.form-error{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#fca5a5;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#fffc;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#fff6}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433}.form-group input.theme2-input{color:#000!important;color-scheme:light}.form-group input.theme2-input::-webkit-calendar-picker-indicator{filter:invert(0)}.form-group select option{background:#1a2332;color:#fff}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;background:#ffffff1a;color:#ffffffb3}.skill-tag:hover{background:#fff3}.skill-tag.selected{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid rgba(59,130,246,.2);margin-top:24px}.btn-cancel{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fffc;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #06b6d44d}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.detail-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.detail-title-section h1{font-size:24px;font-weight:700;color:#fff;margin:8px 0}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.progress-card{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:24px;margin-bottom:24px}.progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-card-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.progress-card-value{font-size:36px;font-weight:700;color:#06b6d4}.progress-bar-large{height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden;margin-bottom:8px}.progress-bar-large .progress-fill{height:100%;border-radius:8px}.progress-card-info{margin-top:16px;padding-top:16px;border-top:1px solid rgba(59,130,246,.2)}.progress-card-info p{margin:8px 0;font-size:14px;color:#ffffffb3}.progress-card-info strong{color:#fff}.tabs-container{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid rgba(59,130,246,.2)}.tab-btn{padding:16px 24px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.tab-btn:hover{color:#fffc;background:#ffffff0d}.tab-btn.active{color:#06b6d4;border-bottom-color:#06b6d4}.tabs-content{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;background:#0f172a80;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(59,130,246,.1);color:#ffffffe6;font-size:14px}.data-table tr:hover{background:#ffffff08}.data-table .text-muted{color:#ffffff80}.dispatch-header-card{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;margin-bottom:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.dispatch-info h1{font-size:20px;font-weight:600;color:#fff;margin:8px 0 4px}.dispatch-info .batch-id{font-size:13px;color:#ffffff80}.dispatch-info .shift{font-size:14px;color:#fff9}.dispatch-progress{text-align:right}.dispatch-progress .value{font-size:36px;font-weight:700;color:#06b6d4}.dispatch-progress .label{font-size:14px;color:#fff9}.worker-list{background:#1a2332cc;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.worker-list-header{padding:16px 20px;background:#0f172a80;border-bottom:1px solid rgba(59,130,246,.2);font-weight:600;color:#fff}.worker-card{padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.1);transition:background .3s ease}.worker-card:hover{background:#ffffff08}.worker-card:last-child{border-bottom:none}.worker-card-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.worker-info{flex:1;min-width:200px}.worker-name{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.worker-details{font-size:14px;color:#fff9;margin-top:4px}.worker-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.worker-skill{padding:4px 10px;background:#ffffff1a;border-radius:12px;font-size:11px;color:#ffffffb3}.worker-call-info{font-size:13px;color:#ffffff80}.worker-actions{display:flex;gap:8px}.btn-call{padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.btn-call:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.btn-assign{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-assign:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.rating-stars{display:flex;gap:2px}.rating-stars svg{width:16px;height:16px}.rating-stars svg.filled{color:#fbbf24}.rating-stars svg.empty{color:#fff3}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-content{background:#1a2332;border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(59,130,246,.2);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.modal-header p{font-size:14px;color:#fff9;margin:4px 0 0}.modal-close{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-worker-info{padding:16px 24px;background:#06b6d41a;border-bottom:1px solid rgba(59,130,246,.2);display:flex;align-items:center;gap:16px}.modal-worker-avatar{width:48px;height:48px;background:#06b6d433;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-worker-avatar svg{width:24px;height:24px;color:#06b6d4}.modal-worker-name{font-weight:600;color:#fff}.modal-worker-phone{color:#06b6d4;display:flex;align-items:center;gap:4px;font-size:14px}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid rgba(59,130,246,.2);background:#0f172a80;display:flex;justify-content:flex-end;gap:12px}.call-result-options{display:flex;flex-direction:column;gap:8px}.call-result-option{display:flex;align-items:center;padding:12px 16px;background:#0f172a80;border:1px solid rgba(59,130,246,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.call-result-option:hover{border-color:#3b82f666}.call-result-option.selected{background:#06b6d41a;border-color:#06b6d4}.call-result-option input{display:none}.call-result-option span{font-weight:500}.call-result-option span.accepted{color:#4ade80}.call-result-option span.declined{color:#f87171}.call-result-option span.noanswer{color:#fbbf24}.call-result-option span.busy{color:#fb923c}.call-result-option span.voicemail{color:#a78bfa}.call-result-option span.callback{color:#60a5fa}.call-result-option span.wrongnumber{color:#ef4444}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:16px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#06b6d4}.checkbox-group label{font-size:14px;color:#fffc}@media(max-width:768px){.work-orders-page{padding:16px}.work-orders-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.work-order-card-content{flex-direction:column;align-items:stretch}.progress-section{width:100%}.work-order-actions{justify-content:flex-end}.worker-card-content{flex-direction:column;align-items:stretch}.worker-actions{justify-content:flex-end}}@keyframes pulse5min{0%{box-shadow:0 0 #f59e0bb3;border-color:#f59e0b}50%{box-shadow:0 0 30px 10px #f59e0b66;border-color:#fbbf24}to{box-shadow:0 0 #f59e0bb3;border-color:#f59e0b}}@keyframes pulse2min{0%{box-shadow:0 0 #ef4444b3;border-color:#ef4444}50%{box-shadow:0 0 30px 10px #ef444466;border-color:#f87171}to{box-shadow:0 0 #ef4444b3;border-color:#ef4444}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 25px 50px #00000080}50%{transform:scale(1.02);box-shadow:0 30px 60px #0009}to{transform:scale(1);box-shadow:0 25px 50px #00000080}}.shift-reminder-popup{animation:pulse 2s ease-in-out infinite}.shift-reminder-popup-5min{animation:pulse5min 1s ease-in-out infinite}.shift-reminder-popup-2min{animation:pulse2min .8s ease-in-out infinite}.shift-reminder-title-blink{animation:blink 1s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.shift-reminder-icon{animation:iconPulse 1s ease-in-out infinite}