@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth-layout{width:100%;min-height:100vh;display:flex}.auth-sidebar{color:var(--white);background:linear-gradient(#0f172abf,#0f172ad9),url(/assets/corporate-bg-C8Uff1Of.png) 50%/cover no-repeat;flex-direction:column;flex:1;justify-content:flex-start;gap:24px;padding:64px;display:flex;position:relative;overflow:hidden}.auth-sidebar:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff0d 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.auth-sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb26 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-20%;left:-10%}.auth-sidebar-logo{letter-spacing:-.5px;z-index:1;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex;position:relative;right:20px}.logo-icon{background-color:var(--primary);width:32px;height:32px;color:var(--white);border-radius:8px;justify-content:center;align-items:center;display:flex}.auth-sidebar-content{z-index:1;max-width:480px;margin-top:8px;position:relative;right:-60px}.auth-sidebar-content h1{letter-spacing:-1px;margin-bottom:24px;font-size:42px;font-weight:600;line-height:1.15}.auth-sidebar-content p{color:var(--text-light);font-size:16px;line-height:1.6}.auth-sidebar-footer{z-index:1;color:var(--text-muted);font-size:14px}.auth-sidebar-image-wrap{z-index:1;justify-content:flex-start;align-items:center;margin-top:24px;padding-top:8px;display:flex;position:relative;right:-50px}.auth-sidebar-image{object-fit:contain;background:#fffffff2;border-radius:16px;width:520px;max-width:100%;height:auto;padding:12px;display:block;box-shadow:0 12px 35px #0f172a40}.auth-main{background:var(--bg-page);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-form-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:440px;padding:40px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.auth-form-container.register-form{max-width:520px}.auth-tabs{background:var(--bg-muted);border-radius:8px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{text-align:center;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.auth-tab:hover:not(.active){color:var(--text-body)}.auth-tab.active{background:var(--bg-card);color:var(--text-dark);font-weight:600;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.auth-header{margin-bottom:32px}.auth-header h2{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:600}.auth-header p{color:var(--text-muted);font-size:15px}.form-group{margin-bottom:20px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .form-group{margin-bottom:0}.form-label{color:var(--text-body);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{border:1px solid var(--border);width:100%;height:44px;color:var(--text-dark);background:var(--bg-card);font-size:15px;font-family:var(--font-sans);border-radius:8px;padding:0 14px;transition:all .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-input.error{border-color:var(--danger)}.form-error{color:var(--danger);margin-top:6px;font-size:13px;display:block}select.form-input{appearance:none;cursor:pointer;padding-right:32px}.select-icon{pointer-events:none;color:var(--text-light);align-items:center;display:flex;position:absolute;right:12px}.pwd-toggle{color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.pwd-toggle:hover{color:var(--text-body)}.form-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkbox-label{color:var(--text-body);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.forgot-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.submit-btn{background:var(--primary);width:100%;height:44px;color:var(--white);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:background .2s;display:flex}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.back-btn{background:var(--bg-muted);width:100%;height:44px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;margin-top:12px;font-size:14px;font-weight:500;transition:background .2s}.back-btn:hover{background:var(--bg-hover);color:var(--text-dark)}@media (width<=900px){.auth-layout{flex-direction:column}.auth-sidebar{display:none}.auth-main{padding:24px}.form-grid{grid-template-columns:1fr}}@media (width<=640px){.auth-main{padding:16px}.auth-form-container{border-radius:14px;width:100%;max-width:100%;padding:24px 20px}.auth-header h2{font-size:22px}.auth-header p{font-size:13.5px}}@media (width<=420px){.auth-main{padding:12px}.auth-form-container{border-radius:12px;padding:20px 14px}.form-row{flex-direction:column;align-items:flex-start;gap:12px}.auth-header h2{font-size:20px}}.success-toast{z-index:100000;box-sizing:border-box;background:#fff;border-left:5px solid #16a34a;border-radius:12px;align-items:flex-start;gap:14px;min-width:320px;max-width:500px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a,0 4px 12px #0000000d}.success-toast.toast-error{border-left-color:#dc2626}.success-toast.toast-warning{border-left-color:#f59e0b}.success-toast.toast-info{border-left-color:#2563eb}@keyframes slideInToast{0%{transform:translate(120%)}to{transform:translate(0)}}.toast-check{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:15px;font-weight:800;display:flex}.success-toast.toast-error .toast-check{color:#dc2626;background:#fee2e2}.success-toast.toast-warning .toast-check{color:#d97706;background:#fef3c7}.success-toast.toast-info .toast-check{color:#2563eb;background:#dbeafe}.toast-content{flex:1;min-width:0}.success-toast.toast-error .toast-content h4{color:#dc2626}.success-toast.toast-warning .toast-content h4{color:#b45309}.success-toast.toast-info .toast-content h4{color:#1d4ed8}.toast-message{color:#475569;word-break:break-word;white-space:pre-wrap;max-height:150px;margin:6px 0 0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;overflow-y:auto}.toast-message::-webkit-scrollbar{width:4px}.toast-message::-webkit-scrollbar-track{background:0 0}.toast-message::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.toast-message::-webkit-scrollbar-thumb:hover{background:#94a3b8}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px 8px;font-size:24px;line-height:1;transition:all .15s;display:flex}.toast-close-btn:hover{color:#0f172a;background-color:#f1f5f9}@media (width<=640px){.success-toast{min-width:auto;max-width:none;top:12px;left:12px;right:12px}}.not-found-container{background-color:var(--bg-page);min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.not-found-container:before{content:"";background:var(--primary-bg-soft);filter:blur(80px);pointer-events:none;opacity:.7;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite float-slow;position:absolute;top:-10%;left:-5%}.not-found-container:after{content:"";background:var(--purple-bg);filter:blur(60px);pointer-events:none;opacity:.8;border-radius:50%;width:300px;height:300px;animation:10s ease-in-out infinite reverse float-slow;position:absolute;bottom:-10%;right:-5%}.not-found-card{z-index:10;background:var(--bg-card);width:100%;max-width:520px;box-shadow:0 4px 6px -1px var(--border-light), 0 10px 25px -5px var(--border-medium);border:1px solid var(--border-light);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:64px 48px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up-fade;display:flex;position:relative}.not-found-title{color:var(--primary);letter-spacing:-4px;text-shadow:4px 4px 0px var(--primary-bg-soft);margin:0 0 8px;font-size:110px;font-weight:800;line-height:1}.not-found-subtitle{color:var(--text-dark);letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:600}.not-found-description{color:var(--text-muted);max-width:90%;margin-bottom:40px;font-size:16px;line-height:1.6}.not-found-btn{background:var(--primary);width:100%;height:48px;color:var(--white);cursor:pointer;box-shadow:0 4px 12px var(--primary-bg-soft);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.not-found-btn .btn-icon{transition:transform .2s}.not-found-btn:hover{background:var(--primary-hover);box-shadow:0 8px 20px var(--primary-bg-soft);transform:translateY(-2px)}.not-found-btn:hover .btn-icon{transform:translate(4px)}.not-found-btn:active{transform:translateY(0)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}@media (width<=600px){.not-found-card{border-radius:20px;padding:40px 24px}.not-found-title{font-size:80px}.not-found-subtitle{font-size:22px}}.emp-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.emp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;display:grid}.emp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 10px #0f172a0a}.emp-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.emp-kpi-icon-wrap{border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.icon-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.icon-green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.icon-amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.icon-purple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.emp-kpi-info{flex-direction:column;min-width:0;display:flex}.emp-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:700}.emp-kpi-val{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.1}.emp-kpi-desc{color:#94a3b8;margin-top:3px;font-size:11.5px;font-weight:500}.emp-main-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.emp-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 18px;display:flex}.emp-card-title-group{flex-direction:column;gap:2px;display:flex}.emp-title-flex{align-items:center;gap:10px;display:flex}.emp-card-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.emp-badge-count{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.emp-card-subtitle{color:#64748b;margin:0;font-size:12.5px;font-weight:500}.emp-add-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:8px;height:40px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #2563eb40}.emp-add-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.emp-filters-premium{background:#fafbfc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 28px;display:flex}.emp-search-wrapper{flex:1.5;align-items:center;min-width:240px;display:flex;position:relative}.emp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.emp-search-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;height:40px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s;padding:0 36px 0 38px!important}.emp-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.emp-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:4px;display:grid;position:absolute;right:10px}.emp-search-clear:hover{color:#0f172a;background:#f1f5f9}.emp-filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.emp-filter-select{color:#334155;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;height:40px;padding:0 34px 0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.emp-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.emp-reset-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background-color:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.emp-reset-btn:hover{background-color:#fee2e2;border-color:#f87171}.emp-table-wrapper{width:100%;overflow-x:auto}.emp-table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif}.emp-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:13px 22px;font-size:11px;font-weight:700}.emp-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 22px;font-size:13px}.emp-table tbody tr:hover{background-color:#f8fafc}.emp-id-cell{font-weight:700}.emp-code-pill{color:#334155;letter-spacing:.02em;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-family:monospace,sans-serif;font-size:12px;font-weight:700;display:inline-block}.emp-name-cell{align-items:center;gap:12px;display:flex}.emp-avatar-initial{letter-spacing:.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:800;display:flex}.emp-name-column{flex-direction:column;min-width:0;display:flex}.emp-name-text-label{color:#0f172a;font-size:13.5px;font-weight:700}.emp-email-sub{color:#64748b;font-size:11.5px;font-weight:500}.emp-dept-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.emp-designation-cell{color:#334155;font-weight:600}.emp-phone-cell{color:#64748b;font-weight:500}.emp-status-badge-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.emp-status-badge-pill .badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.emp-status-badge-pill.active{color:#15803d;background-color:#dcfce7}.emp-status-badge-pill.active .badge-dot{background-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.emp-status-badge-pill.inactive{color:#64748b;background-color:#f1f5f9}.emp-status-badge-pill.inactive .badge-dot{background-color:#94a3b8}.emp-status-toggle-wrapper{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.emp-toggle-switch{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;align-items:center;width:38px;height:20px;padding:0;transition:background-color .25s,box-shadow .2s;display:inline-flex;position:relative}.emp-toggle-switch:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.emp-toggle-switch.active{background-color:#10b981}.emp-toggle-switch.loading{opacity:.6;cursor:wait}.emp-toggle-slider{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.emp-toggle-switch.active .emp-toggle-slider{transform:translate(18px)}.emp-action-icons{justify-content:center;align-items:center;gap:7px;display:flex}.icon-action-btn{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid;box-shadow:0 1px 2px #00000005}.icon-action-btn.view-btn{color:#64748b}.icon-action-btn.edit-btn{color:#2563eb}.icon-action-btn.edit-btn:hover{color:#1d4ed8;background-color:#eff6ff;border-color:#2563eb}.emp-state-loading,.emp-state-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.emp-state-empty h4{color:#0f172a;margin:8px 0 0;font-size:15px;font-weight:700}.emp-state-empty p{color:#64748b;margin:0;font-size:12.5px}.emp-empty-reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;margin-top:6px;padding:6px 14px;font-size:12px;font-weight:700}.emp-pagination-wrap{border-top:1px solid #f1f5f9;padding:16px 28px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0f172a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.employee-popup-container{background:#fff;border-radius:16px;width:min(95vw,640px);max-height:90dvh;animation:.2s cubic-bezier(.16,1,.3,1) fadeInModal;overflow-y:auto;box-shadow:0 25px 60px -15px #00000040}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-title-wrap{align-items:center;gap:10px;display:flex}.popup-head-icon{color:#2563eb}.popup-header h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:800}.popup-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.popup-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.popup-main-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:65vh;padding:24px 26px;display:grid;overflow-y:auto}.input-field-group{flex-direction:column;gap:6px;display:flex}.input-field-group label{color:#475569;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:11.5px;font-weight:700}.sp-required{color:#dc2626}.input-field-group input,.modal-select-input{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.input-field-group input:focus,.modal-select-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sp-readonly{cursor:not-allowed;color:#64748b!important;background-color:#f8fafc!important}.delete-cancel-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.delete-cancel-btn:hover{color:#0f172a;background-color:#f1f5f9}.save-btn-confirm{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.save-btn-confirm:hover{background:#1d4ed8}.view-modal-executive{background:#fff;border-radius:22px;flex-direction:column;width:min(96vw,1260px);max-height:94vh;animation:.22s cubic-bezier(.16,1,.3,1) fadeInModal;display:flex;overflow:hidden;box-shadow:0 30px 90px -15px #0f172a59,0 0 0 1px #e2e8f0d9}.view-modal-header{background:linear-gradient(#fff 0%,#fbfcfe 100%);border-bottom:1px solid #edf2f7;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 36px;display:flex}.view-head-title-wrap{align-items:center;gap:14px;display:flex}.view-head-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #2563eb14}.view-head-title-wrap h3{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:800}.view-head-title-wrap p{color:#64748b;margin:3px 0 0;font-size:13px}.view-modal-loading{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:14px;padding:80px 20px;font-size:14px;font-weight:600;display:flex}.view-modal-body{background:#f8fafc;flex-direction:column;flex:1;gap:22px;padding:26px 36px;display:flex;overflow-y:auto}.view-modal-body::-webkit-scrollbar{width:7px}.view-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.view-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.view-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-hero-banner{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:24px;padding:22px 28px;display:flex;box-shadow:0 2px 10px #0f172a08}.view-avatar-large{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:3px solid #fff;border-radius:20px;flex-shrink:0;place-items:center;width:68px;height:68px;font-size:24px;font-weight:800;display:grid;box-shadow:0 6px 18px #2563eb47}.view-hero-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.view-hero-top-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.view-hero-name{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.view-hero-designation{color:#475569;margin:0;font-size:14px;font-weight:600}.view-hero-badges{flex-wrap:wrap;align-items:center;gap:9px;margin-top:6px;display:flex}.view-badge-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.view-badge-chip.chip-code{color:#f8fafc;background:#0f172a;border-color:#0f172a;font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;font-weight:700}.view-badge-chip.chip-dept{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.view-badge-chip.chip-location{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.view-badge-chip.chip-date{color:#7e22ce;background:#faf5ff;border-color:#f3e8ff}.view-modal-sections-wrap{flex-direction:column;gap:20px;display:flex}.view-grid-row-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.view-grid-row-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.view-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 4px #0f172a08}.view-section-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0d}.view-section-card.full-span{grid-column:1/-1}.view-sec-title{color:#1e293b;letter-spacing:-.1px;border-bottom:1px solid #f1f5f9;align-items:center;gap:11px;padding-bottom:12px;font-size:14.5px;font-weight:700;display:flex}.sec-icon-pill{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.sec-blue .sec-icon-pill{color:#2563eb;background:#eff6ff}.sec-indigo .sec-icon-pill{color:#4f46e5;background:#eef2ff}.sec-sky .sec-icon-pill{color:#0284c7;background:#f0f9ff}.sec-amber .sec-icon-pill{color:#d97706;background:#fffbeb}.sec-emerald .sec-icon-pill{color:#059669;background:#ecfdf5}.sec-violet .sec-icon-pill{color:#7c3aed;background:#f5f3ff}.view-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.view-fields-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px;display:grid}.view-field-cell{flex-direction:column;gap:4px;display:flex}.view-field-cell.full-col{grid-column:1/-1}.view-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.view-field-value{color:#0f172a;word-break:break-word;font-size:13.5px;font-weight:600;line-height:1.4}.view-field-value.val-mono{letter-spacing:.2px;font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace}.view-field-value.status-val{font-weight:700}.pan-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;width:fit-content;padding:3px 8px;font-size:12.5px;display:inline-block}.email-val{word-break:break-all;color:#2563eb;font-size:13px;font-weight:600}.view-payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.view-payroll-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;transition:all .15s;display:flex}.view-payroll-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.view-payroll-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.view-payroll-val{color:#0f172a;font-size:15px;font-weight:700}.salary-highlight{color:#059669!important;font-size:18px!important}.view-bank-proof-row{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px dashed #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 20px;display:flex}.view-bank-proof-info{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.proof-status-badge{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.proof-status-badge.verified{color:#15803d;background:#dcfce7}.proof-status-badge.stored{color:#1d4ed8;background:#eff6ff}.proof-status-badge.empty{color:#94a3b8;background:#f1f5f9}.view-bank-proof-preview-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #2563eb14}.view-bank-proof-preview-btn:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb24}.view-modal-footer{background:#fff;border-top:1px solid #edf2f7;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 36px;display:flex}.view-edit-quick-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #2563eb;border-radius:10px;align-items:center;gap:7px;height:42px;padding:0 22px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.view-edit-quick-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.details-close-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:42px;padding:0 22px;font-size:13.5px;font-weight:700;transition:all .15s}.details-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.emp-toggle-cell-wrap{justify-content:center;align-items:center;display:flex}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172aa6;place-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:grid;position:fixed;inset:0}.confirm-modal-box{background:#fff;border-radius:18px;width:min(100%,460px);animation:.2s cubic-bezier(.16,1,.3,1) scaleInModal;overflow:hidden;box-shadow:0 25px 60px -15px #00000059}.confirm-modal-header{align-items:flex-start;gap:14px;padding:24px 24px 14px;display:flex}.confirm-warn-icon-wrap{color:#dc2626;background:#fee2e2;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.confirm-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.confirm-modal-header p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.5}.confirm-modal-body{padding:0 24px 20px}.confirm-emp-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 16px;display:flex}.confirm-emp-left{flex-direction:column;gap:2px;display:flex}.confirm-emp-name{color:#0f172a;font-size:14px;font-weight:700}.confirm-emp-code{color:#64748b;font-family:monospace;font-size:12px}.confirm-emp-dept{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.confirm-notice-text{color:#94a3b8;margin-top:12px;font-size:12px;line-height:1.4}.confirm-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.confirm-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s}.confirm-cancel-btn:hover{color:#0f172a;background:#f1f5f9}.confirm-deactivate-btn{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.confirm-deactivate-btn:hover{background:#b91c1c;border-color:#b91c1c}.confirm-deactivate-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.dark-mode .emp-kpi-card,[data-theme=dark] .emp-kpi-card,body.dark-mode .emp-main-card,[data-theme=dark] .emp-main-card,body.dark-mode .employee-popup-container,[data-theme=dark] .employee-popup-container,body.dark-mode .view-modal-executive,[data-theme=dark] .view-modal-executive,body.dark-mode .confirm-modal-box,[data-theme=dark] .confirm-modal-box{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000059}body.dark-mode .confirm-emp-card,[data-theme=dark] .confirm-emp-card{background:#0f172a;border-color:#334155}body.dark-mode .confirm-emp-name,[data-theme=dark] .confirm-emp-name,body.dark-mode .confirm-modal-header h3,[data-theme=dark] .confirm-modal-header h3{color:#f8fafc}body.dark-mode .confirm-modal-footer,[data-theme=dark] .confirm-modal-footer{background:#1e293b;border-color:#334155}body.dark-mode .emp-kpi-val,[data-theme=dark] .emp-kpi-val,body.dark-mode .emp-card-title,[data-theme=dark] .emp-card-title,body.dark-mode .emp-name-text-label,[data-theme=dark] .emp-name-text-label,body.dark-mode .popup-header h2,[data-theme=dark] .popup-header h2,body.dark-mode .view-head-title-wrap h3,[data-theme=dark] .view-head-title-wrap h3,body.dark-mode .view-hero-name,[data-theme=dark] .view-hero-name,body.dark-mode .view-data-val,[data-theme=dark] .view-data-val,body.dark-mode .view-payroll-val,[data-theme=dark] .view-payroll-val{color:#f8fafc}body.dark-mode .emp-card-header,[data-theme=dark] .emp-card-header,body.dark-mode .emp-filters-premium,[data-theme=dark] .emp-filters-premium,body.dark-mode .popup-header,[data-theme=dark] .popup-header,body.dark-mode .popup-footer-actions,[data-theme=dark] .popup-footer-actions,body.dark-mode .view-modal-header,[data-theme=dark] .view-modal-header{border-color:#334155}body.dark-mode .emp-filters-premium,[data-theme=dark] .emp-filters-premium{background:#172234}body.dark-mode .emp-search-input,[data-theme=dark] .emp-search-input,body.dark-mode .emp-filter-select,[data-theme=dark] .emp-filter-select,body.dark-mode .input-field-group input,[data-theme=dark] .input-field-group input,body.dark-mode .modal-select-input,[data-theme=dark] .modal-select-input{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .emp-table th,[data-theme=dark] .emp-table th{color:#94a3b8;background:#0f172a;border-color:#334155}body.dark-mode .emp-table td,[data-theme=dark] .emp-table td{color:#cbd5e1;border-color:#334155}body.dark-mode .emp-table tbody tr:hover,[data-theme=dark] .emp-table tbody tr:hover{background:#273549}body.dark-mode .emp-code-pill,[data-theme=dark] .emp-code-pill,body.dark-mode .emp-dept-pill,[data-theme=dark] .emp-dept-pill,body.dark-mode .icon-action-btn,[data-theme=dark] .icon-action-btn,body.dark-mode .details-close-btn,[data-theme=dark] .details-close-btn,body.dark-mode .delete-cancel-btn,[data-theme=dark] .delete-cancel-btn,body.dark-mode .popup-close-btn,[data-theme=dark] .popup-close-btn{color:#e2e8f0;background:#334155;border-color:#475569}body.dark-mode .view-hero-banner,[data-theme=dark] .view-hero-banner,body.dark-mode .view-section-card,[data-theme=dark] .view-section-card{background:#0f172a;border-color:#334155}body.dark-mode .view-payroll-item,[data-theme=dark] .view-payroll-item{background:#1e293b;border-color:#334155}body.dark-mode .view-modal-body,[data-theme=dark] .view-modal-body{background:#0b1329}body.dark-mode .view-modal-header,[data-theme=dark] .view-modal-header,body.dark-mode .view-modal-footer,[data-theme=dark] .view-modal-footer{background:#1e293b;border-color:#334155}body.dark-mode .view-sec-title,[data-theme=dark] .view-sec-title{color:#f1f5f9;border-color:#334155}body.dark-mode .view-data-row,[data-theme=dark] .view-data-row{border-color:#334155}body.dark-mode .view-data-label,[data-theme=dark] .view-data-label{color:#94a3b8}body.dark-mode .view-bank-proof-row,[data-theme=dark] .view-bank-proof-row{background:#1e293b;border-color:#334155}body.dark-mode .view-bank-proof-info,[data-theme=dark] .view-bank-proof-info{color:#cbd5e1}body.dark-mode .pan-badge,[data-theme=dark] .pan-badge{color:#f8fafc;background:#334155;border-color:#475569}body.dark-mode .view-field-label,[data-theme=dark] .view-field-label{color:#94a3b8}body.dark-mode .view-field-value,[data-theme=dark] .view-field-value{color:#f8fafc}body.dark-mode .view-badge-chip,[data-theme=dark] .view-badge-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}body.dark-mode .view-badge-chip.chip-code,[data-theme=dark] .view-badge-chip.chip-code{color:#38bdf8;background:#0f172a;border-color:#334155}body.dark-mode .view-badge-chip.chip-dept,[data-theme=dark] .view-badge-chip.chip-dept{color:#60a5fa;background:#1e3a8a40;border-color:#1e40af}body.dark-mode .view-badge-chip.chip-location,[data-theme=dark] .view-badge-chip.chip-location{color:#34d399;background:#064e3b40;border-color:#065f46}body.dark-mode .view-badge-chip.chip-date,[data-theme=dark] .view-badge-chip.chip-date{color:#c084fc;background:#581c8740;border-color:#6b21a8}@media (width<=1100px){.emp-kpi-grid,.view-grid-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}.view-grid-row-3>.view-section-card:last-child{grid-column:span 2}.view-fields-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.emp-kpi-grid{grid-template-columns:1fr}.emp-card-header{flex-direction:column;align-items:flex-start}.emp-add-btn-primary{justify-content:center;width:100%}.popup-main-content{grid-template-columns:1fr}.view-modal-executive{border-radius:14px;width:98vw;max-height:96vh}.view-modal-header,.view-modal-body,.view-modal-footer{padding:16px 20px}.view-hero-banner{flex-direction:column;align-items:flex-start;padding:16px 18px}.view-grid-row-3,.view-grid-row-2{grid-template-columns:1fr}.view-grid-row-3>.view-section-card:last-child{grid-column:span 1}.view-fields-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.view-payroll-grid{grid-template-columns:1fr}.view-bank-proof-row{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=500px){.view-fields-grid,.view-fields-grid-6{grid-template-columns:1fr}.view-field-cell.full-col{grid-column:span 1}}.sp-layout{background-color:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.sp-main{box-sizing:border-box;flex:1;width:calc(100% - 300px);min-width:0;margin-left:300px;padding:32px 40px;overflow-x:hidden}.sp-page-title{color:#1e293b;text-align:center;margin:0 0 28px;font-size:22px;font-weight:700}.sp-stepper-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-bottom:32px;padding-bottom:24px;display:flex}.sp-step-item{align-items:center;gap:8px;display:flex}.sp-step-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.sp-circle-completed{color:#fff;background-color:#16a34a}.sp-circle-active{color:#334155;background-color:#fff;border:1.5px solid #94a3b8;box-shadow:0 0 0 3px #3b82f61f}.sp-circle-pending{color:#94a3b8;background-color:#f1f5f9;border:1.5px solid #e2e8f0}.sp-step-label{color:#94a3b8;white-space:nowrap;font-size:13px;font-weight:500}.sp-step-label-active{color:#1e293b;font-weight:600}.sp-step-label-done{color:#16a34a;font-weight:500}.sp-step-connector{background-color:#e2e8f0;flex-shrink:0;width:64px;height:1.5px;margin:0 4px;transition:background-color .3s}.sp-connector-done{background-color:#16a34a}.sp-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sp-form-body{padding:32px 40px}.sp-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:700}.sp-form-row{gap:24px;margin-bottom:20px;display:flex}.sp-form-group{flex-direction:column;flex:1;gap:6px;margin-bottom:20px;display:flex}.sp-form-group:last-child,.sp-form-row .sp-form-group{margin-bottom:0}.sp-full-width{width:100%}.sp-form-body .sp-form-group label,.sp-form-body label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.sp-required{color:#ef4444;margin-left:2px}.sp-form-body input[type=text],.sp-form-body input[type=email],.sp-form-body input[type=tel],.sp-form-body input[type=date],.sp-form-body input[type=number],.sp-form-body input[type=password],.sp-form-body select{color:#334155;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:auto;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.sp-form-body input[type=text]:focus,.sp-form-body input[type=email]:focus,.sp-form-body input[type=tel]:focus,.sp-form-body input[type=date]:focus,.sp-form-body input[type=number]:focus,.sp-form-body input[type=password]:focus,.sp-form-body select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sp-form-body input::placeholder{color:#c0c9d8}.sp-form-body input.sp-readonly{cursor:not-allowed;color:#94a3b8!important;box-shadow:none!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}.sp-form-body select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.sp-form-body input[type=checkbox]{margin-top:0;width:auto!important;height:auto!important;box-shadow:none!important;border:1px solid #cbd5e1!important;padding:0!important}.sp-name-row{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.sp-addr-inputs{flex-direction:column;gap:10px;display:flex}.sp-address-row{grid-template-columns:1fr 1.5fr 1fr;gap:14px;margin-bottom:20px;display:grid}.sp-address-row .sp-form-group{margin-bottom:0}.sp-checkbox-group{margin-bottom:20px}.sp-checkbox-label{cursor:pointer;align-items:flex-start;gap:10px;display:flex;font-weight:400!important}.sp-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;flex-shrink:0;min-width:15px;margin-top:3px;border:1px solid #cbd5e1!important;border-radius:3px!important;width:15px!important;height:15px!important;padding:0!important}.sp-checkbox-label span{color:#334155;font-size:13.5px;font-weight:400;line-height:1.6}.sp-info{color:#94a3b8;cursor:help;margin-left:4px;font-size:14px}.sp-link{color:#3b82f6;margin-left:6px;font-size:13px;text-decoration:none}.sp-link:hover{text-decoration:underline}.sp-hint{color:#64748b;margin-top:2px;font-size:12px;font-weight:400;display:block}.sp-payment-note{color:#0c4a6e;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:10px;margin-top:8px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.sp-note-icon{flex-shrink:0;margin-top:1px;font-size:16px}.sp-form-footer{background-color:#fafafa;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.sp-footer-left{flex:1}.sp-mandatory-note{color:#ef4444;font-size:12px}.sp-footer-right{align-items:center;gap:10px;display:flex}.sp-btn-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}.sp-btn-cancel:hover{background-color:#f8fafc}.sp-btn-skip{color:#3b82f6;cursor:pointer;background-color:#fff;border:1px solid #bfdbfe;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.sp-btn-skip:hover{background-color:#eff6ff}.sp-btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.sp-btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}@media (width<=992px){.sp-main{width:100%;margin-left:0;padding:72px 16px 20px}.sp-form-body{padding:20px 16px}.sp-form-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.sp-footer-right{justify-content:flex-end;width:100%}.sp-form-row{flex-direction:column;gap:0}.sp-form-row .sp-form-group{margin-bottom:18px}.sp-name-row,.sp-address-row{grid-template-columns:1fr}.sp-step-connector{width:28px}}@media (width<=600px){.sp-stepper-header{gap:4px}.sp-step-label{font-size:11px}.sp-step-connector{width:16px}.sp-page-title{font-size:18px}}.warning-toast{z-index:100000;background:#fff;border-left:5px solid #f97316;border-radius:12px;align-items:center;gap:14px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a,0 4px 12px #0000000d}.toast-warn-icon{color:#ea580c;background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.emp-tabs-nav{border-bottom:2px solid #e2e8f0;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex}.emp-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:600;transition:color .2s;position:relative}.emp-tab-btn:hover{color:#1e293b}.emp-tab-btn.active{color:#2563eb}.emp-tab-btn.active:after{content:"";background-color:#2563eb;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-14px;left:0;right:0}.bank-approval-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.bank-approval-badge.pending{color:#d97706;background-color:#fef3c7}.bank-approval-badge.approved{color:#15803d;background-color:#dcfce7}.bank-approval-badge.rejected{color:#b91c1c;background-color:#fee2e2}.bank-action-approve-btn{color:#15803d;cursor:pointer;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.bank-action-approve-btn:hover{background-color:#bbf7d0}.bank-action-reject-btn{color:#b91c1c;cursor:pointer;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.bank-action-reject-btn:hover{background-color:#fecaca}@media (width<=1024px){.emp-filters-premium{gap:12px;padding:14px 20px}.emp-card-header{padding:18px 20px}}@media (width<=768px){.emp-filters-premium{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.emp-search-wrapper{flex:100%;width:100%!important;min-width:0!important}.emp-filter-controls{flex-wrap:wrap;gap:8px;width:100%;display:flex}.emp-filter-select{flex:calc(50% - 8px);min-width:130px}.emp-reset-btn{flex:100%;justify-content:center}.emp-tabs-nav{-webkit-overflow-scrolling:touch;white-space:nowrap;gap:6px;padding-bottom:8px;overflow-x:auto}.emp-tab-btn{flex-shrink:0;padding:6px 12px;font-size:13.5px}.warning-toast{box-sizing:border-box;min-width:auto;max-width:none;top:12px;left:12px;right:12px}.popup-header{padding:14px 18px}.popup-footer-actions{flex-direction:column;gap:8px;padding:14px 18px}.popup-footer-actions button{justify-content:center;width:100%}}@media (width<=480px){.emp-page-container{gap:14px}.emp-kpi-card{gap:12px;padding:14px 16px}.emp-kpi-val{font-size:22px}.emp-card-header{padding:14px 12px}.emp-card-title{font-size:17px}.emp-filters-premium{padding:10px 12px}.emp-filter-select{flex:100%;width:100%}.emp-table th,.emp-table td{padding:10px 14px;font-size:12.5px}}@media (width<=360px){.emp-kpi-grid{grid-template-columns:1fr}}.sidebar{background:var(--sidebar-bg,linear-gradient(180deg, #10163a 0%, #0c102c 50%, #070a1e 100%));box-sizing:border-box;z-index:100;border-right:1px solid var(--sidebar-border,#ffffff14);overscroll-behavior:contain;flex-direction:column;justify-content:space-between;width:260px;height:100dvh;padding:16px 14px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-close-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;width:36px;height:36px;margin-bottom:12px;padding:6px;transition:all .2s;display:none}.sidebar-logo-container{border-bottom:1px solid #ffffff0f;padding-bottom:24px}.sidebar-logo{cursor:pointer;align-items:center;gap:14px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Inter,sans-serif;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 14px #2563eb66}.logo-text h2{color:#fff;letter-spacing:-.5px;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:800;line-height:1}.logo-text p{color:#94a3b8;letter-spacing:.2px;margin:4px 0 0;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;color:#94a3b8!important}.menu-item span{color:inherit;font-size:14.5px;font-weight:600}.menu-item.active-menu span{color:#fff!important}.sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-top:auto;padding:10px 12px;transition:all .2s;display:flex}.sidebar-user:hover{background:#ffffff0f;border-color:#ffffff14}.logout-popup{color:#dc2626;text-align:center;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .15s;position:absolute;bottom:115%;left:0;box-shadow:0 -4px 20px #00000059}.user-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-left svg{object-fit:cover;background:#1e293b;border:2px solid #ffffff26;border-radius:50%;width:36px;height:36px}.sidebar-footer{flex-direction:column;min-width:0;display:flex}.sidebar-footer h4{color:#fff;white-space:nowrap;margin:0 0 2px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;line-height:1.2}.sidebar-footer p{color:#64748b;word-break:break-word;margin:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.3}@media (width<=1200px){.sidebar{width:260px}}@media (width<=1100px) and (width>=993px){.sidebar{width:240px}}@media (width<=1024px){.hamburger-btn,.sidebar-close-btn{display:flex}}@media (width<=992px){.sidebar{width:min(86vw,300px);height:100dvh;padding:20px 16px;transform:translate(-100%);box-shadow:10px 0 30px #0006;z-index:2200!important}.sidebar-user{gap:8px;padding:10px}.user-left{align-items:center;gap:8px}.sidebar-footer h4{white-space:normal;font-size:13px}.sidebar.sidebar-open{transform:translate(0)}.logo-text{display:block}.menu-item span{display:inline}.sidebar-user>svg{display:block}.menu-item{justify-content:flex-start;padding:12px 14px}.sidebar-logo{justify-content:flex-start;margin-bottom:18px}.sidebar-user{flex-direction:row;justify-content:space-between;align-items:center}.user-left{text-align:left;flex-direction:row;align-items:center;gap:12px}.sidebar-footer{display:block}.sidebar-footer h4{font-size:14px}.sidebar-footer p{font-size:11px}.sidebar-sub-menu{display:flex}}@media (width<=480px){.sidebar{width:270px;padding:16px 12px}.hamburger-btn{width:36px;height:36px;top:10px;left:10px}}@media (width<=360px){.sidebar{width:250px;padding:14px 10px}.menu-item{padding:10px 12px}.menu-item span{font-size:13.5px}}.sidebar{background:var(--sidebar-bg,linear-gradient(180deg, #10163a 0%, #0c102c 50%, #070a1e 100%));border-right:1px solid var(--sidebar-border,#ffffff14);box-sizing:border-box;z-index:100;flex-direction:column;justify-content:space-between;width:260px;height:100vh;padding:16px 14px;transition:transform .3s,background .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.hamburger-btn{z-index:1100;color:#fff;cursor:pointer;background:#16205b;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:none;position:fixed;top:12px;left:12px;box-shadow:0 4px 14px #16205b66}.hamburger-btn:hover{background:#253594;transform:scale(1.05)}.sidebar-close-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:36px;height:36px;margin-bottom:6px;padding:6px;transition:all .2s;display:none}.sidebar-close-btn:hover{color:#fff;background:#e1193840}.sidebar-overlay{z-index:2100;-webkit-backdrop-filter:blur(4px);background:#020617a6;position:fixed;inset:0}.sidebar-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;margin-bottom:18px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#1d8cff,#0f5eff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.logo-text h2{color:#fff;margin:0;font-size:22px;font-weight:700;line-height:1}.logo-text p{color:#d6dff1;margin-top:8px;font-size:11px;font-weight:500}.sidebar-menu{flex-direction:column;flex:1;gap:8px;margin-top:24px;display:flex}.menu-item{cursor:pointer;border-left:3.5px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .22s ease-in-out;display:flex;color:#d1d9e8!important}.menu-item span{color:inherit;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14.5px;font-weight:500}.menu-item svg{color:#94a3b8;flex-shrink:0;font-size:20px;transition:all .2s}.menu-item:hover{background:#ffffff14;color:#fff!important}.menu-item:hover svg{color:#f43f5e;transform:scale(1.06)}.menu-item.active-menu{background:linear-gradient(135deg,#16205bf2 0%,#253594cc 100%);border-left:3.5px solid #e11938;font-weight:600;box-shadow:0 4px 16px #e1193838,0 2px 8px #0000004d;color:#fff!important}.menu-item.active-menu svg{color:#f43f5e!important}.menu-item.active-menu span{font-weight:600;color:#fff!important}.sidebar-sub-menu{border-left:2px solid #ffffff1f;flex-direction:column;gap:3px;margin-top:4px;margin-bottom:6px;margin-left:18px;display:flex}.sub-menu-item{color:#cbd5e1!important;background:0 0!important;border-radius:8px!important;align-items:center!important;gap:10px!important;padding:8px 14px!important;transition:all .2s!important;display:flex!important}.sub-menu-item svg{color:#94a3b8;flex-shrink:0;font-size:17px;transition:all .2s}.sub-menu-item:hover svg{color:#f43f5e;transform:scale(1.05)}.sub-menu-item span{color:inherit!important;font-size:13.5px!important;font-weight:500!important}.sub-menu-item:hover{color:#fff!important;background:#ffffff14!important;padding-left:18px!important}.sub-menu-item.active-menu,.sub-menu-item.active-sub-menu{margin-left:-2px;color:#f43f5e!important;box-shadow:none!important;background:#e1193826!important;border-left:2.5px solid #e11938!important;font-weight:600!important}.sub-menu-item.active-menu svg,.sub-menu-item.active-sub-menu svg{color:#f43f5e!important}.sub-menu-item.active-menu span,.sub-menu-item.active-sub-menu span{color:#fff!important;font-weight:600!important}.sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding:12px;display:flex}.logout-popup{color:#e53935;text-align:center;z-index:10;background:#fff;border-radius:12px;width:100%;padding:12px;font-weight:600;transition:background .2s;position:absolute;bottom:110%;left:0;box-shadow:0 -4px 12px #00000026}.logout-popup:hover{background:#f1f5f9}.user-left{align-items:center;gap:12px;display:flex}.user-left img,.user-left svg{object-fit:cover;background:#2a3f6f;border:2px solid #ffffff4d;border-radius:50%;width:40px;height:40px}.user-left h4{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.user-left p{color:#cbd5e1;font-size:11px}.employee-layout{background:#f5f7fb;display:flex}.employee-main{box-sizing:border-box;flex:1;width:calc(100% - 300px);min-width:0;max-width:calc(100% - 300px);margin-left:300px;padding:30px;overflow-x:hidden}@media (width>=1000px) and (width<=1366px){.sidebar-menu{display:flex}}@media (width<=1100px) and (width>=993px){.sidebar{width:240px}}@media (width<=992px){.hamburger-btn,.sidebar-close-btn{display:flex}.sidebar{width:min(86vw,290px);height:100dvh;padding:18px 16px;transform:translate(-100%);box-shadow:10px 0 30px #0006;z-index:2200!important}.sidebar.sidebar-open{transform:translate(0)}.logo-text{display:block}.menu-item span{display:inline}.sidebar-user>svg{display:block}.sidebar-sub-menu{display:flex}.menu-item{justify-content:flex-start;padding:10px 14px}.sidebar-logo{justify-content:flex-start;margin-bottom:18px}.sidebar-user{flex-direction:row;justify-content:space-between;align-items:center}.user-left{text-align:left;flex-direction:row;align-items:center;gap:12px}.user-left h4{margin-bottom:2px;font-size:14px}.user-left p{font-size:11px}.employee-main{width:100%;max-width:100%;margin-left:0;padding:64px 16px 16px}}@media (width<=425px){.sidebar{width:260px;padding:14px 12px}.logo-icon{width:44px;height:44px;font-size:18px}.hamburger-btn{width:36px;height:36px;top:10px;left:10px}}@media (width<=320px){.sidebar{width:240px}.logo-icon{width:38px;height:38px;font-size:16px}.hamburger-btn{width:36px;height:36px;top:10px;left:10px}}.common-page-header-premium{background:var(--bg-card,#fff);border-bottom:1px solid var(--navbar-border,#e2e8f0);box-sizing:border-box;z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #16205b0a,0 8px 24px #00000005;border-radius:0!important;margin:0!important}[data-theme=dark] .common-page-header-premium{background:#0c1228;border-bottom-color:#33415599}.common-header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.common-header-icon-wrap{background:linear-gradient(135deg,#16205b 0%,#0c102c 100%);border:1px solid #e1193840;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #16205b59}.common-header-icon-wrap .header-primary-icon{color:#f43f5e}.common-header-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.common-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.common-page-title-text{letter-spacing:-.02em;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;line-height:1.2;color:var(--navbar-text,#16205b)!important}.common-portal-badge{color:#e11938;letter-spacing:.02em;white-space:nowrap;background:#e1193814;border:1px solid #e1193833;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.portal-brand-text{color:#16205b;font-weight:800}[data-theme=dark] .portal-brand-text{color:#f8fafc}.portal-dot-sep{opacity:.5;font-size:9px}[data-theme=dark] .common-portal-badge{color:#f43f5e;background:#e1193829;border-color:#f43f5e4d}.live-dot{background-color:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;display:inline-block;box-shadow:0 0 8px #22c55e}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.common-page-subtitle-text{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden;color:var(--navbar-subtext,#64748b)!important}.common-header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.common-header-actions{align-items:center;gap:10px;display:flex}.common-date-chip{background:var(--bg-card-secondary,#f1f5f9);color:var(--text-secondary,#475569);border:1px solid var(--border-medium,#e2e8f0);border-radius:10px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:flex}.common-date-chip svg{color:#e11938}.header-v-divider{background-color:var(--border-medium,#e2e8f0);opacity:.8;width:1px;height:24px;margin:0 2px}.header-icon-actions-group{align-items:center;gap:8px;display:flex}.header-icon-btn{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);width:38px;height:38px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.header-icon-btn.theme-toggle:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#16205b);border-color:#16205b40;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.theme-icon-moon{color:#f59e0b;transition:transform .3s}.theme-icon-sun{color:#f43f5e;transition:transform .3s}.header-icon-btn.theme-toggle:hover .theme-icon-moon,.header-icon-btn.theme-toggle:hover .theme-icon-sun{transform:rotate(25deg)scale(1.1)}.header-icon-btn.logout-action{color:#e11938;background:#e119380f;border-color:#e1193833}.header-icon-btn.logout-action:hover{color:#fff;background:#e11938;border-color:#e11938;transform:translateY(-1px);box-shadow:0 4px 12px #e1193859}[data-theme=dark] .header-icon-btn{color:#cbd5e1;background:#121a36cc;border-color:#33415599}[data-theme=dark] .header-icon-btn.logout-action{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e40}[data-theme=dark] .header-icon-btn.logout-action:hover{color:#fff;background:#f43f5e}.common-header-action-btn{cursor:pointer;background:linear-gradient(135deg,#16205b 0%,#0c102c 100%);border:1px solid #e119384d;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #16205b59;color:#fff!important}.common-header-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e2b7a 0%,#16205b 100%);border-color:#e11938;transform:translateY(-1px);box-shadow:0 4px 14px #e1193840}.common-user-badge{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);cursor:default;border-radius:24px;align-items:center;gap:10px;padding:5px 12px 5px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.common-user-badge:hover{background:var(--bg-card,#fff);border-color:#16205b40;box-shadow:0 4px 12px #0000000d}.user-avatar-wrap{background:linear-gradient(135deg,#16205b,#e11938);border-radius:50%;justify-content:center;align-items:center;padding:1px;display:inline-flex;position:relative}.user-avatar-wrap svg{display:block}.avatar-online-indicator{background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #22c55e}.user-text-wrap{flex-direction:column;line-height:1.15;display:flex}.user-name-text{color:var(--text-primary,#16205b);letter-spacing:-.01em;font-size:13px;font-weight:700}.user-role-subtext{color:var(--text-muted,#64748b);font-size:11px;font-weight:500}[data-theme=dark] .common-user-badge{background:#121a36cc;border-color:#33415599}[data-theme=dark] .common-user-badge:hover{background:#1a254ae6;border-color:#e1193866}[data-theme=dark] .avatar-online-indicator{border-color:#0c102c}@media (width<=1200px){.common-page-header-premium{padding:12px 20px}.common-page-title-text{font-size:18px}}@media (width<=1100px){.common-page-header-premium{gap:12px;padding:12px 18px}.common-date-chip,.common-header-actions,.user-role-subtext{display:none}.common-title-row{flex-wrap:nowrap;gap:10px}.common-page-subtitle-text{max-width:340px}}@media (width<=992px){.common-page-header-premium{min-height:60px;padding:12px 16px 12px 64px}.common-date-chip,.user-role-subtext{display:none}}@media (width<=768px){.common-page-header-premium{flex-wrap:nowrap;gap:10px;padding:10px 14px 10px 60px}.common-header-actions{display:none}.common-header-icon-wrap{border-radius:10px;width:36px;height:36px}.common-page-title-text{font-size:16px}.common-page-subtitle-text{max-width:220px;font-size:12px}.common-portal-badge{padding:2px 7px;font-size:10px}.header-icon-btn{width:34px;height:34px}.common-user-badge{gap:7px;padding:3px 8px 3px 5px}.user-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;overflow:hidden}.header-v-divider{height:18px;margin:0 1px}}@media (width<=640px){.common-portal-badge{display:none}}@media (width<=480px){.common-page-header-premium{background:var(--bg-card,#fff);flex-wrap:nowrap;gap:8px;padding:8px 10px 8px 56px}[data-theme=dark] .common-page-header-premium{background:#0c1228}.common-header-left{gap:8px;min-width:0}.common-header-icon-wrap{display:none}.common-page-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:none;font-size:15px;font-weight:700;overflow:hidden}.common-page-subtitle-text,.common-portal-badge{display:none}.common-header-right{gap:6px}.common-header-actions{display:none}.header-icon-btn{width:32px;height:32px}.user-text-wrap{display:none}.common-user-badge{border-radius:50%;padding:3px}.header-v-divider{display:none}}@media (width<=360px){.common-page-header-premium{padding:8px 8px 8px 52px}.common-page-title-text{flex:1;min-width:0;max-width:none;font-size:14px}}.global-page-layout{background-color:var(--bg-page,#f8fafc);box-sizing:border-box;align-items:stretch;width:100%;min-height:100vh;transition:background-color .25s;display:flex;overflow:clip visible}.global-main-container{box-sizing:border-box;background-color:var(--bg-page,#f4f6fb);flex-direction:column;flex:1;width:calc(100% - 260px);min-width:0;max-width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .3s,width .3s,max-width .3s,background-color .25s;display:flex;position:relative}.global-page-content{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;width:100%;min-width:0;max-width:100%;height:auto;padding:24px 28px 48px;overflow:clip visible}@media (width<=1100px){.global-main-container{width:calc(100% - 240px);max-width:calc(100% - 240px);margin-left:240px}.global-page-content{padding:20px 20px 40px}}@media (width<=1024px){.global-page-layout{overflow-y:visible}}@media (width<=992px){.global-main-container{min-width:0;width:100%!important;max-width:100%!important;margin-left:0!important}.global-page-content{padding:16px 16px 32px}}@media (width<=768px){.global-page-content{padding:14px 12px 28px}}@media (width<=480px){.global-page-content{padding:12px 10px 24px}}@media (width<=360px){.global-page-content{padding:10px 8px 20px}}.common-pagination-container{background:#fafbfc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.common-pagination-container.pagination-loading{pointer-events:none}.common-pagination-info{color:#64748b;font-family:Inter,sans-serif;font-size:13px}.common-pagination-info b{color:#1e293b;font-weight:700}.common-pagination-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.common-pagination-btn,.common-pagination-number{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.common-pagination-btn:hover:not(:disabled),.common-pagination-number:hover:not(.active){color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.common-pagination-btn:disabled,.common-pagination-number:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#f1f5f9;transform:none}.common-pagination-number.active,.common-pagination-number.active:disabled{color:#fff;cursor:default;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;font-weight:700;box-shadow:0 3px 10px #3b82f659}.common-pagination-dots{color:#94a3b8;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:32px;height:38px;padding:0 4px;font-size:14px;font-weight:700;display:inline-flex}.pagination-loading .common-pagination-info{min-width:250px}.pagination-loading .common-pagination-buttons{gap:8px}@media (width<=640px){.common-pagination-container{flex-direction:column;align-items:center;gap:12px;padding:14px 12px}.common-pagination-buttons{justify-content:center}.common-pagination-btn span{display:none}.common-pagination-btn{min-width:36px;padding:0 8px}.common-pagination-btn,.common-pagination-number{min-width:34px;height:34px;padding:0 8px;font-size:12px}}[data-theme=dark] .common-pagination-container,body.dark-mode .common-pagination-container{background:#1e293b;border-top-color:#334155}[data-theme=dark] .common-pagination-info,body.dark-mode .common-pagination-info{color:#94a3b8}[data-theme=dark] .common-pagination-info b,body.dark-mode .common-pagination-info b{color:#f8fafc}[data-theme=dark] .common-pagination-btn,[data-theme=dark] .common-pagination-number,body.dark-mode .common-pagination-btn,body.dark-mode .common-pagination-number{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .common-pagination-btn:hover:not(:disabled),[data-theme=dark] .common-pagination-number:hover:not(.active),body.dark-mode .common-pagination-btn:hover:not(:disabled),body.dark-mode .common-pagination-number:hover:not(.active){color:#60a5fa;background:#2563eb33;border-color:#3b82f6}[data-theme=dark] .common-pagination-btn:disabled,[data-theme=dark] .common-pagination-number:disabled,body.dark-mode .common-pagination-btn:disabled,body.dark-mode .common-pagination-number:disabled{color:#475569;background:#182234;border-color:#27354a}[data-theme=dark] .common-pagination-number.active,[data-theme=dark] .common-pagination-number.active:disabled,body.dark-mode .common-pagination-number.active,body.dark-mode .common-pagination-number.active:disabled{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 3px 10px #2563eb66}[data-theme=dark] .common-pagination-dots,body.dark-mode .common-pagination-dots{color:#64748b}.dept-dropdown-wrapper{width:100%;position:relative}.dept-dropdown-trigger{color:#0f172a;cursor:pointer;box-sizing:border-box;text-align:left;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dept-dropdown-trigger:hover{background-color:#fafbfc;border-color:#94a3b8}.dept-dropdown-trigger:focus,.dept-dropdown-trigger.is-open{background-color:#fff;border-color:#16205b;box-shadow:0 0 0 3px #16205b1f}.dept-dropdown-trigger.has-error{background-color:#fef2f2;border-color:#ef4444}.dept-dropdown-trigger.has-error:focus,.dept-dropdown-trigger.has-error.is-open{box-shadow:0 0 0 3px #ef444426}.dept-trigger-content{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.dept-trigger-icon{color:#64748b;flex-shrink:0}.dept-trigger-text{color:#0f172a;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dept-trigger-text.placeholder{color:#64748b;font-weight:400}.dept-trigger-actions{flex-shrink:0;align-items:center;margin-left:8px;display:flex}.dept-chevron{color:#64748b;transition:transform .25s cubic-bezier(.4,0,.2,1)}.dept-chevron.rotate{color:#16205b;transform:rotate(180deg)}.dept-dropdown-menu{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) deptMenuFadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 36px -4px #0f172a29,0 4px 12px #0000000d}@keyframes deptMenuFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.dept-create-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px}.dept-create-input-wrap{align-items:center;gap:8px;display:flex}.dept-create-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .2s}.dept-create-input:focus{border-color:#16205b;box-shadow:0 0 0 2px #16205b1f}.dept-create-btn{color:#fff;cursor:pointer;background:#16205b;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.dept-create-btn:hover{background:#23317f;transform:translateY(-1px)}.dept-inline-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fee2e2;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:flex}.dept-options-list{max-height:230px;padding:6px 0;overflow-y:auto}.dept-options-list::-webkit-scrollbar{width:6px}.dept-options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dept-option-item{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13.5px;transition:background-color .15s,color .15s;display:flex}.dept-option-item:hover{background-color:#f1f5f9}.dept-option-item.selected{color:#16205b;background-color:#eef2ff;font-weight:600}.dept-option-left{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.dept-option-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dept-option-label.placeholder-label{color:#64748b;font-style:normal}.dept-selected-check{color:#16205b;flex-shrink:0}.dept-option-actions{opacity:.7;align-items:center;gap:4px;margin-left:10px;transition:opacity .2s;display:flex}.dept-option-item:hover .dept-option-actions{opacity:1}.dept-row-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .18s;display:inline-flex}.dept-row-btn.edit{color:#475569}.dept-row-btn.edit:hover{color:#16205b;background:#e0e7ff;border-color:#c7d2fe}.dept-row-btn.delete{color:#64748b}.dept-row-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.dept-option-item.editing-row{background-color:#f8fafc;border-left:3px solid #16205b;gap:8px;padding:6px 10px}.dept-inline-edit-input{color:#0f172a;background:#fff;border:1px solid #16205b;border-radius:5px;outline:none;flex:1;padding:5px 8px;font-size:13px;font-weight:500}.dept-inline-actions{align-items:center;gap:4px;display:flex}.dept-action-btn{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.dept-action-btn.save-btn{color:#fff;background:#16a34a}.dept-action-btn.save-btn:hover{background:#15803d}.dept-action-btn.cancel-btn{color:#475569;background:#e2e8f0}.dept-action-btn.cancel-btn:hover{color:#1e293b;background:#cbd5e1}.dept-option-item.deleting-row{background-color:#fef2f2;border-left:3px solid #ef4444;padding:7px 12px}.dept-confirm-text{color:#991b1b;flex:1;font-size:12.5px;font-weight:600}.dept-confirm-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.dept-confirm-btn.delete-yes{color:#fff;background:#dc2626}.dept-confirm-btn.delete-yes:hover{background:#b91c1c}.dept-confirm-btn.delete-no{color:#475569;background:#e2e8f0}.dept-confirm-btn.delete-no:hover{background:#cbd5e1}.dept-dropdown-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.dept-footer-hint{color:#64748b;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}[data-theme=dark] .dept-dropdown-trigger{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .dept-dropdown-trigger:hover{background-color:#1e293b;border-color:#475569}[data-theme=dark] .dept-dropdown-trigger.is-open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .dept-trigger-text{color:#f8fafc}[data-theme=dark] .dept-trigger-text.placeholder{color:#94a3b8}[data-theme=dark] .dept-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 20px 40px #0006}[data-theme=dark] .dept-create-bar{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .dept-create-input{color:#f8fafc;background:#1e293b;border-color:#475569}[data-theme=dark] .dept-create-input:focus{border-color:#6366f1}[data-theme=dark] .dept-create-btn{background:#4f46e5}[data-theme=dark] .dept-create-btn:hover{background:#4338ca}[data-theme=dark] .dept-option-item{color:#e2e8f0}[data-theme=dark] .dept-option-item:hover{background-color:#334155}[data-theme=dark] .dept-option-item.selected{color:#a5b4fc;background-color:#1e1b4b}[data-theme=dark] .dept-selected-check{color:#818cf8}[data-theme=dark] .dept-row-btn.edit{color:#94a3b8}[data-theme=dark] .dept-row-btn.edit:hover{color:#c7d2fe;background:#312e81}[data-theme=dark] .dept-row-btn.delete{color:#94a3b8}[data-theme=dark] .dept-row-btn.delete:hover{color:#fecaca;background:#7f1d1d}[data-theme=dark] .dept-dropdown-footer{background:#0f172a;border-top-color:#334155}[data-theme=dark] .dept-footer-hint{color:#94a3b8}@media (width<=640px){.dept-dropdown-menu{max-width:100vw;box-shadow:0 10px 25px #00000026}.dept-option-item{box-sizing:border-box;min-height:40px;padding:10px 12px}.dept-options-list{max-height:200px}}@media (width<=480px){.dept-create-bar{padding:8px 10px}.dept-create-input{padding:8px 10px;font-size:13px}.dept-create-btn{padding:8px 12px;font-size:12px}.dept-dropdown-trigger{padding:9px 12px}.dept-footer-hint{font-size:11px}}.aep-container{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:8px 0 40px}.aep-header-actions{align-items:center;gap:12px;display:flex}.aep-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.aep-back-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8;transform:translate(-2px)}.aep-stepper-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:24px 32px;box-shadow:0 1px 3px #16205b08,0 4px 12px #00000005}.aep-stepper-track{justify-content:space-between;align-items:center;display:flex;position:relative}.aep-step-item{cursor:pointer;z-index:2;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex;position:relative}.aep-step-item:hover:not(:disabled){background:#f8fafc}.aep-step-item:disabled{cursor:not-allowed;opacity:.85}.aep-step-bubble{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.aep-step-item.pending .aep-step-bubble{color:#94a3b8;background:#f1f5f9;border:1.5px solid #e2e8f0}.aep-step-item.active .aep-step-bubble{color:#fff;background:linear-gradient(135deg,#16205b 0%,#253594 100%);border:2px solid #16205b;transform:scale(1.05);box-shadow:0 0 0 4px #16205b26,0 4px 12px #16205b40}.aep-step-item.completed .aep-step-bubble{color:#fff;background:#10b981;border:2px solid #059669;box-shadow:0 2px 6px #10b98140}.aep-step-info{flex-direction:column;display:flex}.aep-step-num{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:600}.aep-step-item.active .aep-step-num{color:#253594}.aep-step-item.completed .aep-step-num{color:#059669}.aep-step-title{color:#475569;font-size:14px;font-weight:600;transition:color .2s}.aep-step-item.active .aep-step-title{color:#0f172a;font-weight:700}.aep-step-item.completed .aep-step-title{color:#1e293b}.aep-step-sub{color:#94a3b8;margin-top:1px;font-size:11.5px}.aep-step-divider{background:#e2e8f0;flex:1;height:2px;margin:0 12px;transition:background-color .3s;position:relative}.aep-step-divider.filled{background:#10b981}.aep-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005}.aep-section-banner{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 32px;display:flex}.aep-banner-left{align-items:center;gap:14px;display:flex}.aep-banner-icon{color:#16205b;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.aep-banner-titles h2{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:700}.aep-banner-titles p{color:#64748b;margin:0;font-size:13px}.aep-banner-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.aep-form-body{padding:32px}.aep-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;display:grid}.aep-grid-3{grid-template-columns:repeat(3,1fr)}.aep-col-full{grid-column:1/-1}.aep-field{flex-direction:column;gap:6px;display:flex}.aep-field label{color:#334155;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:600;display:flex}.aep-field-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.aep-field-header-row label{margin-bottom:0}.aep-field-icon{color:#64748b}.aep-req{color:#dc2626;margin-left:2px;font-size:14px;font-weight:700;line-height:1;display:inline-block}.aep-input-wrap{align-items:center;width:100%;display:flex;position:relative}.aep-input-prefix-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.aep-input,.aep-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:10.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.aep-input-with-icon{padding-left:38px}.aep-input:focus,.aep-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3.5px #4f46e524}.aep-input.aep-has-error,.aep-select.aep-has-error{background-color:#fef2f2;border-color:#ef4444}.aep-input.aep-has-error:focus,.aep-select.aep-has-error:focus{box-shadow:0 0 0 3.5px #ef444429}.aep-input.aep-readonly{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}.aep-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.aep-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:3px;font-size:12px;font-weight:500;display:flex}.aep-hint-text{color:#64748b;margin-top:2px;font-size:12px}.aep-readonly-tag{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin-left:auto;padding:2.5px 9px;font-size:11px;font-weight:600;display:inline-flex}.aep-readonly-tag.valid-age{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.aep-readonly-tag.underage{color:#dc2626;background:#fef2f2;border-color:#fecaca}.aep-ifsc-group{align-items:center;gap:8px;display:flex}.aep-lookup-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#16205b;border:none;border-radius:8px;align-items:center;gap:6px;height:42px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.aep-lookup-btn:hover:not(:disabled){background:#0f1742;box-shadow:0 2px 8px #16205b33}.aep-lookup-btn:disabled{opacity:.6;cursor:not-allowed}.aep-verified-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.aep-salary-preview-card{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid #cbd5e1;border-radius:12px;grid-column:1/-1;margin-top:8px;padding:20px 24px}.aep-salary-preview-header{border-bottom:1px solid #cbd5e199;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.aep-sp-title{color:#1e293b;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.aep-sp-type-badge{color:#16205b;background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:3px 10px;font-size:12px;font-weight:600}.aep-salary-breakdown-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.aep-salary-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.aep-stat-label{color:#64748b;margin-bottom:4px;font-size:11.5px;font-weight:500}.aep-stat-value{color:#0f172a;font-size:16px;font-weight:700}.aep-salary-stat.highlight{background:#f5f3ff;border-color:#818cf8}.aep-salary-stat.highlight .aep-stat-value{color:#4338ca}.aep-security-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:12px;margin-top:4px;padding:14px 18px;display:flex}.aep-security-notice.info{background:#f0f9ff;border-color:#bae6fd}.aep-sec-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.aep-security-notice.info .aep-sec-icon{color:#0284c7}.aep-sec-content h4{color:#166534;margin:0 0 2px;font-size:13.5px;font-weight:600}.aep-security-notice.info .aep-sec-content h4{color:#075985}.aep-sec-content p{color:#15803d;margin:0;font-size:12.5px;line-height:1.4}.aep-security-notice.info .aep-sec-content p{color:#0369a1}.aep-upload-zone{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:120px;padding:24px;transition:all .25s;display:flex;position:relative}.aep-upload-zone:hover{background:#f5f3ff;border-color:#4f46e5}.aep-upload-label{cursor:pointer;flex-direction:column;align-items:center;width:100%;display:flex}.aep-file-hidden-input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.aep-upload-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.aep-upload-icon-circle{color:#4f46e5;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;transition:transform .2s;display:flex}.aep-upload-zone:hover .aep-upload-icon-circle{background:#e0e7ff;transform:scale(1.08)}.aep-upload-title{color:#1e293b;font-size:14px;font-weight:700}.aep-upload-sub{color:#64748b;max-width:420px;font-size:12px}.aep-upload-btn-pill{color:#fff;background:#4f46e5;border-radius:20px;margin-top:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 2px 6px #4f46e540}.aep-existing-proof-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:12.5px;display:flex}.aep-existing-note{color:#047857;margin-left:auto;font-size:11.5px}.aep-file-preview-card{z-index:20;background:#fff;border:1.5px solid #c7d2fe;border-radius:12px;align-items:center;gap:16px;width:100%;padding:14px 18px;display:flex;position:relative;box-shadow:0 2px 8px #4f46e514}.aep-file-thumb{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:54px;height:54px;overflow:hidden}.aep-file-thumb img{object-fit:cover;width:100%;height:100%}.aep-file-icon-box{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.aep-file-texts{text-align:left;flex-direction:column;flex:1;display:flex}.aep-file-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:380px;font-size:13.5px;font-weight:700;overflow:hidden}.aep-file-size{color:#64748b;margin-top:1px;font-size:12px}.aep-file-status{color:#059669;margin-top:2px;font-size:11.5px;font-weight:600}.aep-file-remove-btn{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.aep-file-remove-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.aep-loading-box{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.aep-loading-box p{margin:0;font-size:14px;font-weight:500}.aep-form-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.aep-footer-left{align-items:center;gap:16px;display:flex}.aep-mandatory-label{color:#e11938;font-size:12.5px;font-weight:500}.aep-step-dots{align-items:center;gap:6px;display:flex}.aep-dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .2s}.aep-dot.active{background:#16205b;border-radius:12px;width:24px}.aep-dot.completed{background:#10b981}.aep-footer-right{align-items:center;gap:12px;display:flex}.aep-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.aep-btn-secondary{color:#475569;background:#fff;border-color:#cbd5e1}.aep-btn-secondary:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.aep-btn-primary{color:#fff;background:#16205b;box-shadow:0 2px 6px #16205b26}.aep-btn-primary:hover:not(:disabled){background:#0f1742;transform:translateY(-1px);box-shadow:0 4px 12px #16205b40}.aep-btn-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98140}.aep-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.aep-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}[data-theme=dark] .aep-stepper-card,[data-theme=dark] .aep-form-card{background:var(--bg-card,#1e293b);border-color:var(--card-border,#334155)}[data-theme=dark] .aep-section-banner,[data-theme=dark] .aep-form-footer{background:var(--bg-card-secondary,#0f172a);border-color:var(--card-border,#334155)}[data-theme=dark] .aep-input,[data-theme=dark] .aep-select{color:#f8fafc;background:#0f172a;border-color:#334155}[data-theme=dark] .aep-input.aep-readonly{color:#94a3b8!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .aep-salary-preview-card{background:#0f172a;border-color:#334155}[data-theme=dark] .aep-salary-stat{background:#1e293b;border-color:#334155}[data-theme=dark] .aep-step-item.pending .aep-step-bubble{color:#94a3b8;background:#334155;border-color:#475569}[data-theme=dark] .aep-step-title{color:#cbd5e1}[data-theme=dark] .aep-banner-titles h2{color:#f8fafc}[data-theme=dark] .aep-field label{color:#cbd5e1}@media (width<=992px){.aep-container{padding:0 0 32px}.aep-stepper-card{margin-bottom:20px;padding:18px 20px}.aep-stepper-track{flex-direction:column;align-items:stretch;gap:10px}.aep-step-divider{display:none}.aep-grid,.aep-grid-3{grid-template-columns:1fr!important}.aep-salary-breakdown-grid{grid-template-columns:repeat(2,1fr)}.aep-form-body{padding:24px 20px}.aep-form-footer{flex-direction:column-reverse;align-items:stretch;gap:14px;padding:18px 20px}.aep-footer-left{justify-content:space-between}.aep-footer-right{flex-direction:column;width:100%}.aep-btn{justify-content:center;width:100%}}.aep-stepper-card{border-radius:12px;padding:20px 24px;box-shadow:0 2px 10px #0f172a09}.aep-step-item{border:1px solid #0000;min-width:0}.aep-step-item.active{background:#f8faff;border-color:#dbe4ff}.aep-step-item:focus-visible,.aep-btn:focus-visible,.aep-file-remove-btn:focus-visible,.aep-file-replace-btn:focus-within,.aep-upload-label:focus-within{outline-offset:3px;outline:3px solid #4f46e552}.aep-form-card{border-radius:14px;box-shadow:0 8px 24px #0f172a0b,0 1px 3px #0f172a09}.aep-banner-badge{flex-shrink:0}.aep-saved-proof-card{text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:12px;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;align-self:stretch;align-items:center;gap:16px;width:100%;padding:14px;display:grid}.aep-saved-proof-image,.aep-proof-image-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.aep-saved-proof-image{min-height:112px;max-height:150px}.aep-proof-image-preview{flex:none;width:160px;height:104px}.aep-saved-proof-image img,.aep-proof-image-preview img{object-fit:contain;width:100%;height:100%;display:block}.aep-file-replace-btn{color:#253594;cursor:pointer;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:650;transition:background-color .18s,border-color .18s;display:inline-flex;position:relative}.aep-file-replace-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.aep-file-replace-btn .aep-file-hidden-input{border-radius:inherit}[data-theme=dark] .aep-step-item.active{background:#172554;border-color:#3730a3}[data-theme=dark] .aep-saved-proof-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aep-saved-proof-image,[data-theme=dark] .aep-proof-image-preview{background:#0f172a;border-color:#334155}[data-theme=dark] .aep-file-replace-btn{color:#c7d2fe;background:#1e1b4b;border-color:#4338ca}@media (width<=900px){.aep-stepper-card{padding:16px}.aep-stepper-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.aep-step-item{gap:10px;padding:10px}.aep-step-item.active{box-shadow:inset 3px 0 #253594}.aep-section-banner{align-items:flex-start;padding:20px}.aep-banner-badge{flex-wrap:wrap;justify-content:flex-end;font-size:11px}}@media (width<=560px){.aep-container{padding-top:0}.aep-stepper-card{margin-bottom:14px;padding:10px}.aep-stepper-track{gap:6px}.aep-step-item{align-items:flex-start;gap:7px;padding:8px 6px}.aep-step-bubble{border-radius:10px;width:34px;height:34px}.aep-step-num{font-size:9px}.aep-step-title{font-size:11px;line-height:1.25}.aep-step-sub{display:none}.aep-section-banner{flex-direction:column;gap:12px;padding:16px}.aep-banner-left{align-items:flex-start}.aep-banner-icon{width:38px;height:38px}.aep-banner-badge{justify-content:flex-start}.aep-form-body,.aep-form-footer{padding:16px}.aep-footer-left{justify-content:space-between}.aep-saved-proof-card{grid-template-columns:minmax(0,1fr);justify-items:stretch}.aep-saved-proof-image{max-height:190px}.aep-file-replace-btn{width:100%}.aep-file-preview-card{flex-wrap:wrap;padding:12px}.aep-proof-image-preview{width:100%;height:150px}.aep-file-remove-btn{margin-left:0}.aep-stepper-track{align-items:center;gap:0;display:flex}.aep-step-item{background:0 0;border-color:#0000;flex:0 0 36px;justify-content:center;align-items:center;padding:4px 0}.aep-step-item.active{box-shadow:none}.aep-step-info{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.aep-step-divider{flex:auto;min-width:8px;height:2px;margin:0 5px;display:block}}.aep-status-pill-group{align-items:center;gap:12px;margin-top:6px;display:flex}.aep-status-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.aep-status-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.aep-status-btn .status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.aep-status-btn .status-dot.green{background-color:#16a34a}.aep-status-btn .status-dot.gray{background-color:#94a3b8}.aep-status-btn.active-selected{color:#15803d;background-color:#dcfce7;border-color:#16a34a;box-shadow:0 1px 4px #16a34a26}.aep-status-btn.inactive-selected{color:#b91c1c;background-color:#fee2e2;border-color:#ef4444;box-shadow:0 1px 4px #ef444426}.aep-status-btn .status-check-icon{margin-left:2px}:root{--lm-bg-page:#f8fafc;--lm-bg-card:#fff;--lm-bg-card-secondary:#f8fafc;--lm-bg-muted:#f1f5f9;--lm-border-light:#f1f5f9;--lm-border-medium:#e2e8f0;--lm-text-primary:#0f172a;--lm-text-secondary:#475569;--lm-text-muted:#64748b;--bg-card:#fff;--bg-card-secondary:#f8fafc;--bg-muted:#f1f5f9;--border-medium:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}[data-theme=dark],body.dark-mode{--lm-bg-page:#0b1329;--lm-bg-card:#1e293b;--lm-bg-card-secondary:#0f172a;--lm-bg-muted:#0f172a;--lm-border-light:#334155;--lm-border-medium:#334155;--lm-text-primary:#f8fafc;--lm-text-secondary:#cbd5e1;--lm-text-muted:#94a3b8;--bg-card:#1e293b;--bg-card-secondary:#0f172a;--bg-muted:#0f172a;--border-medium:#334155;--border-light:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8}.leave-page-header-premium{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.leave-header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.leave-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.leave-page-title-text{letter-spacing:-.3px;margin:0 0 3px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.leave-page-subtitle-text{margin:0;font-family:Inter,sans-serif;font-size:13px;color:#ffffffbf!important}.leave-header-right{align-items:center;gap:14px;display:flex}@media (width<=600px){.leave-page-header-premium{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px}.leave-header-left{width:100%}.leave-header-right{align-self:flex-end;margin-top:6px}.leave-page-title-text{font-size:18px}.leave-page-subtitle-text{font-size:12px}.leave-header-right .leave-admin-badge{padding:6px 10px}}.add-leave-btn-premium{color:#2563eb;cursor:pointer;background-color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;height:40px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0000001a}.add-leave-btn-premium:hover{background-color:#eff6ff;transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.leave-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;display:flex}.leave-admin-badge span{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff!important}.leave-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background-color:#fff;border:1px solid #e8edf5;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d,0 3px 8px #00000005}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.total-icon{color:#2563eb;background-color:#eff6ff}.pending-icon{color:#ea580c;background-color:#fff7ed}.approved-icon{color:#16a34a;background-color:#f0fdf4}.auto-icon{color:#7c3aed;background-color:#ede9fe}.rejected-icon{color:#dc2626;background-color:#fef2f2}.stat-info{flex-direction:column;display:flex}.stat-info h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.stat-info h2{color:#0f172a;margin:4px 0 0;font-family:Inter,sans-serif;font-size:24px;font-weight:800}.leave-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 28px;box-shadow:0 1px 3px #0f172a0a,0 4px 16px #0f172a05}[data-theme=dark] .leave-main-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0003}.leave-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}[data-theme=dark] .leave-card-header{border-bottom-color:#334155}.leave-card-title-group{align-items:center;gap:12px;display:flex}.leave-card-icon-wrap{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-theme=dark] .leave-card-icon-wrap{color:#60a5fa;background:#2563eb26;border-color:#2563eb4d}.leave-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.leave-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}[data-theme=dark] .leave-card-title{color:#f8fafc}.leave-card-badge{color:#2563eb;letter-spacing:.01em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}[data-theme=dark] .leave-card-badge{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.leave-card-subtitle{color:#64748b;margin:2px 0 0;font-size:12.5px;font-weight:500}[data-theme=dark] .leave-card-subtitle{color:#94a3b8}.leave-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}[data-theme=dark] .leave-filters{background:#0f172a;border-color:#334155}.leave-search-wrapper{flex:1.5;align-items:center;min-width:240px;display:flex;position:relative}.leave-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.leave-search-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;font-family:Inter,sans-serif;font-size:13px;transition:all .15s;padding:0 12px 0 36px!important}.leave-search-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.leave-filter-select,.leave-filter-date{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:140px;height:38px;padding:0 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s}.leave-filter-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.leave-filter-select:focus,.leave-filter-date:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.leave-reset-filters-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.leave-reset-filters-btn:hover{background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .leave-search-input,[data-theme=dark] .leave-filter-select,[data-theme=dark] .leave-filter-date{color:#f1f5f9;background-color:#1e293b;border-color:#334155}[data-theme=dark] .leave-reset-filters-btn{color:#f87171;background:#ef44441f;border-color:#ef44444d}.leave-error-banner{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.leave-retry-btn{color:#fff;cursor:pointer;background-color:#b91c1c;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:background-color .15s}.leave-retry-btn:hover{background-color:#991b1b}.leave-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:20px;overflow-x:auto;box-shadow:0 1px 2px #00000005}[data-theme=dark] .leave-table-wrapper{background:#1e293b;border-color:#334155}.leave-table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif}.leave-table thead th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:700}.leave-table thead th:first-child,.leave-table tbody td:first-child{padding-left:18px}.leave-table thead th:last-child,.leave-table tbody td:last-child{padding-right:18px}[data-theme=dark] .leave-table thead th{color:#94a3b8;background-color:#0f172a;border-bottom-color:#334155}.leave-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}[data-theme=dark] .leave-table tbody td{color:#f1f5f9;border-bottom-color:#334155}.leave-table tbody tr{transition:background-color .15s}.leave-table tbody tr:hover td{background-color:#2563eb05}[data-theme=dark] .leave-table tbody tr:hover td{background-color:#ffffff05}.leave-id-cell{white-space:nowrap}.leave-id-tag{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11.5px;font-weight:700;display:inline-block}[data-theme=dark] .leave-id-tag{color:#94a3b8;background:#0f172a;border-color:#334155}.employee-info-wrap{align-items:center;gap:10px;min-width:180px;display:flex}.employee-avatar-circle{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001f}.employee-details{flex-direction:column;gap:2px;min-width:0;display:flex}.employee-name-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}[data-theme=dark] .employee-name-text{color:#f8fafc}.employee-sub-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}[data-theme=dark] .employee-sub-text{color:#94a3b8}.leave-badge{letter-spacing:.01em;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.leave-badge.casual{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.leave-badge.sick{color:#be123c;background-color:#fff1f2;border:1px solid #fecdd3}.leave-badge.permission{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.leave-badge.default{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}[data-theme=dark] .leave-badge.casual{color:#6ee7b7;background-color:#10b98126;border-color:#10b9814d}[data-theme=dark] .leave-badge.sick{color:#fda4af;background-color:#f43f5e26;border-color:#f43f5e4d}[data-theme=dark] .leave-badge.permission{color:#fcd34d;background-color:#f59e0b26;border-color:#f59e0b4d}.leave-schedule-block{flex-direction:column;gap:3px;min-width:150px;display:flex}.leave-schedule-dates{color:#0f172a;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}[data-theme=dark] .leave-schedule-dates{color:#f1f5f9}.leave-cal-icon{color:#2563eb;flex-shrink:0}[data-theme=dark] .leave-cal-icon{color:#60a5fa}.leave-date-primary{font-weight:600}.leave-date-arrow{color:#94a3b8;margin:0 2px}.leave-schedule-sub{align-items:center;gap:6px;display:flex}.leave-session-pill{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}[data-theme=dark] .leave-session-pill{color:#94a3b8;background:#0f172a;border-color:#334155}.leave-duration-badge{color:#2563eb;letter-spacing:.01em;white-space:nowrap;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .leave-duration-badge{color:#93c5fd;background-color:#60a5fa1f;border-color:#60a5fa40}.status-badge-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-badge-pill .badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-badge-pill.approved{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-badge-pill.approved .badge-dot{background-color:#10b981}.status-badge-pill.pending{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.status-badge-pill.pending .badge-dot{background-color:#f59e0b}.status-badge-pill.rejected{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.status-badge-pill.rejected .badge-dot{background-color:#ef4444}[data-theme=dark] .status-badge-pill.approved{color:#86efac;background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .status-badge-pill.pending{color:#fde047;background-color:#f59e0b26;border-color:#f59e0b4d}[data-theme=dark] .status-badge-pill.rejected{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}.status-badge-pill.auto-approved{color:#6d28d9;background-color:#ede9fe;border:1px solid #ddd6fe}.status-badge-pill.auto-approved .badge-dot{background-color:#7c3aed}[data-theme=dark] .status-badge-pill.auto-approved,body.dark-mode .status-badge-pill.auto-approved{color:#c4b5fd;background-color:#7c3aed33;border-color:#7c3aed66}[data-theme=dark] .status-badge-pill.auto-approved .badge-dot,body.dark-mode .status-badge-pill.auto-approved .badge-dot{background-color:#a78bfa}.inline-action-btn.btn-superadmin-edit{color:#6d28d9;background-color:#ede9fe;border:1px solid #ddd6fe}.inline-action-btn.btn-superadmin-edit:hover{color:#5b21b6;background-color:#ddd6fe}[data-theme=dark] .inline-action-btn.btn-superadmin-edit,body.dark-mode .inline-action-btn.btn-superadmin-edit{color:#c4b5fd;background-color:#7c3aed33;border-color:#7c3aed66}[data-theme=dark] .inline-action-btn.btn-superadmin-edit:hover,body.dark-mode .inline-action-btn.btn-superadmin-edit:hover{color:#fff;background-color:#7c3aed59}.leave-actions-group{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.inline-action-btn{cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.inline-action-btn.btn-approve{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.inline-action-btn.btn-approve:hover{color:#fff;background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #05966940}.inline-action-btn.btn-reject{color:#e11d48;background-color:#fff1f2;border:1px solid #fecdd3}.inline-action-btn.btn-reject:hover{color:#fff;background-color:#e11d48;border-color:#e11d48;transform:translateY(-1px);box-shadow:0 2px 6px #e11d4840}.icon-action-btn.view-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;padding:5px 7px;transition:all .15s;display:inline-flex}.icon-action-btn.view-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.resolved-view-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.resolved-view-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}[data-theme=dark] .icon-action-btn.view-btn{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .icon-action-btn.view-btn:hover{color:#60a5fa;background-color:#2563eb26;border-color:#2563eb}[data-theme=dark] .resolved-view-btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .resolved-view-btn:hover{color:#60a5fa;background-color:#2563eb26;border-color:#2563eb}.leave-footer{color:#64748b;border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;display:flex}.pagination{gap:8px;display:flex}.pagination button{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.pagination button:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination button.active-page{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.view-modal{background:#fff;border-radius:16px;width:min(95vw,540px);max-height:90dvh;animation:.25s fadeInModal;overflow-y:auto;box-shadow:0 10px 25px #0000001a,0 20px 48px #00000014}.popup-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.popup-header h2{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.popup-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.popup-close-btn:hover{color:#475569;background-color:#f1f5f9}.modal-body-form{flex-direction:column;gap:16px;max-height:65vh;padding:24px;display:flex;overflow-y:auto}.form-group input,.modal-select-input,.form-group textarea{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.form-group textarea{resize:vertical;height:auto;padding:10px 12px}.form-group input:focus,.modal-select-input:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.modal-dates-row{gap:16px;display:flex}.modal-select-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.popup-footer-actions{background-color:#f8fafc;border-top:1.5px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.delete-cancel-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.delete-cancel-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.save-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #3b82f640}.save-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.details-table-container{padding:24px}.leave-info-table{border-collapse:collapse;width:100%}.leave-info-table td{border-bottom:1px solid #f1f5f9;padding:12px 0;font-family:Inter,sans-serif;font-size:13.5px}.table-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;width:35%;font-size:11px;font-weight:600}.table-value{color:#1e293b;font-weight:600}.details-close-btn{color:#475569;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.details-close-btn:hover{color:#1e293b;background-color:#cbd5e1}.success-toast{z-index:100000;background:#fff;border-left:5px solid #10b981;border-radius:12px;align-items:center;gap:14px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a,0 4px 12px #0000000d}.toast-check{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-content h4{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.toast-content p{color:#64748b;margin:2px 0 0;font-family:Inter,sans-serif;font-size:12.5px}@media (width<=1024px){.leave-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.leave-page-header-premium{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.leave-header-right{flex-direction:column;align-items:stretch;width:100%}.add-leave-btn-premium{justify-content:center;width:100%}.leave-admin-badge{box-sizing:border-box;justify-content:center;width:100%}.leave-main-card{padding:16px}.leave-filters{flex-direction:column;align-items:stretch}.leave-search-wrapper,.leave-filter-select{width:100%}.leave-footer{text-align:center;flex-direction:column;gap:14px}.modal-dates-row{flex-direction:column;gap:16px}}@media (width<=480px){.leave-stats{grid-template-columns:1fr;gap:12px}.leave-stat-card{padding:16px}.leave-main-card{border-radius:12px;padding:12px}.leave-table th,.leave-table td{padding:10px 12px;font-size:12.5px}.popup-header{padding:14px 16px}.modal-body-form{padding:16px}.modal-footer{flex-direction:column;gap:8px;padding:14px 16px}.modal-footer button{justify-content:center;width:100%}}[data-theme=dark] .leave-stats,body.dark-mode .leave-stats{color:#f8fafc}[data-theme=dark] .stat-card,body.dark-mode .stat-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 16px #00000040}[data-theme=dark] .stat-card:hover,body.dark-mode .stat-card:hover{border-color:#475569;box-shadow:0 8px 24px #00000059}[data-theme=dark] .stat-info h4,body.dark-mode .stat-info h4{color:#94a3b8}[data-theme=dark] .stat-info h2,body.dark-mode .stat-info h2{color:#f8fafc}[data-theme=dark] .total-icon,body.dark-mode .total-icon{color:#60a5fa;background-color:#2563eb2e}[data-theme=dark] .pending-icon,body.dark-mode .pending-icon{color:#fb923c;background-color:#ea580c2e}[data-theme=dark] .approved-icon,body.dark-mode .approved-icon{color:#4ade80;background-color:#16a34a2e}[data-theme=dark] .rejected-icon,body.dark-mode .rejected-icon{color:#f87171;background-color:#dc26262e}[data-theme=dark] .leave-main-card,body.dark-mode .leave-main-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .leave-card-title,body.dark-mode .leave-card-title{color:#f8fafc}[data-theme=dark] .leave-card-subtitle,body.dark-mode .leave-card-subtitle{color:#94a3b8}[data-theme=dark] .leave-card-badge,body.dark-mode .leave-card-badge{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-search-wrapper,body.dark-mode .leave-search-wrapper{background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-search-wrapper:focus-within,body.dark-mode .leave-search-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .leave-search-input,body.dark-mode .leave-search-input{color:#f8fafc;background:0 0}[data-theme=dark] .leave-search-input::placeholder,body.dark-mode .leave-search-input::placeholder,[data-theme=dark] .leave-search-icon,body.dark-mode .leave-search-icon{color:#64748b}[data-theme=dark] .leave-filter-select,body.dark-mode .leave-filter-select{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-filter-select:focus,body.dark-mode .leave-filter-select:focus{border-color:#3b82f6}[data-theme=dark] .leave-filter-date,body.dark-mode .leave-filter-date{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-filter-date:focus,body.dark-mode .leave-filter-date:focus{border-color:#3b82f6}[data-theme=dark] .leave-reset-filters-btn,body.dark-mode .leave-reset-filters-btn{color:#e2e8f0;background-color:#334155;border-color:#475569}[data-theme=dark] .leave-reset-filters-btn:hover,body.dark-mode .leave-reset-filters-btn:hover{color:#fff;background-color:#475569}[data-theme=dark] .leave-table-wrapper,body.dark-mode .leave-table-wrapper{border-color:#334155}[data-theme=dark] .leave-table th,body.dark-mode .leave-table th{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-table td,body.dark-mode .leave-table td{color:#cbd5e1;border-color:#334155}[data-theme=dark] .leave-table tbody tr,body.dark-mode .leave-table tbody tr{background-color:#1e293b}[data-theme=dark] .leave-table tbody tr:hover,body.dark-mode .leave-table tbody tr:hover{background-color:#24344d}[data-theme=dark] .leave-id-tag,body.dark-mode .leave-id-tag{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .employee-name-text,body.dark-mode .employee-name-text{color:#f8fafc}[data-theme=dark] .employee-sub-text,body.dark-mode .employee-sub-text{color:#94a3b8}[data-theme=dark] .leave-date-primary,body.dark-mode .leave-date-primary{color:#f8fafc}[data-theme=dark] .leave-date-arrow,body.dark-mode .leave-date-arrow{color:#64748b}[data-theme=dark] .leave-duration-badge,body.dark-mode .leave-duration-badge{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-session-pill,body.dark-mode .leave-session-pill,[data-theme=dark] .resolved-view-btn,body.dark-mode .resolved-view-btn{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .resolved-view-btn:hover,body.dark-mode .resolved-view-btn:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}[data-theme=dark] .icon-action-btn.view-btn,body.dark-mode .icon-action-btn.view-btn{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .icon-action-btn.view-btn:hover,body.dark-mode .icon-action-btn.view-btn:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}[data-theme=dark] .modal-overlay,body.dark-mode .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}[data-theme=dark] .view-modal,body.dark-mode .view-modal{color:#f8fafc;background:#1e293b;border:1px solid #334155;box-shadow:0 20px 40px #00000080}[data-theme=dark] .popup-header,body.dark-mode .popup-header{border-bottom:1px solid #334155}[data-theme=dark] .popup-header h2,body.dark-mode .popup-header h2{color:#f8fafc}[data-theme=dark] .popup-close-btn,body.dark-mode .popup-close-btn{color:#94a3b8}[data-theme=dark] .popup-close-btn:hover,body.dark-mode .popup-close-btn:hover{color:#f8fafc;background-color:#334155}[data-theme=dark] .modal-body-form,body.dark-mode .modal-body-form{color:#e2e8f0}[data-theme=dark] .modal-body-form label,body.dark-mode .modal-body-form label{color:#cbd5e1}[data-theme=dark] .modal-body-form textarea,body.dark-mode .modal-body-form textarea{color:#f8fafc;background-color:#0f172a;border:1px solid #334155}[data-theme=dark] .modal-body-form textarea:focus,body.dark-mode .modal-body-form textarea:focus{background-color:#0f172a;border-color:#3b82f6}[data-theme=dark] .leave-form-select,body.dark-mode .leave-form-select{color:#f8fafc;background-color:#0f172a;border:1px solid #334155}[data-theme=dark] .delete-cancel-btn,body.dark-mode .delete-cancel-btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .delete-cancel-btn:hover,body.dark-mode .delete-cancel-btn:hover{color:#fff;background-color:#334155}[data-theme=dark] .details-close-btn,body.dark-mode .details-close-btn{color:#f8fafc;background-color:#334155}[data-theme=dark] .details-close-btn:hover,body.dark-mode .details-close-btn:hover{background-color:#475569}[data-theme=dark] .leave-info-table td,body.dark-mode .leave-info-table td{border-bottom:1px solid #334155}[data-theme=dark] .table-label,body.dark-mode .table-label{color:#94a3b8}[data-theme=dark] .table-value,body.dark-mode .table-value{color:#f8fafc}[data-theme=dark] .popup-footer-actions,body.dark-mode .popup-footer-actions{background-color:#182234;border-top:1px solid #334155}[data-theme=dark] .leave-error-banner,body.dark-mode .leave-error-banner{color:#fca5a5;background-color:#dc262626;border-color:#dc26264d}.superadmin-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:12.5px;line-height:1.45}[data-theme=dark] .superadmin-modal-subtitle,body.dark-mode .superadmin-modal-subtitle{color:#94a3b8}.superadmin-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}[data-theme=dark] .superadmin-info-box,body.dark-mode .superadmin-info-box{background:#0f172a;border-color:#334155}.superadmin-info-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.superadmin-info-name{color:#0f172a;font-size:13.5px;font-weight:700}[data-theme=dark] .superadmin-info-name,body.dark-mode .superadmin-info-name{color:#f8fafc}.superadmin-info-code{color:#64748b;font-size:12px;font-weight:600}[data-theme=dark] .superadmin-info-code,body.dark-mode .superadmin-info-code{color:#94a3b8}.superadmin-info-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}[data-theme=dark] .superadmin-info-meta,body.dark-mode .superadmin-info-meta{color:#cbd5e1}.superadmin-auto-tag{color:#7c3aed;background:#ede9fe;border:1px solid #ddd6fe;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .superadmin-auto-tag,body.dark-mode .superadmin-auto-tag{color:#c4b5fd;background:#7c3aed33;border-color:#7c3aed66}.leave-form-select{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.leave-form-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}[data-theme=dark] .leave-form-select,body.dark-mode .leave-form-select{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .leave-form-select:focus,body.dark-mode .leave-form-select:focus{background-color:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .pagination button,body.dark-mode .pagination button{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .pagination button:hover:not(:disabled),body.dark-mode .pagination button:hover:not(:disabled){color:#60a5fa;background-color:#2563eb33;border-color:#3b82f6}[data-theme=dark] .pagination button:disabled,body.dark-mode .pagination button:disabled{opacity:.4;color:#475569;background-color:#182234;border-color:#27354a}[data-theme=dark] .pagination button.active-page,body.dark-mode .pagination button.active-page{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb66}:root{--ml-bg-page:#f8fafc;--ml-bg-card:#fff;--ml-bg-card-secondary:#f8fafc;--ml-border-light:#f1f5f9;--ml-border-medium:#e2e8f0;--ml-text-primary:#0f172a;--ml-text-secondary:#475569;--ml-text-muted:#64748b;--bg-card:#fff;--bg-card-secondary:#f8fafc;--border-medium:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}[data-theme=dark],body.dark-mode{--ml-bg-page:#0b1329;--ml-bg-card:#1e293b;--ml-bg-card-secondary:#0f172a;--ml-border-light:#334155;--ml-border-medium:#334155;--ml-text-primary:#f8fafc;--ml-text-secondary:#cbd5e1;--ml-text-muted:#94a3b8;--bg-card:#1e293b;--bg-card-secondary:#0f172a;--border-medium:#334155;--border-light:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8}.ml-page-container{flex-direction:column;gap:24px;width:100%;display:flex}.ml-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (width<=1024px){.ml-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=640px){.ml-stats-row{grid-template-columns:1fr;gap:12px}}.ml-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a08}[data-theme=dark] .ml-stat-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0003}.ml-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}[data-theme=dark] .ml-stat-card:hover{border-color:#475569}.ml-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ml-stat-icon.icon-used{color:#2563eb;background:#2563eb1a}.ml-stat-icon.icon-casual{color:#059669;background:#10b9811a}.ml-stat-icon.icon-permission{color:#d97706;background:#f59e0b1a}.ml-stat-icon.icon-pending{color:#e11938;background:#e119381a}.ml-stat-body{flex-direction:column;gap:2px;display:flex}.ml-stat-value{color:var(--text-primary,#0f172a);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:26px;font-weight:800;line-height:1.1}[data-theme=dark] .ml-stat-value{color:#f8fafc}.ml-stat-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.ml-history-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);border-radius:16px;padding:22px 26px;box-shadow:0 1px 3px #0f172a08}[data-theme=dark] .ml-history-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0003}.ml-history-header{flex-direction:column;gap:16px;margin-bottom:22px;display:flex}.ml-history-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.ml-history-title-block{align-items:center;gap:12px;display:flex}.ml-history-icon-wrap{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}[data-theme=dark] .ml-history-icon-wrap{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.ml-history-titles{flex-direction:column;gap:3px;display:flex}.ml-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ml-history-title{color:var(--text-primary,#0f172a);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}[data-theme=dark] .ml-history-title{color:#f8fafc}.ml-record-badge{color:#2563eb;letter-spacing:.01em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:700}[data-theme=dark] .ml-record-badge{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.ml-history-subtext{color:var(--text-muted,#64748b);margin:0;font-size:12.5px;font-weight:500;line-height:1.4}[data-theme=dark] .ml-history-subtext{color:#94a3b8}.ml-apply-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;font:700 13px Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #2563eb40}.ml-apply-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb61}.ml-filter-bar{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}[data-theme=dark] .ml-filter-bar{background:#0f172a;border-color:#334155}.ml-filter-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.ml-filter-group-item{align-items:center;gap:8px;display:flex}.ml-filter-icon{color:#64748b;flex-shrink:0}.ml-select,.ml-date-input{border:1px solid var(--border-medium,#e2e8f0);height:38px;color:var(--text-primary,#1e293b);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:0 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s}[data-theme=dark] .ml-select,body.dark-mode .ml-select,[data-theme=dark] .ml-date-input,body.dark-mode .ml-date-input{color:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e293b;border-color:#334155}.ml-select:focus,.ml-date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ml-reset-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.ml-reset-btn:hover{background:#fee2e2}[data-theme=dark] .ml-reset-btn{color:#f87171;background:#ef44441f;border-color:#ef44444d}.ml-desktop-table{width:100%;display:block}.ml-table-wrapper{border:1px solid var(--border-medium,#e2e8f0);border-radius:12px;width:100%;overflow-x:auto}[data-theme=dark] .ml-table-wrapper{border-color:#334155}.ml-table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif}.ml-table thead th{background:var(--bg-card-secondary,#f8fafc);color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-medium,#e2e8f0);white-space:nowrap;padding:11px 10px;font-size:11px;font-weight:700}.ml-table thead th:first-child,.ml-table tbody td:first-child{padding-left:16px}.ml-table thead th:last-child,.ml-table tbody td:last-child{padding-right:16px}[data-theme=dark] .ml-table thead th{color:#94a3b8;background:#0f172a;border-bottom-color:#334155}.ml-table tbody td{border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary,#1e293b);vertical-align:middle;padding:11px 10px;font-size:13px}[data-theme=dark] .ml-table tbody td{color:#f1f5f9;border-bottom-color:#334155}.ml-table tbody tr:hover td{background:#2563eb05}[data-theme=dark] .ml-table tbody tr:hover td{background:#ffffff05}.ml-td-id{white-space:nowrap}.ml-id-tag{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11.5px;font-weight:700;display:inline-block}[data-theme=dark] .ml-id-tag{color:#94a3b8;background:#0f172a;border-color:#334155}.ml-td-schedule{white-space:nowrap;min-width:145px}.ml-schedule-block{flex-direction:column;gap:4px;display:flex}.ml-schedule-dates{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}[data-theme=dark] .ml-schedule-dates{color:#f1f5f9}.ml-cal-mini{color:#2563eb;flex-shrink:0}[data-theme=dark] .ml-cal-mini{color:#60a5fa}.ml-date-primary{font-weight:600}.ml-date-arrow{color:#94a3b8;margin:0 2px;font-weight:400}.ml-schedule-sub{align-items:center;gap:6px;display:flex}.ml-session-tag{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:600}[data-theme=dark] .ml-session-tag{color:#94a3b8;background:#0f172a;border-color:#334155}.ml-time-span{color:#2563eb;background:#2563eb14;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .ml-time-span{color:#60a5fa;background:#60a5fa1f}.ml-td-reason{max-width:140px}.ml-reason-wrap{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.ml-reason-text{color:var(--text-secondary,#475569);font-size:12.5px}[data-theme=dark] .ml-reason-text,.ml-muted-dash{color:#94a3b8}.ml-td-applied{white-space:nowrap}.ml-applied-text{color:var(--text-muted,#64748b);font-size:12px;font-weight:500}[data-theme=dark] .ml-applied-text{color:#94a3b8}.ml-leave-type-pill{white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.ml-pill-casual{color:#059669;background:#10b9811f}.ml-pill-sick{color:#e11938;background:#e119381f}.ml-pill-permission{color:#d97706;background:#f59e0b1f}.ml-pill-default{color:#64748b;background:#64748b1a}.ml-days-badge{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}[data-theme=dark] .ml-days-badge{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.ml-status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.ml-status-approved{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.ml-status-pending{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.ml-status-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.ml-status-auto-approved{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}[data-theme=dark] .ml-status-approved,body.dark-mode .ml-status-approved{color:#86efac;background:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .ml-status-pending,body.dark-mode .ml-status-pending{color:#fde047;background:#f59e0b26;border-color:#f59e0b4d}[data-theme=dark] .ml-status-rejected,body.dark-mode .ml-status-rejected{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .ml-status-auto-approved,body.dark-mode .ml-status-auto-approved{color:#c4b5fd;background:#7c3aed33;border-color:#7c3aed66}.ml-action-group{align-items:center;gap:8px;display:flex}.ml-icon-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ml-icon-btn.view-btn{color:#2563eb;background:#2563eb14;border-color:#2563eb33}.ml-icon-btn.view-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb40}.ml-icon-btn.edit-btn{color:#10b981;background:#10b98114;border-color:#10b98133}.ml-icon-btn.edit-btn:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 10px #10b98140}.ml-icon-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}[data-theme=dark] .ml-icon-btn.view-btn{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}[data-theme=dark] .ml-icon-btn.view-btn:hover{color:#fff;background:#2563eb}.ml-mobile-only{display:none!important}.ml-mobile-cards-list{width:100%}.ml-mobile-leave-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #0f172a0a}[data-theme=dark] .ml-mobile-leave-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 14px #0003}.ml-mobile-leave-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}[data-theme=dark] .ml-mobile-leave-card:hover{border-color:#475569}.ml-card-top-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ml-card-meta-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ml-card-schedule-box{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-light,#f1f5f9);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}[data-theme=dark] .ml-card-schedule-box{background:#0f172a;border-color:#334155}.ml-card-date-line{color:var(--text-primary,#0f172a);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}[data-theme=dark] .ml-card-date-line{color:#f8fafc}.ml-card-cal-icon{color:#2563eb;flex-shrink:0}[data-theme=dark] .ml-card-cal-icon{color:#60a5fa}.ml-card-dates{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.ml-card-duration-line{align-items:center;gap:10px;display:flex}.ml-card-session-info{color:var(--text-muted,#64748b);font-size:12px;font-weight:600}[data-theme=dark] .ml-card-session-info{color:#94a3b8}.ml-card-reason-box{background:#64748b0d;border-left:3px solid #2563eb;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}[data-theme=dark] .ml-card-reason-box{background:#ffffff08;border-left-color:#3b82f6}.ml-reason-icon{color:#2563eb;flex-shrink:0;margin-top:2px}[data-theme=dark] .ml-reason-icon{color:#60a5fa}.ml-card-reason{color:var(--text-secondary,#475569);word-break:break-word;margin:0;font-size:12.5px;line-height:1.45}[data-theme=dark] .ml-card-reason{color:#cbd5e1}.ml-card-footer{border-top:1px dashed var(--border-light,#f1f5f9);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}[data-theme=dark] .ml-card-footer{border-top-color:#334155}.ml-card-applied{color:var(--text-muted,#64748b);font-size:11.5px}[data-theme=dark] .ml-card-applied{color:#94a3b8}.ml-card-applied strong{color:var(--text-secondary,#475569)}[data-theme=dark] .ml-card-applied strong{color:#e2e8f0}.ml-mobile-loading,.ml-mobile-empty{color:#64748b;text-align:center;background:var(--bg-card-secondary,#f8fafc);border:1px dashed var(--border-medium,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .ml-mobile-loading,[data-theme=dark] .ml-mobile-empty{color:#94a3b8;background:#0f172a;border-color:#334155}.ml-history-card .common-pagination-container{border-top:1px solid var(--border-light,#f1f5f9);margin-top:18px;padding-top:16px}[data-theme=dark] .ml-history-card .common-pagination-container{border-top-color:#334155}.ml-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s mlFadeIn;display:flex;position:fixed;inset:0}@keyframes mlFadeIn{0%{opacity:0}to{opacity:1}}.ml-modal-container{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) mlSlideUp;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}@keyframes mlSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .ml-modal-container,body.dark-mode .ml-modal-container{background:#1e293b;border-color:#334155;box-shadow:0 20px 60px #0006}.ml-modal-header{border-bottom:1px solid var(--border-light,#f1f5f9);justify-content:space-between;align-items:flex-start;padding:22px 26px 18px;display:flex}[data-theme=dark] .ml-modal-header,body.dark-mode .ml-modal-header{border-bottom-color:#334155}.ml-modal-header-left{align-items:center;gap:14px;display:flex}.ml-modal-icon-badge{color:#2563eb;background:#2563eb1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ml-modal-icon-badge.view{color:#2563eb;background:#2563eb1a}.ml-modal-icon-badge.edit{color:#10b981;background:#10b9811a}.ml-modal-title{color:var(--text-primary,#0f172a);margin:0 0 2px;font-family:Inter,sans-serif;font-size:17px;font-weight:800}[data-theme=dark] .ml-modal-title,body.dark-mode .ml-modal-title{color:#f8fafc}.ml-modal-sub{color:var(--text-muted,#64748b);margin:0;font-size:12px}.ml-modal-close-btn{color:#64748b;cursor:pointer;background:#64748b14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ml-modal-close-btn:hover{color:#0f172a;background:#64748b26}[data-theme=dark] .ml-modal-close-btn:hover,body.dark-mode .ml-modal-close-btn:hover{color:#fff}.ml-modal-form{flex-direction:column;gap:16px;padding:24px 26px;display:flex}.ml-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=500px){.ml-form-row{grid-template-columns:1fr;gap:12px}}.ml-form-field{flex-direction:column;gap:6px;display:flex}.ml-field-label{text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.04em;font-size:11.5px;font-weight:700}.ml-field-label b{color:#ef4444;margin-left:2px}.ml-modal-input,.ml-modal-textarea{border:1px solid var(--border-medium,#e2e8f0);width:100%;color:var(--text-primary,#1e293b);background:var(--bg-card-secondary,#f8fafc);border-radius:10px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}[data-theme=dark] .ml-modal-input,body.dark-mode .ml-modal-input,[data-theme=dark] .ml-modal-textarea,body.dark-mode .ml-modal-textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}[data-theme=dark] .ml-modal-input[type=date],body.dark-mode .ml-modal-input[type=date],[data-theme=dark] .ml-modal-input[type=time],body.dark-mode .ml-modal-input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ml-modal-input:focus,.ml-modal-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}[data-theme=dark] .ml-modal-input:focus,body.dark-mode .ml-modal-input:focus,[data-theme=dark] .ml-modal-textarea:focus,body.dark-mode .ml-modal-textarea:focus{color:#f1f5f9!important;background:#1e293b!important}.ml-modal-input.field-error,.ml-modal-textarea.field-error{background:#fef2f2;border-color:#ef4444}[data-theme=dark] .ml-modal-input.field-error,body.dark-mode .ml-modal-input.field-error,[data-theme=dark] .ml-modal-textarea.field-error,body.dark-mode .ml-modal-textarea.field-error{color:#fca5a5;border-color:#ef4444;background:#ef444426!important}.ml-err-txt{color:#ef4444;margin-top:2px;font-size:11.5px;font-weight:600}.ml-char-counter{color:var(--text-muted,#94a3b8);text-align:right;margin-top:2px;font-size:11px}.ml-modal-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.ml-modal-cancel-btn{border:1px solid var(--border-medium,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:10px;padding:9px 18px;font:700 13px Inter,sans-serif;transition:all .15s}.ml-modal-cancel-btn:hover{color:#0f172a;background:#64748b14}[data-theme=dark] .ml-modal-cancel-btn{color:#cbd5e1;border-color:#334155}.ml-modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 22px;font:700 13.5px Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #2563eb59}.ml-modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.ml-modal-submit-btn:disabled{opacity:.65;cursor:wait}.ml-view-content{flex-direction:column;gap:18px;padding:24px 26px;display:flex}.ml-view-header-strip{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}[data-theme=dark] .ml-view-header-strip{background:#0f172a;border-color:#334155}.ml-view-caption{text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.04em;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.ml-view-category-row{align-items:center;gap:8px;display:flex}.ml-view-duration-badge{color:#2563eb;background:#2563eb14;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.ml-view-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.ml-view-cell{flex-direction:column;gap:3px;display:flex}.ml-cell-label{text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.04em;font-size:11px;font-weight:700}.ml-cell-val{color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:600}[data-theme=dark] .ml-cell-val{color:#f1f5f9}.ml-view-block{border-top:1px solid var(--border-light,#f1f5f9);flex-direction:column;gap:6px;padding-top:6px;display:flex}[data-theme=dark] .ml-view-block{border-top-color:#334155}.ml-view-text{color:var(--text-secondary,#334155);margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .ml-view-text{color:#cbd5e1}.ml-view-block.remarks{background:#2563eb0a;border:1px solid #2563eb1f;border-radius:10px;padding:12px 14px}@media (width<=1024px){.ml-history-card{padding:18px 20px}}@media (width<=768px){.ml-page-container{gap:16px}.ml-history-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.ml-history-header-top{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%}.ml-desktop-table{display:none!important}.ml-mobile-only{flex-direction:column;gap:12px;display:flex!important}.ml-filter-bar{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:10px 12px}.ml-filter-inputs{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.ml-filter-group-item{width:100%}.ml-filter-group-item:nth-child(3){grid-column:span 2}.ml-select,.ml-date-input{width:100%;min-width:0}.ml-reset-btn,.ml-add-leave-btn{justify-content:center;width:100%}.ml-modal-header{padding:18px 20px}.ml-modal-form{gap:14px;padding:20px}.ml-modal-footer{flex-direction:column;gap:10px;padding:16px 20px}.ml-modal-footer button{justify-content:center;width:100%}}@media (width<=480px){.ml-history-card{border-radius:14px;padding:14px 12px}.ml-history-header-top{flex-direction:column;align-items:stretch;gap:12px}.ml-history-title-block{width:100%}.ml-history-icon-wrap{border-radius:10px;width:38px;height:38px}.ml-history-title{font-size:16px}.ml-apply-btn-primary{justify-content:center;width:100%;padding:10px 16px}.ml-filter-inputs{grid-template-columns:1fr;gap:8px}.ml-filter-group-item:nth-child(3){grid-column:auto}.ml-stat-card{border-radius:12px;padding:14px}.ml-stat-value{font-size:22px}.ml-card-top-row{flex-wrap:wrap;gap:8px}.ml-card-schedule-box{padding:8px 10px}.ml-card-date-line{font-size:13px}.ml-card-footer{flex-direction:row;justify-content:space-between;align-items:center}.ml-modal-container{border-radius:14px}.ml-modal-form{padding:16px 14px}.ml-modal-header{padding:14px 16px}}@media (width<=360px){.ml-stat-card{gap:10px;padding:12px}.ml-history-card{padding:12px 10px}.ml-card-top-row{flex-direction:column;align-items:flex-start;gap:6px}}:root{--dash-bg:#f8fafc;--dash-card-bg:#fff;--dash-border:#e2e8f0;--dash-border-hover:#cbd5e1;--dash-text-dark:#0f172a;--dash-text-muted:#64748b;--dash-text-sub:#94a3b8;--dash-grid-color:#e2e8f0;--dash-radius-card:16px;--dash-shadow-card:0 1px 3px #0000000a, 0 4px 16px #00000008;--dash-shadow-hover:0 8px 24px #00000014}[data-theme=dark],body.dark-mode{--dash-bg:#0b132b;--dash-card-bg:#131c38;--dash-border:#243256;--dash-border-hover:#3b4e7c;--dash-text-dark:#f8fafc;--dash-text-muted:#94a3b8;--dash-text-sub:#64748b;--dash-grid-color:#1e294b;--dash-shadow-card:0 4px 20px #0006;--dash-shadow-hover:0 8px 30px #0000008c}.dashboard-page-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:100%;padding-bottom:30px;display:flex}.dash-metrics-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.dash-metric-card{background:var(--dash-card-bg);border-radius:var(--dash-radius-card);box-shadow:var(--dash-shadow-card);border:1px solid var(--dash-border);box-sizing:border-box;align-items:center;gap:16px;min-width:0;padding:20px 22px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.dash-metric-card:before{content:"";border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.dash-metric-card.accent-blue:before{background:#2563eb}.dash-metric-card.accent-green:before{background:#10b981}.dash-metric-card.accent-red:before{background:#ef4444}.dash-metric-card.accent-purple:before{background:#8b5cf6}.dash-metric-card:hover{box-shadow:var(--dash-shadow-hover);border-color:var(--dash-border-hover);transform:translateY(-3px)}.dash-metric-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.dash-metric-card:hover .dash-metric-icon-wrap{transform:scale(1.05)}.blue-bg{background:#2563eb1f}.green-bg{background:#10b9811f}.red-bg{background:#ef44441f}.purple-bg{background:#8b5cf61f}[data-theme=dark] .blue-bg,body.dark-mode .blue-bg{background:#2563eb38}[data-theme=dark] .green-bg,body.dark-mode .green-bg{background:#10b98138}[data-theme=dark] .red-bg,body.dark-mode .red-bg{background:#ef444438}[data-theme=dark] .purple-bg,body.dark-mode .purple-bg{background:#8b5cf638}.dash-metric-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--dash-text-muted);white-space:nowrap;margin:0;font-size:11.5px;font-weight:700}.dash-metric-value{color:var(--dash-text-dark);letter-spacing:-.02em;margin:2px 0 3px;font-family:Inter,sans-serif;font-size:28px;font-weight:800;line-height:1.1}.dash-metric-sub{color:var(--dash-text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.dash-metric-sub.positive{color:#10b981}.dash-metric-sub.negative{color:#ef4444}.dash-pending-alert-strip{box-sizing:border-box;background:linear-gradient(135deg,#f59e0b14 0%,#ef44440d 100%);border:1px solid #f59e0b40;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;animation:.3s fadeIn;display:flex}[data-theme=dark] .dash-pending-alert-strip,body.dark-mode .dash-pending-alert-strip{background:linear-gradient(135deg,#f59e0b1f 0%,#ef444414 100%);border-color:#f59e0b59}.dash-pending-left{align-items:center;gap:12px;min-width:0;display:flex}.dash-pending-pulse-icon{color:#d97706;background:#f59e0b26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-theme=dark] .dash-pending-pulse-icon,body.dark-mode .dash-pending-pulse-icon{color:#fbbf24;background:#f59e0b38}.dash-pending-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-pending-title{color:#b45309;font-size:13.5px;font-weight:700}[data-theme=dark] .dash-pending-title,body.dark-mode .dash-pending-title{color:#fde68a}.dash-pending-desc{color:var(--dash-text-muted);font-size:12px}.dash-pending-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.dash-pending-pill{white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.dash-pending-pill.pill-leave{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}[data-theme=dark] .dash-pending-pill.pill-leave,body.dark-mode .dash-pending-pill.pill-leave{color:#fca5a5;background:#ef444433;border-color:#ef444459}.dash-pending-pill.pill-corr{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}[data-theme=dark] .dash-pending-pill.pill-corr,body.dark-mode .dash-pending-pill.pill-corr{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b59}.dash-pending-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dash-status-allclear-strip{box-sizing:border-box;background:#10b9810d;border:1px solid #10b9812e;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}[data-theme=dark] .dash-status-allclear-strip,body.dark-mode .dash-status-allclear-strip{background:#10b98114;border-color:#10b98140}.dash-allclear-left{color:#059669;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}[data-theme=dark] .dash-allclear-left,body.dark-mode .dash-allclear-left{color:#34d399}.dash-allclear-tag{text-transform:uppercase;color:#059669;background:#10b9811f;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.dash-section-row{flex-direction:column;gap:12px;display:flex}.dash-section-title{color:var(--dash-text-dark);letter-spacing:-.01em;align-items:center;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700;display:flex}.dash-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dash-quick-card{background:var(--dash-card-bg);border-radius:var(--dash-radius-card);border:1px solid var(--dash-border);box-shadow:var(--dash-shadow-card);cursor:pointer;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.dash-quick-card:after{content:"";background:var(--qa-color,#6366f1);opacity:0;border-radius:0 0 16px 16px;height:3px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.dash-quick-card:hover{box-shadow:var(--dash-shadow-hover);border-color:var(--dash-border-hover);transform:translateY(-4px)}.dash-quick-card:hover:after{opacity:1}.dash-quick-icon{background:#6366f114;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex}[data-theme=dark] .dash-quick-icon,body.dark-mode .dash-quick-icon{background:#ffffff0d}.dash-quick-card:hover .dash-quick-icon{transform:scale(1.08)}.dash-quick-label{color:var(--dash-text-dark);text-align:center;letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.dash-card{background:var(--dash-card-bg);border-radius:var(--dash-radius-card);border:1px solid var(--dash-border);box-shadow:var(--dash-shadow-card);box-sizing:border-box;padding:22px 24px;transition:border-color .2s}.dash-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.dash-card-header h2{color:var(--dash-text-dark);letter-spacing:-.01em;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.dash-payroll-header-title{flex-direction:column;gap:3px;display:flex}.dash-payroll-subtitle{color:var(--dash-text-muted);font-size:12px}.dash-payroll-controls{align-items:center;gap:10px;display:flex}.dash-year-select{background:var(--dash-card-bg);color:var(--dash-text-dark);border:1px solid var(--dash-border);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s}.dash-year-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.dash-view-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#2563eb14;border:none;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:all .2s}[data-theme=dark] .dash-view-btn,body.dark-mode .dash-view-btn{color:#93c5fd;background:#60a5fa26}.dash-view-btn:hover{background:#2563eb29;transform:translateY(-1px)}.dash-attendance-row{width:100%}.attendance-full-card{padding:24px 28px!important}.dash-card-header.align-center{align-items:center}.dash-attendance-title{color:var(--dash-text-dark);margin:0;font-family:Inter,sans-serif;font-size:17px;font-weight:700}.dash-attendance-subtitle{color:var(--dash-text-muted);margin:4px 0 0;font-family:Inter,sans-serif;font-size:13px}.dash-view-all-link{color:#2563eb;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}[data-theme=dark] .dash-view-all-link,body.dark-mode .dash-view-all-link{color:#60a5fa}.dash-view-all-link:hover{opacity:.8}.dash-attendance-chart-wrap{width:100%;margin-top:20px;position:relative}.dash-attendance-legend{justify-content:center;gap:18px;margin-top:14px;display:flex}.dash-attendance-legend .legend-item{color:var(--dash-text-muted);align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;display:flex}.dash-attendance-legend .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dash-attendance-legend .dot.blue{background-color:#2563eb}.dash-attendance-legend .dot.red{background-color:#ef4444}.dash-charts-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.dash-pie-wrap{align-items:center;gap:20px;display:flex}.dash-pie-container{flex-shrink:0;width:180px;height:180px;position:relative}.dash-pie-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-pie-num{color:var(--dash-text-dark);font-family:Inter,sans-serif;font-size:26px;font-weight:800;line-height:1.1;display:block}.dash-pie-label{color:var(--dash-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.dash-pie-legend{flex:1;min-width:0;font-size:13px}.dash-legend-header{color:var(--dash-text-muted);border-bottom:1px solid var(--dash-border);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:2fr 44px 44px;margin-bottom:6px;padding-bottom:8px;font-size:11px;font-weight:700;display:grid}.dash-legend-scroll{max-height:170px;padding-right:4px;overflow-y:auto}.dash-legend-row{border-bottom:1px solid #00000008;grid-template-columns:2fr 44px 44px;align-items:center;padding:7px 0;display:grid}[data-theme=dark] .dash-legend-row,body.dark-mode .dash-legend-row{border-bottom-color:#ffffff0a}.dash-legend-name{color:var(--dash-text-dark);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:flex;overflow:hidden}.dash-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-legend-val,.dash-legend-pct{color:var(--dash-text-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:600}.dash-custom-chart-tooltip{border:1px solid var(--dash-border);background:#fff;border-radius:10px;min-width:120px;padding:10px 14px;box-shadow:0 8px 24px #0000001f}[data-theme=dark] .dash-custom-chart-tooltip,body.dark-mode .dash-custom-chart-tooltip{color:#f8fafc;background:#182244;border-color:#2b3b68;box-shadow:0 8px 30px #00000080}.dash-tooltip-label{color:var(--dash-text-dark);text-transform:capitalize;margin:0 0 6px;font-size:12px;font-weight:700}.dash-tooltip-list{flex-direction:column;gap:4px;display:flex}.dash-tooltip-row{align-items:center;gap:8px;font-size:12px;display:flex}.dash-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-tooltip-name{color:var(--dash-text-muted);font-weight:500}.dash-tooltip-val{color:var(--dash-text-dark);margin-left:auto;font-weight:700}.dash-tooltip-val.highlight{color:#2563eb}[data-theme=dark] .dash-tooltip-val.highlight,body.dark-mode .dash-tooltip-val.highlight{color:#60a5fa}.dash-chart-empty-state{text-align:center;color:var(--dash-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:13px;font-weight:500;display:flex}.dash-empty-chart-icon{opacity:.35;color:var(--dash-text-muted)}.dash-skeleton-card{background:var(--dash-card-bg)!important;border:1px solid var(--dash-border)!important}.dash-skeleton-alert-strip{border-radius:14px;align-items:center;gap:14px;padding:14px 20px;display:flex}@media (width<=1200px){.dash-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dash-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.dash-charts-grid{grid-template-columns:1fr;gap:18px}.attendance-full-card{padding:20px 22px!important}}@media (width<=768px){.dashboard-page-container{gap:18px;padding-bottom:24px}.dash-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-metric-card{gap:12px;padding:16px 18px}.dash-metric-value{font-size:22px}.dash-pending-alert-strip{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.dash-pending-actions{justify-content:flex-start;width:100%}.dash-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-card{padding:18px}.attendance-full-card{padding:18px!important}.dash-pie-wrap{flex-direction:column;align-items:center;gap:16px}.dash-pie-legend{width:100%}.dash-payroll-controls{flex-direction:column;align-items:flex-end;gap:8px}}@media (width<=540px){.dash-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-metric-card{gap:10px;padding:14px}.dash-metric-icon-wrap{border-radius:10px;width:38px;height:38px}.dash-metric-icon-wrap svg{width:17px;height:17px}.dash-metric-value{font-size:20px}.dash-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-quick-card{padding:14px 12px}.dash-quick-icon{border-radius:10px;width:42px;height:42px}.dash-quick-label{font-size:11.5px}.dash-card-header{flex-direction:column;align-items:flex-start;gap:10px}.dash-payroll-controls{flex-direction:row;justify-content:space-between;width:100%}.dash-year-select{flex:1}}@media (width<=380px){.dash-metrics-grid,.dash-quick-actions{grid-template-columns:1fr;gap:10px}.dash-quick-card{flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 16px}}:root{--bg-card:#fff;--bg-card-secondary:#f8fafc;--border-medium:#e2e8f0;--border-light:#f1f5f9;--text-primary:#16205b;--text-secondary:#475569;--text-muted:#64748b}[data-theme=dark],body.dark-mode{--bg-card:#111936;--bg-card-secondary:#0d142c;--border-medium:#243054;--border-light:#243054;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8}.user-dashboard-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:100%;padding:4px 0 24px;display:flex;overflow-x:hidden}.ud-hero-shift-banner{border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:18px;width:100%;max-width:100%;padding:22px 26px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px #16205b0a}[data-theme=dark] .ud-hero-shift-banner,body.dark-mode .ud-hero-shift-banner{background:linear-gradient(135deg,#141c38 0%,#0c1228 100%);border-color:#243054e6;box-shadow:0 8px 30px #00000073}.ud-error-banner{color:#ef4444;box-sizing:border-box;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .ud-error-banner,body.dark-mode .ud-error-banner{color:#f87171;background:#ef44441f;border-color:#ef44444d}.ud-hero-content{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.ud-hero-top-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.ud-hero-badge-wrap{align-items:center;gap:8px;display:flex}.ud-status-pill{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ud-status-pill.ready{color:#16205b;background:#16205b0f;border:1px solid #16205b24}[data-theme=dark] .ud-status-pill.ready,body.dark-mode .ud-status-pill.ready{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa47}.ud-status-pill.active{color:#059669;background:#10b9811a;border:1px solid #10b98147}[data-theme=dark] .ud-status-pill.active,body.dark-mode .ud-status-pill.active{color:#34d399;background:#10b98126;border-color:#10b98159}.ud-status-pill.completed{color:#253594;background:#25359414;border:1px solid #25359438}[data-theme=dark] .ud-status-pill.completed,body.dark-mode .ud-status-pill.completed{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa4d}@keyframes pulseBeacon{0%{opacity:.7;transform:scale(.9);box-shadow:0 0 #10b98180}70%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{opacity:.7;transform:scale(.9)}}.ud-live-clock{color:var(--text-primary,#16205b);white-space:nowrap;background:#16205b0a;border:1px solid #16205b14;border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-family:Inter,monospace;font-size:13px;font-weight:700;display:inline-flex}[data-theme=dark] .ud-live-clock,body.dark-mode .ud-live-clock{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1f}.ud-clock-icon{color:#e11938}.ud-hero-main-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;display:flex}.ud-times-grid{box-sizing:border-box;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.ud-time-tile{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #16205b08}[data-theme=dark] .ud-time-tile,body.dark-mode .ud-time-tile{background:#111936;border-color:#243054;box-shadow:0 2px 8px #0000004d}.ud-time-tile.is-punched{background:#10b98108;border-color:#10b98159}[data-theme=dark] .ud-time-tile.is-punched,body.dark-mode .ud-time-tile.is-punched{background:#10b98114;border-color:#10b98159}.ud-time-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ud-time-icon-wrap.in{color:#059669;background:#10b9811f}.ud-time-icon-wrap.out{color:#e11938;background:#e119381a}.ud-time-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ud-time-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);white-space:nowrap;font-size:11px;font-weight:700}.ud-time-value{color:var(--text-primary,#16205b);white-space:nowrap;letter-spacing:-.01em;font-family:Inter,monospace;font-size:15px;font-weight:800}[data-theme=dark] .ud-time-value,body.dark-mode .ud-time-value{color:#f8fafc}.ud-time-status-pill{letter-spacing:.02em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:700}.ud-time-status-pill.done{color:#059669;background:#10b9811f}.ud-time-status-pill.wait{color:#64748b;background:#64748b14}[data-theme=dark] .ud-time-status-pill.wait,body.dark-mode .ud-time-status-pill.wait{color:#94a3b8;background:#ffffff14}.ud-hero-action-box{box-sizing:border-box;flex-shrink:0;align-items:center;display:flex}.ud-punch-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00000014}.ud-punch-btn.btn-in{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #05966959}.ud-punch-btn.btn-in:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-2px);box-shadow:0 6px 18px #05966973}.ud-punch-btn.btn-out{color:#fff;background:linear-gradient(135deg,#e11938 0%,#b91c1c 100%);box-shadow:0 4px 14px #e119384d}.ud-punch-btn.btn-out:hover:not(:disabled){background:linear-gradient(135deg,#be123c 0%,#9f1239 100%);transform:translateY(-2px);box-shadow:0 6px 18px #e1193866}.ud-punch-btn:disabled{opacity:.65;cursor:wait}.ud-shift-done-box{color:#059669;white-space:nowrap;background:#10b9811a;border:1.5px solid #10b9814d;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:700;display:inline-flex}[data-theme=dark] .ud-shift-done-box,body.dark-mode .ud-shift-done-box{color:#34d399;background:#10b98126}.ud-hero-footer-row{box-sizing:border-box;border-top:1px solid #16205b0f;align-items:center;width:100%;min-width:0;padding-top:10px;display:flex}[data-theme=dark] .ud-hero-footer-row,body.dark-mode .ud-hero-footer-row{border-top-color:#ffffff14}.ud-gps-pill{color:var(--text-secondary,#64748b);box-sizing:border-box;background:#16205b08;border:1px solid #16205b0f;border-radius:8px;align-items:center;gap:7px;min-width:0;max-width:100%;padding:6px 12px;font-size:12px;display:inline-flex;overflow:hidden}[data-theme=dark] .ud-gps-pill,body.dark-mode .ud-gps-pill{color:#94a3b8;background:#ffffff08;border-color:#ffffff14}.ud-gps-icon{color:#e11938;flex-shrink:0}.ud-gps-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ud-stats-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;min-width:0;display:grid}.ud-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;padding:20px 22px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #16205b08}[data-theme=dark] .ud-stat-card,body.dark-mode .ud-stat-card{background:#111936;border-color:#243054;box-shadow:0 4px 16px #00000059}.ud-stat-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 24px #16205b14}[data-theme=dark] .ud-stat-card:hover,body.dark-mode .ud-stat-card:hover{border-color:#3b4c7a;box-shadow:0 8px 26px #00000080}.ud-card-top-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ud-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ud-icon-wrap.tone-emerald{color:#10b981;background:#10b9811f}.ud-icon-wrap.tone-rose{color:#e11938;background:#e119381f}.ud-icon-wrap.tone-violet{color:#8b5cf6;background:#8b5cf61f}.ud-icon-wrap.tone-amber{color:#f59e0b;background:#f59e0b1f}.ud-card-badge{letter-spacing:.01em;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.ud-card-badge.badge-positive{color:#059669;background:#10b9811a}.ud-card-badge.badge-warning{color:#e11938;background:#e119381a}.ud-card-badge.badge-neutral{color:#64748b;background:#64748b1a}[data-theme=dark] .ud-card-badge.badge-neutral,body.dark-mode .ud-card-badge.badge-neutral{color:#94a3b8;background:#94a3b826}.ud-card-main{flex-direction:column;gap:4px;display:flex}.ud-card-label{text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.05em;font-size:11px;font-weight:700}.ud-card-metric-block{flex-direction:column;gap:2px;display:flex}.ud-card-number{color:var(--text-primary,#16205b);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:30px;font-weight:800;line-height:1.1}[data-theme=dark] .ud-card-number,body.dark-mode .ud-card-number{color:#f8fafc}.ud-card-meta{color:var(--text-muted,#94a3b8);font-size:12px;font-weight:500}.ud-card-link{color:var(--text-secondary,#475569);border-top:1px solid var(--border-light,#f1f5f9);align-items:center;gap:5px;padding-top:10px;font-size:12px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}[data-theme=dark] .ud-card-link,body.dark-mode .ud-card-link{color:#94a3b8;border-top-color:#243054}.ud-card-link:hover{color:#e11938}.ud-link-arrow{transition:transform .15s}.ud-card-link:hover .ud-link-arrow{transform:translate(2px,-2px)}.ud-content-grid{box-sizing:border-box;grid-template-columns:5fr 7fr;gap:20px;width:100%;min-width:0;display:grid}.ud-panel-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:320px;padding:22px 26px;display:flex;box-shadow:0 2px 10px #16205b08}[data-theme=dark] .ud-panel-card,body.dark-mode .ud-panel-card{background:#111936;border-color:#243054;box-shadow:0 4px 16px #0000004d}.ud-panel-header{border-bottom:1px solid var(--border-light,#f1f5f9);justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;display:flex}[data-theme=dark] .ud-panel-header,body.dark-mode .ud-panel-header{border-bottom-color:#243054}.ud-panel-heading{color:var(--text-primary,#16205b);letter-spacing:-.01em;margin:0 0 2px;font-size:16px;font-weight:700}[data-theme=dark] .ud-panel-heading,body.dark-mode .ud-panel-heading{color:#f1f5f9}.ud-panel-subheading{color:var(--text-muted,#64748b);margin:0;font-size:12px}.ud-header-action-link{color:#2563eb;white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}[data-theme=dark] .ud-header-action-link,body.dark-mode .ud-header-action-link{color:#60a5fa}.ud-header-action-link:hover{text-decoration:underline}.ud-attendance-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:8px 0;display:flex}.ud-gauge-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.ud-gauge-svg{transform:rotate(0)}.ud-gauge-bg{fill:none;stroke:#f1f5f9}[data-theme=dark] .ud-gauge-bg,body.dark-mode .ud-gauge-bg{stroke:#243054}.ud-gauge-progress{fill:none;stroke:#10b981;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.ud-gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ud-gauge-value{color:var(--text-primary,#16205b);font-family:Inter,sans-serif;font-size:26px;font-weight:800;line-height:1.1}[data-theme=dark] .ud-gauge-value,body.dark-mode .ud-gauge-value{color:#f1f5f9}.ud-gauge-label{text-transform:uppercase;color:var(--text-muted,#94a3b8);letter-spacing:.05em;font-size:10.5px;font-weight:700}.ud-attendance-breakdown{flex-direction:column;flex:1;gap:12px;min-width:160px;display:flex}.ud-breakdown-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.ud-b-left{align-items:center;gap:9px;display:flex}.ud-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ud-dot.dot-present{background:#10b981;box-shadow:0 0 6px #10b98166}.ud-dot.dot-absent{background:#e11938;box-shadow:0 0 6px #e1193866}.ud-total-icon{color:#64748b}.ud-b-label{color:var(--text-secondary,#475569);font-weight:600}[data-theme=dark] .ud-b-label,body.dark-mode .ud-b-label{color:#94a3b8}.ud-b-val{color:var(--text-primary,#16205b);font-weight:700}[data-theme=dark] .ud-b-val,body.dark-mode .ud-b-val{color:#f1f5f9}.ud-b-val small{color:var(--text-muted,#94a3b8);font-size:11px;font-weight:500}.ud-breakdown-divider{background:var(--border-light,#f1f5f9);height:1px;margin:3px 0}[data-theme=dark] .ud-breakdown-divider,body.dark-mode .ud-breakdown-divider{background:#243054}.ud-leaves-list{flex-direction:column;gap:10px;max-height:270px;display:flex;overflow-y:auto}.ud-leave-row{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;transition:all .2s;display:flex}[data-theme=dark] .ud-leave-row,body.dark-mode .ud-leave-row{background:#0d142c;border-color:#243054}.ud-leave-row:hover{background:#fff;border-color:#cbd5e1}[data-theme=dark] .ud-leave-row:hover,body.dark-mode .ud-leave-row:hover{background:#151e3e;border-color:#3b4c7a}.ud-leave-left{align-items:center;gap:12px;min-width:0;display:flex}.ud-leave-avatar{color:#16205b;background:#16205b14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Inter,sans-serif;font-size:12px;font-weight:800;display:flex}[data-theme=dark] .ud-leave-avatar,body.dark-mode .ud-leave-avatar{color:#93c5fd;background:#60a5fa26}.ud-leave-avatar.av-cl{color:#059669;background:#10b9811f}.ud-leave-avatar.av-sl{color:#d97706;background:#f59e0b1f}.ud-leave-avatar.av-el{color:#7c3aed;background:#8b5cf61f}.ud-leave-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ud-leave-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ud-leave-type{color:var(--text-primary,#1e293b);white-space:nowrap;font-size:13px;font-weight:700}[data-theme=dark] .ud-leave-type,body.dark-mode .ud-leave-type{color:#f1f5f9}.ud-leave-duration-pill{color:#475569;white-space:nowrap;background:#16205b0f;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700}[data-theme=dark] .ud-leave-duration-pill,body.dark-mode .ud-leave-duration-pill{color:#cbd5e1;background:#ffffff14}.ud-leave-dates{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-weight:500;overflow:hidden}.badge-approved{color:#059669;background:#10b9811f;border:1px solid #10b98140}.badge-auto-approved{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf640}[data-theme=dark] .badge-auto-approved,body.dark-mode .badge-auto-approved{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf659}.badge-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.badge-rejected{color:#e11938;background:#e119381f;border:1px solid #e1193840}.ud-skeleton-card{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0)}[data-theme=dark] .ud-skeleton-card,body.dark-mode .ud-skeleton-card{background:#111936!important;border-color:#243054!important}[data-theme=dark] .MuiSkeleton-root,body.dark-mode .MuiSkeleton-root{background-color:#ffffff14!important}.ud-leaves-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}.ud-empty-icon-box{color:#64748b;background:#16205b0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}[data-theme=dark] .ud-empty-icon-box,body.dark-mode .ud-empty-icon-box{color:#94a3b8;background:#ffffff0d}.ud-empty-msg{color:var(--text-secondary,#64748b);margin:0;font-size:13px;font-weight:600}.ud-empty-action-btn{color:#2563eb;background:#2563eb14;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.ud-empty-action-btn:hover{background:#2563eb26}@media (width<=1024px){.ud-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ud-content-grid{grid-template-columns:1fr;gap:18px}}@media (width<=768px){.user-dashboard-container{gap:18px;padding:0 0 20px}.ud-hero-shift-banner{border-radius:16px;padding:18px 16px}.ud-hero-main-row{flex-direction:column;align-items:stretch;gap:14px}.ud-times-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ud-hero-action-box{width:100%}.ud-punch-btn{border-radius:12px;justify-content:center;width:100%;padding:14px 20px;font-size:14px}.ud-shift-done-box{justify-content:center;width:100%;padding:13px 18px}.ud-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ud-stat-card{padding:16px 18px}.ud-panel-card{border-radius:16px;min-height:auto;padding:18px 16px}}@media (width<=480px){.user-dashboard-container{gap:14px}.ud-hero-shift-banner{border-radius:14px;padding:15px 14px}.ud-hero-top-row{gap:8px}.ud-status-pill{padding:5px 10px;font-size:11px}.ud-live-clock{padding:4px 8px;font-size:12px}.ud-times-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ud-time-tile{border-radius:10px;gap:8px;padding:10px}.ud-time-icon-wrap{border-radius:8px;width:30px;height:30px}.ud-time-label{font-size:10px}.ud-time-value{font-size:13.5px}.ud-time-status-pill{display:none}.ud-punch-btn{padding:13px 16px;font-size:13.5px}.ud-gps-pill{padding:5px 10px;font-size:11.5px}.ud-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ud-stat-card{border-radius:14px;gap:10px;padding:14px}.ud-icon-wrap{border-radius:10px;width:36px;height:36px}.ud-card-badge{padding:2px 7px;font-size:9.5px}.ud-card-label{font-size:10px}.ud-card-number{font-size:24px}.ud-card-meta{font-size:11px}.ud-attendance-body{flex-direction:column;align-items:center;gap:18px}.ud-attendance-breakdown{width:100%}.ud-leave-row{padding:10px 12px}.ud-leave-avatar{border-radius:8px;width:34px;height:34px;font-size:11px}.ud-leave-type{font-size:12px}.ud-leave-dates{font-size:10.5px}}@media (width<=360px){.ud-times-grid{grid-template-columns:1fr;gap:8px}.ud-stats-grid{grid-template-columns:1fr;gap:10px}.ud-hero-top-row{flex-direction:column;align-items:flex-start;gap:6px}}.att-page-header-premium{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.att-header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.att-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.att-page-title-text{letter-spacing:-.3px;margin:0 0 3px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.att-page-subtitle-text{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;color:#ffffffbf!important}.att-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.att-admin-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:flex;box-shadow:inset 0 1px #ffffff29}.att-admin-badge svg{color:#fff;flex-shrink:0}.att-admin-badge span{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff!important}@media (width<=600px){.att-page-header-premium{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px}.att-header-left{width:100%}.att-header-right{align-self:flex-end;margin-top:6px}.att-admin-badge{border-radius:10px;padding:6px 10px}.att-admin-badge span{white-space:nowrap;font-size:13px}.att-page-title-text{font-size:18px}.att-page-subtitle-text{font-size:12px}}@media (width<=380px){.att-admin-badge svg{width:32px;height:32px}.att-admin-badge span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;display:inline-block;overflow:hidden}}.att-filter-action-bar,.att-filter-action-bar-premium{background-color:#fff;border:1px solid #e8edf5;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.att-filter-action-bar-premium{gap:16px}.att-monthly-report-panel{background:linear-gradient(135deg,#f8fbff 0%,#fff 65%);border:1px solid #dbeafe;border-radius:14px;margin-bottom:24px;padding:20px;font-family:Inter,sans-serif;box-shadow:0 4px 16px #1e40af0f}.att-monthly-report-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.att-monthly-report-icon{color:#1d4ed8;background:#dbeafe;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.att-monthly-report-heading h2{color:#0f172a;margin:0 0 3px;font-size:16px}.att-monthly-report-heading p,.att-monthly-report-message{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.att-monthly-report-controls{grid-template-columns:minmax(220px,1.7fr) minmax(130px,.8fr) minmax(105px,.65fr) auto;align-items:end;gap:12px;display:grid}.att-report-field{flex-direction:column;gap:6px;min-width:0;display:flex}.att-report-field span{color:#475569;font-size:12px;font-weight:700}.att-report-field select{color:#1e293b;background:#fff;border:1.5px solid #dbe3ef;border-radius:9px;outline:none;width:100%;height:40px;padding:0 10px;font:500 13px Inter,sans-serif}.att-report-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.att-monthly-report-actions{gap:8px;display:flex}.att-report-export-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 13px;font:700 12.5px Inter,sans-serif;transition:background .2s,transform .2s;display:inline-flex}.att-report-export-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.att-report-export-pdf{background:#dc2626}.att-report-export-pdf:hover:not(:disabled){background:#b91c1c}.att-report-export-button:disabled{cursor:not-allowed;opacity:.55}.att-monthly-report-message{margin-top:12px}.att-monthly-report-message.success{color:#15803d}.att-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.att-calendar-icon{color:#94a3b8}.att-lbl-period{color:#64748b;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700}.att-select-dropdown{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.att-select-dropdown:focus{background-color:#fff;border-color:#3b82f6}.att-txt-showing{color:#64748b;font-family:Inter,sans-serif;font-size:13px}.att-txt-bold-slate{color:#1e293b;font-weight:700}.att-export-group{align-items:center;gap:10px;display:flex}.att-export-button,.att-retry-button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font:700 12px Inter,sans-serif;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.att-export-button:hover:not(:disabled),.att-retry-button:hover{background:#dbeafe;border-color:#60a5fa;transform:translateY(-1px)}.att-export-button.pdf{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.att-export-button.pdf:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.att-export-button:disabled{opacity:.65;cursor:wait;transform:none}.hint-red{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.hint-red .att-retry-button{color:#b91c1c;background:#fff;border-color:#fecaca;margin-left:auto}.att-table-message{text-align:center;color:#64748b!important;padding:28px!important}.att-punch-card-v2.interactive{text-align:left;font:inherit}.att-punch-card-v2.interactive:disabled{cursor:wait;opacity:.72}.att-lbl-export{color:#64748b;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700}.att-input-date{color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 12px;font-family:Inter,sans-serif;font-size:13px}.att-txt-to{background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.att-date-filter-dropdown:focus,.att-status-filter-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.att-date-filter-dropdown,.att-status-filter-select{color:#334155;cursor:pointer;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:128px;height:40px;padding:0 34px 0 12px;font:600 13.5px Inter,sans-serif;transition:border-color .2s,background-color .2s,box-shadow .2s}.att-date-filter-dropdown{min-width:154px;padding-right:12px}.att-status-filter-select{appearance:auto}.att-metrics-container-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.att-metric-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.att-metric-card:before{content:"";border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.att-metric-card.att-card-present:before{background:#2563eb}.att-metric-card.att-card-leaves:before{background:#f59e0b}.att-metric-card.att-card-halfday:before{background:#8b5cf6}.att-metric-card.att-card-permissions:before{background:#0d9488}.att-metric-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000000f}.att-m-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-mi-present{background-color:#dbeafe}.att-mi-leaves{background-color:#fef3c7}.att-mi-halfday{background-color:#ede9fe}.att-mi-permissions{background-color:#ccfbf1}.att-metric-details{flex-direction:column;gap:1px;display:flex}.att-m-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.att-m-count{color:#0f172a;margin:2px 0;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.att-m-sub{color:#64748b;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500}.workflow-hint-banner{border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;font-family:Inter,sans-serif;font-size:13.5px;display:flex}.workflow-hint-banner.hint-blue{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.workflow-hint-banner.hint-yellow{color:#854d0e;background-color:#fefce8;border:1px solid #fde68a}.workflow-hint-banner.hint-green{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.att-punch-operations-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.att-punch-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;min-height:150px;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.att-status-interactive-card{cursor:pointer;border-style:solid}.att-status-interactive-card.punch-in{background-color:#eff6ff;border-color:#bfdbfe}.att-status-interactive-card.punch-in:hover{border-color:#3b82f6;box-shadow:0 6px 18px #2563eb1a}.att-status-interactive-card.punch-out-ready{background-color:#fef2f2;border-color:#fca5a5}.att-status-interactive-card.punch-out-ready:hover{border-color:#ef4444;box-shadow:0 6px 18px #ef44441a}.att-status-success-bg,.att-status-success-out{background-color:#f0fdf4;border-color:#bbf7d0}.att-status-locked-bg{cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.att-p-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.att-p-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.att-p-icon-box.in{color:#2563eb;background-color:#dbeafe}.att-p-icon-box.out{color:#dc2626;background-color:#fee2e2}.att-p-icon-box.locked{color:#94a3b8;background-color:#e2e8f0}.att-p-check-icon{color:#059669;background-color:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.att-p-check-icon.out{color:#059669;background-color:#d1fae5}.att-p-title{color:#1e293b;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.att-p-leave-desc{color:#64748b;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}.att-p-time-highlight{color:#059669;margin:8px 0;font-family:Inter,sans-serif;font-size:32px;font-weight:800;line-height:1}.att-p-time-highlight.out{color:#2563eb}.att-p-location-badge{color:#047857;background-color:#e6fbf1;border:1px solid #a7f3d0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;display:inline-flex}.att-p-location-badge.out{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.att-p-lock-notice{color:#94a3b8;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700}.att-log-table-container{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:26px 30px;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.att-log-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.att-log-title{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.att-table-responsive-wrapper{-webkit-overflow-scrolling:touch;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;overflow-x:auto}.att-attendance-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px;font-family:Inter,sans-serif}.att-attendance-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background-color:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}.att-attendance-data-table td{color:#334155;vertical-align:middle;white-space:normal;word-break:break-word;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13.5px}.att-attendance-data-table tbody tr:hover{background-color:#f8fafc}.att-emp-id-cell{color:#2563eb;font-weight:700}.att-cell-date{vertical-align:middle}.att-date-block{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2;display:flex}.att-date-num{color:#1e293b;font-weight:700}.att-date-day{color:#64748b;font-size:11px;font-weight:500}.att-tag-today{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-self:flex-start;margin-top:3px;padding:2px 6px;font-size:10px;font-weight:700}.att-cell-time{color:#475569;font-weight:600}.att-cell-punch-out-details{min-width:180px}.att-punch-out-detail-stack{flex-direction:column;gap:4px;display:flex}.att-punch-out-detail-time{color:#1f2937;font-weight:700}.att-punch-out-detail-location{color:#64748b;font-size:12px}.att-tag-hours{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.att-text-muted-dash{color:#cbd5e1}.att-cell-location{white-space:normal;align-items:center;gap:6px;height:100%;display:inline-flex}.att-state-tag{color:#475569;background-color:#e2e8f0;border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.att-location-pin{color:#10b981;flex-shrink:0}.att-location-pin.out{color:#3b82f6}.att-status-indicator-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.att-status-indicator-pill .dot{border-radius:50%;width:6px;height:6px}.att-status-indicator-pill.done{color:#15803d;background-color:#dcfce7}.att-status-indicator-pill.done .dot{background-color:#10b981}.att-status-indicator-pill.pending{color:#c2410c;background-color:#fff7ed}.att-status-indicator-pill.pending .dot{background-color:#f97316}.att-tag-state-badge{white-space:nowrap;text-align:center;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.att-tag-state-badge.present{color:#475569;background-color:#e2e8f0}.att-tag-state-badge.weekend{color:#94a3b8;background-color:#f1f5f9}.att-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:18px;display:flex}.att-pagination-summary{color:#64748b;font-size:13px;font-weight:500}.att-pagination-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-pagination-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:12px;min-width:38px;height:38px;padding:0 14px;font-size:14px;font-weight:700;transition:all .2s}.att-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.att-pagination-btn.active-page{color:#fff;background-color:#2563eb;border-color:#2563eb}.att-pagination-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.att-pagination-info{color:#64748b;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600}@media (width<=992px){.att-monthly-report-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.att-monthly-report-actions{grid-column:1/-1}}@media (width<=768px){.att-monthly-report-panel{padding:16px}.att-monthly-report-controls{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.att-report-field{flex:100%!important;width:100%!important}.att-monthly-report-actions{gap:8px!important;width:100%!important;display:flex!important}.att-report-export-button{flex:1!important;justify-content:center!important}.att-page-header-premium{flex-direction:column;align-items:flex-start;gap:14px;padding:18px;position:relative}.att-header-right{justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex;position:static}.att-admin-badge{padding:8px 14px}.att-filter-action-bar{padding:14px}.att-filter-group{flex-direction:column;align-items:stretch}.att-search-wrapper,.att-date-filter-dropdown,.att-status-filter-select{width:100%}.att-log-table-container{padding:16px}.att-metrics-container-grid{grid-template-columns:repeat(2,1fr);gap:12px}.att-punch-operations-grid{grid-template-columns:1fr;gap:12px}.att-pagination{flex-direction:column;align-items:stretch;gap:10px}.att-pagination-btn{justify-content:center;width:100%}.att-pagination-info{text-align:center}}@media (width<=480px){.att-metrics-container-grid{grid-template-columns:1fr}}.user-attendance-container{flex-direction:column;gap:20px;display:flex}.att-row-today{background-color:#f0f7ff!important}.att-pill-hours{color:#1e40af;white-space:nowrap;background:#dbeafe;border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.att-inline-loc{color:#334155;align-items:center;gap:6px;max-width:190px;font-size:12.5px;display:inline-flex}.att-inline-loc-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att-badge-status{text-overflow:ellipsis;white-space:nowrap;border-radius:12px;align-items:center;padding:4px 14px;display:inline-flex;overflow:hidden}.att-daily-status-inline{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.att-daily-status-inline.done{color:#16a34a}.att-daily-status-inline.pending{color:#94a3b8}.att-badge-status{white-space:nowrap;border-radius:12px;align-items:center;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.att-badge-status.present{color:#15803d;background-color:#dcfce7}.att-badge-status.absent{color:#b91c1c;background-color:#fee2e2}.att-badge-status.weekend{color:#64748b;background-color:#f1f5f9}.att-badge-status.on-leave{color:#7e22ce;background-color:#f3e8ff}.att-badge-status.holiday{color:#0369a1;background-color:#e0f2fe}.att-badge-status.half-day{color:#b45309;background-color:#fef3c7}.att-punch-operations-grid-v2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.att-inline-loc-text{color:#111827}.att-inline-loc.in-location svg{color:#16a34a}.att-inline-loc.out-location svg{color:#dc2626}.att-inline-loc svg{flex:none}.att-punch-card-v2{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:10px;padding:22px 24px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 16px -2px #0000000a}.att-punch-card-v2.interactive{cursor:pointer}.att-punch-card-v2.interactive:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014}.att-punch-card-v2.punched-in-active{background:#ecfdf5;border:1.5px solid #6ee7b7}.att-punch-card-v2.punched-out-active{background:#eff6ff;border:1.5px solid #93c5fd}.att-punch-card-v2.locked{background:#fafafa;border:1.5px solid #f1f5f9}.att-card-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-card-icon-box.green-soft,.att-card-icon-box.green-solid{background:#d1fae5}.att-card-icon-box.red-soft{background:#fef2f2}.att-card-icon-box.blue-solid{background:#dbeafe}.att-card-v2-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.att-card-v2-title.text-muted{color:#64748b}.att-card-v2-time-green{color:#059669;letter-spacing:-.5px;margin-top:-2px;font-size:26px;font-weight:800}.att-card-v2-time-blue{color:#2563eb;letter-spacing:-.5px;margin-top:-2px;font-size:26px;font-weight:800}.att-card-v2-sub{color:#64748b;margin:0;font-size:13px}.att-card-v2-lock-msg{color:#d97706;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.att-card-v2-address-text{color:#4b5563;word-break:break-word;margin:0;font-size:12.5px;line-height:1.4}.hint-icon{flex-shrink:0}@media (width<=640px){.att-punch-operations-grid-v2{grid-template-columns:1fr}}.att-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:8px}.att-search-clear-btn:hover{color:#475569;background:#f1f5f9}.att-reset-btn{color:#475569;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 15px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s,transform .2s;display:inline-flex}.att-reset-btn:hover{color:#1e293b;background-color:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.att-reset-btn:focus-visible{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f62e}.att-reset-btn:active{transform:translateY(0)}.att-search-input-premium{color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:40px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s;padding:0 34px 0 38px!important}.att-search-input-premium:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.att-search-wrapper{flex:1.5;align-items:center;min-width:240px;display:flex;position:relative}.att-search-icon{z-index:1;color:#94a3b8;pointer-events:none;position:absolute;left:14px}.ua-page-container{flex-direction:column;gap:20px;width:100%;padding-bottom:32px;display:flex}.ua-spin{animation:.9s linear infinite ua-spin-anim}@keyframes ua-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ua-gps-banner{border:1px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;display:flex}.ua-gps-banner.fetching{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ua-gps-banner.poor{color:#92400e;background:#fffbeb;border-color:#fde68a;font-weight:600}.ua-gps-banner.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ua-gps-banner.ready{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.ua-retry-btn{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;transition:background .18s;display:inline-flex}.ua-retry-btn:hover{background:#0000000f}.ua-retry-btn.outline{color:#16a34a;border-color:#86efac;padding:4px 8px}.ua-punch-card{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#3b82f6 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 6px 24px #2563eb4d}.ua-punch-left{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.ua-punch-date{color:#ffffffd9;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.ua-punch-times{flex-wrap:wrap;gap:10px;display:flex}.ua-time-chip{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ua-time-chip.in{color:#d1fae5;background:#10b98138}.ua-time-chip.out{color:#fecaca;background:#ef444438}.ua-time-chip.hours{color:#ffffffe6;background:#ffffff24}.ua-done-badge{color:#d1fae5;align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.ua-punch-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.ua-punch-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.ua-punch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.punch-in-btn{color:#fff;background:#10b981;box-shadow:0 4px 14px #10b98166}.punch-in-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 18px #10b98180}.punch-out-btn{color:#fff;background:#ef4444;box-shadow:0 4px 14px #ef444466}.punch-out-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 18px #ef444480}.done-btn{color:#d1fae5;cursor:default;background:#10b98133;border:1px solid #10b98166}.ua-gps-note{color:#fff9;text-align:right;margin:0;font-family:Inter,sans-serif;font-size:12px}.ua-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ua-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000f}.ua-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.ua-sum-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ua-summary-card.green .ua-sum-icon-wrap{background:#dcfce7}.ua-summary-card.red .ua-sum-icon-wrap{background:#fee2e2}.ua-summary-card.blue .ua-sum-icon-wrap{background:#dbeafe}.ua-summary-card.slate .ua-sum-icon-wrap{background:#f1f5f9}.ua-sum-label{color:#64748b;margin:0 0 3px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600}.ua-sum-value{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1}.ua-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.ua-filter-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ua-filter-label{color:#475569;white-space:nowrap;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.ua-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;outline:none;padding:7px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:border-color .18s}.ua-select:focus{border-color:#3b82f6}.ua-reset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.ua-reset-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.ua-export-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ua-export-label{color:#334155;white-space:nowrap;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.ua-export-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.ua-export-btn:disabled{opacity:.5;cursor:not-allowed}.ua-export-btn.excel{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ua-export-btn.excel:hover:not(:disabled){background:#dbeafe}.ua-export-btn.pdf{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ua-export-btn.pdf:hover:not(:disabled){background:#fee2e2}.ua-today-row td{background:#fffbeb!important}.ua-today-pill{color:#92400e;vertical-align:middle;background:#fde68a;border-radius:999px;margin-left:6px;padding:1px 7px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:inline-block}@media (width<=1024px){.ua-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ua-punch-card{flex-direction:column;align-items:stretch;padding:20px}.ua-punch-right{align-items:stretch}.ua-punch-btn{justify-content:center;width:100%;padding:13px 20px}.ua-filter-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.ua-filter-left,.ua-export-group{flex-wrap:wrap;gap:8px}.ua-export-group{justify-content:flex-start}.ua-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.ua-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.ua-summary-card{gap:10px;padding:14px}.ua-sum-value{font-size:20px}.ua-punch-date{font-size:13px}.ua-punch-btn{padding:11px 16px;font-size:14px}.ua-gps-banner{padding:10px 14px;font-size:12.5px}.ua-retry-btn{margin-left:0}}.user-attendance-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.att-unified-hero-panel{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);border-radius:16px;align-items:stretch;gap:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #16205b0a}.att-unified-hero-panel:hover{box-shadow:0 8px 24px #16205b12}.att-hero-shift-hub{background:linear-gradient(135deg,#16205b05 0%,#fff0 100%);flex-direction:column;flex:1.1;justify-content:space-between;gap:16px;min-width:0;padding:20px 24px;display:flex}.hero-hub-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-hub-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;display:inline-block;box-shadow:0 0 8px #22c55e}.hero-hub-heading{color:var(--text-primary,#16205b);letter-spacing:-.01em;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:800}.hero-live-clock{color:var(--text-muted,#64748b);background:var(--bg-card-secondary,#f1f5f9);font-variant-numeric:tabular-nums;border:1px solid var(--border-medium,#e2e8f0);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}.hero-status-pill{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.hero-status-pill.completed{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e40}.hero-status-pill.in-progress{color:#16205b;background:#16205b14;border:1px solid #16205b33}.hero-status-pill.ready{color:#e11938;background:#e1193814;border:1px solid #e1193833}.pulse-mini-dot{background-color:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;display:inline-block;box-shadow:0 0 6px #22c55e}.hero-hub-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-hub-info-col{flex-direction:column;gap:8px;min-width:0;display:flex}.hero-timestamps-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-ts-pill{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.hero-ts-pill .ts-tag{color:var(--text-muted,#64748b);font-weight:600}.hero-ts-pill .ts-time{color:var(--text-primary,#16205b);font-variant-numeric:tabular-nums;font-weight:700}.hero-ts-pill.has-val{background:#16205b0a;border-color:#16205b40}.hero-loc-pill{color:var(--text-muted,#64748b);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:280px;font-size:11.5px;display:inline-flex;overflow:hidden}.hero-loc-pill svg{color:#e11938;flex-shrink:0}.hero-punch-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-punch-btn.btn-in{color:#fff;background:linear-gradient(135deg,#16205b 0%,#0c102c 100%);border:1px solid #16205b33;box-shadow:0 4px 12px #16205b4d}.hero-punch-btn.btn-in:hover:not(:disabled){background:linear-gradient(135deg,#1e2b7a 0%,#16205b 100%);transform:translateY(-1.5px);box-shadow:0 6px 18px #16205b66}.hero-punch-btn.btn-out{color:#fff;background:linear-gradient(135deg,#e11938 0%,#be123c 100%);border:1px solid #e1193833;box-shadow:0 4px 12px #e119384d}.hero-punch-btn.btn-out:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e 0%,#e11938 100%);transform:translateY(-1.5px);box-shadow:0 6px 18px #e1193866}.hero-punch-btn:disabled{opacity:.65;cursor:wait;transform:none}.hero-shift-done-badge{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.att-hero-v-divider{background:var(--border-medium,#e2e8f0);flex-shrink:0;align-self:stretch;width:1px}.att-hero-kpi-hub{flex-direction:column;flex:1.2;justify-content:space-between;gap:14px;min-width:0;padding:20px 24px;display:flex}.hero-kpi-heading{color:var(--text-muted,#64748b);letter-spacing:-.01em;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700}.hero-kpi-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:12px;display:grid}.hero-kpi-item{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#f1f5f9);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.hero-kpi-item:hover{border-color:#16205b26;transform:translateY(-2px);box-shadow:0 4px 10px #00000008}.hero-kpi-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-kpi-item.item-present .hero-kpi-icon-wrap{color:#16205b;background:#16205b14}.hero-kpi-item.item-leaves .hero-kpi-icon-wrap{color:#e11938;background:#e1193814}.hero-kpi-item.item-halfday .hero-kpi-icon-wrap{color:#8b5cf6;background:#8b5cf61a}.hero-kpi-item.item-permissions .hero-kpi-icon-wrap{color:#0d9488;background:#0d94881a}.hero-kpi-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.hero-kpi-num{color:var(--text-primary,#16205b);letter-spacing:-.02em;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:19px;font-weight:800}.hero-kpi-label{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:600;overflow:hidden}@media (width<=1100px){.att-unified-hero-panel{flex-direction:column}.att-hero-v-divider{width:100%;height:1px}.hero-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-kpi-item{padding:10px 12px}}@media (width<=768px){.att-unified-hero-panel{border-radius:16px}.att-hero-shift-hub,.att-hero-kpi-hub{padding:16px 18px}.hero-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-kpi-item{gap:8px;padding:10px 12px}.hero-kpi-num{font-size:18px}.hero-kpi-label{font-size:10.5px}}@media (width<=600px){.hero-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-hub-body{flex-direction:column;align-items:stretch}.hero-punch-btn{justify-content:center;width:100%}}[data-theme=dark] .att-unified-hero-panel{background:#0f172a;border-color:#334155b3;box-shadow:0 4px 20px #00000059}[data-theme=dark] .att-hero-shift-hub{background:linear-gradient(135deg,#1e293b66 0%,#0f172a00 100%)}[data-theme=dark] .hero-hub-heading,[data-theme=dark] .hero-kpi-num{color:#f8fafc}[data-theme=dark] .hero-live-clock,[data-theme=dark] .hero-ts-pill,[data-theme=dark] .hero-kpi-item{background:#1e293b;border-color:#334155b3}[data-theme=dark] .hero-ts-pill .ts-time{color:#f8fafc}[data-theme=dark] .hero-ts-pill.has-val{background:#e1193826;border-color:#e1193859}[data-theme=dark] .hero-kpi-item.item-present .hero-kpi-icon-wrap{color:#38bdf8;background:#38bdf826}[data-theme=dark] .hero-kpi-item.item-leaves .hero-kpi-icon-wrap{color:#f43f5e;background:#f43f5e26}[data-theme=dark] .hero-status-pill.in-progress{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}[data-theme=dark] .hero-status-pill.ready{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e4d}.att-filter-action-bar-premium{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:0;padding:14px 20px;display:flex;box-shadow:0 2px 10px #16205b08}.period-label-wrap{white-space:nowrap;color:var(--text-secondary,#475569);flex-shrink:0;align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.att-user-selects-row{flex:1;align-items:center;gap:10px;display:flex}.att-select-dropdown{border:1.5px solid var(--border-medium,#e2e8f0);height:38px;color:var(--text-primary,#16205b);background-color:var(--bg-card-secondary,#f8fafc);cursor:pointer;border-radius:10px;padding:0 12px;font-size:13.5px;font-weight:600;transition:all .2s}.att-user-selects-row .att-select-dropdown{width:auto;min-width:105px}.att-select-dropdown:focus{border-color:#16205b;outline:none;box-shadow:0 0 0 3px #16205b1a}.att-reset-btn{background:var(--bg-card-secondary,#f1f5f9);border:1px solid var(--border-medium,#e2e8f0);height:38px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.att-user-selects-row .att-reset-btn{width:auto}.att-reset-btn:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#16205b);transform:translateY(-1px)}.att-export-group{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.att-expand-export-btn{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 11px;transition:all .28s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.att-expand-export-btn .export-btn-icon{color:#fff;flex-shrink:0;transition:transform .25s}.att-expand-export-btn .export-btn-text{opacity:0;white-space:nowrap;letter-spacing:.02em;max-width:0;margin-left:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .2s,margin-left .2s;overflow:hidden;color:#fff!important}.att-expand-export-btn:hover:not(:disabled){padding:0 16px;transform:translateY(-1.5px)}.att-expand-export-btn:hover:not(:disabled) .export-btn-text{opacity:1;max-width:90px;margin-left:7px}.att-expand-export-btn:hover:not(:disabled) .export-btn-icon{transform:scale(1.08)}.att-expand-export-btn.excel-btn{background:linear-gradient(135deg,#16205b 0%,#0c102c 100%);border:1px solid #16205b4d;box-shadow:0 2px 8px #16205b40}.att-expand-export-btn.excel-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e2b7a 0%,#16205b 100%);border-color:#e11938;box-shadow:0 4px 14px #16205b59}.att-expand-export-btn.pdf-btn{background:linear-gradient(135deg,#e11938 0%,#be123c 100%);border:1px solid #e119384d;box-shadow:0 2px 8px #e1193840}.att-expand-export-btn.pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e 0%,#e11938 100%);border-color:#f43f5e;box-shadow:0 4px 14px #e1193859}.att-expand-export-btn:disabled{opacity:.6;cursor:wait;transform:none}.att-log-table-container{background:var(--bg-card,#fff);border:1px solid var(--border-medium,#e2e8f0);box-sizing:border-box;border-radius:18px;width:100%;padding:22px 24px;overflow:hidden;box-shadow:0 4px 20px #16205b0a}.att-log-header{border-bottom:1px solid var(--border-light,#f1f5f9);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}[data-theme=dark] .att-log-header{border-bottom-color:#33415599}.att-log-header-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.att-log-header-icon-wrap{color:#16205b;background:#16205b0f;border:1px solid #16205b17;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 8px #16205b0a}[data-theme=dark] .att-log-header-icon-wrap{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40;box-shadow:0 2px 8px #0000004d}.att-log-titles-block{flex-direction:column;gap:3px;min-width:0;display:flex}.att-log-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-log-title{color:var(--text-primary,#16205b);letter-spacing:-.02em;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:800;line-height:1.25}[data-theme=dark] .att-log-title{color:#f8fafc}.att-log-count-pill{color:var(--text-primary,#16205b);white-space:nowrap;background:#16205b0f;border:1px solid #16205b1f;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .att-log-count-pill{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.att-log-subtext,.att-txt-showing{color:var(--text-muted,#64748b);margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.4}[data-theme=dark] .att-log-subtext,[data-theme=dark] .att-txt-showing{color:#94a3b8}.att-log-period-highlight{color:var(--text-primary,#16205b);font-weight:700}[data-theme=dark] .att-log-period-highlight{color:#e2e8f0}.att-log-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.att-log-period-badge{color:var(--text-secondary,#475569);background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-medium,#e2e8f0);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #00000008}[data-theme=dark] .att-log-period-badge{color:#cbd5e1;background:#1e293b;border-color:#334155;box-shadow:0 2px 6px #0003}.att-log-cal-icon{color:#e11938}.att-cell-date{vertical-align:middle;white-space:nowrap;min-width:105px}.att-date-block{white-space:nowrap;flex-direction:column;align-items:flex-start;display:flex}.att-date-top-row{color:var(--text-primary,#16205b);white-space:nowrap;font-size:13.5px;font-weight:700}[data-theme=dark] .att-date-top-row{color:#f8fafc}.att-date-day-sub{color:var(--text-muted,#64748b);white-space:nowrap;font-size:11.5px;font-weight:500}[data-theme=dark] .att-date-day-sub{color:#94a3b8}.att-pill-today{color:#16205b;letter-spacing:.02em;text-transform:uppercase;background:#16205b14;border-radius:6px;margin-top:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}[data-theme=dark] .att-pill-today{color:#93c5fd;background:#60a5fa26}.att-attendance-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.att-attendance-data-table thead th{background:var(--bg-card-secondary,#f8fafc);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-medium,#e2e8f0);text-align:left;padding:14px 16px;font-size:12px;font-weight:700}.att-attendance-data-table tbody td{border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary,#1e293b);padding:14px 16px;font-size:13.5px;transition:background .15s}.att-attendance-data-table tbody tr:hover td{background:var(--bg-card-secondary,#f8fafc)}.att-attendance-data-table tbody tr.att-row-today td{background:#16205b0a!important}.att-badge-status{letter-spacing:.02em;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.att-badge-status.present{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e40}.att-badge-status.absent{color:#e11938;background:#e119381a;border:1px solid #e1193840}.att-badge-status.half-day{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.att-badge-status.holiday{color:#0284c7;background:#38bdf81f;border:1px solid #38bdf840}.att-badge-status.on-leave{color:#9333ea;background:#a855f71f;border:1px solid #a855f740}.att-pill-hours{color:#16205b;background:#16205b14;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}[data-theme=dark] .att-metric-card,[data-theme=dark] .att-filter-action-bar-premium,[data-theme=dark] .att-log-table-container{background:#0f172a;border-color:#334155b3;box-shadow:0 4px 20px #00000059}[data-theme=dark] .att-m-count,[data-theme=dark] .att-log-title{color:#f8fafc}[data-theme=dark] .att-select-dropdown{color:#f8fafc;background:#1e293b;border-color:#334155}[data-theme=dark] .att-reset-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .att-reset-btn:hover{color:#fff;background:#334155}[data-theme=dark] .att-attendance-data-table thead th{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .att-attendance-data-table tbody td{color:#e2e8f0;border-color:#33415566}[data-theme=dark] .att-attendance-data-table tbody tr:hover td{background:#1e293b99}[data-theme=dark] .att-attendance-data-table tbody tr.att-row-today td{background:#e119381f!important}[data-theme=dark] .att-pill-hours{color:#f43f5e;background:#e1193826}@media (width<=640px){.att-filter-action-bar-premium{border-radius:14px!important;grid-template-columns:1fr auto!important;grid-template-areas:"label export""selects selects"!important;align-items:center!important;gap:10px 12px!important;padding:12px 14px!important;display:grid!important}.period-label-wrap{grid-area:label!important;align-items:center!important;gap:6px!important;display:inline-flex!important}.att-export-group{grid-area:export!important;justify-self:end!important;align-items:center!important;gap:8px!important;margin-left:0!important;display:flex!important}.att-user-selects-row{grid-area:selects!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.att-user-selects-row .att-select-dropdown{box-sizing:border-box!important;flex:1 1 0!important;width:100%!important;min-width:0!important;height:38px!important;padding:0 10px!important;font-size:13px!important}.att-user-selects-row .att-reset-btn{flex-shrink:0!important;width:auto!important;height:38px!important;padding:0 10px!important;font-size:12px!important}.att-filter-group{flex-direction:column;gap:8px;width:100%;display:flex}.att-search-wrapper,.att-date-filter-dropdown,.att-status-filter-select,.att-reset-btn{box-sizing:border-box;width:100%!important}.att-reset-btn{justify-content:center}.att-export-btn{flex:1;justify-content:center}}@media (width<=768px){.att-log-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px}.att-log-title{font-size:18px}.att-log-header-right{justify-content:flex-start;width:100%}}@media (width<=480px){.att-attendance-data-table th,.att-attendance-data-table td{padding:10px 12px;font-size:12px}.hero-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.hero-kpi-item{gap:7px!important;padding:8px 10px!important}.hero-kpi-num{font-size:16px!important}.hero-kpi-label{font-size:10px!important}.att-log-table-container{border-radius:14px;padding:16px 14px}.att-log-header-icon-wrap{border-radius:10px;width:38px;height:38px}.att-log-title{font-size:16px}.att-log-subtext{font-size:11.5px}.att-log-count-pill{padding:2px 7px;font-size:10.5px}.att-log-period-badge{padding:4px 10px;font-size:11.5px}}@media (width<=360px){.att-filter-action-bar-premium{gap:8px!important;padding:10px 12px!important}.att-lbl-period,.att-lbl-export{font-size:12px!important}.att-user-selects-row .att-select-dropdown{height:36px!important;padding:0 6px!important;font-size:12px!important}.att-user-selects-row .att-reset-btn{height:36px!important;padding:0 8px!important;font-size:11px!important}.hero-kpi-item{padding:7px 8px!important}.hero-kpi-icon-wrap{width:28px!important;height:28px!important}}.att-export-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px;font-family:Inter,sans-serif;transition:background-color .2s,border-color .2s;box-shadow:0 1px 2px #0000000d}.att-export-panel-header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.att-export-panel-icon{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.att-export-panel-title{color:#1e293b;font-size:15px;font-weight:600}.att-export-panel-subtitle{color:#64748b;margin-top:2px;font-size:13px}.att-export-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.att-export-field{flex-direction:column;gap:6px;display:flex}.att-export-field.field-emp{flex:300px}.att-export-field.field-month{flex:150px}.att-export-field.field-year{flex:120px}.att-export-field label{color:#334155;font-size:12.5px;font-weight:600}.att-export-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13.5px;transition:border-color .2s,background-color .2s}.att-export-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.att-export-field.field-actions{flex:none}.att-export-actions{align-items:center;gap:8px;height:38px;display:flex}.att-export-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.att-export-btn.btn-excel{color:#2563eb;background-color:#eff6ff;border:1.5px solid #bfdbfe}.att-export-btn.btn-excel:hover:not(:disabled){color:#fff;background-color:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.att-export-btn.btn-pdf{color:#e11938;background-color:#fff1f2;border:1.5px solid #fecdd3}.att-export-btn.btn-pdf:hover:not(:disabled){color:#fff;background-color:#e11938;border-color:#e11938;transform:translateY(-2px);box-shadow:0 4px 12px #e1193840}.att-export-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none!important;transform:none!important}@keyframes att-export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.att-export-spin{animation:.8s linear infinite att-export-spin}.att-export-hint{color:#94a3b8;font-size:12px}.att-export-message{margin-top:12px;font-size:12.5px;font-weight:500}.att-export-message.success{color:#059669}.att-export-message.error{color:#ef4444}[data-theme=dark] .att-export-panel,body.dark-mode .att-export-panel{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}[data-theme=dark] .att-export-panel-icon,body.dark-mode .att-export-panel-icon{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .att-export-panel-title,body.dark-mode .att-export-panel-title{color:#f8fafc}[data-theme=dark] .att-export-panel-subtitle,body.dark-mode .att-export-panel-subtitle{color:#94a3b8}[data-theme=dark] .att-export-field label,body.dark-mode .att-export-field label{color:#cbd5e1}[data-theme=dark] .att-export-select,body.dark-mode .att-export-select{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .att-export-select:focus,body.dark-mode .att-export-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .att-export-btn.btn-excel,body.dark-mode .att-export-btn.btn-excel{color:#60a5fa;background-color:#2563eb29;border:1.5px solid #60a5fa59}[data-theme=dark] .att-export-btn.btn-excel:hover:not(:disabled),body.dark-mode .att-export-btn.btn-excel:hover:not(:disabled){color:#fff;background-color:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}[data-theme=dark] .att-export-btn.btn-pdf,body.dark-mode .att-export-btn.btn-pdf{color:#fb7185;background-color:#e1193829;border:1.5px solid #f43f5e59}[data-theme=dark] .att-export-btn.btn-pdf:hover:not(:disabled),body.dark-mode .att-export-btn.btn-pdf:hover:not(:disabled){color:#fff;background-color:#e11938;border-color:#e11938;transform:translateY(-2px);box-shadow:0 4px 12px #e1193866}[data-theme=dark] .att-filter-action-bar,body.dark-mode .att-filter-action-bar,[data-theme=dark] .att-filter-action-bar-premium,body.dark-mode .att-filter-action-bar-premium{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}[data-theme=dark] .att-search-input-premium,body.dark-mode .att-search-input-premium,[data-theme=dark] .att-date-filter-dropdown,body.dark-mode .att-date-filter-dropdown,[data-theme=dark] .att-status-filter-select,body.dark-mode .att-status-filter-select,[data-theme=dark] .att-select-dropdown,body.dark-mode .att-select-dropdown,[data-theme=dark] .att-input-date,body.dark-mode .att-input-date{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .att-search-input-premium:focus,body.dark-mode .att-search-input-premium:focus,[data-theme=dark] .att-date-filter-dropdown:focus,body.dark-mode .att-date-filter-dropdown:focus,[data-theme=dark] .att-status-filter-select:focus,body.dark-mode .att-status-filter-select:focus,[data-theme=dark] .att-select-dropdown:focus,body.dark-mode .att-select-dropdown:focus{background-color:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .att-search-icon,body.dark-mode .att-search-icon,[data-theme=dark] .att-calendar-icon,body.dark-mode .att-calendar-icon,[data-theme=dark] .att-lbl-period,body.dark-mode .att-lbl-period,[data-theme=dark] .att-lbl-export,body.dark-mode .att-lbl-export,[data-theme=dark] .att-search-clear-btn,body.dark-mode .att-search-clear-btn{color:#94a3b8}[data-theme=dark] .att-search-clear-btn:hover,body.dark-mode .att-search-clear-btn:hover{color:#f8fafc}[data-theme=dark] .att-reset-btn,body.dark-mode .att-reset-btn{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .att-reset-btn:hover,body.dark-mode .att-reset-btn:hover{color:#f8fafc;background-color:#334155}[data-theme=dark] .att-log-table-container,body.dark-mode .att-log-table-container{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}[data-theme=dark] .att-log-title,body.dark-mode .att-log-title{color:#f8fafc}[data-theme=dark] .att-txt-showing,body.dark-mode .att-txt-showing,[data-theme=dark] .att-log-subtext,body.dark-mode .att-log-subtext{color:#94a3b8}[data-theme=dark] .att-txt-bold-slate,body.dark-mode .att-txt-bold-slate,[data-theme=dark] .att-log-count-pill,body.dark-mode .att-log-count-pill{color:#f1f5f9}[data-theme=dark] .att-log-header-icon-wrap,body.dark-mode .att-log-header-icon-wrap{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .att-log-period-badge,body.dark-mode .att-log-period-badge{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .att-table-responsive-wrapper,body.dark-mode .att-table-responsive-wrapper{border-color:#334155}[data-theme=dark] .att-attendance-data-table th,body.dark-mode .att-attendance-data-table th{color:#94a3b8;background-color:#0f172a;border-bottom-color:#334155}[data-theme=dark] .att-attendance-data-table td,body.dark-mode .att-attendance-data-table td{color:#cbd5e1;border-bottom-color:#334155}[data-theme=dark] .att-attendance-data-table tbody tr:hover td,body.dark-mode .att-attendance-data-table tbody tr:hover td{background-color:#ffffff08}[data-theme=dark] .att-attendance-data-table tbody tr.att-row-today,body.dark-mode .att-attendance-data-table tbody tr.att-row-today{background-color:#2563eb0f}[data-theme=dark] .att-emp-id-cell,body.dark-mode .att-emp-id-cell{color:#60a5fa}[data-theme=dark] .att-attendance-data-table td strong,body.dark-mode .att-attendance-data-table td strong,[data-theme=dark] .att-date-top-row,body.dark-mode .att-date-top-row,[data-theme=dark] .att-date-num,body.dark-mode .att-date-num{color:#f8fafc}[data-theme=dark] .att-date-day-sub,body.dark-mode .att-date-day-sub,[data-theme=dark] .att-date-day,body.dark-mode .att-date-day{color:#94a3b8}[data-theme=dark] .att-cell-time,body.dark-mode .att-cell-time{color:#f1f5f9}[data-theme=dark] .att-inline-loc,body.dark-mode .att-inline-loc,[data-theme=dark] .att-inline-loc-text,body.dark-mode .att-inline-loc-text{color:#94a3b8}[data-theme=dark] .att-text-muted-dash,body.dark-mode .att-text-muted-dash{color:#64748b}[data-theme=dark] .att-badge-status.present,body.dark-mode .att-badge-status.present{color:#4ade80;background-color:#16a34a2e;border:1px solid #22c55e59}[data-theme=dark] .att-badge-status.absent,body.dark-mode .att-badge-status.absent{color:#f87171;background-color:#dc26262e;border:1px solid #ef444459}[data-theme=dark] .att-badge-status.half-day,body.dark-mode .att-badge-status.half-day,[data-theme=dark] .att-badge-status.halfday,body.dark-mode .att-badge-status.halfday{color:#fb923c;background-color:#ea580c2e;border:1px solid #fb923c59}[data-theme=dark] .att-badge-status.weekend,body.dark-mode .att-badge-status.weekend{color:#94a3b8;background-color:#64748b2e;border:1px solid #94a3b859}[data-theme=dark] .att-badge-status.on-leave,body.dark-mode .att-badge-status.on-leave,[data-theme=dark] .att-badge-status.leave,body.dark-mode .att-badge-status.leave{color:#38bdf8;background-color:#0ea5e92e;border:1px solid #38bdf859}[data-theme=dark] .att-badge-status.holiday,body.dark-mode .att-badge-status.holiday{color:#c084fc;background-color:#a855f72e;border:1px solid #c084fc59}[data-theme=dark] .att-pill-hours,body.dark-mode .att-pill-hours{color:#a5b4fc;background-color:#6366f12e;border:1px solid #818cf859}[data-theme=dark] .att-pill-today,body.dark-mode .att-pill-today{color:#93c5fd;background-color:#2563eb38;border:1px solid #3b82f666}[data-theme=dark] .att-daily-status-inline.done,body.dark-mode .att-daily-status-inline.done{color:#4ade80}[data-theme=dark] .att-daily-status-inline.pending,body.dark-mode .att-daily-status-inline.pending{color:#fbbf24}[data-theme=dark] .att-unified-hero-panel,body.dark-mode .att-unified-hero-panel{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}[data-theme=dark] .hero-hub-heading,body.dark-mode .hero-hub-heading,[data-theme=dark] .hero-kpi-heading,body.dark-mode .hero-kpi-heading{color:#f8fafc}[data-theme=dark] .hero-live-clock,body.dark-mode .hero-live-clock{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .hero-ts-pill,body.dark-mode .hero-ts-pill{background-color:#0f172a;border-color:#334155}[data-theme=dark] .hero-ts-pill.has-val,body.dark-mode .hero-ts-pill.has-val{background-color:#2563eb14;border-color:#3b82f666}[data-theme=dark] .hero-ts-pill .ts-tag,body.dark-mode .hero-ts-pill .ts-tag{color:#94a3b8}[data-theme=dark] .hero-ts-pill .ts-time,body.dark-mode .hero-ts-pill .ts-time{color:#f8fafc}[data-theme=dark] .hero-loc-pill,body.dark-mode .hero-loc-pill{color:#94a3b8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .att-hero-v-divider,body.dark-mode .att-hero-v-divider{background-color:#334155}[data-theme=dark] .hero-kpi-item,body.dark-mode .hero-kpi-item{background-color:#0f172a;border-color:#334155}[data-theme=dark] .hero-kpi-item:hover,body.dark-mode .hero-kpi-item:hover{border-color:#475569}[data-theme=dark] .hero-kpi-num,body.dark-mode .hero-kpi-num{color:#f8fafc}[data-theme=dark] .hero-kpi-label,body.dark-mode .hero-kpi-label{color:#94a3b8}[data-theme=dark] .hero-shift-done-badge,body.dark-mode .hero-shift-done-badge{color:#4ade80;background-color:#16a34a2e;border-color:#22c55e59}[data-theme=dark] .att-metric-card,body.dark-mode .att-metric-card{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #00000040}[data-theme=dark] .att-m-count,body.dark-mode .att-m-count{color:#f8fafc}[data-theme=dark] .att-m-sub,body.dark-mode .att-m-sub,[data-theme=dark] .att-m-label,body.dark-mode .att-m-label{color:#94a3b8}[data-theme=dark] .att-expand-export-btn.excel-btn,body.dark-mode .att-expand-export-btn.excel-btn{color:#93c5fd;background-color:#2563eb2e;border-color:#3b82f659}[data-theme=dark] .att-expand-export-btn.excel-btn:hover:not(:disabled),body.dark-mode .att-expand-export-btn.excel-btn:hover:not(:disabled){background-color:#2563eb47;border-color:#60a5fa}[data-theme=dark] .att-expand-export-btn.pdf-btn,body.dark-mode .att-expand-export-btn.pdf-btn{color:#fca5a5;background-color:#dc26262e;border-color:#ef444459}[data-theme=dark] .att-expand-export-btn.pdf-btn:hover:not(:disabled),body.dark-mode .att-expand-export-btn.pdf-btn:hover:not(:disabled){background-color:#dc262647;border-color:#f87171}[data-theme=dark] .att-punch-status-card,body.dark-mode .att-punch-status-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .att-p-title,body.dark-mode .att-p-title{color:#f8fafc}[data-theme=dark] .att-p-leave-desc,body.dark-mode .att-p-leave-desc{color:#94a3b8}[data-theme=dark] .att-status-locked-bg,body.dark-mode .att-status-locked-bg{background-color:#0f172a;border-color:#334155}[data-theme=dark] .workflow-hint-banner.hint-red,body.dark-mode .workflow-hint-banner.hint-red{color:#fca5a5;background-color:#dc262626;border-color:#ef444459}[data-theme=dark] .workflow-hint-banner.hint-blue,body.dark-mode .workflow-hint-banner.hint-blue{color:#93c5fd;background-color:#2563eb26;border-color:#3b82f659}@keyframes skeleton-shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton-loader{min-width:0;display:block;position:relative;overflow:hidden}.skeleton-text-md{border-radius:4px!important;height:14px!important}.skeleton-text-lg{border-radius:5px!important;height:18px!important}.card-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.card-skeleton>div:not(:last-child){margin-bottom:12px}.navbar-skeleton{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:70px;padding:16px 20px;display:flex}.navbar-skeleton-left{flex:1;align-items:center;gap:12px;display:flex}.table-row-skeleton td{vertical-align:middle;padding:12px}.pagination-skeleton{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pagination-skeleton-info{flex:1}.pagination-skeleton-buttons{gap:8px;display:flex}.pagination-skeleton-button{border-radius:6px;width:36px;height:36px}.header-skeleton{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.header-skeleton-left{flex:1;align-items:center;gap:12px;display:flex}.header-skeleton-icon{border-radius:8px;flex-shrink:0;width:48px;height:48px}.header-skeleton-text{flex-direction:column;flex:1;gap:8px;display:flex}.header-skeleton-title{border-radius:6px;width:220px;height:22px}.header-skeleton-subtitle{border-radius:4px;width:320px;height:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-clockwise{animation:1s linear infinite spin-clockwise!important}.animate-spin{animation:1s linear infinite spin}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner{border:3px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:600}@media (width<=768px){.navbar-skeleton{flex-direction:column;align-items:flex-start;gap:12px}.header-skeleton{flex-direction:column;align-items:flex-start}.header-skeleton-title{width:180px}.header-skeleton-subtitle{width:240px}}.pl-page-header{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.pl-header-left{align-items:center;gap:16px;display:flex}.pl-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pl-page-title{letter-spacing:-.3px;margin:0 0 3px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.pl-page-subtitle{margin:0;font-family:Inter,sans-serif;font-size:13px;color:#ffffffbf!important}.pl-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;display:flex}.pl-admin-badge span{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff!important}.pl-header-right{align-items:center;gap:12px;display:flex}.pl-generate-btn{color:#1e40af;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00000026}.pl-generate-btn:hover{color:#1d4ed8;background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.pl-generate-btn:active{transform:translateY(0)}.action-icon-btn.download-btn:hover{color:#059669;background:#ecfdf5;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.action-icon-btn.status-btn{border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.action-icon-btn.status-btn.to-paid:hover{color:#059669;background:#ecfdf5;border-color:#10b981}.action-icon-btn.status-btn.to-pending:hover{color:#d97706;background:#fffbeb;border-color:#f59e0b}.filters-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.filter-item{flex-direction:column;gap:6px;display:flex}.search-field-wrapper{flex:1.5;min-width:260px}.filter-group-row{flex-wrap:wrap;flex:3;gap:12px;display:flex}.filter-group-row .filter-item{flex:1;min-width:130px}.filters-card label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.search-box{align-items:center;width:100%;display:flex;position:relative}.search-icon-left{color:#94a3b8;pointer-events:none;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s;width:100%!important;padding:10px 14px 10px 42px!important}.search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.filters-card select{color:#334155;cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 32px 10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.filters-card select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.table-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.table-header-container{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.table-title-side{align-items:center;gap:10px;display:flex}.table-title-side .title-icon{color:#3b82f6}.table-title-side h3{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700}.table-responsive{overflow-x:auto}.payroll-table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif;font-size:13px}.payroll-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.payroll-table th{color:#64748b;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;border-bottom:2px solid #e8edf5;padding:14px 18px;font-size:11px;font-weight:700}.payroll-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 18px;font-size:13.5px;transition:background .15s}.payroll-table tbody tr{transition:background .15s,transform .1s}.payroll-table tbody tr:hover{background:linear-gradient(90deg,#f0f7ff 0%,#f8fbff 100%)}.payroll-table tbody tr:hover td{color:#1e293b}.payroll-table tbody tr:last-child td{border-bottom:none}.payroll-table td:first-child{color:#94a3b8;font-size:12px;font-weight:600}.emp-code-link{color:#1d4ed8;cursor:pointer;letter-spacing:.3px;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.emp-code-link:hover{color:#1e40af;background:#dbeafe}.employee-profile-cell{align-items:center;gap:11px;display:flex}.avatar-circle{letter-spacing:.3px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:flex}.employee-name-text{color:#1e293b;font-size:13.5px;font-weight:600}.status-badge-pill{letter-spacing:.2px;border-radius:50px;align-items:center;gap:6px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.status-badge-pill.paid{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.status-badge-pill.paid .badge-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #10b98199}.status-badge-pill.pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.status-badge-pill.pending .badge-dot{background-color:#f59e0b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #f59e0b99}.action-buttons-cell{align-items:center;gap:8px;display:flex}.action-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:6px 7px;transition:all .18s;display:flex}.action-icon-btn.view-btn:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.no-records-fallback{text-align:center;color:#94a3b8;background:#fafbfc;font-size:14px;font-style:italic;padding:48px 24px!important}.pagination-container{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:#64748b;font-family:Inter,sans-serif;font-size:13px}.pagination-info b{color:#1e293b;font-weight:700}.pagination-buttons{align-items:center;gap:6px;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#1d4ed8;background:#f1f5f9;border-color:#3b82f6}.pagination-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#f1f5f9}.pagination-number{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.pagination-number:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.pagination-number.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;font-weight:700;box-shadow:0 3px 10px #3b82f659}.modal-overlay-exact{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeOverlay;display:flex;position:fixed;inset:0}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.view-details-modal{background:#fff;border-radius:18px;width:min(95vw,500px);max-height:90dvh;animation:.28s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow-y:auto;box-shadow:0 25px 60px #0003,0 8px 20px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.view-details-header{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.view-details-header h3{color:#f0f9ff;letter-spacing:1.2px;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.view-details-body{padding:8px 26px 4px}.details-row-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.details-row-item:last-child{border-bottom:none}.details-label{color:#64748b;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.details-value{color:#0f172a;text-align:right;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.details-value.strong-value{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;padding:3px 10px;font-size:13px;font-weight:700}.view-details-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 26px 22px;display:flex}.view-close-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:#1e293b;border:none;border-radius:9px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.view-close-btn:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a40}.modal-close-btn-exact{color:#cbd5e1;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .18s;display:flex}.modal-close-btn-exact:hover{color:#fff;background:#fff3}.payroll-modal-container-exact{background:#fff;border-radius:18px;width:min(95vw,720px);max-height:90dvh;animation:.28s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow-y:auto;box-shadow:0 25px 60px #0003}.payroll-modal-header-exact{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex}.payroll-modal-header-exact h3{color:#f0f9ff;letter-spacing:-.2px;margin:0 0 4px;font-family:Inter,sans-serif;font-size:17px;font-weight:700}.modal-subtitle-exact{color:#94a3b8;margin:0;font-family:Inter,sans-serif;font-size:12.5px}.modal-form-body-exact{flex-direction:column;gap:16px;max-height:62vh;padding:22px 26px;display:flex;overflow-y:auto}.form-group-exact{flex-direction:column;gap:6px;display:flex}.form-group-exact label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.form-group-exact input,.form-group-exact select{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.form-group-exact input:focus,.form-group-exact select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.form-row-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-three-col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.payroll-modal-footer-exact{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.modal-btn-cancel-exact{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s}.modal-btn-cancel-exact:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.modal-btn-primary-exact{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:9px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #3b82f64d}.modal-btn-primary-exact:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f666}.payroll-dashboard-summary-row{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;padding-top:20px;display:grid}.summary-metric-card{background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.summary-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000012}.metric-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metric-icon-box.blue-theme{color:#3b82f6;background:#eff6ff}.metric-icon-box.green-theme{color:#16a34a;background:#f0fdf4}.metric-icon-box.purple-theme{color:#7c3aed;background:#f5f3ff}.metric-icon-box.orange-theme{color:#ea580c;background:#fff7ed}.metric-icon-box.mint-theme{color:#0d9488;background:#f0fdfa}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.metric-value{color:#0f172a;letter-spacing:-.3px;margin:2px 0 0;font-family:Inter,sans-serif;font-size:16px;font-weight:800}.btn-generate{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #3b82f64d}.btn-generate:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f666}.btn-export{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:flex}.btn-export:hover{background:#f1f5f9;border-color:#cbd5e1}@media (width<=1024px){.filters-card{flex-direction:column;align-items:stretch}.filter-group-row{width:100%}.btn-generate{justify-content:center;width:100%}.payroll-dashboard-summary-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.payroll-dashboard-summary-row{grid-template-columns:1fr}.form-row-two-col,.form-row-three-col{grid-template-columns:1fr;gap:16px}.pagination-container{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.navbar-left h2{font-size:18px}.payroll-table th,.payroll-table td{padding:10px 12px;font-size:12px}.payroll-modal-footer-exact{flex-direction:column;gap:8px;padding:14px 16px}.payroll-modal-footer-exact button{justify-content:center;width:100%}.modal-form-body-exact{padding:16px 14px}}@media (width<=360px){.payroll-dashboard-summary-row{grid-template-columns:1fr}}.pd-page-header{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.pd-header-left{align-items:center;gap:16px;display:flex}.pd-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pd-page-title{color:#fff;letter-spacing:-.3px;margin:0 0 3px;font-size:22px;font-weight:800}.pd-page-subtitle{color:#ffffffbf;margin:0;font-size:13px}.pd-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;display:flex}.pd-admin-badge span{color:#fff;font-size:14px;font-weight:600}.pd-header-actions{align-items:center;gap:12px;display:flex}.pd-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pd-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.pd-download-btn{color:#1e40af;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #00000026}.pd-download-btn:hover{color:#1d4ed8;background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.pd-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0000000d}.pd-filter-group{align-items:center;gap:10px;display:flex}.pd-filter-label{color:#475569;white-space:nowrap;font-size:13px;font-weight:600}.pd-filter-input,.pd-filter-select,.pd-filter-name-display{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:130px;height:38px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.pd-filter-name-display{cursor:default;-webkit-user-select:text;user-select:text;align-items:center;font-weight:600;display:inline-flex}.pd-filter-input{min-width:180px}.pd-filter-input:focus,.pd-filter-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pd-filter-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:28px}.pd-filter-period-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pd-tag-dot{background:#2563eb;border-radius:50%;width:7px;height:7px}.pd-grid{grid-template-columns:280px 1fr 260px;gap:20px;margin-bottom:22px;display:grid}.pd-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 6px #0000000f}.pd-card:hover{box-shadow:0 4px 16px #00000017}.pd-card-header{align-items:center;gap:10px;padding:14px 20px;display:flex}.pd-card-header--blue{background:linear-gradient(90deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe}.pd-card-header--indigo{background:linear-gradient(90deg,#eef2ff,#e0e7ff);border-bottom:1px solid #c7d2fe}.pd-card-header--green{background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.pd-card-header h3{margin:0;font-size:14px;font-weight:700}.pd-card-header--blue h3{color:#1d4ed8}.pd-card-header--indigo h3{color:#4338ca}.pd-card-header--green h3{color:#15803d}.pd-card-hicon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pd-card-header--blue .pd-card-hicon{color:#1d4ed8;background:#dbeafe}.pd-card-header--indigo .pd-card-hicon{color:#4338ca;background:#e0e7ff}.pd-card-header--green .pd-card-hicon{color:#15803d;background:#dcfce7}.pd-card-body{padding:18px 20px}.pd-emp-avatar-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.pd-emp-name{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.pd-emp-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.pd-info-list{flex-direction:column;gap:0;margin-bottom:16px;display:flex}.pd-info-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.pd-info-row:last-child{border-bottom:none}.pd-info-key{color:#64748b;font-weight:500}.pd-info-val{color:#0f172a;text-align:right;font-weight:500}.pd-val--bold{font-weight:700}.pd-val--blue{color:#2563eb}.pd-val--green{color:#16a34a}.pd-val--red{color:#dc2626}.pd-stat-chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pd-chip{border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.pd-chip--green{background:#f0fdf4;border:1px solid #bbf7d0}.pd-chip--blue{background:#eff6ff;border:1px solid #bfdbfe}.pd-chip--orange{background:#fff7ed;border:1px solid #fed7aa}.pd-chip-num{font-size:20px;font-weight:800;line-height:1}.pd-chip--green .pd-chip-num{color:#15803d}.pd-chip--blue .pd-chip-num{color:#1d4ed8}.pd-chip--orange .pd-chip-num{color:#c2410c}.pd-chip-lbl{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;font-size:10px;font-weight:600}.pd-salary-grid{gap:0;display:flex}.pd-salary-col{flex:1}.pd-salary-sep{background:linear-gradient(#0000,#e2e8f0,#0000);flex-shrink:0;width:1px;margin:0 20px}.pd-col-label{text-transform:uppercase;letter-spacing:.6px;border-radius:6px;margin:0 0 14px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.pd-col-label--earn{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pd-col-label--deduct{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pd-field{margin-bottom:13px}.pd-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.pd-iw{align-items:center;display:flex;position:relative}.pd-cur{color:#64748b;pointer-events:none;z-index:1;font-size:13px;position:absolute;left:9px}.pd-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;max-width:150px;height:36px;padding:0 10px 0 24px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.pd-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pd-input--ro{color:#475569;cursor:default;background:#f8fafc;border-style:dashed}.pd-input--red:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.pd-static{color:#0f172a;padding:6px 0;font-size:15px;font-weight:700}.pd-status-field{margin-bottom:16px}.pd-status-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.pd-status-sw{align-items:center;display:flex;position:relative}.pd-sdot{z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;left:11px}.pd-sdot--paid{background:#22c55e;box-shadow:0 0 6px #22c55e80}.pd-sdot--pending{background:#f97316;box-shadow:0 0 6px #f9731680}.pd-sdot--generated{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.pd-status-sel{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px 0 28px;font-size:14px;font-weight:600;transition:border-color .2s}.pd-status-sel:focus{border-color:#2563eb}.pd-status-readonly{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:40px;padding:10px 12px 10px 28px;font-size:14px;font-weight:600}.pd-status-pill{letter-spacing:.2px;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.pd-status-pill--paid{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pd-status-pill--pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pd-status-pill--generated{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pd-alert{border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;display:flex}.pd-alert--warn{background:#fffbeb;border:1px solid #fde68a}.pd-alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pd-alert-title{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:700}.pd-alert--warn .pd-alert-title{color:#92400e}.pd-alert--success .pd-alert-title{color:#14532d}.pd-alert-sub{color:#64748b;margin:0;font-size:12px;line-height:1.4}.pd-alert--warn .pd-alert-sub{color:#92400e;opacity:.85}.pd-alert--success .pd-alert-sub{color:#15803d;opacity:.85}.pd-net-bar{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:14px;margin-bottom:20px;padding:20px 28px;box-shadow:0 4px 20px #0f172a33}.pd-net-breakdown{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pd-net-item{flex-direction:column;gap:3px;display:flex}.pd-net-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pd-net-val{color:#e2e8f0;font-size:16px;font-weight:700}.pd-net-val.pd-val--green{color:#4ade80}.pd-net-val.pd-val--red{color:#f87171}.pd-net-op{color:#475569;flex-shrink:0;font-size:20px;font-weight:700}.pd-net-separator{background:#334155;flex-shrink:0;width:1px;height:40px;margin:0 8px}.pd-net-total{flex-direction:column;gap:3px;margin-left:auto;display:flex}.pd-net-total-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700}.pd-net-total-amt{color:#4ade80;letter-spacing:-.5px;text-shadow:0 0 20px #4ade804d;font-size:28px;font-weight:900}.pd-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pd-footer-note{color:#94a3b8;align-items:center;margin:0;font-size:12.5px;display:flex}.pd-save-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 32px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #2563eb59}.pd-save-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.pd-save-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}@media (width<=1280px){.pd-grid{grid-template-columns:260px 1fr 240px}}@media (width<=1100px){.pd-grid{grid-template-columns:1fr 1fr}.pd-card--wide{grid-column:span 2}}@media (width<=768px){.pd-grid{grid-template-columns:1fr}.pd-card--wide{grid-column:span 1}.pd-salary-grid{flex-direction:column}.pd-salary-sep{width:100%;height:1px;margin:12px 0}.pd-filter-bar{flex-direction:column;align-items:flex-start}.pd-filter-divider{width:100%;height:1px}.pd-filter-period-tag{margin-left:0}.pd-net-breakdown{gap:12px}.pd-net-separator{display:none}.pd-net-total{border-top:1px solid #334155;width:100%;margin-left:0;padding-top:12px}.pd-footer{flex-direction:column;align-items:flex-start;padding-bottom:8px}.pd-save-btn{justify-content:center;width:100%}.pd-page-header{flex-direction:column;align-items:flex-start;gap:14px}.pd-net-bar{margin-bottom:24px}}@media (width<=480px){.pd-card,.pd-net-bar{border-radius:12px;padding:16px 14px}.pd-net-amount{font-size:24px}}.correction-page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.correction-header-actions{align-items:center;gap:12px;display:flex}.correction-open-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 18px;font:600 13.5px Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #2563eb59}.correction-open-modal-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.correction-admin-summary{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}@media (width<=1024px){.correction-admin-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.correction-admin-summary{grid-template-columns:1fr;gap:12px}}.summary-card{border:1px solid var(--border-medium,#e2e8f0);background:var(--bg-card,#fff);border-radius:16px;align-items:center;gap:16px;padding:18px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a08}[data-theme=dark] .summary-card{background:#1e293b;border-color:#334155}.summary-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}[data-theme=dark] .summary-card:hover{border-color:#475569}.summary-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-icon-wrap.total{color:#2563eb;background:#2563eb1a}.summary-icon-wrap.pending{color:#d97706;background:#f59e0b1a}.summary-icon-wrap.approved{color:#059669;background:#10b9811a}.summary-icon-wrap.rejected{color:#e11938;background:#e119381a}.summary-details{flex-direction:column;gap:2px;display:flex}.summary-card strong{color:var(--text-primary,#0f172a);font:800 24px/1.1 Inter,sans-serif}[data-theme=dark] .summary-card strong{color:#f8fafc}.summary-card span{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font:700 11.5px Inter,sans-serif}.correction-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font:500 13px Inter,sans-serif;display:flex;position:relative}.correction-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.correction-message.success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.correction-msg-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:4px;display:flex}.correction-msg-close:hover{opacity:1}.correction-queue-panel{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #0f172a0a}.correction-queue-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.correction-queue-heading h2{color:#0f172a;margin:0;font:700 18px Inter,sans-serif}.correction-queue-heading p{color:#64748b;margin:4px 0 0;font:400 13px Inter,sans-serif}.correction-heading-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.correction-count-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 14px;font:700 11.5px Inter,sans-serif}[data-theme=dark] .correction-count-badge{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.correction-request-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:7px;padding:8px 18px;font:700 13px Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 3px 12px #2563eb47}.correction-request-action-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.correction-queue-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.correction-queue-table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif}.correction-queue-table th{color:#64748b;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 16px;font-size:11px;font-weight:700}.correction-queue-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.correction-queue-table tbody tr:last-child td{border-bottom:0}.correction-queue-table td strong{color:#0f172a;font-weight:600;display:block}.correction-queue-table td small{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.correction-date-cell{color:#1e293b;white-space:nowrap;font-weight:600}.correction-type-tag{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-block}.correction-details-text{color:#2563eb;white-space:nowrap;font-weight:600}.correction-reason-cell{color:#475569;min-width:200px;max-width:320px;line-height:1.4}.correction-status-tag{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.correction-status-tag.approved{color:#166534;background:#dcfce7;border-color:#bbf7d0}.correction-status-tag.rejected{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.correction-status-tag.auto-approved{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.correction-review-actions{align-items:center;gap:8px;display:flex}.correction-view-icon-btn{color:#2563eb;cursor:pointer;background:#2563eb14;border:1px solid #2563eb33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.correction-view-icon-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb40}[data-theme=dark] .correction-view-icon-btn{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}[data-theme=dark] .correction-view-icon-btn:hover{color:#fff;background:#2563eb}.correction-queue-panel .common-pagination-container{border-top:1px solid var(--border-light,#f1f5f9);margin-top:18px;padding-top:16px}[data-theme=dark] .correction-queue-panel .common-pagination-container{border-top-color:#334155}.correction-review-actions button:not(.correction-view-icon-btn){cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 10px;font:700 11.5px Inter,sans-serif;transition:all .15s;display:inline-flex}.correction-approve-button{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.correction-approve-button:hover{background:#dcfce7}.correction-reject-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.correction-reject-button:hover{background:#fee2e2}.correction-reviewed-label{color:#94a3b8;font:600 11.5px Inter,sans-serif}.correction-empty-state{text-align:center;font-size:13.5px;color:#94a3b8!important;padding:36px!important}.correction-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2500;-webkit-overflow-scrolling:touch;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out correction-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes correction-fade-in{0%{opacity:0}to{opacity:1}}.correction-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100vh - 32px);animation:.25s cubic-bezier(.16,1,.3,1) correction-slide-up;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}@keyframes correction-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.correction-modal-header{z-index:10;background:#f8fafc;border-bottom:1px solid #e8edf5;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.correction-modal-header-left{align-items:center;gap:12px;display:flex}.correction-modal-icon{color:#2563eb;background:#dbeafe;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.correction-modal-header-left h3{color:#0f172a;margin:0;font:700 17px Inter,sans-serif}.correction-modal-header-left p{color:#64748b;margin:3px 0 0;font:400 12px Inter,sans-serif}.correction-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.correction-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.correction-modal-form{flex-direction:column;gap:16px;padding:24px;display:flex}.correction-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.correction-field{color:#334155;flex-direction:column;gap:7px;font:600 12.5px Inter,sans-serif;display:flex}.correction-field b{color:#dc2626}.correction-input-icon{align-items:center;display:flex;position:relative}.correction-input-icon>svg{color:#64748b;pointer-events:none;position:absolute;left:12px}.correction-input-icon.textarea-icon>svg{top:12px}.correction-field input,.correction-field select,.correction-field textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;font:500 13.5px Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.correction-field input,.correction-field select{height:42px;padding:0 12px 0 38px}.correction-field textarea{resize:vertical;min-height:84px;padding:10px 12px 10px 38px;line-height:1.45}.correction-field input:focus,.correction-field select:focus,.correction-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.correction-identity-field{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 14px;font:500 13.5px Inter,sans-serif;display:flex}.correction-identity-field svg{color:#2563eb}.correction-identity-field small{color:#94a3b8;margin-left:auto;font-size:11.5px}.correction-modal-footer{border-top:1px solid #e8edf5;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;padding-top:16px;display:flex}.correction-modal-footer button{cursor:pointer;border-radius:9px;align-items:center;gap:6px;height:40px;padding:0 16px;font:600 13px Inter,sans-serif;transition:all .18s;display:inline-flex}.correction-secondary-button{color:#475569;background:#fff;border:1px solid #cbd5e1;margin-right:auto}.correction-secondary-button:hover{background:#f1f5f9}.correction-cancel-button{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.correction-cancel-button:hover{color:#0f172a;background:#e2e8f0}.correction-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 2px 8px #2563eb40}.correction-primary-button:hover{background:#1d4ed8}@media (width<=992px){.correction-admin-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.correction-page-header{flex-direction:column;align-items:flex-start;gap:14px}.correction-header-actions{width:100%}.correction-open-modal-btn{justify-content:center;width:100%}.correction-form-grid{grid-template-columns:1fr;gap:14px}}@media (width<=520px){.correction-admin-summary{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:12px 14px}.summary-card strong{font-size:20px}.summary-card span{font-size:9.5px}.correction-queue-panel{padding:16px}.correction-modal-overlay{padding:10px}.correction-modal-container{border-radius:14px;width:100%;max-height:calc(100vh - 20px)}.correction-modal-header{border-top-left-radius:14px;border-top-right-radius:14px;padding:14px 16px}.correction-modal-header-left{gap:10px}.correction-modal-icon{border-radius:9px;width:36px;height:36px}.correction-modal-header-left h3{font-size:15px;line-height:1.25}.correction-modal-header-left p{font-size:11px}.correction-modal-form{gap:12px;padding:16px 14px}.correction-field{gap:5px;font-size:12px}.correction-field input,.correction-field select{height:38px;font-size:13px}.correction-identity-field{min-height:38px;font-size:13px}.correction-modal-footer{z-index:10;background:#fff;border-bottom-right-radius:14px;border-bottom-left-radius:14px;flex-wrap:wrap;gap:8px;padding:12px 14px;position:sticky;bottom:0}.correction-modal-footer button{flex:calc(50% - 4px);justify-content:center;height:38px;padding:0 10px;font-size:12.5px}.correction-secondary-button{flex:100%;width:100%;margin-right:0}}.correction-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.correction-filter-group{color:#475569;align-items:center;gap:8px;font:600 12.5px Inter,sans-serif;display:flex}.correction-filter-input,.correction-filter-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 12px;font:500 13px Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.correction-filter-input:focus,.correction-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.correction-reset-filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;height:38px;margin-left:auto;padding:0 14px;font:600 12.5px Inter,sans-serif;transition:all .2s;display:inline-flex}.correction-reset-filter-btn:hover{color:#0f172a;background:#f1f5f9}.correction-empty-state-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.correction-empty-img{opacity:.85;width:130px;height:130px;margin-bottom:16px}.correction-empty-state-wrap h3{color:#334155;margin:0 0 6px;font:700 16px Inter,sans-serif}.correction-empty-state-wrap p{color:#64748b;max-width:360px;margin:0;font:400 13px Inter,sans-serif}.field-error-text{color:#ef4444;margin-top:4px;font:500 11.5px Inter,sans-serif;display:block}.input-error{background-color:#fef2f2!important;border-color:#ef4444!important}.input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.rejection-modal-content{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.correction-view-button{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.correction-view-button:hover{color:#1d4ed8;background:#dbeafe}.correction-edit-button{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.correction-edit-button:hover{color:#b45309;background:#fef3c7}.view-flat-body{flex-direction:column;gap:16px;padding:24px;display:flex}.view-flat-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.view-flat-row.block-row{flex-direction:column;align-items:flex-start;gap:6px}.view-flat-grid{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:16px 24px;padding-bottom:14px;display:grid}.view-flat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font:600 11.5px Inter,sans-serif;display:block}.view-flat-val{color:#0f172a;font:500 14px Inter,sans-serif}.view-flat-val.bold{font-weight:700}.view-flat-text{color:#334155;margin:0;font:400 13.5px/1.6 Inter,sans-serif}.view-flat-rejection{color:#991b1b;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;font:400 13px Inter,sans-serif;display:flex}.view-flat-rejection h5{margin:0 0 2px;font:700 13px Inter,sans-serif}.view-flat-rejection p{margin:0;font:400 12.5px Inter,sans-serif}[data-theme=dark] .correction-queue-panel{background:#1e293b;border-color:#334155}[data-theme=dark] .correction-queue-heading h2{color:#f8fafc}[data-theme=dark] .correction-queue-table th{color:#94a3b8;background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .correction-queue-table td{color:#f1f5f9;border-bottom-color:#334155}[data-theme=dark] .correction-queue-table tr:hover td{background:#ffffff05}[data-theme=dark] .correction-date-cell{color:#f1f5f9}[data-theme=dark] .correction-type-tag{color:#cbd5e1;background:#334155}[data-theme=dark] .correction-reason-cell{color:#cbd5e1}[data-theme=dark] .correction-modal-container{color:#f8fafc;background:#1e293b;border-color:#334155}[data-theme=dark] .correction-modal-header{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .correction-modal-header-left h3{color:#f8fafc}[data-theme=dark] .correction-modal-header-left p,[data-theme=dark] .correction-modal-close-btn{color:#94a3b8}[data-theme=dark] .correction-modal-close-btn:hover{color:#f8fafc;background:#334155}[data-theme=dark] .correction-modal-footer{background:#1e293b;border-top-color:#334155}[data-theme=dark] .correction-field{color:#cbd5e1}[data-theme=dark] .correction-field input,[data-theme=dark] .correction-field select,[data-theme=dark] .correction-field textarea,[data-theme=dark] .correction-identity-field{color:#f8fafc;background:#0f172a;border-color:#334155}[data-theme=dark] .correction-secondary-button{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .correction-cancel-button{color:#e2e8f0;background:#334155;border-color:#475569}[data-theme=dark] .view-flat-val{color:#f8fafc}[data-theme=dark] .view-flat-text{color:#cbd5e1}[data-theme=dark] .view-flat-row,[data-theme=dark] .view-flat-grid{border-bottom-color:#334155}@media (width<=768px){.correction-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.correction-search-wrap{width:100%!important;min-width:0!important}.correction-search-input{width:100%}.correction-filter-group{flex-wrap:wrap;gap:8px;width:100%;display:flex}.correction-filter-select{flex:calc(50% - 8px);min-width:120px}.correction-reset-btn{flex:100%;justify-content:center}.correction-queue-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}}@media (width<=480px){.correction-page-header{padding:14px 12px}.correction-admin-summary{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:10px 12px}.correction-filter-select{flex:100%;width:100%}.correction-queue-panel{border-radius:12px;padding:12px 10px}.correction-queue-table th,.correction-queue-table td{padding:10px 12px;font-size:12px}}@media (width<=360px){.correction-admin-summary{grid-template-columns:1fr}}.correction-edit-icon-btn{color:#6366f1;cursor:pointer;background:#6366f114;border:1px solid #6366f138;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.correction-edit-icon-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 10px #6366f140}[data-theme=dark] .correction-edit-icon-btn{color:#a5b4fc;background:#818cf81f;border-color:#818cf840}[data-theme=dark] .correction-edit-icon-btn:hover{color:#fff;background:#6366f1}.override-context-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}[data-theme=dark] .override-context-card{background:#1e293b;border-color:#334155}.override-context-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.override-emp-info strong{color:#0f172a;font-size:14px;display:block}[data-theme=dark] .override-emp-info strong{color:#f1f5f9}.override-emp-info small{color:#64748b;font-size:12px}.override-context-details{color:#475569;gap:20px;font-size:12.5px;display:flex}[data-theme=dark] .override-context-details{color:#cbd5e1}.override-context-details span{color:#64748b;margin-right:4px}.override-emp-reason{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:12px}[data-theme=dark] .override-emp-reason{color:#94a3b8;background:#0f172a;border-color:#334155}.override-emp-reason span{color:#334155;font-weight:600}[data-theme=dark] .override-emp-reason span{color:#cbd5e1}.override-clear-time-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0 0;font-size:11px;font-weight:600}.override-clear-time-btn:hover{text-decoration:underline}.override-reverse-card{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px}[data-theme=dark] .override-reverse-card{background:#f59e0b1a;border-color:#f59e0b40}.override-reverse-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.override-reverse-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;width:17px;height:17px;margin-top:2px}.override-reverse-label strong{color:#92400e;font-size:13px;display:block}[data-theme=dark] .override-reverse-label strong{color:#fbbf24}.override-reverse-label p{color:#b45309;margin:2px 0 0;font-size:11.5px}[data-theme=dark] .override-reverse-label p{color:#fde68a}.correction-status-tag.auto-approved{color:#4f46e5;background:#6366f11f;border:1px solid #6366f14d}.correction-edit-icon-btn.superadmin-override-btn{color:#6366f1;cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.correction-edit-icon-btn.superadmin-override-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-1px)}[data-theme=dark] .correction-edit-icon-btn.superadmin-override-btn,body.dark-mode .correction-edit-icon-btn.superadmin-override-btn{color:#818cf8;background:#6366f138;border-color:#6366f173}[data-theme=dark] .correction-edit-icon-btn.superadmin-override-btn:hover,body.dark-mode .correction-edit-icon-btn.superadmin-override-btn:hover{color:#fff;background:#6366f1}[data-theme=dark] .correction-filter-bar,body.dark-mode .correction-filter-bar{background:#1e293b;border-color:#334155}[data-theme=dark] .correction-filter-group span,body.dark-mode .correction-filter-group span,[data-theme=dark] .correction-filter-group label,body.dark-mode .correction-filter-group label{color:#cbd5e1}[data-theme=dark] .correction-filter-input,body.dark-mode .correction-filter-input,[data-theme=dark] .correction-filter-select,body.dark-mode .correction-filter-select{color:#f8fafc;background:#0f172a;border-color:#334155}[data-theme=dark] .correction-filter-input:focus,body.dark-mode .correction-filter-input:focus,[data-theme=dark] .correction-filter-select:focus,body.dark-mode .correction-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .correction-reset-filter-btn,body.dark-mode .correction-reset-filter-btn{color:#94a3b8;background:#0f172a;border-color:#334155}[data-theme=dark] .correction-reset-filter-btn:hover,body.dark-mode .correction-reset-filter-btn:hover{color:#f8fafc;background:#334155}body.dark-mode .summary-card{background:#1e293b;border-color:#334155}body.dark-mode .summary-card:hover{border-color:#475569}body.dark-mode .summary-card strong{color:#f8fafc}body.dark-mode .correction-queue-panel{background:#1e293b;border-color:#334155}body.dark-mode .correction-queue-heading h2{color:#f8fafc}body.dark-mode .correction-queue-table th{color:#94a3b8;background:#0f172a;border-bottom-color:#334155}body.dark-mode .correction-queue-table td{color:#f1f5f9;border-bottom-color:#334155}body.dark-mode .correction-queue-table tr:hover td{background:#ffffff05}body.dark-mode .correction-date-cell{color:#f1f5f9}body.dark-mode .correction-type-tag{color:#cbd5e1;background:#334155}body.dark-mode .correction-reason-cell{color:#cbd5e1}body.dark-mode .correction-details-text{color:#f1f5f9}body.dark-mode .correction-modal-container{color:#f8fafc;background:#1e293b;border-color:#334155}body.dark-mode .correction-modal-header{background:#0f172a;border-bottom-color:#334155}body.dark-mode .correction-modal-header-left h3{color:#f8fafc}body.dark-mode .correction-modal-header-left p,body.dark-mode .correction-modal-close-btn{color:#94a3b8}body.dark-mode .correction-modal-close-btn:hover{color:#f8fafc;background:#334155}body.dark-mode .correction-modal-footer{background:#1e293b;border-top-color:#334155}body.dark-mode .correction-field{color:#cbd5e1}body.dark-mode .correction-field input,body.dark-mode .correction-field select,body.dark-mode .correction-field textarea,body.dark-mode .correction-identity-field{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .correction-secondary-button{color:#cbd5e1;background:#0f172a;border-color:#334155}body.dark-mode .correction-cancel-button{color:#e2e8f0;background:#334155;border-color:#475569}body.dark-mode .view-flat-val{color:#f8fafc}body.dark-mode .view-flat-text{color:#cbd5e1}body.dark-mode .view-flat-row,body.dark-mode .view-flat-grid{border-bottom-color:#334155}body.dark-mode .override-context-card{background:#1e293b;border-color:#334155}body.dark-mode .override-emp-info strong{color:#f1f5f9}body.dark-mode .override-context-details{color:#cbd5e1}body.dark-mode .override-emp-reason{color:#94a3b8;background:#0f172a;border-color:#334155}body.dark-mode .override-emp-reason span{color:#cbd5e1}body.dark-mode .override-reverse-card{background:#f59e0b1a;border-color:#f59e0b40}body.dark-mode .override-reverse-label strong{color:#fbbf24}body.dark-mode .override-reverse-label p{color:#fde68a}[data-theme=dark] .correction-status-tag,body.dark-mode .correction-status-tag{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}[data-theme=dark] .correction-status-tag.approved,body.dark-mode .correction-status-tag.approved{color:#4ade80;background:#16a34a26;border-color:#22c55e59}[data-theme=dark] .correction-status-tag.rejected,body.dark-mode .correction-status-tag.rejected{color:#f87171;background:#dc262626;border-color:#ef444459}[data-theme=dark] .correction-status-tag.auto-approved,body.dark-mode .correction-status-tag.auto-approved{color:#a5b4fc;background:#6366f126;border-color:#818cf859}[data-theme=dark] .correction-queue-table-wrap,body.dark-mode .correction-queue-table-wrap{border-color:#334155}[data-theme=dark] .correction-approve-button,body.dark-mode .correction-approve-button{color:#4ade80;background:#16a34a26;border-color:#22c55e59}[data-theme=dark] .correction-approve-button:hover,body.dark-mode .correction-approve-button:hover{background:#16a34a40}[data-theme=dark] .correction-reject-button,body.dark-mode .correction-reject-button{color:#f87171;background:#dc262626;border-color:#ef444459}[data-theme=dark] .correction-reject-button:hover,body.dark-mode .correction-reject-button:hover{background:#dc262640}[data-theme=dark] .correction-queue-heading p,body.dark-mode .correction-queue-heading p{color:#94a3b8}[data-theme=dark] .correction-details-text,body.dark-mode .correction-details-text{color:#93c5fd}[data-theme=dark] .correction-queue-table td strong,body.dark-mode .correction-queue-table td strong{color:#f8fafc}[data-theme=dark] .correction-queue-table td small,body.dark-mode .correction-queue-table td small{color:#64748b}[data-theme=dark] .correction-empty-state-wrap h3,body.dark-mode .correction-empty-state-wrap h3{color:#f1f5f9}[data-theme=dark] .correction-empty-state-wrap p,body.dark-mode .correction-empty-state-wrap p{color:#94a3b8}[data-theme=dark] .view-flat-rejection,body.dark-mode .view-flat-rejection{color:#fca5a5;background:#dc26261f}[data-theme=dark] .view-flat-rejection h5,body.dark-mode .view-flat-rejection h5{color:#f87171}[data-theme=dark] .view-flat-rejection p,body.dark-mode .view-flat-rejection p{color:#fca5a5}[data-theme=dark] .view-flat-label,body.dark-mode .view-flat-label{color:#94a3b8}[data-theme=dark] .override-context-details,body.dark-mode .override-context-details{color:#cbd5e1}[data-theme=dark] .override-emp-info strong,body.dark-mode .override-emp-info strong{color:#f1f5f9}[data-theme=dark] .override-emp-reason,body.dark-mode .override-emp-reason{color:#94a3b8;background:#0f172a;border-color:#334155}[data-theme=dark] .override-emp-reason span,body.dark-mode .override-emp-reason span{color:#cbd5e1}[data-theme=dark] .override-reverse-card,body.dark-mode .override-reverse-card{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .override-reverse-label strong,body.dark-mode .override-reverse-label strong{color:#fbbf24}[data-theme=dark] .override-reverse-label p,body.dark-mode .override-reverse-label p{color:#fde68a}[data-theme=dark] .correction-message.error,body.dark-mode .correction-message.error{color:#fca5a5;background:#dc26261f;border-color:#ef444459}[data-theme=dark] .correction-message.success,body.dark-mode .correction-message.success{color:#4ade80;background:#16a34a1f;border-color:#22c55e59}[data-theme=dark] .input-error,body.dark-mode .input-error{background-color:#ef444414!important;border-color:#ef4444!important}[data-theme=dark] .correction-primary-button,body.dark-mode .correction-primary-button{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .correction-primary-button:hover,body.dark-mode .correction-primary-button:hover{background:#1d4ed8}.up-page-container{flex-direction:column;gap:20px;font-family:Inter,sans-serif;display:flex}.up-page-header-premium{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.up-header-left{align-items:center;gap:16px;display:flex}.up-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.up-page-title{color:#fff;letter-spacing:-.3px;margin:0 0 3px;font-size:22px;font-weight:800}.up-page-subtitle{color:#ffffffbf;margin:0;font-size:13px;line-height:1.4}.up-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.up-download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:background .2s;display:inline-flex}.up-download-btn:hover{background:#ffffff47}.up-user-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:7px 14px;display:flex}.up-user-badge span{color:#fff;font-size:14px;font-weight:600}.up-cards-stack{flex-direction:column;gap:20px;display:flex}.up-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:26px 28px;box-shadow:0 1px 4px #0000000a}.up-card-title-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;display:flex}.up-card-title-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.up-card-title{color:#1e40af;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700}.up-info-grid{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;display:grid}.up-info-box{flex-direction:column;gap:6px;display:flex}.up-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.up-info-value{color:#1e293b;font-size:15px;font-weight:700}.up-attendance-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.up-att-box{border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;transition:transform .18s;display:flex}.up-att-box:hover{transform:translateY(-2px)}.up-att-icon{background:#fff9;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.up-att-val{font-size:26px;font-weight:800;line-height:1}.up-att-label{text-align:center;opacity:.8;font-size:12px;font-weight:600}.up-att-blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.up-att-green{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.up-att-red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.up-att-orange{color:#d97706;background:#fffbeb;border-color:#fde68a}.up-att-purple{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.up-salary-two-col{align-items:flex-start;gap:0;margin-bottom:22px;display:flex}.up-salary-col{flex-direction:column;flex:1;gap:0;padding:0 16px;display:flex}.up-salary-col:first-child{padding-left:0}.up-salary-col:last-child{padding-right:0}.up-salary-col-heading{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:11.5px;font-weight:700}.up-salary-divider{background:#e2e8f0;align-self:stretch;width:1px;margin:0 8px}.up-salary-row{border-bottom:1px dotted #e2e8f0;justify-content:space-between;align-items:center;padding:11px 0;font-family:Inter,sans-serif;display:flex}.up-salary-row:last-child{border-bottom:none}.up-salary-label{color:#475569;font-size:13.5px;font-weight:500}.up-salary-value{color:#1e293b;font-size:14px;font-weight:700}.up-salary-value.green{color:#16a34a}.up-net-salary-banner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.up-net-left{flex-direction:column;gap:3px;display:flex}.up-net-label{color:#1e40af;font-size:15px;font-weight:700}.up-net-note{color:#64748b;font-size:12px;font-weight:500}.up-net-amount{color:#2563eb;letter-spacing:-.5px;font-size:28px;font-weight:800}.up-payment-grid{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;display:grid}.up-pay-box{flex-direction:column;gap:8px;display:flex}.up-pay-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.up-pay-status-badge{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:5px;width:max-content;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex}.up-pay-date{color:#1e293b;font-size:15px;font-weight:700}.up-footer-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;display:flex}.up-info-icon{color:#2563eb;flex-shrink:0}@media (width<=900px){.up-attendance-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.up-page-header-premium{flex-direction:column;align-items:flex-start;padding:20px}.up-info-grid{grid-template-columns:1fr}.up-attendance-grid{grid-template-columns:repeat(2,1fr)}.up-salary-two-col{flex-direction:column}.up-salary-divider{width:100%;height:1px;margin:16px 0}.up-salary-col{padding:0}.up-payment-grid{grid-template-columns:1fr}.up-card{padding:18px}}@media (width<=480px){.up-card{border-radius:12px;padding:14px}.up-attendance-grid{grid-template-columns:1fr}.up-total-row{flex-direction:column;align-items:flex-start;gap:4px}}.as-page-container{flex-direction:column;gap:22px;font-family:Inter,sans-serif;display:flex}.as-page-header{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.as-header-left{align-items:center;gap:16px;display:flex}.as-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.as-page-title{letter-spacing:-.3px;margin:0 0 3px;font-size:22px;font-weight:800;color:#fff!important}.as-page-subtitle{margin:0;font-size:13px;line-height:1.4;color:#ffffffbf!important}.as-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:7px 14px;display:flex}.as-admin-badge span{font-size:14px;font-weight:600;color:#fff!important}.as-section-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:28px 30px;transition:box-shadow .25s;box-shadow:0 1px 4px #0000000a}.as-section-card:hover{box-shadow:0 6px 24px #00000012}.as-section-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.as-section-title-row{align-items:flex-start;gap:12px;display:flex}.as-section-icon{background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.as-section-icon.lock-bg{background:#eef2ff}.as-section-title{color:#0f172a;margin:0 0 4px;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.as-section-desc{color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.45}.as-edit-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .18s;display:inline-flex}.as-edit-btn:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.as-view-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.as-view-field{background:#f8fafc;border:1px solid #e8edf5;border-radius:10px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.as-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.as-view-value{color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.as-view-value.empty{color:#cbd5e1;font-style:italic;font-weight:400}.as-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.as-password-grid{grid-template-columns:repeat(3,1fr)}.as-form-group{flex-direction:column;gap:0;display:flex}.as-full-width{grid-column:1/-1}.as-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:700;display:block}.as-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;height:42px;padding:0 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .18s}.as-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.as-input.input-error{border-color:#ef4444}.as-input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.as-error-msg{color:#ef4444;margin-top:4px;font-family:Inter,sans-serif;font-size:12px;display:block}.as-pw-wrapper{align-items:center;width:100%;display:flex;position:relative}.as-pw-wrapper input{padding-right:44px}.as-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;right:12px}.as-eye-btn:hover{color:#475569;background-color:#e2e8f0}.as-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.as-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.as-cancel-btn:hover{background:#e2e8f0}.as-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb38}.as-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb52}.as-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.skeleton-shimmer{background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0 50%,#f0f4f8 75%) 0 0/200% 100%;border-radius:16px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-1200px 0}to{background-position:calc(1200px + 100%) 0}}.skeleton-box{background:#ffffff59;border-radius:8px}.skeleton-text{background:#ffffff73;border-radius:6px}.skeleton-text-sm{background:#ffffff4d;border-radius:4px}.skeleton-pill{background:#ffffff4d;border-radius:20px}@media (width<=1024px){.as-view-grid,.as-password-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.as-page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.as-section-card{padding:22px 20px}.as-view-grid,.as-form-grid,.as-password-grid{grid-template-columns:1fr}.as-section-header{flex-direction:column;align-items:stretch}.as-edit-btn{align-self:flex-start}}@media (width<=480px){.as-form-actions{flex-direction:column-reverse;align-items:stretch}.as-cancel-btn,.as-save-btn{justify-content:center;width:100%}}.settings-page-header{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.settings-header-left{align-items:center;gap:16px;display:flex}.settings-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-page-title-text{letter-spacing:-.3px;margin:0 0 3px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.settings-page-subtitle-text{margin:0;font-family:Inter,sans-serif;font-size:13px;color:#ffffffbf!important}.settings-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;display:flex}.settings-admin-badge span{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff!important}.settings-container-grid{flex-direction:column;gap:20px;display:flex}.settings-section-card{background-color:#fff;border:1px solid #e8edf5;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:32px;padding:26px 30px;transition:all .25s;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.settings-section-card:hover{box-shadow:0 10px 25px #0000000d,0 3px 8px #00000005}.profile-settings-card{flex-direction:column;align-items:stretch;gap:24px}.profile-card-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.profile-card-header .outline-purple-btn{flex-shrink:0;gap:6px}.section-meta-info{flex-shrink:0;gap:16px;width:260px;display:flex}.section-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.purple-tint{background-color:#f5f3ff}.lock-tint{background-color:#eef2ff}.sliders-tint{background-color:#f0fdfa}.section-meta-info h3{color:#0f172a;margin:0 0 5px;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.section-meta-info p{color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.45}.section-form-fields{flex:1;gap:20px;display:flex}.vertical-fields-layout{flex-direction:column;gap:16px}.row-layout-dropdowns{gap:16px;display:flex}.input-group-field{flex-direction:column;gap:6px;display:flex}.half-width{flex:1;max-width:50%}.input-group-field label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.input-group-field input,.custom-dropdown-select{color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.input-group-field input:focus,.custom-dropdown-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.error-message{color:#ef4444;margin-top:2px;font-family:Inter,sans-serif;font-size:12px}.eye-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;right:12px}.eye-toggle-btn:hover{color:#475569;background-color:#e2e8f0}.form-action-buttons{align-items:center;gap:10px;margin-top:4px;display:flex}.section-action-btn-area{flex-shrink:0;justify-content:flex-end;align-self:center;align-items:center;display:flex}.outline-purple-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #3b82f640}.outline-purple-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.outline-purple-btn:active{transform:translateY(0)}.outline-purple-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.settings-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;height:40px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.settings-cancel-btn:hover{color:#475569;background:#f8fafc;border-color:#94a3b8}.profile-view-grid{grid-template-columns:120px 1fr;align-items:flex-start;gap:28px;padding:4px 0;display:grid}.profile-view-logo-col{flex-direction:column;align-items:center;gap:10px;display:flex}.profile-view-logo{object-fit:cover;border:3px solid #e8edf5;border-radius:50%;width:90px;height:90px;box-shadow:0 4px 16px #0000001a}.profile-view-logo-placeholder{color:#4f46e5;letter-spacing:-1px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:3px solid #e8edf5;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-family:Inter,sans-serif;font-size:32px;font-weight:800;display:flex;box-shadow:0 4px 16px #4f46e51f}.profile-view-info-col{grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.profile-view-field{flex-direction:column;gap:4px;display:flex}.profile-view-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.profile-view-field-value{color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.profile-view-field-value.empty{color:#cbd5e1;font-style:italic;font-weight:400}.profile-view-field.full-width{grid-column:1/-1}.logo-upload-row{align-items:center;gap:16px;display:flex}.logo-preview-small{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:60px;height:60px}.logo-placeholder-small{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:800;display:flex}.logo-upload-controls{flex-direction:column;gap:6px;display:flex}.logo-upload-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px dashed #94a3b8;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.logo-upload-btn:hover{color:#1e293b;background:#e2e8f0;border-color:#64748b}.logo-upload-hint{color:#94a3b8;font-family:Inter,sans-serif;font-size:11px}@media (width<=1024px){.settings-section-card{flex-direction:column;align-items:stretch;gap:20px;padding:22px 24px}.section-meta-info{width:100%}.profile-card-header{flex-direction:column;align-items:stretch}.section-form-fields{width:100%}.section-action-btn-area{justify-content:flex-start;align-self:flex-start;width:100%}.profile-view-info-col{grid-template-columns:1fr}}@media (width<=768px){.settings-page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.row-layout-dropdowns{flex-direction:column;gap:16px}.half-width{max-width:100%}.profile-view-grid{grid-template-columns:1fr}.profile-view-logo-col{flex-direction:row;align-items:flex-start;gap:16px}}@media (width<=480px){.settings-section-card{border-radius:12px;padding:16px 14px}.settings-page-header{padding:14px 12px}.profile-view-logo-col{text-align:center;flex-direction:column;align-items:center}.primary-save-btn,.cancel-link-btn{justify-content:center;width:100%}}.us-page-container{width:100%;max-width:none;color:var(--text-body);gap:20px;margin:0;font-family:Inter,sans-serif;display:grid}.us-section-card{background:var(--bg-card);border:1px solid var(--card-border);min-width:0;box-shadow:var(--card-shadow);border-radius:14px;padding:24px 26px}.us-profile-card{padding:0 24px 20px;position:relative;overflow:hidden}.us-profile-card:before{background:linear-gradient(90deg, var(--primary), var(--cherry));content:"";height:3px;position:absolute;inset:0 0 auto}.us-profile-heading{border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:24px 0 21px;display:flex}.us-profile-identity{align-items:center;gap:16px;min-width:0;display:flex}.us-profile-avatar{color:#fff;background:var(--primary-dark);border:3px solid var(--cherry-bg-soft);width:58px;height:58px;box-shadow:var(--card-shadow);letter-spacing:.03em;border-radius:15px;flex:0 0 58px;place-items:center;font-size:19px;font-weight:750;display:grid}.us-profile-identity-copy{min-width:0}.us-profile-eyebrow{color:var(--primary);letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.us-profile-heading h2{overflow-wrap:anywhere;color:var(--text-primary);letter-spacing:-.035em;margin:0;font-size:21px;font-weight:700;line-height:1.25}.us-profile-heading p{color:var(--text-muted);margin:5px 0 0;font-size:12.5px;line-height:1.45}.us-profile-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:48%;display:flex}.us-profile-badge,.us-profile-status{min-height:29px;color:var(--text-secondary);background:var(--bg-card-secondary);border:1px solid var(--border-medium);border-radius:7px;align-items:center;padding:5px 10px;font-size:11px;font-weight:650;line-height:1.35;display:inline-flex}.us-profile-status{gap:7px;padding-right:11px}.us-profile-status.is-active{color:var(--success-dark);background:var(--success-bg-soft);border-color:var(--success-bg)}.us-profile-status.is-inactive{color:var(--warning-dark);background:var(--warning-bg-soft);border-color:var(--warning-bg)}.us-status-dot{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.us-profile-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:17px;display:grid}.us-profile-section{background:var(--bg-card-secondary);border:1px solid var(--border-medium);border-radius:11px;min-width:0;padding:17px 18px 18px}.us-profile-section--personal{grid-column:1/-1}.us-profile-section-heading{border-bottom:1px solid var(--border-medium);align-items:center;gap:9px;margin-bottom:14px;padding-bottom:11px;display:flex}.us-profile-section-index{width:23px;height:23px;color:var(--primary);background:var(--primary-bg);letter-spacing:.02em;border-radius:7px;flex:0 0 23px;place-items:center;font-size:9px;font-weight:750;display:grid}.us-profile-section-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:700}.us-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;display:grid}.us-profile-section--personal .us-readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.us-readonly-field{flex-direction:column;gap:5px;min-width:0;display:flex}.us-readonly-label{color:var(--text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:10.5px;font-weight:700;line-height:1.35}.us-readonly-value{overflow-wrap:anywhere;color:var(--text-medium);font-size:13.5px;font-weight:550;line-height:1.5}.us-readonly-value em{color:var(--text-light);font-style:normal;font-weight:450}.us-profile-note{color:var(--text-secondary);background:var(--bg-card-secondary);border:1px solid var(--border-medium);border-left:3px solid var(--primary);border-radius:9px;align-items:flex-start;gap:9px;margin-top:15px;padding:11px 13px;font-size:11.5px;line-height:1.5;display:flex}.us-profile-note svg{color:var(--primary);flex:none;margin-top:1px}.us-profile-error h2{color:var(--danger-dark);margin:0 0 7px;font-size:17px}.us-profile-error p{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:1.55}.us-edit-btn{min-height:38px;color:var(--bg-card);background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;align-items:center;padding:0 15px;font-family:inherit;font-size:12px;font-weight:650;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.us-edit-btn:hover{background:var(--primary-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.us-section-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:17px;display:flex}.us-section-title-row{align-items:center;gap:12px;display:flex}.us-section-icon{width:37px;height:37px;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-bg-soft);border-radius:10px;flex:0 0 37px;place-items:center;display:grid}.us-section-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 4px;font-family:inherit;font-size:15px;font-weight:700}.us-section-desc{color:var(--text-muted);margin:0;font-family:inherit;font-size:12px;line-height:1.45}.us-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.us-password-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.us-form-group{flex-direction:column;min-width:0;display:flex}.us-label{color:var(--text-secondary);letter-spacing:.055em;text-transform:uppercase;margin-bottom:7px;font-family:inherit;font-size:10px;font-weight:700;display:block}.required-asterisk{color:var(--cherry);margin-left:3px}.us-input{width:100%;height:43px;color:var(--text-medium);background:var(--bg-card-secondary);border:1px solid var(--border);border-radius:8px;outline:none;padding:0 13px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}.us-input::placeholder{color:var(--text-light);font-weight:400}.us-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.us-input:disabled{color:var(--text-muted);background:var(--bg-muted);border-color:var(--border-medium);cursor:not-allowed}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{padding-right:43px}.us-eye-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:color .15s,background .15s;display:grid;position:absolute;right:7px}.us-eye-btn:hover{color:var(--primary);background:var(--primary-bg)}.us-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.us-save-btn{min-height:41px;color:var(--bg-card);background:var(--primary);border:1px solid var(--primary);box-shadow:var(--card-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:650;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.us-save-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.us-save-btn:disabled{cursor:not-allowed;opacity:.65}.us-validation-error{color:var(--danger-dark);margin-top:5px;font-size:11px;line-height:1.4;display:block}.us-profile-loading{min-height:230px}.us-profile-loading .us-readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.us-edit-btn:focus-visible,.us-save-btn:focus-visible,.us-eye-btn:focus-visible{outline:3px solid var(--primary-bg-soft);outline-offset:2px}@media (width<=1050px){.us-profile-heading{flex-direction:column;align-items:flex-start;gap:14px}.us-profile-badges{justify-content:flex-start;max-width:none;padding-left:74px}.us-password-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.us-section-card{padding:20px}.us-profile-card{padding:0 16px 16px}.us-profile-sections{grid-template-columns:minmax(0,1fr)}.us-profile-section--personal{grid-column:auto}.us-profile-section--personal .us-readonly-grid,.us-readonly-grid,.us-profile-loading .us-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.us-section-card{border-radius:12px;padding:17px}.us-profile-card{padding:0 12px 12px}.us-profile-heading{padding-top:20px}.us-profile-identity{gap:12px}.us-profile-avatar{border-radius:14px;flex-basis:50px;width:50px;height:50px;font-size:17px}.us-profile-heading h2{font-size:18px}.us-profile-badges{gap:6px;padding-left:62px}.us-profile-badge,.us-profile-status{font-size:10px}.us-profile-section{padding:14px 13px 15px}.us-profile-section--personal .us-readonly-grid,.us-readonly-grid,.us-profile-loading .us-readonly-grid,.us-password-grid{grid-template-columns:minmax(0,1fr)}.us-section-header{align-items:flex-start}.us-form-actions{justify-content:stretch}.us-save-btn{width:100%}}.bank-empty-hint{color:#cbd5e1!important;font-size:12.5px!important;font-weight:400!important}.bank-security-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 16px;display:flex}.bank-security-notice p{color:#0369a1;margin:0;font-size:12.5px;line-height:1.5}@media (width<=900px){.bank-detail-grid{grid-template-columns:repeat(2,1fr)}.us-password-grid{grid-template-columns:1fr}}@media (width<=640px){.us-form-grid,.bank-detail-grid,.us-password-grid{grid-template-columns:1fr}.us-section-card{border-radius:14px;padding:18px 16px}.us-page-header-premium{flex-direction:column;align-items:flex-start;padding:18px 16px}.us-header-right{width:100%}.us-user-badge,.us-edit-btn{justify-content:center;width:100%}.us-actions-footer{flex-direction:column;gap:10px}.us-save-btn,.us-cancel-btn{justify-content:center;width:100%}}@media (width<=480px){.us-section-card{border-radius:12px;padding:16px 12px}.us-page-header-premium{padding:14px 12px}.us-page-title{font-size:18px}}.org-page-header{background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 4px 20px #2563eb40}.org-header-left{align-items:center;gap:16px;display:flex}.org-header-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.org-page-title{letter-spacing:-.3px;margin:0 0 3px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.org-page-subtitle{margin:0;font-family:Inter,sans-serif;font-size:13px;color:#ffffffbf!important}.org-admin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;display:flex}.org-admin-badge span{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff!important}.view-mode-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;margin-right:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.view-mode-btn:hover{background-color:#ffffff40;border-color:#fff}.org-edit-container{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:30px;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.section-group{border-bottom:1.5px solid #f1f5f9;margin-bottom:24px;padding-bottom:24px}.section-title-label{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;display:block}.logo-upload-container{align-items:center;gap:20px;display:flex}.logo-box{cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex}.logo-box:hover{background-color:#eff6ff;border-color:#3b82f6}.upload-icon{color:#94a3b8;margin-bottom:6px}.logo-box:hover .upload-icon{color:#2563eb}.upload-text{color:#64748b;font-size:10px;font-weight:700}.logo-box:hover .upload-text{color:#1d4ed8}.uploaded-logo-preview{object-fit:contain;box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;padding:6px}.logo-instructions p{color:#334155;margin:0 0 6px;font-family:Inter,sans-serif;font-size:13.5px;line-height:1.45}.logo-instructions .sub-text{color:#64748b;margin:0;font-size:12px}.profile-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.full-width{width:100%}.half-width,.third-width{flex:1}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.required{color:#ef4444;margin-left:2px}.field-desc{color:#64748b;margin:0 0 4px;font-family:Inter,sans-serif;font-size:12.5px}.profile-form input[type=text],.profile-form input[type=email],.profile-form input[type=number]{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-family:Inter,sans-serif;font-size:13.5px;transition:all .2s}.profile-form input[type=text]:focus,.profile-form input[type=email]:focus,.profile-form input[type=number]:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.margin-bottom-sm{margin-bottom:12px}.margin-bottom-sm:last-child{margin-bottom:0}.margin-top-lg{margin-top:4px}.contact-info-section{border-top:1.5px solid #f1f5f9;flex-direction:column;gap:8px;margin-top:12px;padding-top:24px;display:flex}.section-main-title{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700}.org-save-footer{border-top:1.5px solid #f1f5f9;justify-content:flex-end;margin-top:10px;padding-top:20px;display:flex}.org-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;min-width:140px;padding:12px 32px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #3b82f640}.org-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.org-save-btn:active{transform:translateY(0)}.org-save-btn.saved,.org-save-btn:disabled{cursor:not-allowed;transform:none;box-shadow:0 3px 10px #10b98140;background:linear-gradient(135deg,#10b981,#059669)!important}.org-profile-banner{background-color:#fff;border:1px solid #e8edf5;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 30px;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.view-logo-img{object-fit:contain;box-sizing:border-box;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:64px;max-width:64px;height:64px;max-height:64px;padding:4px}.view-logo-placeholder{background-color:#eff6ff;border:1.5px dashed #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.view-org-name{color:#0f172a;margin:0 0 5px;font-family:Inter,sans-serif;font-size:20px;font-weight:800}.view-industry-badge{color:#1d4ed8;letter-spacing:.2px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 12px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:700;display:inline-block}.edit-profile-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.edit-profile-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.view-header-left{align-items:center;gap:20px;display:flex}.view-location-badge{color:#475569;letter-spacing:.2px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:4px 12px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.view-logo-initials{color:#2563eb;font-family:Inter,sans-serif;font-size:24px;font-weight:800}.org-cancel-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:12px 28px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s}.org-cancel-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.view-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.view-card{background-color:#fff;border:1px solid #e8edf5;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.view-card-title{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.view-card-title h3{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700}.view-card-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.blue-tint{background-color:#eff6ff}.orange-tint{background-color:#fff7ed}.teal-tint{background-color:#f0fdfa}.view-card-body-content{flex-direction:column;gap:14px;display:flex}.view-field{flex-direction:column;gap:4px;display:flex}.view-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.view-value{color:#1e293b;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;line-height:1.45}.view-empty{color:#cbd5e1;font-style:italic}.view-success-banner{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;display:flex}.view-success-banner p{margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.45}.sp-required{color:#ef4444;margin-left:3px;font-weight:700}.org-validation-error{color:#dc2626;font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.org-load-error{color:#7f1d1d;background:#fff;border:1px solid #fecaca;border-radius:14px;padding:24px}.org-load-error h3{margin:0 0 8px;font-size:16px}.org-load-error p{color:#64748b;margin:0 0 16px;font-size:13px}.org-empty-state{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:380px;padding:56px 32px;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 16px #00000008}.org-empty-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.org-empty-copy{max-width:520px}.org-empty-title{color:#0f172a;margin:0 0 8px;font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:1.35}.org-empty-description{color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.org-empty-setup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.org-empty-setup-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.org-empty-setup-btn:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}@media (width<=1024px){.view-cards-grid{grid-template-columns:1fr}}@media (width<=768px){.org-empty-state{gap:16px;min-height:340px;padding:44px 24px}.org-page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.view-mode-btn{width:100%;margin-left:0;margin-right:0}.org-profile-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.edit-profile-btn{justify-content:center;width:100%}.logo-upload-container{flex-direction:column;align-items:flex-start}.form-row{flex-direction:column;gap:16px}.org-save-btn{justify-content:center;width:100%}}@media (width<=480px){.org-empty-state{min-height:320px;padding:36px 20px}.org-empty-title{font-size:18px}.org-empty-description{font-size:13px}.org-empty-setup-btn{width:100%}}.ch-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr);align-items:start;gap:24px;width:100%;display:grid}.ch-layout.ch-full-width{width:100%;display:block}.ch-calendar-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:24px 28px 28px;transition:background-color .2s,border-color .2s;box-shadow:0 4px 20px #0f172a0a}.ch-calendar-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.ch-toolbar-left{flex-direction:column;gap:2px;display:flex}.ch-eyebrow{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:700}.ch-month-heading{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.ch-toolbar-right{align-items:center;gap:10px;display:flex}.ch-today-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;height:36px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 1px 3px #00000008}.ch-today-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.ch-nav-group{align-items:center;gap:6px;display:flex}.ch-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;place-items:center;width:36px;height:36px;transition:all .15s;display:grid;box-shadow:0 1px 3px #00000008}.ch-nav-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ch-legend-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 0 16px;display:flex}.ch-legend-item{color:#475569;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.ch-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot-holiday{background-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.dot-today{background-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.dot-permission{background-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.dot-casual{background-color:#0d9488;box-shadow:0 0 0 2px #0d948833}.dot-sick{background-color:#ea580c;box-shadow:0 0 0 2px #ea580c33}.font-red{font-weight:700;color:#dc2626!important}.ch-grid-container{width:100%;margin-top:14px}.ch-weekdays{background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:8px;display:grid;overflow:hidden}.ch-weekday-col{text-align:center;padding:10px 4px}.ch-weekday-col span{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:12px;font-weight:700}.ch-calendar-grid{background:#fff;border:1px solid #edf2f7;border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.ch-day{box-sizing:border-box;background:#fff;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;flex-direction:column;gap:6px;min-height:115px;padding:8px 9px 10px;transition:background-color .15s;display:flex;position:relative}.ch-day:nth-child(7n){border-right:none}.ch-day.is-empty{cursor:default;background:#fafbfc}.ch-day.has-events{cursor:pointer}.ch-day.has-events:hover{background:#f8fafc}.ch-day-top{justify-content:space-between;align-items:center;display:flex}.ch-day-number{color:#1e293b;font-size:13.5px;font-weight:700;line-height:1}.ch-day.is-today{box-shadow:inset 0 0 0 2px #2563eb;background:#2563eb05!important}.today-badge{background:#2563eb;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px 8px #2563eb59;color:#fff!important}.ch-today-tag{color:#2563eb;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800;line-height:1}.ch-day-events-stack{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ch-event-item{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:3px 6px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.ch-event-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ch-holiday-item{padding:2px;background:0 0!important;border:none!important}.red-bullet{background-color:#dc2626;box-shadow:0 0 0 2px #dc26262e}.ch-holiday-text-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden;color:#dc2626!important}.ch-permission-item{color:#6d28d9;background:#f5f3ff;border:1px solid #e9d5ff}.ch-permission-item .ev-icon{color:#7c3aed;flex-shrink:0}.ch-permission-item .ev-label{color:#6d28d9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.ch-casual-item{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.teal-bullet{background-color:#0d9488}.ch-casual-item .ev-label{color:#0f766e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.ch-sick-item{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.amber-bullet{background-color:#ea580c}.ch-sick-item .ev-label{color:#b45309;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.ch-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:380px;font-size:14px;font-weight:600;display:flex}.ch-state p{max-width:440px;margin:0;line-height:1.5}.ch-state.ch-error{color:#b91c1c}.ch-state button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.ch-spinner{color:#2563eb;animation:.8s linear infinite ch-spin}@keyframes ch-spin{to{transform:rotate(360deg)}}.ch-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.ch-list-heading{border-bottom:1px solid #f1f5f9;padding:22px 22px 18px}.ch-list-heading h2{color:#0f172a;margin:0;font-size:18px;font-weight:800}.ch-holiday-list{max-height:480px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.ch-holiday-list li{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:14px 20px;display:flex}.ch-holiday-list time{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:46px;font-family:Inter,sans-serif;line-height:1;display:flex}.ch-holiday-list time b{font-size:17px}.ch-holiday-list time span{letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:800}.ch-holiday-copy{gap:3px;min-width:0;display:grid}.ch-holiday-copy strong{color:#1e293b;font-size:13px;font-weight:700}.ch-holiday-copy span{color:#64748b;font-size:12px}.ch-actions{gap:5px;margin-left:auto;display:flex}.ch-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.ch-actions button:hover{color:#2563eb;background:#eff6ff}.ch-actions .danger{color:#dc2626}.ch-actions .danger:hover{color:#b91c1c;background:#fef2f2}.ch-list-empty,.ch-list-loading{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:190px;padding:24px;font-size:13px;font-weight:600;display:flex}.ch-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0f172a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ch-detail-dialog{background:#fff;border-radius:16px;width:min(100%,480px);animation:.2s cubic-bezier(.16,1,.3,1) chModalScale;overflow:hidden;box-shadow:0 25px 60px -15px #00000040}.ch-detail-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ch-detail-title-wrap{align-items:center;gap:10px;display:flex}.ch-detail-head-icon{color:#2563eb}.ch-detail-date{color:#0f172a;margin:0;font-size:16px;font-weight:800}.ch-detail-sub{color:#64748b;margin:2px 0 0;font-size:12px}.ch-modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.ch-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.ch-detail-body{flex-direction:column;gap:14px;max-height:380px;padding:20px 24px;display:flex;overflow-y:auto}.ch-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.card-holiday{background:#fff5f5;border-color:#fecaca}.card-holiday .ch-detail-card-badge{color:#dc2626;background:#fee2e2}.card-permission{background:#faf5ff;border-color:#e9d5ff}.card-permission .ch-detail-card-badge{color:#7c3aed;background:#f3e8ff}.card-casual{background:#f0fdfa;border-color:#99f6e4}.card-casual .ch-detail-card-badge{color:#0d9488;background:#ccfbf1}.card-sick{background:#fffbeb;border-color:#fde68a}.card-sick .ch-detail-card-badge{color:#d97706;background:#fef3c7}.ch-detail-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ch-detail-card-badge{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.ch-status-pill{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.status-pending{color:#d97706;background:#fef3c7}.status-approved{color:#15803d;background:#dcfce7}.ch-detail-card-title{color:#0f172a;margin:6px 0 2px;font-size:15px;font-weight:700}.ch-detail-card-desc{color:#64748b;margin:0;font-size:12px}.ch-detail-meta-row{color:#475569;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.ch-detail-reason{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12.5px}.ch-detail-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}.ch-detail-close-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:700}.ch-modal{background:#fff;border-radius:16px;width:min(95vw,440px);max-height:90dvh;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) chModalScale;overflow-y:auto;box-shadow:0 24px 60px #0f172a4d}@keyframes chModalScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ch-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ch-modal-header h2{color:#0f172a;margin:0;font-size:19px;font-weight:800}.ch-modal-header button{color:#64748b;cursor:pointer;background:0 0;border:none}.ch-modal label{color:#334155;gap:7px;margin-top:15px;font-size:12.5px;font-weight:700;display:grid}.ch-modal input{color:#0f172a;border:1.5px solid #dbe3ef;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:14px;font-weight:500}.ch-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ch-helper{color:#64748b;margin:12px 0 0;font-size:12px}.ch-form-error{color:#b91c1c;background:#fef2f2;border-radius:7px;margin:12px 0 0;padding:10px;font-size:12.5px;font-weight:600}.ch-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.ch-modal-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:40px;padding:0 16px;font-size:13px;font-weight:700}.ch-modal-actions .ch-save{color:#fff;background:#2563eb;border:none}body.dark-mode .ch-calendar-card,[data-theme=dark] .ch-calendar-card,body.dark-mode .ch-list-card,[data-theme=dark] .ch-list-card,body.dark-mode .ch-detail-dialog,[data-theme=dark] .ch-detail-dialog,body.dark-mode .ch-modal,[data-theme=dark] .ch-modal{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000059}body.dark-mode .ch-month-heading,[data-theme=dark] .ch-month-heading,body.dark-mode .ch-detail-date,[data-theme=dark] .ch-detail-date,body.dark-mode .ch-modal-header h2,[data-theme=dark] .ch-modal-header h2,body.dark-mode .ch-list-heading h2,[data-theme=dark] .ch-list-heading h2{color:#f8fafc}body.dark-mode .ch-calendar-toolbar,[data-theme=dark] .ch-calendar-toolbar,body.dark-mode .ch-legend-bar,[data-theme=dark] .ch-legend-bar,body.dark-mode .ch-detail-header,[data-theme=dark] .ch-detail-header,body.dark-mode .ch-detail-footer,[data-theme=dark] .ch-detail-footer{border-color:#334155}body.dark-mode .ch-weekdays,[data-theme=dark] .ch-weekdays{background:#0f172a;border-color:#334155}body.dark-mode .ch-calendar-grid,[data-theme=dark] .ch-calendar-grid,body.dark-mode .ch-day,[data-theme=dark] .ch-day{background:#1e293b;border-color:#334155}body.dark-mode .ch-day.is-empty,[data-theme=dark] .ch-day.is-empty{background:#0f172a}body.dark-mode .ch-day-number,[data-theme=dark] .ch-day-number{color:#e2e8f0}body.dark-mode .ch-day.has-events:hover,[data-theme=dark] .ch-day.has-events:hover{background:#273549}body.dark-mode .ch-today-btn,[data-theme=dark] .ch-today-btn,body.dark-mode .ch-nav-btn,[data-theme=dark] .ch-nav-btn,body.dark-mode .ch-modal-close-btn,[data-theme=dark] .ch-modal-close-btn{color:#f1f5f9;background:#334155;border-color:#475569}body.dark-mode .ch-detail-card,[data-theme=dark] .ch-detail-card{background:#0f172a;border-color:#334155}body.dark-mode .card-holiday,[data-theme=dark] .card-holiday{background:#dc26261a;border-color:#dc26264d}body.dark-mode .card-permission,[data-theme=dark] .card-permission{background:#7c3aed1a;border-color:#7c3aed4d}body.dark-mode .card-casual,[data-theme=dark] .card-casual{background:#0d94881a;border-color:#0d94884d}body.dark-mode .card-sick,[data-theme=dark] .card-sick{background:#ea580c1a;border-color:#ea580c4d}body.dark-mode .ch-detail-reason,[data-theme=dark] .ch-detail-reason{color:#cbd5e1;background:#1e293b;border-color:#334155}body.dark-mode .ch-detail-card-title,[data-theme=dark] .ch-detail-card-title{color:#f8fafc}body.dark-mode .ch-modal input,[data-theme=dark] .ch-modal input{color:#f8fafc;background:#0f172a;border-color:#475569}@media (width<=900px){.ch-layout{grid-template-columns:1fr}.ch-calendar-card{padding:18px}.ch-day{min-height:85px;padding:6px 4px}}@media (width<=640px){.ch-calendar-toolbar{flex-direction:column;align-items:flex-start}.ch-toolbar-right{justify-content:space-between;width:100%}.ch-weekday-col span{font-size:10px}.ch-day{min-height:68px;padding:4px 2px}.ch-day-number{font-size:11px}.today-badge{width:20px;height:20px;font-size:10px}.ch-today-tag{display:none}.ch-event-item{padding:2px 3px;font-size:9px}}:root,[data-theme=light]{--primary:#16205b;--primary-hover:#0f1742;--primary-dark:#0c102c;--primary-light:#253594;--primary-bg:#eef2ff;--primary-bg-soft:#e0e7ff;--cherry:#e11938;--cherry-hover:#c7132e;--cherry-dark:#9f0d23;--cherry-light:#f43f5e;--cherry-bg:#fff1f2;--cherry-bg-soft:#ffe4e6;--sidebar-bg:linear-gradient(180deg, #10163a 0%, #0c102c 50%, #070a1e 100%);--sidebar-border:#ffffff14;--sidebar-item-active:linear-gradient(135deg, #1a2254 0%, #12183c 100%);--sidebar-accent:#e11938;--navbar-bg:#fffffff2;--navbar-border:#e2e8f0;--navbar-text:#16205b;--navbar-subtext:#64748b;--navbar-badge-bg:#f1f5f9;--navbar-badge-text:#334155;--text-dark:#16205b;--text-primary:#16205b;--text-medium:#1e293b;--text-secondary:#475569;--text-body:#334155;--text-muted:#64748b;--text-light:#94a3b8;--bg-page:#f4f6fb;--bg-card:#fff;--bg-card-secondary:#f8fafc;--bg-subtle:#fafafa;--bg-muted:#f1f5f9;--bg-hover:#e2e8f0;--border:#cbd5e1;--border-light:#f1f5f9;--border-medium:#e2e8f0;--card-border:#e2e8f0;--card-shadow:0 1px 3px #16205b0a, 0 2px 8px #00000005;--card-shadow-hover:0 12px 28px -4px #16205b17, 0 8px 12px -6px #0000000a;--success:#16a34a;--success-dark:#15803d;--success-bg:#dcfce7;--success-bg-soft:#f0fdf4;--warning:#d97706;--warning-dark:#b45309;--warning-bg:#fef3c7;--warning-bg-soft:#fffbeb;--danger:#e11938;--danger-dark:#be123c;--danger-bg:#ffe4e6;--danger-bg-soft:#fff1f2;--info:#0284c7;--info-dark:#0369a1;--info-bg:#e0f2fe;--purple:#7c3aed;--purple-bg:#f5f3ff;--white:#fff;--off-white:#fafbfc;--font-sans:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--primary:#60a5fa;--primary-hover:#93c5fd;--primary-dark:#1d4ed8;--primary-light:#bfdbfe;--primary-bg:#60a5fa26;--primary-bg-soft:#60a5fa14;--cherry:#f43f5e;--cherry-hover:#fb7185;--cherry-dark:#e11938;--cherry-light:#fda4af;--cherry-bg:#e1193829;--cherry-bg-soft:#e1193814;--sidebar-bg:linear-gradient(180deg, #090e21 0%, #060917 50%, #03050d 100%);--sidebar-border:#ffffff0f;--sidebar-item-active:linear-gradient(135deg, #121a3e 0%, #0c122c 100%);--sidebar-accent:#f43f5e;--navbar-bg:#090e21f0;--navbar-border:#33415599;--navbar-text:#f8fafc;--navbar-subtext:#94a3b8;--navbar-badge-bg:#16205b80;--navbar-badge-text:#cbd5e1;--text-dark:#f8fafc;--text-primary:#f8fafc;--text-medium:#f1f5f9;--text-secondary:#cbd5e1;--text-body:#e2e8f0;--text-muted:#94a3b8;--text-light:#64748b;--bg-page:#050814;--bg-card:#0c1228;--bg-card-secondary:#121a36;--bg-subtle:#101730;--bg-muted:#151f40;--bg-hover:#182348;--border:#243054;--border-light:#17203a;--border-medium:#243054;--card-border:#243054cc;--card-shadow:0 4px 20px #00000073;--card-shadow-hover:0 12px 32px #000000a6;--success:#22c55e;--success-dark:#4ade80;--success-bg:#22c55e26;--success-bg-soft:#22c55e14;--warning:#f59e0b;--warning-dark:#fbbf24;--warning-bg:#f59e0b26;--warning-bg-soft:#f59e0b14;--danger:#f43f5e;--danger-dark:#fb7185;--danger-bg:#f43f5e26;--danger-bg-soft:#f43f5e14;--info:#38bdf8;--info-dark:#7dd3fc;--info-bg:#38bdf826;--purple:#a855f7;--purple-bg:#a855f726;--white:#0c1228;--off-white:#121a36}html{-webkit-text-size-adjust:100%;height:auto;min-height:100%;overflow-x:clip}body{min-height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:auto;margin:0;overflow-x:clip}#root{height:auto;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.att-admin-badge,.leave-admin-badge,.dash-admin-badge,.emp-admin-badge,.att-admin-badge,.leave-admin-badge{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.att-admin-badge svg,.leave-admin-badge svg,.dash-admin-badge svg,.emp-admin-badge svg{flex-shrink:0;width:38px;height:38px}@media (width<=600px){.att-admin-badge,.leave-admin-badge,.dash-admin-badge,.emp-admin-badge{gap:8px;padding:6px 8px}.att-admin-badge span,.leave-admin-badge span,.dash-admin-badge span,.emp-admin-badge span{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;display:inline-block;overflow:hidden}}[class*=admin-badge]{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}[class*=admin-badge] svg{width:38px;height:38px}@media (width<=600px){[class*=admin-badge]{gap:8px;padding:6px 8px}[class*=admin-badge] span{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;display:inline-block;overflow:hidden}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.MuiSkeleton-root{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/1200px 100%!important;animation:2s infinite shimmer!important}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin,.spinner-clockwise{transform-origin:50%;transform-box:fill-box;display:inline-block;animation:.85s linear infinite spinClockwise!important}@keyframes shimmerWave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmerWave;display:inline-block}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.skeleton-text{border-radius:4px;height:14px}.skeleton-text-sm{border-radius:4px;height:11px}.skeleton-pill{border-radius:12px;width:70px;height:24px}.skeleton-box{border-radius:4px;width:100%;height:16px}html,body{max-width:100vw;overflow-x:clip}@supports not (overflow-x:clip){html,body{overflow-x:hidden}}img,svg,canvas,video,iframe{max-width:100%;height:auto}.flex-col,.global-main-container,.global-page-content,[class*=-container],[class*=-card]{min-width:0}.table-responsive,.table-responsive-wrapper,[class*=-table-wrapper]{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative;overflow-x:auto}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive-wrapper::-webkit-scrollbar{width:6px;height:6px}[class*=-table-wrapper]::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.table-responsive-wrapper::-webkit-scrollbar-track{background:#00000008;border-radius:4px}[class*=-table-wrapper]::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}[class*=-table-wrapper]::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#64748bcc}.table-responsive-wrapper::-webkit-scrollbar-thumb:hover{background:#64748bcc}[class*=-table-wrapper]::-webkit-scrollbar-thumb:hover{background:#64748bcc}[class*=modal-overlay],[class*=popup-overlay]{padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);box-sizing:border-box}[class*=-popup-container],[class*=-modal-container],[class*=modal-box],[class*=dialog-content]{box-sizing:border-box!important;max-width:min(95vw,680px)!important;max-height:90dvh!important;overflow-y:auto!important}@media (width<=768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea{box-sizing:border-box;min-height:40px;font-size:14px!important}.hide-on-mobile{display:none!important}}@media (width>=769px){.show-on-mobile{display:none!important}}@media (width<=1024px){.hide-on-tablet{display:none!important}}@media (width>=1025px){.show-on-tablet{display:none!important}}