@import "https://fonts.googleapis.com/css2?family=Kreon:wght@300;400;500;600;700&display=swap";@import "https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css";:root{--font-family:"Kreon", serif, -apple-system, BlinkMacSystemFont, sans-serif;--font-body:var(--font-family);--font-heading:var(--font-family);--sidebar-width:260px;--navbar-height:70px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-sidebar:#ffffffb3;--bg-card:#ffffffb3;--bg-glass:#ffffff73;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0cc;--border-glass:#fff9;--shadow-sm:0 2px 4px #94a3b80d;--shadow-md:0 10px 25px -5px #94a3b81a, 0 8px 10px -6px #94a3b81a;--shadow-lg:0 20px 40px -15px #94a3b826;--accent-color:#6366f1;--accent-light:#e0e7ff;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--cyan-gradient:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--backdrop-blur:blur(12px)}.dark-theme{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-sidebar:#111827b3;--bg-card:#1f29378c;--bg-glass:#11182773;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#37415166;--border-glass:#ffffff0f;--shadow-sm:0 2px 4px #0003;--shadow-md:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--shadow-lg:0 20px 40px -15px #0006;--accent-color:#818cf8;--accent-light:#818cf826;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--cyan-gradient:linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--success-color:#34d399;--warning-color:#fbbf24;--danger-color:#f87171;--info-color:#60a5fa;--backdrop-blur:blur(16px)}.top-bar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}#app-layout{min-height:100vh;display:flex}#sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);height:100vh;-webkit-backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--border-glass);z-index:100;transition:transform var(--transition-normal), background-color var(--transition-normal), border var(--transition-normal);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px 18px;display:flex}.sidebar-logo .logo-box{width:auto;max-width:90px;height:36px;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.sidebar-logo .logo-box img,.sidebar-logo .custom-logo{object-fit:contain;width:auto;max-width:90px;height:36px;display:block}.sidebar-logo .logo-text{font-family:var(--font-heading);color:#5d42ca;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800;line-height:1}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-item{color:#4b5563;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;font-weight:500;display:flex}.nav-item span{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.nav-item i,.nav-item svg{color:#6b7280;width:18px;height:18px;transition:color var(--transition-fast);flex-shrink:0}.nav-item:hover{color:#111827;background-color:#f3f4f6}.nav-item:hover i,.nav-item:hover svg{color:#4b5563}.nav-item.active{color:#5d42ca;background:#e6e8ff;font-weight:600}.nav-item.active i,.nav-item.active svg{color:#5d42ca}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.sidebar-help-card{border:1px solid var(--border-color);text-align:center;box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:auto;padding:16px 12px;display:flex}.sidebar-help-card .help-icon{color:#5d42ca;background:#e6e8ff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.sidebar-help-card .help-icon svg{width:16px;height:16px}.sidebar-help-card h4{color:#111827;margin:0;font-size:12px;font-weight:700}.sidebar-help-card p{color:#6b7280;margin:0;font-size:10.5px;line-height:1.4}.sidebar-help-card .btn-primary{color:#5d42ca;cursor:pointer;background-color:#ede9fe;border:1px solid #ddd6fe;border-radius:6px;width:100%;margin-top:6px;padding:8px;font-size:11px;font-weight:600;transition:all .2s}.sidebar-help-card .btn-primary:hover{color:#432b9c;background-color:#ddd6fe;border-color:#c4b5fd}#main-container{min-width:0;margin-left:var(--sidebar-width);min-height:100vh;transition:margin var(--transition-normal);flex-direction:column;flex-grow:1;display:flex}#navbar{height:var(--navbar-height);background-color:var(--bg-sidebar);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-glass);z-index:90;transition:background-color var(--transition-normal), border var(--transition-normal);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.mobile-nav-toggle{cursor:pointer;color:var(--text-primary);margin-right:16px;font-size:24px;display:none}.navbar-left{align-items:center;gap:16px;display:flex}.greeting-text p{color:var(--text-muted);font-size:13px}.clock-widget{font-family:var(--font-heading);background-color:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.search-wrapper{width:280px;margin:0 20px;position:relative}.search-wrapper input{background-color:var(--bg-glass);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border-radius:30px;padding:10px 16px 10px 42px;font-size:14px}.search-wrapper input:focus{border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f126}.search-wrapper i,.search-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.navbar-right{align-items:center;gap:16px;display:flex}.top-bar-actions{align-items:center;gap:12px;display:flex}.master-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffff26;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:24px;right:24px}.master-item{cursor:pointer;background:#ffffff40;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.9rem;display:flex}.master-item:hover{background:#ffffff59}.nav-btn{background-color:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.nav-btn:hover{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.nav-btn.active{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.badge{background-color:var(--danger-color);color:#fff;border:2px solid var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.bell-shake{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}85%{transform:rotate(-2deg)}}.dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:120;transform-origin:100% 0;animation:dropdownFade var(--transition-fast) forwards;flex-direction:column;display:none;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFade{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.dropdown-header h3{font-size:16px;font-weight:600}.dropdown-header a{color:var(--accent-color);font-size:12px;font-weight:500}.dropdown-content{max-height:280px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast);gap:12px;padding:12px 16px;display:flex}.notification-item:hover{background-color:var(--bg-primary)}.notification-item.unread{background-color:var(--accent-light)}.notification-icon-wrapper{background-color:var(--bg-glass);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-icon-wrapper.success{color:var(--success-color);background-color:#10b9811a}.notification-icon-wrapper.warning{color:var(--warning-color);background-color:#f59e0b1a}.notification-icon-wrapper.info{color:var(--info-color);background-color:#3b82f61a}.notification-info p{margin-bottom:4px;font-size:13px;line-height:1.4}.notification-info span{color:var(--text-muted);font-size:11px}.dropdown-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;padding:12px;font-size:13px;font-weight:600}.user-profile-widget{cursor:pointer;transition:background-color var(--transition-fast);border-radius:30px;align-items:center;gap:10px;padding:4px 8px;display:flex;position:relative}.user-profile-widget:hover{background-color:var(--bg-glass)}.avatar{object-fit:cover;border:2px solid var(--accent-color);width:38px;height:38px;font-family:var(--font-heading);color:var(--accent-color);letter-spacing:.5px;background:linear-gradient(135deg,#6366f126,#4f46e540);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:700;line-height:1;display:flex}.profile-info{flex-direction:column;display:flex}.profile-info .user-name{font-size:14px;font-weight:600}.profile-info .user-role{color:var(--text-muted);font-size:11px}.profile-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:120;transform-origin:100% 0;animation:dropdownFade var(--transition-fast) forwards;flex-direction:column;padding:8px 0;display:none;position:absolute;top:calc(100% + 8px);right:0}.profile-dropdown-header{border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:12px 16px}.profile-dropdown-header h4{font-size:14px;font-weight:600}.profile-dropdown-header p{color:var(--text-muted);font-size:11px}.profile-dropdown-item{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex}.profile-dropdown-item:hover{background-color:var(--bg-primary);color:var(--accent-color)}.profile-dropdown-item i{font-size:16px}.profile-dropdown-item.logout{color:var(--danger-color);border-top:1px solid var(--border-color);margin-top:8px;padding-top:12px}.profile-dropdown-item.logout:hover{color:var(--danger-color);background-color:#ef444414}.page-content{opacity:0;flex-grow:1;min-width:0;padding:32px;animation:.6s cubic-bezier(.16,1,.3,1) forwards pageFadeIn;overflow-y:auto;transform:translateY(15px)}@keyframes pageFadeIn{to{opacity:1;transform:translateY(0)}}.glass-card{background-color:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border var(--transition-normal);padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f140;transform:translateY(-4px)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-control{background-color:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f126}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-secondary{background-color:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.btn-danger{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-success{color:#fff;background-color:#10b981;box-shadow:0 4px 12px #10b98140}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.status-badge{text-transform:capitalize;text-align:center;border-radius:30px;justify-content:center;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.present{color:var(--success-color);background-color:#10b9811f}.status-badge.on-leave{color:var(--warning-color);background-color:#f59e0b1f}.status-badge.absent{color:var(--danger-color);background-color:#ef44441f}.status-badge.approved{color:#059669;background-color:#10b9811a;border:1px solid #10b98133}.status-badge.pending{color:#d97706;background-color:#f59e0b1a;border:1px solid #f59e0b33}.status-badge.rejected{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.status-badge.cancelled{color:#64748b;background-color:#94a3b81f;border:1px solid #94a3b833}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:400px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.skeleton-text{border-radius:4px;width:100%;height:14px}.skeleton-text.short{width:60%}.skeleton-text.xshort{width:35%}.skeleton-badge{border-radius:20px;width:72px;height:22px}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-icon{width:60px;height:60px;color:var(--accent-color);background:#6366f114;border:2px dashed #6366f140;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-state-icon i,.empty-state-icon svg{width:26px;height:26px}.empty-state h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:300px;margin:0;font-size:13px;line-height:1.5}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header-left{align-items:center;gap:14px;display:flex}.page-header-icon{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #6366f140}.page-header-icon i,.page-header-icon svg{width:22px;height:22px}.page-header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.page-header-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px;line-height:1.4}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-sm{border-radius:8px;height:32px;padding:6px 14px;font-size:12px}.btn-outline{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}.btn-icon-only{background:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon-only:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}input[type=date],input[type=text],input[type=email],input[type=number],input[type=search],select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;font-family:inherit}input[type=date]:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #6366f11f}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);white-space:nowrap;text-align:left;padding:12px 16px;font-size:11px;font-weight:700}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px;font-size:13.5px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#6366f105}:is(body:has(.modal-overlay.active),body:has(.custom-modal-overlay.active)){overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;width:100vw;height:100vh;transition:opacity var(--transition-normal);background-color:#0f172a99;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-box{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);width:500px;max-width:90%;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);overflow:hidden;transform:translateY(30px)scale(.95)}.modal-overlay.active .modal-box{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);font-size:20px}.modal-close:hover{color:var(--danger-color)}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}:is(body:has(.modal-overlay.active),body:has(.custom-modal-overlay.active),body:has(.drawer-overlay.active)){overflow:hidden}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;opacity:0;visibility:hidden;pointer-events:none;background-color:#0f172a99;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.drawer-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.master-modal-box{z-index:100000;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) forwards masterModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000002e}.master-modal-box form{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.dark-theme .master-modal-box{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 20px 50px #00000080}@keyframes masterModalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.master-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.dark-theme .master-modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.master-modal-header-left{align-items:center;gap:12px;display:flex}.master-modal-icon{color:#6366f1;background:#6366f11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.master-modal-header h3{color:#0f172a;margin:0 0 2px;font-size:16.5px;font-weight:700}.dark-theme .master-modal-header h3{color:var(--text-primary)}.master-modal-header p{color:#64748b;margin:0;font-size:12px}.dark-theme .master-modal-header p{color:var(--text-muted)}.master-modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 24px;display:flex;overflow:hidden auto}.master-tab-bar{background:#f1f5f9;border-radius:10px;gap:6px;padding:4px;display:flex}.dark-theme .master-tab-bar{background:var(--bg-primary)}.master-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.master-tab-btn:hover{color:#0f172a}.master-tab-btn.active{color:#6366f1;background:#fff;box-shadow:0 1px 3px #0000001a}.dark-theme .master-tab-btn.active{background:var(--bg-card);color:var(--accent-color)}form.master-add-form{flex-direction:row;flex:none;gap:10px;width:100%;height:auto;display:flex;overflow:visible}.master-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;width:100%;height:40px;padding:0 14px;font-size:13.5px}.dark-theme .master-input{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.master-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.master-add-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.master-add-btn:hover{background:#4f46e5}.master-pills-container{min-height:100px}.master-pills-grid{flex-wrap:wrap;gap:8px;display:flex}.master-pill-tag{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.dark-theme .master-pill-tag{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.master-pill-edit-btn,.master-pill-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.master-pill-edit-btn{color:#6366f1}.master-pill-delete-btn{color:#ef4444}.master-pill-edit-btn:hover{background:#6366f11a}.master-pill-delete-btn:hover{background:#ef44441a}.master-pill-edit-input{color:#334155;background:0 0;border:none;outline:none;width:100px;padding:0;font-size:12.5px;font-weight:600}.dark-theme .master-pill-edit-input{color:var(--text-primary)}.master-modal-footer{z-index:10;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:14px 24px;display:flex;position:relative}.dark-theme .master-modal-footer{background:var(--bg-secondary);border-top-color:var(--border-color)}.employee-modal-box{width:92%;max-width:680px}.dp-upload-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:16px;margin-bottom:8px;padding:14px 18px;display:flex}.dark-theme .dp-upload-container{border-color:var(--border-color);background:#ffffff05}.dp-preview-circle{color:#6366f1;background:#6366f11a;border:2px solid #6366f14d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.dp-preview-circle img{object-fit:cover;width:100%;height:100%}.dp-upload-details{flex-direction:column;gap:4px;display:flex}.upload-photo-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.dark-theme .upload-photo-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.upload-photo-btn:hover{background:#f1f5f9;border-color:#94a3b8}.dp-upload-hint{color:#64748b;margin:0;font-size:11.5px}.section-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.section-badge--indigo{color:#6366f1;background:#6366f11a}.section-badge--purple{color:#a855f7;background:#a855f71a}.section-badge--emerald{color:#10b981;background:#10b9811a}.section-badge--amber{color:#f59e0b;background:#f59e0b1a}.section-badge--blue{color:#3b82f6;background:#3b82f61a}.drawer-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.dark-theme .drawer-btn-cancel{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.drawer-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.drawer-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #6366f140}.drawer-btn-save:hover{background:#4f46e5;transform:translateY(-1px)}.drawer-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.custom-leave-calendar-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:2px;padding:12px 14px}.dark-theme .custom-leave-calendar-box{border-color:var(--border-color);background:#ffffff05}.clc-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clc-title{color:#0f172a;font-size:14px;font-weight:700}.dark-theme .clc-title{color:var(--text-primary)}.clc-nav-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.dark-theme .clc-nav-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.clc-nav-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.clc-header-actions{align-items:center;gap:6px;display:flex}.clc-today-btn{color:#6366f1;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.dark-theme .clc-today-btn{background:var(--bg-card);border-color:var(--border-color);color:#818cf8}.clc-today-btn:hover{background:#e0e7ff}.clc-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.clc-weekday{color:#64748b;text-transform:uppercase;padding:2px 0;font-size:10.5px;font-weight:700}.clc-weekday.weekend{color:#ef4444}.clc-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.clc-day-cell{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:34px;min-height:34px;padding:0;font-size:12.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.dark-theme .clc-day-cell{background:var(--bg-card);color:var(--text-primary)}.clc-day-cell:hover:not(:disabled){color:#4338ca;background:#eef2ff;border-color:#6366f1}.dark-theme .clc-day-cell:hover:not(:disabled){color:#fff;background:#6366f133}.clc-day-cell.other-month{opacity:.25;cursor:default;background:0 0}.clc-day-cell.weekend:not(.selected){color:#ef4444}.clc-day-cell.company-holiday:not(.selected){color:#d97706;background:#fff7ed;border:1.5px solid #fde68a;font-weight:800;box-shadow:inset 0 0 0 1px #f59e0b33}.dark-theme .clc-day-cell.company-holiday:not(.selected){color:#fbbf24;background:#f59e0b2e;border:1.5px solid #f59e0b73}.clc-day-cell.today:not(.selected){border-color:#6366f1;font-weight:800}.clc-day-cell.selected{box-shadow:0 3px 8px #6366f166;color:#fff!important;background:#6366f1!important;font-weight:800!important}.clc-holiday-badge{font-size:8.5px;line-height:1;position:absolute;top:2px;right:2px}.clc-selected-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;padding:8px 12px}.dark-theme .clc-selected-summary{background:var(--bg-card);border-color:var(--border-color)}.clc-summary-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clc-summary-count{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.dark-theme .clc-summary-count{color:var(--text-primary)}.clc-summary-count svg{color:#6366f1}.clc-clear-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.clc-clear-btn:hover{background:#ef44441a}.clc-chips-wrap{flex-wrap:wrap;gap:6px;max-height:80px;display:flex;overflow-y:auto}.clc-date-chip{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.dark-theme .clc-date-chip{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.clc-chip-remove{cursor:pointer;color:#6366f1;background:0 0;border:none;align-items:center;padding:0;display:flex}.clc-chip-remove:hover{color:#ef4444}.clc-empty-hint{color:#94a3b8;font-size:12px;font-style:italic}.leave-view-emp-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.dark-theme .leave-view-emp-card{border-color:var(--border-color);background:#ffffff05}.leave-view-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f140}.leave-view-info h4{color:#0f172a;margin:0 0 3px;font-size:15px;font-weight:700}.dark-theme .leave-view-info h4{color:var(--text-primary)}.leave-view-info p{color:#64748b;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.dark-theme .leave-view-info p{color:var(--text-muted)}.leave-view-badge-id{color:#334155;background:#e2e8f0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.dark-theme .leave-view-badge-id{color:var(--text-secondary);background:#ffffff1a}.leave-view-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.leave-view-metric{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.dark-theme .leave-view-metric{background:var(--bg-card);border-color:var(--border-color)}.leave-view-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.dark-theme .leave-view-metric-label{color:var(--text-muted)}.leave-view-metric-value{color:#0f172a;font-size:14px;font-weight:800}.dark-theme .leave-view-metric-value{color:var(--text-primary)}.leave-view-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.dark-theme .leave-view-section-box{background:var(--bg-card);border-color:var(--border-color)}.leave-view-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.leave-view-date-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.leave-view-date-chip{color:#1e293b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000005}.dark-theme .leave-view-date-chip{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.leave-view-date-chip.primary{color:#4f46e5;background:#6366f114;border-color:#6366f140}.dark-theme .leave-view-date-chip.primary{color:#a5b4fc;background:#6366f12e;border-color:#6366f159}.leave-view-reason-text{color:#334155;word-break:break-word;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.dark-theme .leave-view-reason-text{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff05}.leave-view-btn-view{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.leave-view-btn-view:hover{color:#6366f1;background:#f1f5f9;border-color:#6366f1}.dark-theme .leave-view-btn-view{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .leave-view-btn-view:hover{color:#818cf8;border-color:#818cf8}#toast-container{pointer-events:none;flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex;position:fixed;top:24px;right:24px;z-index:2147483647!important}.toast{pointer-events:auto;background-color:var(--bg-sidebar);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);opacity:0;border-radius:50px;align-items:center;gap:14px;padding:12px 16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(-120%);box-shadow:0 10px 40px -10px #00000026}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-120%)scale(.9)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-icon i,.toast-icon svg{width:16px;height:16px}.toast.success{border-color:#10b98166;box-shadow:0 10px 40px -10px #10b98140}.toast.success .toast-icon{color:var(--success-color);background-color:#10b98126}.toast.warning{border-color:#f59e0b66;box-shadow:0 10px 40px -10px #f59e0b40}.toast.warning .toast-icon{color:var(--warning-color);background-color:#f59e0b26}.toast.info{border-color:#3b82f666;box-shadow:0 10px 40px -10px #3b82f640}.toast.info .toast-icon{color:var(--info-color);background-color:#3b82f626}.toast-content{color:var(--text-primary);flex-grow:1;font-size:13px;font-weight:600;line-height:1.4}.toast-close{cursor:pointer;background-color:var(--bg-primary);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.toast-close:hover{background-color:var(--bg-glass);color:var(--danger-color)}.toast-close i,.toast-close svg{width:14px;height:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;background-color:#0f172a66;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body.sidebar-collapsed{--sidebar-width:90px}body.sidebar-collapsed #sidebar:hover{width:260px;box-shadow:var(--shadow-lg)}body.sidebar-collapsed #sidebar:hover+#main-container{margin-left:260px}body.sidebar-collapsed #sidebar:not(:hover) .logo-text,body.sidebar-collapsed #sidebar:not(:hover) .nav-item span,body.sidebar-collapsed #sidebar:not(:hover) .sidebar-help-card h4,body.sidebar-collapsed #sidebar:not(:hover) .sidebar-help-card p,body.sidebar-collapsed #sidebar:not(:hover) .sidebar-help-card button,body.sidebar-collapsed #sidebar:not(:hover) .sidebar-pin-btn{display:none}body.sidebar-collapsed #sidebar:not(:hover) .sidebar-logo{justify-content:center;padding:8px 0 24px}body.sidebar-collapsed #sidebar:not(:hover) .nav-item{justify-content:center;padding:14px}body.sidebar-collapsed #sidebar:not(:hover) .sidebar-help-card{background-color:#0000;border:none;padding:12px}body.sidebar-collapsed #sidebar:not(:hover) .sidebar-help-card .help-icon{margin-bottom:0}.sidebar-pin-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-pin-btn:hover{color:var(--accent-color)}.desktop-nav-toggle{display:none}@media (width>=1024px){.desktop-nav-toggle{display:flex}}@media (width<=576px){.greeting-text{display:none!important}.navbar-right{gap:8px}.nav-btn{width:34px;height:34px}.user-profile-widget{gap:4px;padding:0}.user-profile-widget .avatar{width:32px;height:32px;font-size:12px}.user-profile-widget i,.user-profile-widget svg{display:none!important}.page-content{padding:12px!important}#toast-container{width:auto;max-width:none;top:16px;left:16px;right:16px}}.attendance-link-emp{color:var(--accent-color);transition:color var(--transition-fast);font-weight:700;text-decoration:none}.attendance-link-emp:hover{color:var(--text-primary);text-decoration:underline}.attendance-link-pay{color:var(--text-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.attendance-link-pay:hover{color:var(--accent-color);text-decoration:underline}.custom-select-wrapper{-webkit-user-select:none;user-select:none;font-family:var(--font-body);min-width:140px;display:inline-block;position:relative}.custom-select-trigger{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;height:100%;min-height:38px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.custom-select-trigger:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.custom-select-wrapper.open .custom-select-trigger{border-color:var(--accent-color);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-light)}.custom-select-icon{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:8px}.custom-select-wrapper.open .custom-select-icon{transform:rotate(180deg)}.custom-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-options{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);z-index:9999;opacity:0;visibility:hidden;transition:all var(--transition-fast);max-height:250px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-10px)}.custom-select-options.show{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-glass);padding:10px 12px;font-size:13px}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:var(--accent-light);color:var(--accent-color)}.custom-select-option.selected{background:var(--accent-color);color:#fff;font-weight:600}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:0 0}.custom-select-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flatpickr-calendar{background:var(--bg-primary,#fff)!important;font-family:var(--font-body)!important;box-sizing:content-box!important;border:none!important;border-radius:16px!important;width:max-content!important;padding:16px!important;box-shadow:0 12px 40px #00000014,0 2px 10px #00000008!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{display:none!important}.flatpickr-months{background:0 0!important;border:none!important;align-items:center!important;padding:0 8px 16px!important;display:flex!important}.flatpickr-months .flatpickr-month{color:var(--text-primary)!important;fill:var(--text-primary)!important;background:0 0!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--text-muted)!important;fill:var(--text-muted)!important;background:0 0!important;border-radius:50%!important;padding:8px!important;transition:all .2s!important}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important;fill:var(--text-primary)!important}.flatpickr-current-month{justify-content:center!important;align-items:center!important;gap:6px!important;padding:0!important;font-size:16px!important;display:flex!important}.flatpickr-current-month .cur-month{color:var(--text-primary)!important;font-weight:700!important}.custom-month-trigger:hover{background:var(--bg-secondary)!important}.custom-fp-month-dropdown{background:var(--bg-primary,#fff);border:1px solid var(--border-color);z-index:1000;border-radius:12px;width:140px;max-height:200px;margin-top:8px;padding:8px;display:none;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 25px #0000001a}.custom-fp-month-dropdown.show{display:block}.custom-fp-month-dropdown::-webkit-scrollbar{width:4px}.custom-fp-month-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-fp-month-item{color:var(--text-primary);cursor:pointer;text-align:center;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .15s}.custom-fp-month-item:hover{background:var(--bg-secondary);color:var(--accent-color)}.custom-fp-month-item.active{background:var(--accent-color);color:#fff;font-weight:600}.flatpickr-current-month .numInputWrapper{background:0 0!important;border:none!important;border-radius:6px!important;width:70px!important}.flatpickr-current-month .numInputWrapper:hover{background:var(--bg-secondary)!important}.flatpickr-current-month input.cur-year{appearance:textfield;color:var(--text-muted)!important;width:70px!important;padding:4px 8px!important;font-size:16px!important;font-weight:500!important}.flatpickr-current-month input.cur-year::-webkit-outer-spin-button{appearance:none!important;margin:0!important;display:none!important}.flatpickr-current-month input.cur-year::-webkit-inner-spin-button{appearance:none!important;margin:0!important;display:none!important}.flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-current-month .numInputWrapper span.arrowDown{display:none!important}.flatpickr-innerContainer{padding:0!important}.flatpickr-weekdays{border-bottom:1px solid var(--border-color)!important;background:0 0!important;height:28px!important;margin-bottom:8px!important}span.flatpickr-weekday{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11px!important;font-weight:600!important}.flatpickr-day{color:var(--text-primary)!important;border:none!important;border-radius:50%!important;margin:2px 0!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.flatpickr-day.today{color:var(--accent-color)!important;background:#6366f11a!important;font-weight:700!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #6366f14d!important}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:var(--text-muted)!important;opacity:.5!important;background:0 0!important}.dark-theme .sidebar-help-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .sidebar-help-card .btn-primary{color:#a5b4fc!important;background-color:#6366f126!important;border-color:#6366f14d!important}.dark-theme .sidebar-help-card .btn-primary:hover{color:#c7d2fe!important;background-color:#6366f147!important}.dark-theme .btn-perm-pill{color:#94a3b8!important;background-color:#1e293b!important;border-color:#334155!important}.dark-theme .btn-perm-pill:hover{color:#f1f5f9!important;background-color:#334155!important;border-color:#475569!important}.dark-theme .btn-perm-pill.active{color:#c7d2fe!important;background-color:#6366f133!important;border-color:#6366f1!important}.dark-theme .ac-users-section,.dark-theme .ac-users-card{box-shadow:none!important;background:0 0!important;border:none!important}.dark-theme .ac-users-title{color:#f1f5f9!important}.dark-theme .ac-user-item{background:#1e293bb3!important;border-color:#334155!important}.dark-theme .ac-user-item:hover{background:#334155cc!important;border-color:#475569!important}.dark-theme .ac-user-name{color:#f8fafc!important}.dark-theme .ac-user-email{color:#94a3b8!important}.dark-theme .ac-user-status-pill{color:#4ade80!important;background:#15803d40!important}.dark-theme .ac-user-empty{color:#94a3b8!important;background:#1e293b66!important;border-color:#334155!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;visibility:hidden;background-color:#0f172a80;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:none;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1!important;visibility:visible!important;display:block!important}.mobile-nav-toggle{cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:8px;display:none}.sidebar-mobile-close{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar-mobile-close:hover{background:var(--bg-primary);color:var(--danger-color)}.table-responsive,.table-container,.dir-table-container,.leave-table-card,.custom-table-wrapper{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}@media (width>=802px){.mobile-app-title{display:none!important}#sidebar{width:var(--sidebar-width)!important;visibility:visible!important;opacity:1!important;height:100vh!important;box-shadow:none!important;border-right:1px solid var(--border-color)!important;z-index:100!important;transition:width .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}#main-container,main#main-container{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;max-width:calc(100% - var(--sidebar-width))!important;transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1)!important}body.sidebar-collapsed #sidebar:hover{width:260px!important;box-shadow:var(--shadow-lg)!important}body.sidebar-collapsed #sidebar:hover+main#main-container,body.sidebar-collapsed #sidebar:hover+#main-container{width:calc(100% - 260px)!important;max-width:calc(100% - 260px)!important;margin-left:260px!important}.mobile-nav-toggle,.sidebar-overlay,.sidebar-mobile-close{display:none!important}body:not(.sidebar-collapsed) .logo-text{display:block!important}body:not(.sidebar-collapsed) .nav-item span{display:inline!important}body:not(.sidebar-collapsed) .nav-item{justify-content:flex-start!important;padding:10px 16px!important}body.sidebar-collapsed #sidebar:not(:hover) .logo-text,body.sidebar-collapsed #sidebar:not(:hover) .nav-item span{display:none!important}body.sidebar-collapsed #sidebar:not(:hover) .nav-item{justify-content:center!important;padding:14px!important}body.sidebar-collapsed #sidebar:hover .logo-text{display:block!important}body.sidebar-collapsed #sidebar:hover .nav-item span{display:inline!important}body.sidebar-collapsed #sidebar:hover .nav-item{justify-content:flex-start!important;padding:10px 16px!important}body.sidebar-collapsed #sidebar:hover .sidebar-pin-btn{display:flex!important}body.sidebar-collapsed #sidebar:hover .sidebar-logo{justify-content:flex-start!important;padding:8px 12px 16px!important}body.sidebar-collapsed #sidebar:hover .sidebar-help-card h4,body.sidebar-collapsed #sidebar:hover .sidebar-help-card p,body.sidebar-collapsed #sidebar:hover .sidebar-help-card button{display:block!important}}@media (width<=801px){#sidebar{z-index:1050!important;border-right:1px solid var(--border-color)!important;background-color:#fff!important;width:280px!important;max-width:85vw!important;height:100vh!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:0 20px 40px #0000004d!important}.dark-theme #sidebar{background-color:#111827!important}#sidebar.active{transform:translate(0)!important}.sidebar-overlay{display:block!important}.sidebar-mobile-close{display:flex!important}#main-container,main#main-container{flex-direction:column!important;width:100%!important;max-width:100%!important;margin-left:0!important;padding:0!important;display:flex!important}header#navbar{z-index:999!important;background-color:var(--bg-sidebar)!important;border-bottom:1px solid var(--border-color)!important;order:-1!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:52px!important;min-height:52px!important;padding:8px 14px!important;display:flex!important;position:sticky!important;top:0!important}.mobile-nav-toggle{cursor:pointer!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-app-title{color:var(--text-primary)!important;margin-left:4px!important;font-size:16px!important;font-weight:700!important;display:inline-block!important}.greeting-text,.clock-widget,.profile-info{display:none!important}.navbar-left{align-items:center!important;gap:8px!important;display:flex!important}.navbar-right{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.nav-btn{width:36px!important;height:36px!important;position:relative!important}.nav-btn .badge{justify-content:center!important;align-items:center!important;min-width:15px!important;height:15px!important;padding:1px 4px!important;font-size:10px!important;display:flex!important;position:absolute!important;top:-2px!important;right:-2px!important}.user-profile-widget .avatar{width:36px!important;height:36px!important;font-size:12px!important}.dropdown-menu,.profile-dropdown{box-sizing:border-box!important;max-width:calc(100vw - 20px)!important;right:0!important}.page-content{box-sizing:border-box!important;order:1!important;width:100%!important;padding:16px 14px!important;overflow-x:hidden!important}.logo-text,.nav-item span{display:inline-block!important}.nav-item{justify-content:flex-start!important;padding:12px 16px!important;font-size:14px!important}.nav-item i,.nav-item svg{width:18px!important;height:18px!important}.sidebar-help-card{display:flex!important}.top-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.top-bar-actions{flex-wrap:wrap!important}.modal-container,.modal-box,.modal-dialog{box-sizing:border-box!important;width:calc(100% - 20px)!important;max-width:540px!important;max-height:92vh!important;margin:10px auto!important;padding:16px!important}.master-modal-box{box-sizing:border-box!important;width:calc(100% - 20px)!important;max-width:540px!important;max-height:92vh!important;margin:10px auto!important;padding:0!important}.stats-grid,.dashboard-grid,.metrics-grid,.Requests-cards{grid-template-columns:1fr!important;gap:12px!important}.form-row,.filter-row,.form-group-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.table-container,.dir-table-container,.custom-table-wrapper,.table-responsive{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.table-responsive::-webkit-scrollbar{height:4px!important}.table-container::-webkit-scrollbar{height:4px!important}.custom-table-wrapper::-webkit-scrollbar{height:4px!important}.table-responsive::-webkit-scrollbar-track{background:0 0!important}.table-container::-webkit-scrollbar-track{background:0 0!important}.custom-table-wrapper::-webkit-scrollbar-track{background:0 0!important}.table-responsive::-webkit-scrollbar-thumb{background:#6366f14d!important;border-radius:4px!important}.table-container::-webkit-scrollbar-thumb{background:#6366f14d!important;border-radius:4px!important}.custom-table-wrapper::-webkit-scrollbar-thumb{background:#6366f14d!important;border-radius:4px!important}.pagination-wrapper{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:12px 14px!important}.pagination-info{text-align:center!important;white-space:normal!important;font-size:12px!important;line-height:1.4!important}.pagination-controls{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;display:flex!important}.pagination-controls button{padding:6px 12px!important;font-size:12.5px!important}}@media (width<=480px){body{font-size:13.5px!important}header#navbar{height:48px!important;min-height:48px!important;padding:6px 10px!important}.page-content{padding:12px 10px!important}.modal-container,.modal-box,.modal-dialog{border-radius:12px!important;width:calc(100% - 16px)!important;max-height:94vh!important;margin:8px auto!important;padding:14px 12px!important}.master-modal-box{box-sizing:border-box!important;border-radius:12px!important;width:calc(100% - 16px)!important;max-height:94vh!important;margin:8px auto!important;padding:0!important}.master-tab-bar{box-sizing:border-box!important;flex-wrap:nowrap!important;gap:4px!important;width:100%!important;padding:4px!important;display:flex!important;overflow:hidden!important}.master-tab-btn{flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important;padding:8px 4px!important;font-size:11px!important;overflow:hidden!important}.master-tab-btn span{white-space:nowrap!important;text-overflow:ellipsis!important;text-align:center!important;width:100%!important;overflow:hidden!important}.master-tab-btn svg{flex-shrink:0!important;width:16px!important;height:16px!important;margin-bottom:2px!important}.master-modal-body,.master-modal-header{padding:14px 16px!important}.modal-footer,.drawer-footer,.master-modal-footer{flex-direction:column-reverse!important;gap:8px!important;width:100%!important}.modal-footer button,.drawer-footer button,.master-modal-footer button{justify-content:center!important;width:100%!important}.btn{font-size:13px!important}.welcome-actions{flex-direction:column!important;gap:8px!important;display:flex!important}.welcome-actions .btn{width:100%!important}.hide-on-mobile{display:none!important}.dp-upload-container{text-align:center!important;flex-direction:column!important;gap:12px!important;padding:16px 12px!important}.dp-upload-details{align-items:center!important}}@media (width<=1024px) and (width>=802px){header#navbar{height:var(--navbar-height)!important;padding:0 20px!important;overflow:hidden!important}.navbar-left{flex:auto!important;gap:10px!important;min-width:0!important;overflow:hidden!important}.greeting-text{min-width:0!important;overflow:hidden!important}.greeting-text h2{white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:0!important;font-size:15px!important;overflow:hidden!important}.greeting-text p{display:none!important}.clock-widget{white-space:nowrap!important;flex-shrink:0!important;padding:4px 10px!important;font-size:12px!important}.navbar-right{flex-shrink:0!important;gap:12px!important}.user-profile-widget .profile-info .user-name{font-size:13px!important}.page-content{padding:20px 24px!important}}@media print{#sidebar,#navbar,header#navbar,.sidebar,.sidebar-overlay,.navbar,.navbar-left,.navbar-right,.user-profile-widget,.avatar-circle,.no-print,#toast-container{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}#app-layout,#main-container,.page-content{background:0 0!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}}html,body,#root{font-family:var(--font-family)}h1{letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}p{font-weight:400;line-height:1.5}nav,aside,nav a,aside a{font-weight:500}.card-title{font-weight:600}.kpi-label{letter-spacing:.02em;font-size:12px;font-weight:500}.kpi-value{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:1.1}th{letter-spacing:.02em;font-size:12px;font-weight:600}td{font-size:14px;font-weight:400}.employee-name{font-weight:600}button{font-family:var(--font-family);font-weight:600}label{font-size:13px;font-weight:500}input,select,textarea{font-family:var(--font-family);font-weight:400}.text-muted,.subtitle,.description,.helper-text{font-weight:400}.badge,.status{font-size:12px;font-weight:600}@media (width<=576px){.master-tab-bar{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.master-tab-bar::-webkit-scrollbar{display:none}.master-tab-btn{flex:none;min-width:max-content}form.master-add-form{flex-direction:column}.master-input{flex:none}.master-add-btn{width:100%}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pf-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pf-spinner-ring{flex-shrink:0;animation:.8s linear infinite pf-spin;display:block}.pf-spinner-track{stroke:var(--border-color,#e2e8f0)}.pf-spinner-arc{stroke:var(--accent-color,#6366f1);stroke-dasharray:80;stroke-dashoffset:60px}.pf-spinner-white .pf-spinner-track{stroke:#ffffff47!important}.pf-spinner-white .pf-spinner-arc{stroke:#fff!important}.pf-loader-inline{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.pf-btn-loading{pointer-events:none;position:relative;opacity:.85!important}.pf-loader-section{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;padding:48px 24px;animation:.25s pf-fade-in;display:flex}.pf-loader-section__label{color:var(--text-muted,#94a3b8);letter-spacing:.02em;font-size:13px;font-weight:500}.pf-loader-page{z-index:99999;-webkit-backdrop-filter:blur(4px);background:#ffffffbf;justify-content:center;align-items:center;animation:.15s pf-fade-in;display:flex;position:fixed;inset:0}.dark-theme .pf-loader-page{background:#0f172abf}.pf-loader-page__inner{flex-direction:column;align-items:center;gap:16px;display:flex}.pf-loader-page__label{color:var(--text-secondary,#475569);font-size:14px;font-weight:600}.pf-skel-bar{background:linear-gradient(90deg, var(--bg-secondary,#f1f5f9) 25%, var(--border-color,#e2e8f0) 50%, var(--bg-secondary,#f1f5f9) 75%);background-size:800px 100%;border-radius:6px;height:13px;animation:1.4s ease-in-out infinite pf-shimmer;display:block}.dark-theme .pf-skel-bar{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/800px 100%}.pf-skel-row td{border-bottom:1px solid var(--border-color,#e2e8f0)}.pf-skel-table-wrap{border-radius:var(--border-radius-md,12px);border:1px solid var(--border-color,#e2e8f0);animation:.2s pf-fade-in;overflow:hidden}:root{--font-body:"Kreon", serif, sans-serif;--font-heading:"Kreon", serif, sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.4s cubic-bezier(.16, 1, .3, 1);--bg-page:#f4f6fc;--bg-card:#fff;--text-primary:#1e1e2d;--text-secondary:#5e6278;--text-muted:#a1a5b7;--border-color:#e4e6ef;--accent-color:#5d42ca;--accent-hover:#4e35ad;--accent-gradient:linear-gradient(90deg, #6250e5 0%, #4a2ea6 100%);--card-shadow:0px 10px 40px 0px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);min-height:100vh;margin:0}.page-background{z-index:0;background:radial-gradient(circle at 0 0,#ebedfa 0%,#f4f6fc 100%);width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.bg-pattern.dots{opacity:.5;background-image:radial-gradient(#d5d7e6 2px,#0000 2px);background-size:20px 20px;width:200px;height:200px;position:absolute}.bg-pattern.top-left{top:40px;left:40px}.bg-pattern.bottom-right{bottom:40px;right:40px}.bg-wave{background:radial-gradient(#674ce314 0%,#0000 70%);border-radius:50%;width:120vw;height:50vh;position:absolute;bottom:-10vh;left:-10vw;transform:rotate(-10deg)}.login-wrapper{z-index:10;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow-y:auto}.modern-card{background:var(--bg-card);border-radius:var(--border-radius-lg);width:100%;max-width:960px;box-shadow:var(--card-shadow);flex-direction:row;display:flex;position:relative;overflow:hidden}.animate-element{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUpIn;animation-delay:calc(var(--delay) * .1s);transform:translateY(20px)}@keyframes fadeUpIn{to{opacity:1;transform:translateY(0)}}.modern-card-brand{border-right:1px solid var(--border-color);text-align:center;background:#fbfbfc;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 48px;display:flex;position:relative;overflow:hidden}.brand-rings{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{border:1px solid #674ce30d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:300px;height:300px}.ring-2{border-width:2px;border-color:#674ce308;width:450px;height:450px}.ring-3{width:600px;height:600px}.brand-content-wrapper{z-index:1;position:relative}.modern-card .logo-box,.modern-card-brand .logo-box{background:#fff;border-radius:20px;width:80px;height:80px;margin:0 auto 16px;padding:14px;box-shadow:0 8px 16px #0000000f}.modern-card .custom-logo,.modern-card-brand .custom-logo{object-fit:contain;width:100%;height:100%}.modern-card .logo-text,.modern-card-brand .logo-text{font-family:var(--font-heading);color:#5d42ca;letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:800}.brand-tagline{color:var(--text-secondary);font-size:15px;font-weight:500}.brand-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.mb-6{margin-bottom:24px}.brand-separator{background:var(--accent-color);border-radius:2px;width:32px;height:3px;margin:40px auto}.welcome-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:26px;font-weight:700}.welcome-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.6}.branding-content{text-align:left;margin-top:24px}.branding-content h1{font-family:var(--font-heading);margin-bottom:12px;font-size:28px;font-weight:700}.branding-content p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.features-list{flex-direction:column;gap:12px;display:flex}.feature-item{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.feature-icon{color:var(--accent-color)}.branding-footer{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:40px;font-size:12px;display:flex}.ibt-logo{object-fit:contain;width:auto;height:40px}.modern-card-form{background:#fff;flex-direction:column;flex:1.1;justify-content:center;padding:64px;display:flex}.login-actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.oauth-btn{border-radius:var(--border-radius-md);cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:14px;font-weight:600;display:flex}.oauth-btn:hover{background:#f9f9f9;border-color:#d1d3e0}.divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:24px 0;font-size:11px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.divider span{padding:0 16px}.custom-login-form{margin-bottom:24px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .left-icon{color:var(--text-muted);width:18px;height:18px;transition:color var(--transition-fast);position:absolute;left:16px}.modern-input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#fff;outline:none;padding:14px 16px 14px 44px;font-size:14px}.modern-input::placeholder{color:#a1a5b7}.modern-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #5d42ca1a}.modern-input:focus~.left-icon{color:var(--accent-color)}.pwd-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;display:flex;position:absolute;right:16px}.pwd-toggle:hover{color:var(--text-secondary)}.pwd-toggle .right-icon{width:18px;height:18px}.form-options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.remember-me input{display:none}.remember-me .checkmark{border:1px solid var(--border-color);color:#fff;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.remember-me input:checked+.checkmark{background:var(--accent-color);border-color:var(--accent-color)}.forgot-pwd{color:var(--accent-color);font-size:13px;font-weight:500;text-decoration:none}.forgot-pwd:hover{text-decoration:underline}.modern-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:600;display:flex;box-shadow:0 8px 16px #5d42ca33}.modern-btn .btn-icon{width:18px;height:18px;transition:transform .2s}.modern-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #5d42ca4d}.modern-btn:hover .btn-icon{transform:translate(4px)}.login-footer{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.secure-badge{color:#059669;background-color:#d1fae5;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-weight:600;display:inline-flex}@media (width<=992px){.modern-card{flex-direction:column;max-width:500px;margin:20px auto}.modern-card-brand{border-right:none;border-bottom:1px solid var(--border-color);padding:48px 32px}.modern-card-form{padding:48px 32px}.bg-pattern.dots{opacity:.2}}@media (width<=600px){.login-wrapper{align-items:flex-start;padding:24px 16px}.modern-card{border-radius:20px;margin:0 auto 32px}.modern-card-brand,.modern-card-form{padding:32px 20px}.logo-text{font-size:28px}.welcome-title{font-size:22px}.oauth-btn{padding:12px;font-size:13px}.modern-input{padding:12px 14px 12px 40px}.input-wrapper .left-icon{left:12px}.pwd-toggle{right:12px}.modern-btn{padding:14px;font-size:14px}.bg-pattern.dots{display:none}}@media (width<=480px){.login-wrapper{padding:16px 8px!important}.modern-card{border-radius:16px!important;width:100%!important;margin:0 auto 16px!important}.modern-card-brand,.modern-card-form{padding:20px 14px!important}.logo-text{font-size:24px!important}.welcome-title{font-size:18px!important}.welcome-subtitle{font-size:12.5px!important}.oauth-btn{gap:8px!important;padding:10px!important;font-size:12.5px!important}.modern-input{padding:10px 12px 10px 36px!important;font-size:13.5px!important}.modern-btn{padding:12px!important;font-size:13.5px!important}}.welcome-banner{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#4c1d95 0%,#3b82f6 100%);border:none;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px -10px #4c1d9566}.welcome-banner:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.welcome-banner:after{content:"";filter:blur(15px);pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40%;right:20%}.welcome-text h1{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.welcome-text p{color:#ffffffd9;max-width:550px;font-size:16px;line-height:1.5}.welcome-actions{z-index:5;gap:12px;display:flex}.welcome-actions .btn-primary{color:#4c1d95;background:#fff;box-shadow:0 4px 12px #0000001a}.welcome-actions .btn-primary:hover{background:#f8fafc;transform:translateY(-2px)}.welcome-actions .btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d}.welcome-actions .btn-secondary:hover{background:#ffffff40;border-color:#ffffff80}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;display:grid}.kpi-card{justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.kpi-info{flex-direction:column;flex:1;min-width:0;margin-right:8px;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;line-height:1.3}.greeting-text h2{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.greeting-icon{vertical-align:middle;width:26px;height:26px;margin-left:6px;position:relative;top:-2px;color:#f59e0b!important;stroke:#f59e0b!important}.kpi-value{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:0;font-size:28px;font-weight:700;line-height:1.1}.kpi-trend{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{color:var(--success-color)}.kpi-trend.down{color:var(--danger-color)}.kpi-icon-box{border-radius:var(--border-radius-md);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.kpi-card:first-child .kpi-icon-box{background:var(--accent-gradient);box-shadow:0 4px 10px #6366f14d}.kpi-card:nth-child(2) .kpi-icon-box{background:var(--cyan-gradient);box-shadow:0 4px 10px #06b6d44d}.kpi-card:nth-child(3) .kpi-icon-box{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 10px #f59e0b4d}.kpi-card:nth-child(4) .kpi-icon-box{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 10px #ef44444d}.kpi-card:nth-child(5) .kpi-icon-box{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b9814d}.dashboard-grid{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.dashboard-grid>div{min-width:0}.attendance-card{text-align:center;flex-direction:column;align-items:center;display:flex}.attendance-card h3{align-self:flex-start;margin-bottom:24px;font-size:16px;font-weight:700}.progress-ring-wrapper{width:160px;height:160px;margin-bottom:24px;position:relative}.progress-ring{transform-origin:50%;transform:rotate(-90deg)}.progress-ring-circle-bg{fill:#0000;stroke:var(--border-color);stroke-width:12px}.progress-ring-circle{fill:#0000;stroke:url(#gradient-accent);stroke-width:12px;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440px;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.progress-value-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percentage{font-family:var(--font-heading);color:var(--text-primary);font-size:26px;font-weight:800;line-height:1}.progress-label{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.attendance-legend{border-top:1px solid var(--border-color);justify-content:center;gap:24px;width:100%;padding-top:16px;display:flex}.attendance-legend-item{flex-direction:column;gap:4px;display:flex}.legend-label{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.legend-label:before{content:"";border-radius:50%;width:8px;height:8px}.attendance-legend-item.present .legend-label:before{background-color:var(--accent-color)}.attendance-legend-item.absent .legend-label:before{background-color:var(--text-muted)}.legend-val{font-family:var(--font-heading);font-size:16px;font-weight:700}.recent-employees-card{flex-direction:column;display:flex}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header-row h3{font-size:16px;font-weight:700}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border-color);padding:14px 16px;font-size:12px;font-weight:700}.custom-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px;font-size:14px}.custom-table tbody tr{transition:background-color var(--transition-fast)}.custom-table tbody tr:hover{background-color:var(--bg-primary)}.emp-profile-col{align-items:center;gap:12px;display:flex}.emp-name-col{flex-direction:column;display:flex}.emp-name-col .emp-name{color:var(--text-primary);font-size:14px;font-weight:600}.emp-name-col .emp-email{color:var(--text-muted);font-size:12px}.action-icon-btn{border-radius:var(--border-radius-sm);background-color:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{background-color:var(--accent-light);color:var(--accent-color)}.action-icon-btn.delete:hover{color:var(--danger-color);background-color:#ef44441a}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr;gap:16px}.attendance-card{align-items:center}.attendance-legend{justify-content:space-around}}@media (width<=801px){.welcome-banner{box-sizing:border-box!important;border-radius:16px!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-bottom:16px!important;padding:18px 16px!important}.welcome-text h1{white-space:normal!important;word-break:break-word!important;margin-bottom:4px!important;font-size:18px!important;line-height:1.25!important}.welcome-text p{max-width:100%!important;font-size:12.5px!important;line-height:1.4!important}.welcome-actions{flex-direction:column!important;gap:8px!important;width:100%!important}.welcome-actions .btn{box-sizing:border-box!important;border-radius:10px!important;justify-content:center!important;width:100%!important;height:40px!important;font-size:13px!important;font-weight:700!important}.kpi-grid{flex-direction:column!important;gap:10px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.kpi-card{box-sizing:border-box!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:14px 16px!important;display:flex!important}.kpi-info{flex-direction:column!important;flex:1!important;min-width:0!important;margin-right:12px!important;display:flex!important}.kpi-title{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:2px!important;font-size:11px!important;font-weight:700!important;overflow:hidden!important}.kpi-value{font-family:var(--font-heading)!important;color:var(--text-primary)!important;font-size:24px!important;font-weight:800!important;line-height:1.1!important}.kpi-icon-box{border-radius:var(--border-radius-md)!important;flex-shrink:0!important;width:40px!important;height:40px!important;font-size:18px!important}.attendance-card{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;padding:18px 16px!important}.attendance-card h3{margin-bottom:16px!important;font-size:15px!important;font-weight:800!important}.progress-ring-wrapper{justify-content:center!important;align-items:center!important;width:150px!important;height:150px!important;margin:0 auto 16px!important;display:flex!important;position:relative!important}.progress-ring{transform-origin:50%!important;width:150px!important;height:150px!important;transform:rotate(-90deg)!important}.progress-value-text{text-align:center!important;pointer-events:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.progress-percentage{color:var(--text-primary)!important;font-size:24px!important;font-weight:800!important;line-height:1!important}.progress-label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-top:4px!important;font-size:11px!important;font-weight:700!important}.attendance-legend{gap:16px!important;width:100%!important;padding-top:14px!important}.recent-employees-card{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;padding:18px 16px!important}.card-header-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;display:flex!important}.card-header-row h3{margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important}#btn-view-all-emp{white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;gap:4px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.recent-employees-card .table-responsive{width:100%!important;overflow-x:visible!important}.recent-employees-card .custom-table{border:none!important;width:100%!important;min-width:0!important;display:block!important}.recent-employees-card .custom-table thead{display:none!important}.recent-employees-card .custom-table tbody{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.recent-employees-card .custom-table tbody tr{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;box-sizing:border-box!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 12px!important;transition:all .2s!important;display:flex!important}.recent-employees-card .custom-table tbody tr:hover{border-color:var(--accent-color)!important;background:var(--bg-secondary)!important}.recent-employees-card .custom-table tbody tr td{border:none!important;padding:0!important}.recent-employees-card .custom-table tbody tr td:first-child{flex:auto!important;min-width:0!important}.recent-employees-card .emp-profile-col{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.recent-employees-card .emp-profile-col .avatar{flex-shrink:0!important;width:36px!important;height:36px!important;font-size:12px!important;font-weight:700!important}.recent-employees-card .emp-name-col{flex:1!important;min-width:0!important}.recent-employees-card .emp-name-col .emp-name{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.recent-employees-card .emp-name-col .emp-email{color:var(--text-muted)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.recent-employees-card .custom-table tbody tr td:nth-child(2){text-align:right!important;flex:none!important;min-width:0!important;max-width:48%!important}.recent-employees-card .custom-table tbody tr td:nth-child(2) div:first-child{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;overflow:hidden!important}.recent-employees-card .custom-table tbody tr td:nth-child(2) div:last-child{color:var(--text-muted)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:10.5px!important;line-height:1.3!important;overflow:hidden!important}.recent-employees-card .custom-table tbody tr td:nth-child(3),.recent-employees-card .custom-table tbody tr td:nth-child(4),.recent-employees-card .custom-table tbody tr td:nth-child(5){display:none!important}}@media (width<=480px){.welcome-banner{border-radius:14px!important;gap:10px!important;margin-bottom:12px!important;padding:14px 12px!important}.welcome-text h1{margin-bottom:3px!important;font-size:16px!important;line-height:1.25!important}.welcome-text p{font-size:11.5px!important;line-height:1.35!important}.welcome-actions .btn{border-radius:8px!important;height:38px!important;font-size:12.5px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}.kpi-card{border-radius:10px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:8px!important;padding:12px 10px!important}.kpi-card.hide-on-mobile{display:none!important}.kpi-info{flex-direction:column-reverse;display:flex}.kpi-value{font-size:24px!important;font-weight:700!important;line-height:1.1!important}.kpi-title{text-transform:capitalize!important;letter-spacing:0!important;color:var(--text-muted)!important;margin-top:2px!important;font-size:11px!important}.kpi-icon-box{width:28px!important;height:28px!important;font-size:14px!important;position:absolute!important;top:10px!important;right:10px!important}.kpi-icon-box i{stroke-width:2px!important;width:18px!important;height:18px!important}.attendance-card{border-radius:12px!important;padding:16px 14px!important}.attendance-card h3{margin-bottom:16px!important}.attendance-content-wrapper{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.progress-ring-wrapper{flex-shrink:0!important;width:90px!important;height:90px!important;margin-bottom:0!important}.progress-ring{width:90px!important;height:90px!important}.progress-ring-circle,.progress-ring-circle-bg{cx:45!important;cy:45!important;r:38!important;stroke-width:10px!important}.progress-percentage{font-size:18px!important}.progress-label{font-size:10px!important}.attendance-legend{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-top:0!important}.attendance-legend-item{background:var(--bg-primary)!important;border-radius:8px!important;justify-content:space-between!important;width:100%!important;padding:8px 12px!important}.card-header-row h3{white-space:nowrap!important;font-size:13.5px!important}.recent-employees-card{border-radius:12px!important;padding:14px 10px!important}.recent-employees-card .custom-table tbody tr{border-radius:10px!important;gap:8px!important;padding:8px 10px!important}.recent-employees-card .emp-profile-col .avatar{width:32px!important;height:32px!important;font-size:11px!important}.recent-employees-card .emp-name-col .emp-name{font-size:12px!important}.recent-employees-card .emp-name-col .emp-email{font-size:10px!important}.recent-employees-card .custom-table tbody tr td:nth-child(2) div:first-child{font-size:11px!important}.recent-employees-card .custom-table tbody tr td:nth-child(2) div:last-child{font-size:10px!important}}.dir-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dir-title{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.dir-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.dir-header-right{align-items:center;gap:12px;display:flex}.dir-stats-bar{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.dir-stat-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.dir-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dir-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dir-stat-icon svg{width:24px;height:24px}.dir-stat-icon--purple{color:#6366f1;background:#6366f11f}.dir-stat-icon--green{color:#16a34a;background:#22c55e1f}.dir-stat-icon--blue{color:#3b82f6;background:#3b82f61f}.dir-stat-icon--orange{color:#f97316;background:#f973161f}.dir-stat-body{flex:1;min-width:0}.dir-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.dir-stat-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.dir-stat-link{color:#6366f1;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s}.dir-stat-link:hover{opacity:.75}.dir-stat-link--green{color:#16a34a}.dir-stat-link--blue{color:#3b82f6}.dir-stat-link--orange{color:#f97316}.dir-toolbar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.dir-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.dir-toolbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.dir-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;appearance:none!important}.dir-filter-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);outline:none}.dir-view-toggle{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;overflow:hidden}.dir-view-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.dir-view-btn.active{background:var(--accent-color);color:#fff}.dir-view-btn:not(.active):hover{background:var(--accent-light);color:var(--accent-color)}.dir-view-btn svg{width:16px;height:16px}.dir-table-wrapper{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;overflow-x:auto;box-shadow:0 2px 12px #0000000d}.dir-table{border-collapse:collapse;width:100%}.dir-table thead{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.dir-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;padding:12px 20px;font-size:11px;font-weight:700}.dir-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 20px}.dir-emp-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px 8px #6366f14d}.dir-emp-avatar img{object-fit:cover;border-radius:12px;width:100%;height:100%}.dir-emp-name{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.dir-dept-cell{align-items:center;gap:8px;display:flex}.dir-dept-icon{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.dir-dept-icon svg{width:13px;height:13px}.dir-dept-name{color:var(--text-secondary);font-size:13px;font-weight:600}.dir-loc-cell{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.dir-loc-cell svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.dir-status-badge{white-space:nowrap;text-align:center;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.dir-status-badge.on-leave{color:#ea580c;background:#f973161a}.dir-status-badge.probation{color:#2563eb;background:#3b82f61a}.dir-joined-ago{color:var(--text-muted);margin-top:1px;font-size:11px}.dir-actions-btn{border:1px solid var(--border-glass);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.dir-actions-btn svg{width:14px;height:14px}.dir-row-actions{opacity:1;gap:6px;transition:opacity .2s;display:flex}.dir-table tbody tr:hover .dir-row-actions{opacity:1}.dir-empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;margin-top:8px;padding:60px 20px}.dir-empty-icon{background:var(--accent-light);width:64px;height:64px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.dir-empty-icon svg{width:28px;height:28px}.dir-empty-state h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.dir-empty-state p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.pagination-container{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.page-numbers{gap:4px;display:flex}.btn-page,.btn-page-number{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.btn-page{width:32px;height:32px}.btn-page-number{min-width:32px;height:32px;padding:0 8px}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page-number.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media (width<=900px){.dir-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.dir-stats-bar{grid-template-columns:1fr}.dir-toolbar-left{flex-direction:column;align-items:stretch}.dir-filter-select{width:100%}}.directory-toolbar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:14px;margin-bottom:20px;padding:16px 24px;display:flex}.toolbar-top-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-search{flex:1;min-width:200px;max-width:360px;position:relative}.filter-search input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-fast);padding:10px 16px 10px 40px;font-size:14px}.filter-search input:focus{border-color:var(--accent-color);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.search-icon-wrap{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-icon-wrap svg{stroke:currentColor;width:16px;height:16px;display:block}.toolbar-actions{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.location-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.location-filter-pills .loc-pill,.loc-pill{transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.01em;font-family:var(--font-body);line-height:1.4;box-shadow:0 1px 3px #0000000f;background:var(--bg-secondary)!important;border:1.5px solid var(--border-color)!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:999px!important;align-items:center!important;padding:7px 16px!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important}.location-filter-pills .loc-pill:hover,.loc-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #6366f12e;background:var(--accent-light)!important;border-color:var(--accent-color)!important;color:var(--accent-color)!important}.location-filter-pills .loc-pill.active,.loc-pill.active{box-shadow:0 4px 12px #6366f14d;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;border-color:#0000!important;font-weight:600!important}.dark-theme .location-filter-pills .loc-pill.active,.dark-theme .loc-pill.active{box-shadow:0 4px 12px #818cf84d;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%)!important}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:4px 2px;display:grid}.employee-card{background:var(--bg-card);border:1px solid var(--border-glass);cursor:default;border-radius:20px;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000f}.employee-card:hover{border-color:#6366f14d;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 48px #6366f12e}.employee-card-banner{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a78bfa 100%);border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;height:28px;position:relative}.employee-card[data-dept=Engineering] .employee-card-banner{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.employee-card[data-dept=HR] .employee-card-banner{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)}.employee-card[data-dept=Design] .employee-card-banner{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.employee-card[data-dept=Marketing] .employee-card-banner{background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%)}.employee-card[data-dept=Finance] .employee-card-banner{background:linear-gradient(135deg,#14b8a6 0%,#6366f1 100%)}.employee-card[data-dept=Operations] .employee-card-banner{background:linear-gradient(135deg,#f97316 0%,#ec4899 100%)}.employee-card-actions{z-index:5;gap:4px;display:flex;position:absolute;top:4px;right:8px}.action-icon-btn{border:1px solid var(--border-color);background:var(--bg-card);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;box-shadow:0 1px 4px #00000014}.action-icon-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.action-icon-btn.delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.action-icon-btn i,.action-icon-btn svg{width:12px;height:12px}.employee-card-avatar-wrapper{z-index:2;justify-content:center;margin-top:-16px;margin-bottom:4px;display:flex;position:relative}.employee-card-avatar{color:#fff;text-align:center;border:2px solid var(--bg-card);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:15px;font-weight:800;line-height:44px;box-shadow:0 3px 10px #6366f14d}.employee-card-avatar-img{object-fit:cover;border:2px solid var(--bg-card);border-radius:50%;width:44px;height:44px;box-shadow:0 3px 10px #0000001f}.employee-card-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 12px 8px;display:flex}.employee-card-name{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 1px;font-size:14px;font-weight:700}.employee-card-role{color:var(--accent-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.employee-card-dept{background:var(--accent-light);color:var(--accent-color);border-radius:20px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.employee-card-meta-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:2px;display:flex}.emp-meta-chip{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.emp-meta-chip svg{width:11px;height:11px;color:var(--text-muted)}.employee-card-footer{border-top:1px dashed var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:8px 14px;display:flex}.employee-card-join{color:var(--text-muted);font-size:11px}.employee-card-join span{color:var(--text-secondary);margin-top:1px;font-size:12px;font-weight:700;display:block}.status-badge{letter-spacing:.03em;white-space:nowrap;text-align:center;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#16a34a;background:#22c55e1f}.status-badge.inactive{color:#dc2626;background:#ef44441a}.employee-card-meta,.employee-card-right,.employee-card-info,.employee-card-meta-label,.employee-card-meta-value{display:none}.dark-theme .employee-card-avatar{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);box-shadow:0 4px 20px #818cf866}@media (width<=640px){.employees-grid{grid-template-columns:1fr 1fr;gap:14px}}@media (width<=440px){.employees-grid{grid-template-columns:1fr}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;z-index:99999;background-color:#0f172a99;justify-content:center;align-items:center;transition:opacity .2s;display:none;position:fixed;inset:0}.drawer-overlay.active{opacity:1;justify-content:center!important;align-items:center!important;display:flex!important}#employee-drawer,#employee-modal,.employee-modal-box{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:680px!important;height:auto!important;max-height:90vh!important;margin:auto!important;animation:.25s cubic-bezier(.16,1,.3,1) forwards masterModalIn!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important;box-shadow:0 20px 50px #0003!important}.dark-theme #employee-drawer,.dark-theme #employee-modal,.dark-theme .employee-modal-box{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;box-shadow:0 20px 50px #00000080!important}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h3{font-size:18px;font-weight:700}.drawer-content{flex-direction:column;flex-grow:1;gap:20px;padding:32px 24px;display:flex;overflow-y:auto}.drawer-profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:8px;padding-bottom:24px;display:flex}.employee-dp-upload{flex-shrink:0;width:72px;height:72px;position:relative}.employee-dp-label{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp-avatar-box{background:var(--bg-primary);border:2px dashed var(--border-color);width:72px;height:72px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.employee-dp-label:hover .dp-avatar-box{border-color:var(--accent-color);background:#4f46e50a}.dp-avatar-box .fallback-icon{width:32px;height:32px;color:var(--text-secondary)}.dp-preview{object-fit:cover;border-radius:50%;width:100%;height:100%}.dp-overlay{opacity:0;transition:opacity var(--transition-fast);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.employee-dp-label:hover .dp-overlay{opacity:1}.dp-overlay i{color:#fff;width:20px;height:20px}.drawer-profile-title{flex-direction:column;gap:4px;display:flex}.drawer-profile-title h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.dp-upload-hint{color:var(--text-muted);font-size:12.5px;font-weight:500}.employee-card-avatar-img{object-fit:cover;border-radius:50%;width:72px;height:72px;margin:0 auto 12px}.employee-card-avatar-wrapper{justify-content:center;margin-bottom:12px;display:flex}.modern-drawer-form{flex-direction:column;gap:24px;display:flex}.form-section{flex-direction:column;gap:16px;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dashed var(--border-color);margin:0;padding-bottom:8px;font-size:13.5px;font-weight:700}.form-group-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.drawer-content .form-group{flex-direction:column;gap:6px;display:flex}.drawer-content .form-group label{color:var(--text-secondary);letter-spacing:.2px;font-size:12.5px;font-weight:600}.drawer-content .form-group input,.drawer-content .form-group select{border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);background:#00000004;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:500;box-shadow:inset 0 1px 2px #00000003}.dark-theme .drawer-content .form-group input,.dark-theme .drawer-content .form-group select{background:#ffffff05}.drawer-content .form-group input:focus,.drawer-content .form-group select:focus{border-color:var(--accent-color);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #6366f126}.drawer-footer{border-top:1px solid var(--border-color);background:var(--bg-primary);gap:12px;margin-top:auto;padding:24px;display:flex}.drawer-footer .btn{flex:1}.btn-rounded{transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.btn-rounded:active{transform:scale(.98)}.employee-directory-header{justify-content:space-between;align-items:flex-start;display:flex}.directory-menu-container{display:inline-block;position:relative}.icon-btn{background:var(--bg-glass);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}#directory-menu-dropdown{border:1px solid var(--border-color);border-radius:var(--border-radius-md);z-index:120;transform-origin:100% 0;width:200px;animation:dropdownFade var(--transition-fast) forwards;background-color:#fff;flex-direction:column;padding:6px 0;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}.dropdown-item.has-submenu{position:relative;background:0 0!important;padding:0!important}.submenu-trigger{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.submenu-trigger span{flex-grow:1}.submenu-trigger i{color:var(--text-muted);transition:color var(--transition-fast);font-size:16px}.submenu-trigger .chevron-icon{transition:transform var(--transition-fast);font-size:14px}.dropdown-item.has-submenu:hover>.submenu-trigger{background-color:var(--accent-light);color:var(--accent-color)}.dropdown-item.has-submenu:hover>.submenu-trigger i{color:var(--accent-color)}.dropdown-item.has-submenu:hover>.submenu-trigger .chevron-icon{transform:translate(2px)}.dropdown-item.has-submenu.active>.submenu-trigger{background-color:var(--accent-light);color:var(--accent-color);border-left-color:var(--accent-color);padding-left:13px}.dropdown-item.has-submenu.active>.submenu-trigger i{color:var(--accent-color)}.submenu-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-md);z-index:130;opacity:0;pointer-events:none;visibility:hidden;background-color:#fff;flex-direction:column;min-width:220px;margin-right:8px;padding:6px 0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s;display:flex;position:absolute;top:0;right:100%;transform:translate(8px);box-shadow:0 10px 30px #0000001f}.dropdown-item.has-submenu.active .submenu-panel,.dropdown-item.has-submenu:hover .submenu-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.submenu-item{color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.submenu-item:hover{background-color:var(--accent-light);color:var(--accent-color)}.submenu-item i{color:var(--text-muted);transition:color var(--transition-fast);font-size:14px}.submenu-item:hover i{color:var(--accent-color)}.submenu-item.danger{color:#ef4444d9}.submenu-item.danger i{color:#ef4444b3}.submenu-item.danger:hover{color:#ef4444;background-color:#ef444414}.submenu-item.danger:hover i{color:#ef4444}.custom-modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(15px);padding:24px!important}.custom-modal-overlay.active .custom-modal-card{transform:translateY(0)}.custom-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.custom-modal-header h3{margin:0;font-size:16px;font-weight:700}.custom-modal-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.custom-modal-close:hover{color:var(--text-primary)}.custom-modal-body{flex-direction:column;gap:12px;display:flex}.custom-modal-body label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.custom-modal-body .form-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:10px 12px;font-size:14px}.custom-modal-body .form-control:focus{border-color:var(--accent-color);outline:none}.custom-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:12px;display:flex}.custom-modal-footer .btn{border-radius:var(--border-radius-sm);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}@media (width<=801px){.directory-toolbar{gap:10px;padding:14px 16px}.toolbar-top-row{flex-direction:column;align-items:stretch;gap:10px}.filter-search{flex:unset;width:100%;max-width:100%}.toolbar-actions,.location-filter-pills{justify-content:flex-start}.employees-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}}.custom-table{border-collapse:collapse;width:100%;margin-top:20px}@media (width<=992px){.dir-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=801px){.dir-header-row{flex-direction:column;align-items:flex-start;gap:12px}.dir-header-right{justify-content:space-between;width:100%}.dir-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.dir-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.dir-toolbar-left .filter-search,.dir-filter-select{width:100%}.dir-toolbar-right{justify-content:flex-end;width:100%}}.custom-table th{text-align:left;color:var(--text-primary);border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:14px;font-weight:700}.custom-table td{color:var(--text-secondary);border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:14px}.custom-table tr:hover{background:#6366f10a}.status-badge{color:#16a34a;background:#22c55e1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.attendance-link-emp,.attendance-link-pay{transition:color var(--transition-fast);font-weight:600;text-decoration:none;position:relative}.attendance-link-emp{color:var(--accent-color)}.attendance-link-emp:hover{text-underline-offset:3px;text-decoration:underline}.attendance-link-pay{color:var(--text-primary)}.attendance-link-pay:hover{color:var(--accent-color);text-underline-offset:3px;text-decoration:underline}.attendance-status{border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);min-width:110px;padding:6px 10px;font-size:13px;font-weight:500}.attendance-status:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);outline:none}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-header-row h3{color:var(--text-primary);font-size:16px;font-weight:700}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-card{text-align:center;background:#fff;border-radius:24px;width:420px;padding:32px;box-shadow:0 20px 60px #00000026}.modal-icon{margin-bottom:12px;font-size:48px}.modal-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.btn-secondary{cursor:pointer;border:none;border-radius:12px;padding:12px 24px}@media (width<=992px){.dir-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=801px){.dir-header-row{flex-direction:column;align-items:flex-start;gap:12px}.dir-header-right{justify-content:space-between;width:100%}.dir-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.dir-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.dir-toolbar-left .filter-search,.dir-filter-select{width:100%}.dir-toolbar-right{justify-content:flex-end;width:100%}#employee-drawer{width:100%}}@media (width<=576px){.dir-header-right{flex-direction:row;align-items:center;gap:12px;width:100%}.dir-header-right .btn{flex:1;justify-content:center}.directory-menu-container{justify-content:center;width:auto;display:flex;position:relative}@keyframes dropdownFadeMobile{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}#directory-menu-dropdown{transform-origin:100% 0;animation:dropdownFadeMobile var(--transition-fast) forwards;margin-top:0;margin-right:0;top:calc(100% + 8px);width:220px!important;max-width:calc(100vw - 32px)!important;left:auto!important;right:0!important;box-shadow:0 10px 30px #0000002e!important}.dir-stats-bar{grid-template-columns:1fr}.form-group-grid{grid-template-columns:1fr;gap:12px}.dropdown-item.has-submenu{flex-direction:column;display:flex}.submenu-panel{min-width:100%;box-shadow:none;border:none;border-top:1px dashed var(--border-color);opacity:1;visibility:visible;background:0 0;border-radius:0;margin:0;padding:4px 0 4px 16px;transition:none;position:static;transform:none;display:none!important}.dropdown-item.has-submenu.active .submenu-panel{display:flex!important}.dropdown-item.has-submenu.active .chevron-icon{transform:rotate(90deg)}.col-span-2{grid-column:span 1}.modal-card{width:90%;padding:20px}}.master-data-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.master-data-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.master-data-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.master-data-close:hover{color:var(--text-primary)}.master-data-list{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:12px 24px}@media (width<=992px){.dir-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=801px){.dir-header-row{flex-direction:column;align-items:flex-start;gap:12px}.dir-header-right{justify-content:space-between;width:100%}.dir-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.dir-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.dir-toolbar-left .filter-search,.dir-filter-select{width:100%}.dir-toolbar-right{justify-content:flex-end;width:100%}#employee-drawer{width:100%}}@media (width<=576px){.dir-header-right{flex-direction:row;align-items:center;gap:12px;width:100%}.dir-header-right .btn{flex:1;justify-content:center}.directory-menu-container{justify-content:center;width:auto;display:flex;position:relative}@keyframes dropdownFadeMobile{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}#directory-menu-dropdown{transform-origin:100% 0;animation:dropdownFadeMobile var(--transition-fast) forwards;margin-top:0;margin-right:0;top:calc(100% + 8px);width:220px!important;max-width:calc(100vw - 32px)!important;left:auto!important;right:0!important;box-shadow:0 10px 30px #0000002e!important}.dir-stats-bar{grid-template-columns:1fr}.form-group-grid{grid-template-columns:1fr;gap:12px}.dropdown-item.has-submenu{flex-direction:column;display:flex}.submenu-panel{min-width:100%;box-shadow:none;border:none;border-top:1px dashed var(--border-color);opacity:1;visibility:visible;background:0 0;border-radius:0;margin:0;padding:4px 0 4px 16px;transition:none;position:static;transform:none;display:none!important}.dropdown-item.has-submenu.active .submenu-panel{display:flex!important}.dropdown-item.has-submenu.active .chevron-icon{transform:rotate(90deg)}.col-span-2{grid-column:span 1}.modal-card{width:90%;padding:20px}}.master-data-premium-modal{animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;position:relative;overflow:hidden;background:var(--bg-secondary)!important;border:1px solid var(--border-glass)!important;border-radius:24px!important;width:480px!important;max-width:92vw!important;padding:24px!important;box-shadow:0 25px 60px -15px #6366f140,0 10px 20px -5px #0000001a!important}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.master-data-header{border-bottom:1px solid var(--border-color)!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:18px!important;display:flex!important}.master-header-left{align-items:center;gap:14px;display:flex}.master-header-icon-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 18px #6366f14d}.master-header-left h3{letter-spacing:-.3px;color:var(--text-primary)!important;margin:0!important;font-size:18px!important;font-weight:800!important}.master-header-sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:500}.master-data-close{background:var(--bg-primary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.master-data-close:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.master-data-list{flex-direction:column;gap:12px;max-height:360px;margin:0;padding:6px 12px;list-style:none;display:flex;overflow-y:auto}.master-data-list::-webkit-scrollbar{width:5px}.master-data-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.master-data-item{cursor:default;background:var(--bg-primary)!important;border:1.5px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;padding:12px 14px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.master-data-item:hover{transform:translateY(-2px);background:var(--bg-card)!important;border-color:var(--accent-color)!important;box-shadow:0 8px 24px #6366f129!important}.pagination-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:14px;flex-direction:column;gap:12px;margin-top:20px;margin-bottom:24px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #00000008}@media (width>=802px){.pagination-container{flex-direction:row;justify-content:space-between;align-items:center}}.pagination-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}@media (width>=802px){.pagination-header-row{gap:16px;width:auto}}.pagination-info{color:var(--text-secondary);font-size:13px;font-weight:500}.pagination-info span{color:var(--text-primary);font-weight:700}.pagination-page-size{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:10px;outline:none;height:36px;padding:4px 10px;font-size:12.5px;font-weight:600;transition:all .2s}.pagination-page-size:focus{border-color:var(--accent-color)}.pagination-controls{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}@media (width>=802px){.pagination-controls{width:auto}}.page-numbers{align-items:center;gap:4px;display:flex}.btn-page,.btn-page-number{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-page svg{width:16px;height:16px}.btn-page:hover:not(:disabled),.btn-page-number:hover:not(.active){background:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.btn-page:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-primary)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}.btn-page-number.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 8px #6366f140}.master-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.dir-toolbar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:14px;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}@media (width>=802px){.dir-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.dir-toolbar-main{flex:1;align-items:center;gap:10px;display:flex}.dir-filter-toggle-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:none}.dir-filter-toggle-btn:hover,.dir-filter-toggle-btn.active{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.dir-filter-toggle-btn svg{width:16px;height:16px}.filter-badge{background:var(--accent-color);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1}.dir-filters-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.master-item-icon-wrap{width:36px;height:36px;color:var(--accent-color);background:#6366f11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.master-item-title{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.35;white-space:normal!important;word-break:break-word!important}.master-item-badge{color:var(--accent-color);background:#6366f114;border:1px solid #6366f133;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;white-space:nowrap!important;flex-shrink:0!important}.dir-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;width:100%;margin-bottom:24px;overflow-x:auto;box-shadow:0 4px 20px #0000000a}.dir-table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.dir-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);white-space:nowrap;padding:16px 20px;font-size:11px;font-weight:700}.dir-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 20px;font-size:14px}.dir-table tbody tr{transition:background var(--transition-fast)}.dir-table tbody tr:hover{background:#6366f10a}.dir-table tbody tr:last-child td{border-bottom:none}.dir-emp-cell{align-items:center;gap:12px;display:flex}.dir-emp-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.dir-emp-avatar img{object-fit:cover;width:100%;height:100%}.dir-emp-info{flex-direction:column;display:flex}.dir-emp-name{color:var(--text-primary);font-size:14px;font-weight:700}.dir-emp-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.dir-dept-cell,.dir-loc-cell{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dir-dept-icon{width:28px;height:28px;color:var(--accent-color);background:#6366f11a;border-radius:8px;justify-content:center;align-items:center;display:flex}.dir-status-badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.dir-status-badge.active{color:#16a34a;background:#22c55e1f}.dir-status-badge.inactive{color:#dc2626;background:#ef44441a}.dir-joined-date{color:var(--text-primary);font-size:13px;font-weight:600}.dir-joined-ago{color:var(--text-muted);font-size:11px}.dir-row-actions{align-items:center;gap:8px;display:flex}.dir-actions-btn{border:1px solid var(--border-color);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.dir-actions-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.dir-actions-btn.delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}@media (width<=1024px){.dir-stats-bar{grid-template-columns:repeat(3,1fr)!important}}@media (width<=801px){body,#app-layout,#main-container,.page-content{max-width:100vw!important;overflow-x:hidden!important}.dir-header-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.dir-header-right{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}#btn-open-drawer{border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:42px!important;font-size:13.5px!important;font-weight:700!important;display:inline-flex!important}.directory-menu-container{flex-shrink:0!important}#directory-menu-btn{border-radius:12px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;display:flex!important}.dir-stats-bar{box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.dir-stat-card{border-radius:12px!important;gap:10px!important;min-width:0!important;padding:10px 12px!important}.dir-stat-card:nth-child(3){grid-column:span 2!important;width:100%!important}.dir-stat-icon{border-radius:10px!important;width:36px!important;height:36px!important}.dir-stat-icon svg{width:18px!important;height:18px!important}.dir-stat-value{margin-bottom:0!important;font-size:18px!important}.dir-stat-label{margin-bottom:0!important;font-size:11px!important}.dir-stat-link{display:none!important}.dir-toolbar{border-radius:12px!important;gap:8px!important;padding:10px 12px!important}.dir-toolbar-main{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.filter-search{flex:100%!important;width:100%!important;min-width:100%!important}.filter-search input{width:100%!important;height:40px!important;padding-left:36px!important;font-size:13.5px!important}.dir-filter-toggle-btn{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:38px!important;padding:0 12px!important;font-size:12.5px!important;display:inline-flex!important}.dir-view-toggle{flex-shrink:0!important}.dir-view-btn{width:38px!important;height:38px!important}.dir-filters-group{display:none;border-top:1px dashed var(--border-color)!important;flex-direction:column!important;gap:8px!important;width:100%!important;padding-top:8px!important}.dir-filters-group.active{display:flex!important}.dir-filter-select{width:100%!important;height:36px!important;font-size:12.5px!important}.dir-table-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.dir-table{width:100%!important;min-width:0!important;display:block!important}.dir-table thead{display:none!important}.dir-table tbody{width:100%!important;display:block!important}.dir-table tbody tr{background:var(--bg-card)!important;border:1px solid var(--border-glass)!important;border-radius:14px!important;margin-bottom:12px!important;padding:14px 14px 12px!important;display:block!important;position:relative!important;box-shadow:0 2px 10px #00000008!important}.dir-table td{border:none!important;padding:0!important;display:block!important}.dir-table td:first-child{margin-bottom:10px!important;padding-right:75px!important}.dir-emp-cell{gap:10px!important}.dir-emp-avatar{border-radius:12px!important;flex-shrink:0!important;width:42px!important;height:42px!important}.dir-emp-name{color:var(--text-primary)!important;white-space:normal!important;word-break:break-word!important;font-size:14.5px!important;font-weight:700!important;line-height:1.25!important}.dir-emp-meta{color:var(--text-muted)!important;margin-top:2px!important;font-size:12px!important}.dir-table td:nth-child(5){margin:0!important;position:absolute!important;top:14px!important;right:14px!important}.dir-table td:nth-child(2),.dir-table td:nth-child(3),.dir-table td:nth-child(4){vertical-align:middle!important;margin-bottom:8px!important;margin-right:8px!important;display:inline-flex!important}.dir-dept-cell,.dir-loc-cell{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;gap:6px!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important}.dir-table td:nth-child(6){color:var(--text-muted)!important;border-top:1px dashed var(--border-color)!important;align-items:center!important;gap:6px!important;margin-top:6px!important;padding-top:8px!important;font-size:11.5px!important;display:flex!important}.dir-joined-date{font-size:11.5px!important;font-weight:600!important}.dir-joined-ago{font-size:11.5px!important}.dir-table td:nth-child(7){position:absolute!important;bottom:10px!important;right:14px!important}.dir-row-actions{gap:6px!important}.dir-actions-btn{border-radius:8px!important;width:32px!important;height:32px!important}.employees-grid{grid-template-columns:1fr!important;gap:12px!important}#employee-drawer{width:100%!important;max-width:100%!important}.drawer-header,.drawer-content{padding:16px 18px!important}.form-group-grid{grid-template-columns:1fr!important;gap:12px!important}.form-group.col-span-2{grid-column:span 1!important}.drawer-footer{flex-direction:column-reverse!important;gap:8px!important;padding:14px 18px!important}.drawer-footer .btn{justify-content:center!important;width:100%!important}.pagination-container{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:14px!important;margin-bottom:14px!important;padding:10px 14px!important}.pagination-info{text-align:center!important}.pagination-controls{flex-wrap:wrap!important;justify-content:center!important}}@media (width<=480px){.dir-title{font-size:18px!important}.dir-subtitle{font-size:12px!important}.dir-stat-value{font-size:18px!important}.dir-stat-icon{width:34px!important;height:34px!important}.dir-stat-icon svg{width:16px!important;height:16px!important}.master-data-premium-modal{width:calc(100% - 16px)!important;padding:14px 10px!important}}@media (width>=802px){.mgmt-overlay,.mgmt-panel{display:none!important}}.mgmt-overlay{z-index:1100;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .25s;position:fixed;inset:0}.mgmt-overlay.active{opacity:1;pointer-events:all}.mgmt-panel{z-index:1101;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;max-height:65vh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 24px #0000001f}.mgmt-panel.active{transform:translateY(0)}.mgmt-panel-drag-handle{background:var(--border-color,#e2e8f0);border-radius:2px;flex-shrink:0;width:36px;height:3px;margin:0 auto 8px}.mgmt-panel-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-direction:column;flex-shrink:0;gap:0;padding:10px 16px 8px;display:flex}.mgmt-header-row{align-items:center;gap:8px;width:100%;display:flex}.mgmt-panel-title{color:var(--text-primary,#111);letter-spacing:-.3px;flex:1;font-size:17px;font-weight:800}.mgmt-close-btn{width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.mgmt-close-btn:hover{color:var(--text-primary,#111)}.mgmt-close-btn svg{width:15px;height:15px}.mgmt-back-btn{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:34px;height:34px;color:var(--text-secondary,#64748b);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.mgmt-back-btn:hover{background:var(--accent-light,#eef2ff);border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1)}.mgmt-back-btn svg{width:16px;height:16px}.mgmt-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mgmt-categories{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.mgmt-cat-card{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-color,#e2e8f0);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.mgmt-cat-card:active{background:var(--accent-light,#eef2ff);border-color:var(--accent-color,#6366f1)}.mgmt-cat-icon{width:38px;height:38px;color:var(--accent-color,#6366f1);background:var(--accent-light,#6366f11a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mgmt-cat-icon svg{width:18px;height:18px}.mgmt-cat-body{flex:1;min-width:0}.mgmt-cat-name{color:var(--text-primary,#111);letter-spacing:-.2px;font-size:15px;font-weight:700;display:block}.mgmt-cat-meta{color:var(--text-muted,#94a3b8);margin-top:2px;font-size:12px;font-weight:500;display:block}.mgmt-cat-arrow svg{width:18px;height:18px;color:var(--text-muted,#94a3b8)}.mgmt-section-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.mgmt-item-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mgmt-item-icon-wrap svg{width:16px;height:16px}.mgmt-item-info{flex:1;min-width:0}.mgmt-item-name{color:var(--text-primary,#111);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.mgmt-item-count{color:var(--text-muted,#94a3b8);margin-top:1px;font-size:11.5px;font-weight:500;display:block}.mgmt-item-actions{flex-shrink:0;gap:6px;display:flex}.mgmt-action-btn{cursor:pointer;border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);width:32px;height:32px;color:var(--text-secondary,#64748b);border-radius:9px;justify-content:center;align-items:center;transition:all .18s;display:flex}.mgmt-action-btn svg{width:14px;height:14px}.mgmt-action-btn.rename:active{color:#6366f1;background:#eef2ff;border-color:#6366f1}.mgmt-action-btn.delete:active{color:#ef4444;background:#fef2f2;border-color:#ef4444}.mgmt-empty-state{color:var(--text-muted,#94a3b8);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;display:flex}.mgmt-empty-state svg{opacity:.4;width:40px;height:40px}.mgmt-empty-state p{font-size:13.5px;font-weight:500}.mgmt-section-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);flex-shrink:0;justify-content:flex-end;padding:12px 16px;display:flex}.mgmt-add-btn{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f159}.mgmt-add-btn:active{background:#4f46e5;transform:scale(.97)}.mgmt-add-btn svg{width:16px;height:16px}.mgmt-section-add-btn{background:var(--accent-light,#6366f114);border:1.5px dashed var(--accent-color,#6366f1);width:100%;color:var(--accent-color,#6366f1);cursor:pointer;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:14px;font-weight:700;transition:all .18s;display:flex}.mgmt-section-add-btn:active{background:var(--accent-light,#6366f124)}.mgmt-section-add-btn svg{flex-shrink:0;width:16px;height:16px}.mgmt-item-row{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.mgmt-item-menu-btn{cursor:pointer;width:44px;height:44px;color:var(--text-muted,#94a3b8);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin:-6px -4px;transition:color .15s;display:flex}.mgmt-item-menu-btn:active{color:var(--text-primary,#111)}.mgmt-item-menu-btn svg{pointer-events:none;width:16px;height:16px}@media (width>=802px){.mgmt-as-overlay,.mgmt-action-sheet{display:none!important}}.mgmt-as-overlay{z-index:1200;opacity:0;pointer-events:none;background:#00000040;transition:opacity .2s;position:fixed;inset:0}.mgmt-as-overlay.active{opacity:1;pointer-events:all}.mgmt-action-sheet{z-index:1201;background:#fff;border-radius:20px 20px 0 0;padding:10px 16px 24px;transition:transform .24s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -2px 20px #0000001f}.mgmt-action-sheet.active{transform:translateY(0)}.mgmt-as-handle{background:var(--border-color,#e2e8f0);border-radius:2px;width:36px;height:3px;margin:0 auto 12px}.mgmt-as-item-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;padding:0 4px;font-size:12px;font-weight:600;overflow:hidden}.mgmt-as-btn{color:var(--text-primary,#111);cursor:pointer;text-align:left;background:#f8fafc;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:13px 14px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.mgmt-as-btn svg{width:18px;height:18px;color:var(--text-secondary,#64748b);flex-shrink:0}.mgmt-as-btn:active{background:#f1f5f9}.mgmt-as-btn.danger,.mgmt-as-btn.danger svg{color:#ef4444}.mgmt-as-btn.danger:active{background:#fef2f2}.mgmt-as-divider{background:var(--border-color,#e2e8f0);height:1px;margin:2px 0 6px}.mgmt-as-cancel{width:100%;color:var(--text-secondary,#64748b);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;margin-top:6px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s;display:block}.mgmt-as-cancel:active{background:#f1f5f9}.mgmt-as-confirm-label{color:var(--text-primary,#111);text-align:center;margin:4px 0;font-size:16px;font-weight:700}.mgmt-as-confirm-label strong{color:#ef4444}.mgmt-as-confirm-sub{color:var(--text-muted,#94a3b8);text-align:center;margin:0 0 16px;font-size:12.5px;font-weight:500}.mgmt-as-confirm-row{gap:10px;display:flex}.mgmt-as-confirm-cancel{border:1.5px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .15s}.mgmt-as-confirm-cancel:active{background:#f1f5f9}.mgmt-as-confirm-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.mgmt-as-confirm-delete:active{background:#dc2626}.mgmt-as-confirm-delete svg{width:15px;height:15px}.mgmt-panel-title{letter-spacing:-.3px;flex:1;color:var(--text-primary,#0f172a)!important;font-size:16px!important;font-weight:800!important}.mgmt-back-btn,.mgmt-close-btn{color:var(--text-secondary,#475569)!important}.att-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.att-page-header-left{align-items:center;gap:12px;display:flex}.att-page-header-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-page-header-icon svg{width:20px;height:20px}.att-page-title{color:var(--text-primary);letter-spacing:-.4px;font-size:20px;font-weight:800;line-height:1.2}.att-page-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.att-request-perm-btn{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.att-request-perm-btn svg{color:#3b82f6;width:15px;height:15px}.att-request-perm-btn:hover{background:var(--bg-card);color:#3b82f6;border-color:#3b82f6}.attendance-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.att-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:10px;padding:14px 12px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 2px 8px #00000008}.att-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.att-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.att-stat-icon svg{width:18px;height:18px}.att-stat-icon--indigo{color:#4f46e5;background:#4f46e51a}.att-stat-icon--emerald{color:#10b981;background:#10b9811a}.att-stat-icon--rose{color:#f43f5e;background:#f43f5e1a}.att-stat-icon--amber{color:#f59e0b;background:#f59e0b1a}.att-stat-icon--blue{color:#3b82f6;background:#3b82f61a}.att-stat-icon--teal{color:#14b8a6;background:#14b8a61a}.att-stat-value{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.2}.att-stat-label{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.att-entry-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:18px 20px;box-shadow:0 2px 8px #00000008}.att-entry-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.att-entry-form{flex-direction:column;gap:12px;display:flex}.att-form-row{gap:12px;display:flex}.att-form-row .att-date-wrapper,.att-form-row .att-status-select{flex:1;min-width:0}.att-save-btn{justify-content:center;width:100%;margin-top:4px}.att-autocomplete-wrapper{width:100%;position:relative}.att-search-box{align-items:center;width:100%;display:flex;position:relative}.att-search-box i,.att-search-box svg{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.att-search-box input{border-radius:10px;width:100%;height:42px;padding-left:38px!important}.att-date-wrapper input,.att-status-select{border-radius:10px;width:100%;height:44px;font-size:14px;font-weight:500}.att-status-select{background-color:var(--bg-primary);border:1.5px solid var(--border-color);color:var(--text-primary);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"gray\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px;font-weight:600}.att-status-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);outline:none}.att-suggestions-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:12px;max-height:240px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}.att-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.att-suggestion-item:last-child{border-bottom:none}.att-suggestion-item:hover{background:#4f46e512}.att-suggestion-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.att-suggestion-info{flex-direction:column;display:flex}.att-suggestion-name{color:var(--text-primary);font-size:13px;font-weight:600}.att-suggestion-sub{color:var(--text-secondary);font-size:11px}.att-records-section{margin-top:0}.att-records-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.att-records-title{color:var(--text-primary);font-size:15px;font-weight:700}.att-mark-all-btn{font-size:13px}.att-records-toolbar{align-items:center;gap:10px;margin-bottom:8px;display:flex}.att-records-search{flex:1}.att-filter-toggle-btn{border:1.5px solid var(--border-color);background:var(--bg-primary,#f8fafc);height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex;position:relative}.att-filter-toggle-btn svg{width:15px;height:15px}.att-filter-toggle-btn[aria-expanded=true]{background:var(--accent-light,#6366f114);border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1)}.att-filter-badge{background:var(--accent-color,#6366f1);color:#fff;text-align:center;border-radius:999px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700}.att-filter-panel{opacity:0;flex-direction:column;gap:8px;max-height:0;margin-bottom:0;transition:max-height .28s,opacity .22s,margin .22s;display:flex;overflow:hidden}.att-filter-panel.open{opacity:1;max-height:200px;margin-bottom:12px}.att-filter-panel .att-date-wrapper input,.att-filter-panel select{border-radius:10px;width:100%;height:42px}.att-table-section{margin-bottom:0}.att-records-empty{text-align:center;padding:40px 20px}.att-records-empty-icon{width:56px;height:56px;color:var(--accent-color,#6366f1);background:#6366f114;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.att-records-empty-icon svg{width:28px;height:28px}.att-records-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.att-records-empty-sub{color:var(--text-muted);font-size:13px}.att-records-list{flex-direction:column;gap:8px;margin-top:8px;display:none}.att-record-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.att-rc-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.att-rc-info{flex:1;min-width:0}.att-rc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.att-rc-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.att-rc-id-badge{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:5px;padding:2px 7px;font-family:monospace;font-size:10.5px;font-weight:600;display:inline-block}.att-rc-dept{color:#4f46e5;background:#4f46e514;border-radius:8px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-block}.att-rc-status-chip{cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700;transition:opacity .15s}.att-rc-status-chip:active{opacity:.75}.att-rc-status--present{color:#059669;background:#10b9811f}.att-rc-status--absent{color:#e11d48;background:#f43f5e1f}.att-rc-status--halfday{color:#d97706;background:#f59e0b1f}.att-rc-status--onleave{color:#2563eb;background:#3b82f61f}.att-rc-status--wfh{color:#059669;background:#10b9811f}.att-mobile-pagination{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.att-mobile-page-info{color:var(--text-muted);font-size:12.5px}.att-mobile-page-controls{align-items:center;gap:6px;display:flex}.att-page-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.att-page-btn:disabled{opacity:.4;cursor:default}.att-page-btn svg{width:15px;height:15px}.att-mobile-page-numbers{gap:4px;display:flex}.att-page-num{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.att-page-num.active{background:var(--accent-color,#6366f1);border-color:var(--accent-color,#6366f1);color:#fff}.att-as-overlay{z-index:1200;opacity:0;pointer-events:none;background:#00000047;transition:opacity .22s;position:fixed;inset:0}.att-as-overlay.active{opacity:1;pointer-events:all}.att-status-action-sheet{z-index:1201;background:#fff;border-radius:20px 20px 0 0;padding:10px 16px 28px;transition:transform .26s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -2px 20px #0000001f}.att-status-action-sheet.active{transform:translateY(0)}.att-as-handle{background:var(--border-color,#e2e8f0);border-radius:2px;width:36px;height:3px;margin:0 auto 10px}.att-as-title{color:var(--text-primary);text-align:center;margin:0 0 4px;font-size:16px;font-weight:700}.att-as-emp-label{color:var(--text-muted,#94a3b8);text-align:center;margin:0 0 16px;font-size:12.5px;font-weight:600}.att-as-options{flex-direction:column;gap:8px;display:flex}.att-as-option-btn{border:1px solid var(--border-color);background:var(--bg-primary,#f8fafc);text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.att-as-option-btn svg{width:18px;height:18px}.att-as-option-btn:active{background:#f1f5f9;transform:scale(.98)}.att-as-option-btn.selected{background:var(--accent-light,#6366f114);border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1)}.att-as-cancel{width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;margin-top:8px;padding:10px;font-size:14px;font-weight:600;transition:background .15s;display:block}.att-as-cancel:active{background:#f1f5f9}.status-select-wrapper{display:inline-block;position:relative}.status-select{cursor:pointer;appearance:none;border:1px solid #0000;border-radius:20px;outline:none;padding:7px 28px 7px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.status-select-wrapper:after{content:"▾";pointer-events:none;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.status-select-wrapper.disabled:after{content:none}.status-select:disabled{cursor:default;padding-right:12px}.status-select--present{color:#059669;background:#10b9811f;border-color:#10b9814d}.status-select--absent{color:#e11d48;background:#f43f5e1f;border-color:#f43f5e4d}.status-select--halfday{color:#d97706;background:#f59e0b1f;border-color:#f59e0b4d}.status-select--onleave{color:#2563eb;background:#3b82f61f;border-color:#3b82f64d}.att-emp-cell{align-items:center;gap:10px;display:flex}.att-emp-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.att-emp-info{flex-direction:column;display:flex}.att-emp-name{color:var(--text-primary);font-size:14px;font-weight:600}.att-emp-email{color:var(--text-muted);font-size:12px}.emp-id-badge{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:5px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.dept-badge{color:#4f46e5;background:#4f46e514;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);padding:14px 18px;font-size:11px;font-weight:700;white-space:nowrap!important}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;padding:14px 18px;font-size:14px}.custom-table tbody tr:hover{background:#ffffff08}.custom-table tbody tr:last-child td{border-bottom:none}.quick-attendance-form{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.attendance-log-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.attendance-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=800px){.quick-attendance-form{grid-template-columns:1fr}.attendance-log-header{flex-direction:column;align-items:flex-start}.attendance-filters{width:100%}.attendance-filters>*{flex:100%}.attendance-filters .filter-search{width:100%}}@media (width<=801px){.att-page-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.att-page-title{font-size:19px}.att-page-subtitle{font-size:13px}.att-page-header-icon{width:38px;height:38px}.att-request-perm-btn{justify-content:center;width:100%;padding:12px;font-size:14px}.attendance-stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:20px!important}.att-stat-card{gap:10px!important;padding:12px!important}.att-stat-icon{border-radius:10px!important;width:36px!important;height:36px!important}.att-stat-icon svg{width:16px!important;height:16px!important}.att-stat-value{font-size:20px!important}.att-stat-label{font-size:11px!important}.att-entry-card{margin-bottom:24px!important;padding:16px!important}.att-entry-header{margin-bottom:14px!important;font-size:14.5px!important}.att-form-row{flex-direction:column;gap:12px!important}.att-records-header{margin-bottom:16px}.att-table-section{display:none!important}.att-records-list{display:flex!important}.att-as-overlay,.att-status-action-sheet{display:block!important}}@media (width>=802px){.att-as-overlay,.att-status-action-sheet,.att-records-list,.att-mobile-pagination,.att-filter-toggle-btn{display:none!important}.att-filter-panel{opacity:1!important;flex-direction:row!important;gap:12px!important;max-height:none!important;margin-bottom:16px!important;display:flex!important}.att-filter-panel .att-date-wrapper,.att-filter-panel select{flex-shrink:0;width:180px}.att-table-section{display:block!important}}@media (width<=640px){.leave-modal-add-form{grid-template-columns:1fr!important;gap:12px!important}.leave-modal-add-form button{justify-content:center!important;width:100%!important}}.leave-modal-tab{white-space:nowrap!important}@media (width<=640px){.leave-modal-tab{gap:6px!important;padding:14px 12px!important;font-size:13px!important}.leave-modal-tabs-container{-webkit-overflow-scrolling:touch!important;padding:0 12px!important;overflow-x:auto!important}.leave-modal-tabs-container::-webkit-scrollbar{height:4px}.leave-modal-tabs-container::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}}.ml-stat-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.ml-stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a!important}.leave-page-header{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:16px;padding:16px 0;display:flex;position:relative}.leave-header-info{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.leave-header-icon{background:var(--bg-secondary);width:52px;height:52px;color:var(--accent-color);border-radius:14px;justify-content:center;align-items:center;display:flex}.leave-header-icon svg{width:24px;height:24px}.leave-header-info h1{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.leave-header-info p{color:var(--text-muted);margin:0;font-size:13.5px}.leave-header-actions{z-index:1;gap:12px;display:flex;position:relative}.mobile-only-settings-btn,.mobile-only-export-btn{display:none!important}.desktop-only-settings-btn{display:flex!important}.desktop-only-export-btn{align-items:center;gap:6px;padding:9px 12px;display:inline-flex!important}.team-leave-header-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.overview-sub-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:16px 20px;display:flex}.overview-sub-title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:700}.overview-sub-title .title-short{display:none}.overview-sub-title .title-full{display:inline}.team-leave-title-wrap{align-items:center;display:flex}.team-leave-filters-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.team-leave-search{width:260px;position:relative}.team-leave-search input{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;width:100%;padding:9px 12px 9px 36px;font-size:13px}.team-leave-search .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.team-leave-selects{align-items:center;gap:8px;display:flex}.team-leave-selects select{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:9px 12px;font-size:13px}.team-leave-selects #filter-type{max-width:150px}.btn-transparent{color:#fff;background:#ffffff26;border:1px solid #fff3}.btn-transparent:hover{background:#ffffff40}.btn-white{color:var(--accent-color);background:#fff;border:none;font-weight:600}.leave-tabs-container{border-bottom:2px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:32px;margin-bottom:24px;display:flex;overflow-x:auto}.leave-tabs-container::-webkit-scrollbar{display:none}.leave-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:0 0 12px;font-size:14px;font-weight:500;display:flex;position:relative}.leave-tab svg{width:16px;height:16px}.leave-tab.active{color:var(--accent-color);font-weight:600}.leave-tab.active:after{content:"";background:var(--accent-color);border-radius:2px 2px 0 0;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.tab-panel{display:none}.tab-panel.active{display:block}.leave-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:16px;display:grid}.leave-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.stat-icon svg{width:24px;height:24px}.stat-icon.total{background:var(--accent-light);color:var(--accent-color)}.stat-icon.pending{color:#d97706;background:#fffbeb}.stat-icon.approved{color:#059669;background:#ecfdf5}.stat-icon.today{color:#2563eb;background:#eff6ff}.stat-content{flex-direction:column;flex-grow:1;display:flex}.stat-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500}.stat-val-row{justify-content:space-between;align-items:flex-end;display:flex}.stat-val{font-size:26px;font-family:var(--font-heading);font-weight:800;line-height:1}.stat-trend{text-align:right;font-size:12px;font-weight:600;line-height:1.2}.stat-trend.positive{color:var(--success-color)}.stat-trend.negative{color:var(--danger-color)}.stat-trend small{color:var(--text-muted);font-size:9px;font-weight:400}.stat-trend svg{width:12px;height:12px}.leave-dashboard-layout{display:block}@media (width<=1200px){.leave-dashboard-layout{grid-template-columns:minmax(0,1fr)}}.leave-toolbar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;max-width:100%;margin-bottom:12px;padding:16px 20px;display:flex}.leave-toolbar:before{content:"";order:1;width:100%}.balance-search-bar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);box-sizing:border-box;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.balance-search-bar .search-wrapper{border:1px solid var(--border-color);box-sizing:border-box;background:#fff;border-radius:8px;flex:1;align-items:center;min-width:0;height:38px;padding:0 12px;display:flex;position:relative}.balance-search-bar .search-wrapper svg,.balance-search-bar .search-wrapper i{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;position:static;transform:none}.balance-search-bar .search-wrapper input{box-shadow:none;background:0 0;border:none;outline:none;width:100%;height:100%;padding-left:8px;font-size:13px}.leave-toolbar .search-wrapper{border:1px solid var(--border-color);box-sizing:border-box;background:#fff;border-radius:8px;order:0;align-items:center;width:100%;min-width:200px;height:36px;margin:0;padding:0 12px;display:flex;position:relative}.leave-toolbar .search-wrapper svg,.leave-toolbar .search-wrapper i{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.leave-toolbar .search-wrapper input{box-shadow:none;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:13px;padding-left:36px!important}.filter-group{flex-wrap:wrap;order:2;gap:16px;display:flex}.mobile-filters-btn,.filter-overlay,.filter-sheet-header{display:none}.filter-item{flex-direction:column;gap:4px;display:flex}.filter-item label{color:var(--text-muted);font-size:11px;font-weight:600}.filter-item select{border:1px solid var(--border-color);background:var(--bg-secondary);box-sizing:border-box;border-radius:8px;outline:none;width:100%;max-width:100%;padding:8px 12px;font-size:13px}.date-range-picker{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.date-range-picker svg{width:14px;height:14px;color:var(--text-muted)}.btn-export{color:var(--accent-color);background:#fff;order:2;align-self:flex-end;margin-left:auto}.leave-table-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;align-self:start;width:100%;max-width:100%;height:fit-content;margin-bottom:24px;overflow:hidden}.table-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.table-header-row h3{margin:0;font-size:16px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%}.leave-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 20px;font-size:11px;font-weight:600}.leave-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;padding:16px 20px;font-size:13px}.action-btn-group{align-items:center;gap:8px;display:flex}.action-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.action-btn:hover:not(:disabled){background:var(--bg-main);border-color:var(--border-color)}.table-pagination{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-controls{gap:4px;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.page-btn svg{width:16px;height:16px}.page-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--accent-color)}.page-btn.active{background:var(--accent-light);color:var(--accent-color);border-color:var(--accent-light)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page-size{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;height:32px;transition:all var(--transition-fast);border-radius:8px;outline:none;margin-left:8px;padding:4px 8px;font-size:13px;font-weight:500}.pagination-page-size:hover{border-color:var(--accent-color)}.status-pill{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.pending{color:#d97706;background:#fffbeb}.status-pill.approved{color:#059669;background:#ecfdf5}.status-pill.rejected{color:#ef4444;background:#fef2f2}.type-pill{background:var(--accent-light);color:var(--accent-color);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.type-pill.sick{color:#3b82f6;background:#eff6ff}.type-pill.privilege{color:#9333ea;background:#f3e8ff}.action-btn-group{gap:8px;display:flex}.action-btn{border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--bg-primary)}.action-btn.approve:hover{color:var(--success-color);border-color:var(--success-color)}.action-btn.reject:hover{color:var(--danger-color);border-color:var(--danger-color)}.action-btn svg{width:14px;height:14px}.policy-reference-section{border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000005}.policy-ref-title{color:#0f172a;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.policy-ref-title svg{color:#6366f1;width:24px;height:24px}.policy-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.policy-card,.policy-formulas{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;padding:24px}.scenarios-card{background:#fff;margin-top:24px}.logic-table,.scenarios-table{border-collapse:collapse;border:1px solid var(--border-color);background:#fff;border-radius:8px;width:100%;margin-top:16px;font-size:13px;overflow:hidden}.logic-table th,.scenarios-table th{color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;padding:12px 16px;font-weight:600}.logic-table td,.scenarios-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);text-align:left;padding:12px 16px}.logic-table tr:last-child td,.scenarios-table tr:last-child td{border-bottom:none}.type-cell{align-items:center;gap:8px;font-weight:500;display:flex}.icon-sm{width:24px;height:24px}.icon-sm svg{width:14px;height:14px}.text-success{color:#059669}.policy-note{color:var(--text-muted);align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.policy-note svg{color:#3b82f6;width:16px;height:16px}.policy-card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.cl-header{color:#059669}.cl-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.pl-header{color:#7c3aed}.pl-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.co-header{color:#ec4899}.co-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.wfh-header{color:#3b82f6}.wfh-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.policy-list{color:#475569;margin-bottom:24px;padding-left:20px;font-size:13px;line-height:1.5}.policy-list li{margin-bottom:8px}.check-item{color:#059669;align-items:center;gap:6px;margin-top:4px;font-weight:600;display:inline-flex}.check-item svg{width:14px;height:14px}.policy-example{background:#fff;border-radius:12px;padding:16px}.cl-example{border:1px dashed #0596694d}.pl-example{border:1px dashed #7c3aed4d}.co-example{border:1px dashed #ec48994d}.wfh-example{border:1px dashed #3b82f64d}.ex-label{text-transform:uppercase;color:#6366f1;font-size:11px;font-weight:700}.policy-example p{color:#64748b;margin:8px 0;font-size:12px;line-height:1.4}.ex-formula{color:#334155;margin-top:12px;font-size:13px}.ex-formula strong{color:#0f172a}.ex-result{margin-top:4px;font-weight:700;display:block}.cl-result{color:#059669}.pl-result{color:#7c3aed}.co-result{color:#ec4899}.wfh-result{color:#3b82f6}.policy-formulas h5{color:#0f172a;margin:0 0 16px;font-size:15px;font-weight:700}.formula-box{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.formula-box .f-title{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.formula-box code{color:#475569;font-family:monospace;font-size:12px;line-height:1.6;display:block}.cl-box .f-title{color:#059669}.pl-box .f-title{color:#7c3aed}.co-box .f-title{color:#ec4899}.wfh-box .f-title{color:#3b82f6}.widget-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:24px;padding:24px}.widget-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.widget-header h3{font-size:16px;font-weight:700}.widget-link{color:var(--accent-color);font-size:12px;font-weight:500}.balance-item{gap:16px;margin-bottom:20px;display:flex}.balance-item:last-child{margin-bottom:0}.bal-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pl-bg{color:#9333ea;background:#f3e8ff}.cl-bg{color:#059669;background:#ecfdf5}.bal-content{flex-grow:1}.bal-content h4{margin-bottom:4px;font-size:14px;font-weight:600}.bal-content p{color:var(--text-muted);margin-bottom:8px;font-size:12px}.progress-bar{background:var(--border-color);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%}.pl-fill{background:#9333ea}.cl-fill{background:#059669}.bal-labels{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.quick-action-list{flex-direction:column;gap:12px;display:flex}.qa-item{border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:16px;padding:12px;display:flex}.qa-item:hover{background:var(--bg-primary);border-color:var(--accent-light)}.qa-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.apply-bg{background:var(--accent-light);color:var(--accent-color)}.cal-bg{color:#2563eb;background:#eff6ff}.pol-bg{color:#9333ea;background:#f3e8ff}.exp-bg{color:#475569;background:#f1f5f9}.qa-text h4{margin-bottom:2px;font-size:13px;font-weight:600}.qa-text p{color:var(--text-muted);font-size:11px}.qa-arrow{color:var(--text-muted);width:16px;height:16px;margin-left:auto}.emp-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.emp-name-col{align-items:center;gap:12px;font-weight:500;display:flex}@media (width<=992px){.leave-stats-grid{grid-template-columns:repeat(2,1fr)}.policy-cards-grid{grid-template-columns:1fr}.leave-page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.leave-header-actions{justify-content:flex-start;width:100%}}@media (width<=801px){.leave-stats-grid{grid-template-columns:1fr}.leave-toolbar{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.leave-toolbar .search-wrapper{min-width:100%;margin:0}.btn-export{align-self:flex-start}.leave-tabs-container{white-space:nowrap;padding-bottom:4px;overflow-x:auto}.leave-table-card .table-responsive{-webkit-overflow-scrolling:touch!important;display:block!important;overflow-x:auto!important}.leave-table{min-width:650px!important}}.balance-dashboard-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (width<=1200px){.balance-dashboard-layout{grid-template-columns:minmax(0,1fr)}}.balance-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.balance-overview-title{margin:0 0 4px;font-size:18px;font-weight:700}.balance-overview-subtitle{color:var(--text-muted);margin:0;font-size:13px}.balance-date-badge{color:var(--text-muted);border:1px solid var(--border-color);background:var(--bg-card);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.balance-toolbar{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.balance-search-wrap{background:var(--bg-secondary);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.balance-stats-header h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.balance-stats-header p{color:var(--text-muted);margin:0;font-size:13px}.balance-filters{background:0 0;border:none;align-items:center;gap:12px;margin:0;padding:0;display:flex}.balance-filters .filter-item select{border:1px solid var(--border-color);height:38px;color:var(--text-primary);background:#fff;border-radius:8px;min-width:160px;padding:8px 12px;font-size:13px}.balance-filters .date-range-picker{border:1px solid var(--border-color);height:38px;color:var(--text-primary);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.balance-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.balance-stat-card{border:1px solid var(--border-color);box-sizing:border-box;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 10px #00000005}.balance-stat-card .stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.balance-stat-card .stat-icon svg,.balance-stat-card .stat-icon i{width:20px;height:20px}.purple-bg{color:#9333ea;background:#f3e8ff}.green-bg{color:#059669;background:#ecfdf5}.blue-bg{color:#3b82f6;background:#eff6ff}.orange-bg{color:#ea580c;background:#fff7ed}.bg-purple{background-color:#9333ea}.bg-success{background-color:#10b981}.bg-blue{background-color:#3b82f6}.bg-orange{background-color:#f97316}.text-white{color:#fff!important}.balance-stat-card .stat-content{flex-direction:column;min-width:0;display:flex}.balance-stat-card .stat-name{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:600}.balance-stat-card .stat-total{font-size:24px;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin-bottom:2px;line-height:1.2}.balance-stat-card .stat-sublabel{color:var(--text-muted);font-size:11px}.balance-stat-card .stat-val-container{align-items:center;display:flex}.balance-stat-card .stat-val{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.2}.balance-stat-card .stat-sub{color:var(--text-secondary);font-size:12px}.balance-table-section h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.balance-table-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000005}.balance-table-card .table-responsive{overflow-x:auto}.balance-table{border-collapse:collapse;width:100%;min-width:800px}.balance-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700}.balance-table th small{font-size:10px;font-weight:400}.balance-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;padding:12px 16px}.balance-table tr:last-child td{border-bottom:none}.emp-cell{align-items:center;gap:12px;display:flex}.emp-avatar{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.emp-name{color:var(--text-primary);font-weight:600}.text-sm{color:var(--text-secondary);font-size:13px}.bal-td-content{flex-direction:column;gap:4px;width:140px;display:flex}.bal-td-ratio{font-size:12px;font-weight:600}.mini-progress{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden}.mini-fill{border-radius:2px;height:100%}.bal-td-sub{color:var(--text-muted);font-size:11px}.donut-widget-body{flex-direction:column;align-items:center;padding-bottom:8px;display:flex}.donut-chart-wrapper{margin-top:16px;margin-bottom:24px}.donut-chart{background:conic-gradient(#9333ea 0% 60.5%,#10b981 60.5% 95.1%,#3b82f6 95.1% 100%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.donut-val{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1}.donut-lbl{color:var(--text-secondary);text-align:center;margin-top:4px;font-size:12px;line-height:1.2}.donut-legend{flex-direction:column;gap:12px;width:100%;display:flex}.legend-item{align-items:flex-start;gap:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-top:5px}.legend-text{flex-direction:column;display:flex}.l-title{color:var(--text-primary);font-size:13px;font-weight:600}.l-sub{color:var(--text-muted);font-size:12px}.breakdown-list{flex-direction:column;gap:20px;display:flex}.breakdown-item{flex-direction:column;gap:8px;display:flex;position:relative}.breakdown-header{align-items:center;gap:12px;display:flex}.bd-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bd-icon svg{width:16px;height:16px}.bd-info{flex-direction:column;display:flex}.bd-title{color:var(--text-primary);font-size:13px;font-weight:600}.bd-ratio{color:var(--text-muted);font-size:11px}.bd-percent{font-size:12px;font-weight:600;position:absolute;bottom:0;right:0}.breakdown-total{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:16px;display:flex}.bt-lbl{color:var(--text-primary);font-size:13px;font-weight:600}.bt-val{color:var(--accent-color);font-size:13px;font-weight:700}.calendar-dashboard-layout{display:block}@media (width<=1200px){.calendar-dashboard-layout{grid-template-columns:minmax(0,1fr)}}.calendar-sidebar{flex-direction:column;gap:16px;display:flex}.cal-sidebar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:20px}.cal-sidebar-card h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:700}.cal-sidebar-info-card{background:linear-gradient(135deg,#6366f10f 0%,#8b5cf60a 100%);border:1px solid #6366f126;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.cal-sidebar-info-card svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.cal-sidebar-info-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.calendar-main-col{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:24px;box-shadow:0 2px 10px #00000005}.custom-month-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.month-cell{text-align:center;cursor:pointer;color:var(--text-primary);background:var(--bg-primary,#fff);border:1px solid var(--border-color);border-radius:8px;padding:8px 4px;font-size:13px;font-weight:600;transition:all .15s}.month-cell:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f10f}.month-cell.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 8px #6366f159}#cal-filter-menu select{appearance:none;border:1.5px solid var(--border-color);background:var(--bg-primary,#fff);color:var(--text-primary);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='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:8px 30px 8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s}#cal-filter-menu select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11f}.cal-view-option:hover{background:#6366f114;font-weight:600;color:var(--accent-color)!important}.calendar-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.cal-header-title h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.cal-header-title p{color:var(--text-muted);font-size:13px}.cal-header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cal-header-controls .btn-outline{background:var(--bg-primary,#fff);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .18s}.cal-header-controls .btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f10d}.cal-nav-group{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-color);border-radius:10px;gap:2px;padding:2px;display:flex;overflow:hidden}.cal-header-controls .icon-btn{background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:6px 8px;transition:background .15s;display:flex}.cal-header-controls .icon-btn:hover{background:var(--accent-color);color:#fff}.cal-header-controls .icon-btn:hover svg{color:#fff}.cal-header-controls .icon-btn svg{width:16px;height:16px}.cal-month-select{color:var(--text-primary);cursor:pointer;border:1.5px solid var(--border-color);background:var(--bg-primary,#fff);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.cal-month-select:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f10d}.cal-month-select svg{width:16px;height:16px;color:var(--text-muted)}.cal-view-select{border:1.5px solid var(--border-color);background:var(--bg-primary,#fff);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.cal-view-select:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f10d}.cal-view-select svg{width:16px;height:16px;color:var(--text-muted)}.btn-filter{align-items:center;gap:8px;display:flex}.calendar-grid{background:var(--bg-primary,#fff);border:1px solid #0000000f;border-radius:16px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden;box-shadow:0 12px 36px #0000000f,0 4px 12px #00000008}.cal-dow{text-align:center;text-transform:uppercase;letter-spacing:.8px;color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:16px 8px;font-size:13px;font-weight:700}.cal-dow:first-child{color:#ef4444}.cal-dow:last-child{color:#ef4444;border-right:none}.cal-day{background:var(--bg-primary,#fff);border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:120px;padding:12px;transition:background .15s;position:relative}.cal-day:hover{background:#6366f105}.cal-day:nth-child(7n+1){border-right:1px solid var(--border-color);background:#ef444406}.cal-day:nth-child(7n){background:#ef444406;border-right:none}.cal-day.prev-month{background:var(--bg-secondary,#f8fafc);opacity:.7}.cal-day.prev-month .day-num{color:#cbd5e1}.cal-day.next-month{background:var(--bg-secondary,#f8fafc);opacity:.7}.cal-day.next-month .day-num{color:#cbd5e1}.day-num{color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.cal-day.today{background:#6366f108!important}.cal-day.today:after{content:"";border:2px solid var(--accent-color);pointer-events:none;z-index:2;border-radius:4px;position:absolute;inset:-1px}.cal-day.today .day-num{background:var(--accent-color);color:#fff;font-weight:700;box-shadow:0 4px 10px #6366f166}.cal-event{cursor:pointer;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:6px;margin-bottom:5px;padding:5px 8px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.cal-event:hover{filter:brightness(.95);transform:translate(2px)}.cal-event:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:1px}.event-text-wrap{flex-direction:column;flex:1;gap:0;display:flex;overflow:hidden}.event-title{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;line-height:1.4;overflow:hidden}.event-desc{letter-spacing:.3px;text-transform:uppercase;opacity:.85;font-size:9.5px;font-weight:600;line-height:1.3}.event-annual{background:#10b9811f}.event-annual:before{background:#059669}.event-annual .event-title{color:#064e3b}.event-annual .event-desc{color:#059669}.event-sick{background:#3b82f61a}.event-sick:before{background:#2563eb}.event-sick .event-title{color:#1e3a8a}.event-sick .event-desc{color:#2563eb}.event-personal{background:#ec48991a}.event-personal:before{background:#db2777}.event-personal .event-title{color:#831843}.event-personal .event-desc{color:#db2777}.event-comp{background:#a855f71a}.event-comp:before{background:#9333ea}.event-comp .event-title{color:#581c87}.event-comp .event-desc{color:#9333ea}.event-maternity{background:#f973161a}.event-maternity:before{background:#ea580c}.event-maternity .event-title{color:#7c2d12}.event-maternity .event-desc{color:#ea580c}.event-wfh{background:#64748b1a}.event-wfh:before{background:#64748b}.event-wfh .event-title{color:#334155}.event-wfh .event-desc{color:#64748b}.cal-day.has-holiday{background:#f59e0b0a}.event-holiday{background:#f59e0b1f}.event-holiday:before{background:#f59e0b}.event-holiday:hover{filter:brightness(.95);transform:translate(2px)}.event-holiday .event-title{color:#78350f;font-size:11.5px;font-weight:700}.event-holiday .event-desc{color:#b45309}.cal-list-container{flex-direction:column;gap:10px;display:flex}.cal-list-holiday-card{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:transform .2s;display:flex}.cl-h-left{flex:1;align-items:center;gap:12px;display:flex}.cl-h-icon{color:#fff;background:#f59e0b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cl-h-icon svg{width:16px;height:16px}.cl-h-info{flex-direction:column;gap:2px;display:flex}.cl-h-title-row{align-items:center;gap:8px;display:flex}.cl-h-name{color:#78350f;font-size:14px;font-weight:700}.cl-h-badge{text-transform:uppercase;color:#b45309;background:#f59e0b26;border-radius:12px;padding:2px 6px;font-size:9px;font-weight:700}.cl-h-sub{color:#92400e;font-size:11px}.cl-h-date{color:#b45309;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.cl-h-date svg{width:14px;height:14px}.cal-list-event-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #00000005}.cl-e-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cl-e-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.cl-e-info{flex-direction:column;min-width:0;display:flex}.cl-e-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cl-e-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.cl-e-date{color:var(--accent-color);border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;flex-shrink:0;margin-left:12px;padding:4px 10px;font-size:12px;font-weight:600}.bg-pink{background-color:#db2777}.calendar-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:8px;display:flex}.legend-item{color:#475569;cursor:default;background:#fff;border:1px solid #0000000f;border-radius:30px;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.legend-item:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 6px #0000000a}.legend-dot{border-radius:50%;width:22px;height:22px;display:inline-block;box-shadow:inset 0 0 0 1px #0000000d}.legend-line{background:#94a3b8;border-radius:2px;width:22px;height:4px;margin:0 4px;display:inline-block}.leave-type-list{flex-direction:column;gap:12px;display:flex}.leave-type-item{color:var(--text-primary);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.summary-list{flex-direction:column;gap:12px;display:flex}.summary-item{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.summary-item span{color:var(--text-muted)}.summary-item strong{font-size:14px;font-weight:600}.info-card{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.info-card svg{width:20px;height:20px;color:var(--accent-color);flex-shrink:0}.info-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.team-requests-container{flex-direction:column;gap:24px;display:flex}.tr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tr-title h2{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.tr-title p{color:var(--text-muted);font-size:13px}.tr-actions{align-items:center;gap:12px;display:flex}.tr-actions .search-wrapper{min-width:260px;margin-bottom:0}.tr-actions .search-wrapper input{background:#fff}.btn-filter-icon{background:#fff;align-items:center;gap:8px;display:flex}.tr-actions .icon-btn{background:#fff;padding:8px}.tr-status-filters{flex-wrap:wrap;gap:12px;display:flex}.al-duration-text{color:var(--primary-color);text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.tr-filter-item{color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.tr-filter-item:hover{background:var(--bg-primary);color:var(--accent-color)}.tr-filter-item.active{color:#7c3aed;background:#f5f3ff;border-color:#c7d2fe;font-weight:600}.tr-filter-item .badge{color:var(--text-secondary);background:#0000000f;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700}.tr-filter-item.active .badge{color:#fff;background:#7c3aed}.status-filter-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.status-filter-btn:hover{border-color:var(--accent-light);background:var(--bg-primary)}.status-filter-btn.active{color:var(--accent-color);background:#eef2ff;border-color:#c7d2fe}.status-filter-btn .badge{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.status-filter-btn.active .badge{color:var(--accent-color);background:#fff;border-color:#c7d2fe}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.pending{background:#eab308}.status-dot.approved{background:#10b981}.status-dot.rejected{background:#ef4444}.status-dot.cancelled{background:#64748b}.tr-table-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000005}.tr-table{border-collapse:collapse;width:100%;min-width:900px}.tr-table th{color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color);background:#f8fafc;padding:16px 20px;font-size:12px;font-weight:700}.tr-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 20px}.tr-table tr:last-child td{border-bottom:none}.tr-table tr:hover{background:#f8fafc}.tr-emp{align-items:center;gap:12px;display:flex}.tr-emp-info{flex-direction:column;display:flex}.tr-emp-name{color:var(--text-primary);font-size:13px;font-weight:700}.tr-emp-role{color:var(--text-muted);font-size:11px}.type-pill-tr{border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.type-pill-tr.annual{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.type-pill-tr.sick{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe}.type-pill-tr.comp{color:#9333ea;background:#faf5ff;border:1px solid #f3e8ff}.type-pill-tr.personal{color:#db2777;background:#fdf2f8;border:1px solid #fce7f3}.type-pill-tr.maternity{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.tr-table td:nth-child(3){color:var(--text-primary);font-size:13px;font-weight:500}.tr-table td:nth-child(5){color:var(--text-primary);font-size:13px}.tr-date-col{flex-direction:column;display:flex}.tr-date-main{color:var(--text-primary);font-size:13px;font-weight:600}.tr-date-sub{color:var(--text-muted);font-size:11px}.status-pill-tr{background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-pill-tr.pending{color:#eab308;border:1px solid #fef08a}.status-pill-tr.approved{color:#10b981;border:1px solid #a7f3d0}.status-pill-tr.rejected{color:#ef4444;border:1px solid #fecaca}.status-pill-tr.cancelled{color:#64748b;border:1px solid #e2e8f0}.status-dot-tr{border-radius:50%;width:6px;height:6px}.pending .status-dot-tr{background:#eab308}.approved .status-dot-tr{background:#10b981}.rejected .status-dot-tr{background:#ef4444}.cancelled .status-dot-tr{background:#64748b}.tr-actions-group{align-items:center;gap:8px;display:flex}.tr-action-btn{border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:#fff;border-radius:6px;justify-content:center;align-items:center;display:flex}.tr-action-btn:hover{background:#f8fafc}.tr-action-btn.approve{color:#6366f1;border-color:#c7d2fe}.tr-action-btn.approve:hover{background:#eef2ff}.tr-action-btn.reject{color:#ef4444;border-color:#fecaca}.tr-action-btn.reject:hover{background:#fef2f2}.tr-action-btn svg{width:14px;height:14px}.tr-action-btn.more{border-color:#0000}.tr-action-btn.more:hover{border-color:var(--border-color)}.tr-pagination{border-top:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tr-pagination-info{color:var(--text-muted);font-size:13px}.tr-pagination-controls{align-items:center;gap:8px;display:flex}.tr-page-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.tr-page-btn svg{width:16px;height:16px}.tr-page-btn:hover{background:#f8fafc}.tr-page-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tr-page-select{border:1px solid var(--border-color);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;margin-left:8px;padding:0 12px;font-size:13px;display:flex}.tr-page-select svg{width:14px;height:14px;color:var(--text-muted)}.my-leave-container{flex-direction:column;gap:24px;display:flex}.ml-header-top{justify-content:space-between;align-items:center;display:flex}.ml-header-top h3{color:var(--text-primary);font-size:18px;font-weight:700}.ml-year-select{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.ml-year-select svg{width:16px;height:16px;color:var(--text-muted)}.ml-stats-cards{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.ml-stat-card{border:1px solid var(--border-color);border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.bg-purple-light{background:#f5f3ff}.bg-green-light{background:#f0fdf4}.bg-blue-light{background:#eff6ff}.bg-orange-light{background:#fff7ed}.bg-pink-light{background:#fdf2f8}.text-purple{color:#7c3aed}.text-green{color:#059669}.text-blue{color:#2563eb}.text-orange{color:#ea580c}.text-pink{color:#db2777}.ml-stat-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:0;display:flex;box-shadow:0 1px 2px #0000000d}.ml-stat-icon svg{width:18px;height:18px}.ml-stat-info{flex-direction:column;gap:2px;display:flex}.ml-stat-title{color:var(--text-muted);font-size:11px;font-weight:600}.ml-stat-val{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.2}.ml-stat-sub{color:var(--text-muted);font-size:11px}.ml-stat-sub.text-orange{color:#ea580c}.ml-stat-sub.text-pink{color:#db2777}.with-progress{padding-bottom:20px}.ml-progress-bar{background:#0000000d;border-radius:2px;height:4px;position:absolute;bottom:6px;left:16px;right:16px;overflow:hidden}.ml-progress-fill{border-radius:2px;height:100%}.ml-toolbar{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.ml-tabs{border:1px solid var(--border-color);background:#fff;border-radius:8px;display:flex;overflow:hidden}.ml-tab{color:var(--text-muted);border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.ml-tab:last-child{border-right:none}.ml-tab:hover{color:var(--text-primary);background:#f8fafc}.ml-tab.active{color:#7c3aed;background:#f5f3ff;font-weight:600}.ml-actions{align-items:center;gap:12px;display:flex}.ml-date-range{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.ml-date-range input{color:var(--text-primary);background:0 0;border:none;outline:none;width:140px;font-size:13px}.ml-date-range svg{width:16px;height:16px;color:var(--text-muted)}.ml-table-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden}.ml-table{border-collapse:collapse;width:100%;min-width:900px}.ml-table th{color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color);background:#fff;padding:16px 20px;font-size:12px;font-weight:700}.ml-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 20px}.ml-table tr:last-child td{border-bottom:none}.ml-table tr:hover{background:#f8fafc}.ml-type-cell{align-items:center;gap:12px;display:flex}.ml-type-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ml-type-icon svg{width:20px;height:20px}.ml-type-info{flex-direction:column;display:flex}.ml-type-name{color:var(--text-primary);font-size:13px;font-weight:700}.ml-type-sub{color:var(--text-muted);font-size:11px}.ml-double-line{flex-direction:column;display:flex}.ml-dl-main{color:var(--text-primary);font-size:13px;font-weight:600}.ml-dl-sub{color:var(--text-muted);font-size:11px}.ml-table td:nth-child(3){color:var(--text-primary);font-size:13px;font-weight:500}.ml-table td:nth-child(6){color:var(--text-primary);font-size:13px}.status-badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge.pending{color:#d97706;background:#fef3c7}.status-badge.approved{color:#059669;background:#d1fae5}.status-badge.cancelled{color:#475569;background:#f1f5f9}.ml-actions-group{align-items:center;gap:8px;display:flex}.ml-action-btn{border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--accent-color);transition:all var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.ml-action-btn svg{width:14px;height:14px}.ml-action-btn:hover{background:#f8fafc}.ml-action-btn.delete{color:#ef4444;border-color:#fca5a5}.ml-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.ml-pagination{border-top:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ml-pagination-info{color:var(--text-muted);font-size:13px}.ml-pagination-controls{align-items:center;gap:8px;display:flex}.ml-page-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.ml-page-btn svg{width:16px;height:16px}.ml-page-btn:hover{background:#f8fafc}.ml-page-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.ml-page-select{border:1px solid var(--border-color);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;margin-left:8px;padding:0 12px;font-size:13px;display:flex}.ml-page-select svg{width:14px;height:14px;color:var(--text-muted)}.apply-leave-modal-box{width:900px;max-width:95vw}.modal-title-group h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.modal-title-group{align-items:center;gap:16px;display:flex}.modal-icon{width:44px;height:44px;color:var(--primary-color);background-color:#f3e8ff;border-radius:12px;justify-content:center;align-items:center;display:flex}.modal-title-text h3{margin:0 0 4px;font-size:18px;font-weight:700}.modal-title-text p{color:var(--text-muted);margin:0;font-size:13px}.al-request-type-toggle{background-color:#f1f5f9;border-radius:12px;width:100%;max-width:480px;margin:0 auto;padding:6px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.al-request-type-toggle.mb-4{margin-bottom:24px}.al-toggle-option{text-align:center;cursor:pointer;flex:1;margin:0;position:relative}.al-toggle-option input{opacity:0;cursor:pointer;position:absolute}.al-toggle-text{color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.al-toggle-option input:checked+.al-toggle-text{color:var(--accent-color);background-color:#fff;font-weight:700;box-shadow:0 2px 8px #0000001a}.al-form-row{grid-template-columns:repeat(4,1fr);align-items:flex-start;gap:24px;display:grid}.al-form-row.mt-4{margin-top:16px}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.full-width{grid-column:1/-1}.al-form-group{flex-direction:column;gap:8px;display:flex}.al-form-group label{color:var(--text-primary);align-items:center;font-size:13px;font-weight:600;display:flex}.al-form-group label .required{color:#ef4444;margin-left:4px}.al-label-icon{width:14px;height:14px;color:var(--text-muted);margin-right:6px}.al-select-wrapper,.al-input-with-icon{align-items:center;width:100%;display:flex;position:relative}.al-select-wrapper .custom-select-wrapper{width:100%}.al-select-wrapper .custom-select-trigger{border:1px solid var(--border-color);min-height:40px;color:var(--text-primary);background:#f8fafc;border-radius:8px;padding:10px 14px;font-size:13px;transition:all .2s}.al-select-wrapper.has-icon .custom-select-trigger{padding-left:36px!important}.al-select-wrapper .custom-select-trigger:hover,.al-select-wrapper .custom-select-wrapper.open .custom-select-trigger{border-color:var(--accent-color);background:#fff}.al-select-wrapper select,.al-input-with-icon input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#f8fafc;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:13px;transition:all .2s;appearance:none!important;background-image:none!important}.al-select-wrapper select::-ms-expand{display:none}.al-select-wrapper select:focus,.al-input-with-icon input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px #6366f11a}.al-select-wrapper.has-icon select,.al-input-with-icon.has-icon input{padding-left:36px!important}.al-input-icon,.al-select-wrapper .al-input-icon,.al-input-with-icon .al-input-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;z-index:2;position:absolute;left:12px!important;right:auto!important}.al-select-wrapper select:disabled{color:var(--text-muted);opacity:.7;background:#f1f5f9}.al-select-wrapper i,.al-input-with-icon i,.al-select-wrapper svg:not(.al-input-icon),.al-input-with-icon svg:not(.al-input-icon){width:16px;height:16px;color:var(--text-muted);pointer-events:none;z-index:2;position:absolute!important;left:auto!important;right:12px!important}.al-date-inputs{align-items:center;gap:12px;display:flex}.al-date-inputs .al-input-with-icon{flex:1}.al-date-sep{color:var(--text-muted);font-weight:500}.al-duration-text{color:var(--accent-color);text-align:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.al-radio-group{gap:20px;padding:10px 0;display:flex}.al-radio-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex;font-weight:500!important}.al-radio-label input[type=radio]{opacity:0;width:0;height:0;position:absolute}.al-radio-custom{border:2px solid var(--border-color);border-radius:50%;width:16px;height:16px;position:relative}.al-radio-label input:checked+.al-radio-custom{border-color:var(--accent-color)}.al-radio-label input:checked+.al-radio-custom:after{content:"";background:var(--accent-color);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.al-checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex;font-weight:500!important}.al-checkbox-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.al-checkbox-custom{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.al-checkbox-custom i,.al-checkbox-custom svg{color:#fff;width:12px;height:12px;display:none}.al-checkbox-label input:checked+.al-checkbox-custom{background:var(--accent-color);border-color:var(--accent-color)}.al-checkbox-label input:checked+.al-checkbox-custom i,.al-checkbox-label input:checked+.al-checkbox-custom svg{display:block}.al-textarea-wrapper{position:relative}.al-textarea-wrapper textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;background:#f8fafc;border-radius:8px;outline:none;padding:12px 14px;font-size:13px;transition:all .2s}.al-textarea-wrapper textarea:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px #6366f11a}.al-char-count{color:var(--text-muted);font-size:11px;position:absolute;bottom:12px;right:12px}.al-file-upload{border:2px dashed var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:#fafaf9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.al-file-upload:hover,.al-file-upload.dragover{border-color:var(--accent-color);background:#f8fafc}.al-file-upload .upload-icon{width:32px;height:32px;color:var(--text-muted)}.upload-text{text-align:center}.upload-text p{color:var(--text-primary);margin:0 0 4px;font-size:13px}.upload-sub{color:var(--text-muted);font-size:11px}.al-balance-summary{background:0 0;border:none;padding:0}.al-section-label{color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:700;display:block}.lt-table{border-collapse:collapse;width:100%}.lt-table th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);background:#f8fafc;padding:12px 16px;font-size:12px;font-weight:700}.lt-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;font-size:13px}.lt-table tr:last-child td{border-bottom:none}.lt-table .btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background .2s}.lt-table .btn-icon:hover{background:#f1f5f9}.al-balance-cards{flex-wrap:nowrap;gap:16px;padding-top:4px;padding-bottom:16px;display:flex;overflow-x:auto}.al-balance-cards::-webkit-scrollbar{height:6px}.al-balance-cards::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.al-bal-card{border:1px solid var(--border-color);background:#fff;border-radius:14px;flex:none;align-items:center;gap:12px;min-width:170px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.al-bal-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000000d}.al-bal-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.al-bal-icon.green{color:#16a34a;background:#dcfce7}.al-bal-icon.blue{color:#2563eb;background:#dbeafe}.al-bal-icon.pink{color:#db2777;background:#fce7f3}.al-bal-icon.purple{color:#9333ea;background:#f3e8ff}.al-bal-icon.orange{color:#ea580c;background:#ffedd5}.al-bal-icon.teal{color:#0d9488;background:#ccfbf1}.al-bal-icon.red{color:#dc2626;background:#fee2e2}.al-bal-content{flex-direction:column;display:flex}.al-bal-content strong{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.al-bal-val{color:var(--text-muted);font-size:11px;line-height:1.2}.al-bal-val span{color:var(--text-primary);font-size:18px;font-weight:800}.modal-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.modal-footer-info{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.modal-footer-info svg{color:var(--primary-color);width:16px;height:16px}.modal-footer-actions{gap:12px;display:flex}@media (width<=992px){.ml-stats-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=801px){.leave-page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.leave-header-actions{flex-flow:wrap;align-items:center;gap:10px;width:100%;display:flex}.leave-header-actions #btn-leave-policy{flex:auto;justify-content:center;min-width:120px}.leave-header-actions .btn-icon{flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.leave-header-actions #btn-apply-leave{flex:100%;order:10;justify-content:center;width:100%}.leave-tabs-container{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.leave-tabs-container::-webkit-scrollbar{display:none}.ml-header-top{flex-direction:column;align-items:flex-start;gap:12px}.ml-stats-cards{grid-template-columns:repeat(2,1fr)}.ml-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:12px!important}.ml-tabs{white-space:nowrap!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;border:1px solid var(--border-color)!important;background:#fff!important;border-radius:10px!important;gap:4px!important;width:100%!important;padding:4px!important;display:flex!important;overflow-x:auto!important}.ml-tabs::-webkit-scrollbar{display:none!important}.ml-tab{color:var(--text-muted)!important;text-align:center!important;background:0 0!important;border:none!important;border-radius:6px!important;flex:none!important;padding:8px 14px!important;font-size:12.5px!important}.ml-tab.active{color:#fff!important;background:#7c3aed!important;font-weight:600!important;box-shadow:0 2px 6px #7c3aed40!important}.ml-actions{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.ml-date-range{box-sizing:border-box!important;border:1px solid var(--border-color)!important;background:#fff!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:8px 12px!important;display:flex!important}.ml-date-range input[type=date]{width:44%!important;min-width:110px!important;height:34px!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;padding:2px!important;font-size:12px!important}#my-leave-btn-filter,.ml-actions .btn-filter{justify-content:center!important;width:100%!important;height:40px!important;font-size:13px!important;font-weight:600!important}.leave-toolbar{flex-direction:row!important;align-items:center!important;gap:12px!important}.tr-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.tr-actions{flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.tr-actions .search-wrapper{flex:auto!important;min-width:0!important;margin:0!important}.tr-actions>div:last-child,#tr-filter-toggle{white-space:nowrap!important;flex:none!important;align-items:center!important;gap:6px!important;height:38px!important;margin-left:auto!important;padding:8px 14px!important;font-size:13px!important;font-weight:600!important;display:flex!important}#tr-filter-menu{min-width:210px!important;left:auto!important;right:0!important}.tr-status-filters{white-space:nowrap!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.tr-status-filters::-webkit-scrollbar{display:none!important}.status-filter-btn{flex:none!important;padding:8px 14px!important;font-size:12.5px!important}.search-wrapper{width:100%!important}.filter-group{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.filter-item{width:100%!important}.filter-item select,.filter-item input{box-sizing:border-box!important;width:100%!important}.date-range-filter>div{width:100%!important}.date-range-filter input{width:45%!important;min-width:0!important}.ml-pagination,.table-pagination,.tr-pagination{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;padding:16px!important;display:flex!important}.ml-pagination-info{color:var(--text-muted)!important;margin:0!important;font-size:12.5px!important}.ml-pagination-controls,.pagination-controls,.tr-pagination-controls{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.ml-page-btn{border-radius:8px!important;min-width:34px!important;height:34px!important;padding:0 8px!important;font-size:13px!important}.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;margin-bottom:0!important;overflow-x:auto!important}.ml-table,.leave-table,.tr-table{table-layout:auto!important;width:100%!important;min-width:660px!important}.ml-table th,.ml-table td,.leave-table th,.leave-table td,.tr-table th,.tr-table td{white-space:nowrap!important;padding:12px 14px!important}.ml-double-line,.ml-dl-main,.ml-dl-sub{white-space:nowrap!important}}@media (width<=480px){.ml-stats-cards{grid-template-columns:1fr}}@media (width<=801px){.al-form-row{grid-template-columns:1fr!important;gap:16px!important}.al-form-row .col-span-1,.al-form-row .col-span-2,.al-form-row .col-span-3,.al-form-row .col-span-4{grid-column:span 1!important}.al-date-inputs{flex-direction:column!important;gap:12px!important}.al-date-sep{display:none!important}.apply-leave-modal-box .modal-footer{flex-direction:column!important;gap:16px!important}.modal-footer-info{text-align:center!important;width:100%!important}.modal-footer-actions{flex-direction:column-reverse!important;width:100%!important}.modal-footer-actions .btn{width:100%!important;margin-bottom:8px!important;margin-left:0!important}.modal-footer-actions .btn:first-child{margin-bottom:0!important}.al-toggle-text{padding:8px 12px!important;font-size:13px!important}.al-radio-group{flex-wrap:wrap!important}.al-balance-cards{flex-wrap:wrap!important;padding-bottom:8px!important;overflow-x:visible!important}.al-bal-card{flex:100%!important;width:100%!important}.apply-leave-modal-box{flex-direction:column!important;max-height:90vh!important;display:flex!important}#apply-leave-form{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}.apply-leave-modal-box .modal-body{flex:1!important;max-height:none!important;overflow-y:auto!important}}.dark-theme .leave-toolbar .search-wrapper,.dark-theme .balance-search-bar .search-wrapper,.dark-theme .filter-group select,.dark-theme .filter-group input{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .stat-icon.pending{color:#fbbf24!important;background:#d9770626!important}.dark-theme .stat-icon.approved{color:#34d399!important;background:#05966926!important}.dark-theme .stat-icon.today{color:#60a5fa!important;background:#2563eb26!important}.dark-theme .btn-white{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-theme .status-pill.pending{color:#fbbf24!important;background:#d9770626!important}.dark-theme .status-pill.approved{color:#34d399!important;background:#05966926!important}.dark-theme .status-pill.rejected{color:#f87171!important;background:#dc262626!important}.dark-theme .type-pill-tr.maternity{color:#fb923c!important;background:#ea580c26!important;border-color:#ea580c4d!important}.dark-theme .orange-bg{color:#fb923c!important;background:#ea580c26!important}.dark-theme .leave-page-header{border:1px solid var(--border-color);background:var(--bg-card)!important}.dark-theme .leave-page-header:before,.dark-theme .leave-page-header:after{opacity:.05}@media (width<=1024px){.policy-cards-grid{grid-template-columns:1fr}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=801px){.policy-reference-section,.policy-card{padding:16px}.policy-list{margin-left:8px;padding-left:16px}.formula-box code{white-space:pre-wrap;word-break:break-word}.table-responsive table{min-width:500px}.leave-header-info{flex-direction:column;align-items:flex-start}.leave-header-actions{flex-wrap:wrap;margin-top:12px}}.al-input{border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--text-color,#1e293b);background-color:var(--bg-card,#fff);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.al-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.al-input::placeholder{color:var(--text-muted,#94a3b8)}.flatpickr-day.is-holiday{font-weight:700;position:relative;color:#ef4444!important;background-color:#fef2f2!important;border-color:#fee2e2!important}.flatpickr-day.is-holiday:hover{background-color:#fee2e2!important}.flatpickr-day.is-holiday.selected,.flatpickr-day.is-holiday.startRange,.flatpickr-day.is-holiday.endRange,.flatpickr-day.is-holiday.selected.inRange,.flatpickr-day.is-holiday.startRange.inRange,.flatpickr-day.is-holiday.endRange.inRange,.flatpickr-day.is-holiday.selected:focus,.flatpickr-day.is-holiday.startRange:focus,.flatpickr-day.is-holiday.endRange:focus,.flatpickr-day.is-holiday.selected:hover,.flatpickr-day.is-holiday.startRange:hover,.flatpickr-day.is-holiday.endRange:hover,.flatpickr-day.is-holiday.selected.prevMonthDay,.flatpickr-day.is-holiday.startRange.prevMonthDay,.flatpickr-day.is-holiday.endRange.prevMonthDay,.flatpickr-day.is-holiday.selected.nextMonthDay,.flatpickr-day.is-holiday.startRange.nextMonthDay,.flatpickr-day.is-holiday.endRange.nextMonthDay{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}.flatpickr-day.is-holiday:after{content:"";background-color:#ef4444;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.flatpickr-day.is-holiday.selected:after,.flatpickr-day.is-holiday.startRange:after,.flatpickr-day.is-holiday.endRange:after{background-color:#fff}@media (width<=1024px){.leave-tabs,.nav-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.leave-tabs::-webkit-scrollbar{height:3px}.nav-tabs::-webkit-scrollbar{height:3px}.leave-filters,.filter-bar,.my-leave-filters{flex-wrap:wrap!important;gap:10px!important}.leave-filters>*,.filter-bar>*{flex:100%!important;min-width:100%!important}}@media (width<=801px){.stats-grid,.leave-stats-grid,.overview-cards-row{grid-template-columns:1fr 1fr!important}#manageLeaveTypesModal .modal-content,#applyLeaveModal .modal-content,#extraWorkingDayModal .modal-content{width:95%!important;margin:10px auto!important;padding:16px!important}}.ml-stat-card{text-align:left!important;align-items:stretch!important}.ml-stat-card>div{text-align:left!important}@media (width<=1024px){.ml-year-select{justify-content:space-between!important;width:auto!important}}@media (width<=801px){.my-leave-container,.leave-management-container{padding:12px 8px!important}div[style*="grid-template-columns: repeat(auto-fit, minmax"]{grid-template-columns:1fr!important;gap:12px!important}.ml-stat-card,.leave-stat-card{border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 14px!important}.leave-stat-card .stat-icon{width:32px!important;height:32px!important}.leave-stat-card .stat-icon svg,.leave-stat-card .stat-icon i{width:16px!important;height:16px!important}.leave-stat-card .stat-label{white-space:normal!important;font-size:11px!important;line-height:1.2!important}.leave-stat-card .stat-val{font-size:18px!important}.leave-table-card .table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.leave-table{min-width:650px!important}}.tab-label-full{display:inline!important}.tab-label-short{display:none!important}@media (width<=801px){.tab-label-full{display:none!important}.tab-label-short{display:inline!important}.leave-view-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.mleave-subtab-nav{box-sizing:border-box!important;border-radius:10px!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:100%!important;margin-bottom:14px!important;padding:4px!important;display:grid!important;overflow-x:hidden!important}.mleave-subtab{text-align:center!important;white-space:nowrap!important;border-radius:7px!important;flex:none!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;padding:8px 2px!important;font-size:11px!important;font-weight:700!important}.mleave-subtab i,.mleave-subtab svg{flex-shrink:0!important;width:13px!important;height:13px!important}.leave-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:12px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;padding:6px!important;display:flex!important;overflow-x:auto!important}.leave-tabs-container::-webkit-scrollbar{display:none}.leave-tab{text-align:center!important;white-space:nowrap!important;border-radius:8px!important;flex:none!important;justify-content:center!important;gap:4px!important;min-width:max-content!important;padding:6px!important;font-size:11px!important;font-weight:600!important}.leave-tab i,.leave-tab svg{flex-shrink:0!important;width:13px!important;height:13px!important}.filter-bar,.leave-filters,.my-leave-filters{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-bar>*,.leave-filters>*,.my-leave-filters>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.leave-page-header{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:0!important;padding:0 0 10px!important}.leave-header-info{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important;position:relative!important}.leave-header-icon{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;width:40px!important;height:40px!important;color:var(--accent-color)!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.leave-header-icon svg{width:20px!important;height:20px!important}.leave-header-info h1{color:var(--text-primary)!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1.2!important}.desktop-only-subtitle{display:none!important}.mobile-only-settings-btn{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;width:38px!important;height:38px!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;padding:0!important;display:flex!important}.desktop-only-settings-btn{display:none!important}.leave-header-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}#btn-apply-leave{border-radius:10px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:42px!important;font-size:13.5px!important;font-weight:700!important;display:flex!important;box-shadow:0 4px 12px #6366f140!important}.leave-secondary-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.leave-secondary-actions .btn-outline{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;width:100%!important;height:36px!important;color:var(--text-secondary)!important;box-shadow:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:0 8px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.team-leave-header-row{border-bottom:1px solid var(--border-color)!important;box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;max-width:100%!important;margin-bottom:0!important;padding:14px 14px 10px!important;display:flex!important}.team-leave-title-wrap{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.team-leave-title-wrap h3{margin:0!important;font-size:15px!important;font-weight:700!important}.mobile-only-export-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;gap:5px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.desktop-only-export-btn{display:none!important}.team-leave-filters-wrap{align-items:center;box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:100%!important;padding:0 14px 12px!important;display:flex!important}.team-leave-search{width:100%!important;min-width:100%!important;position:relative!important}.team-leave-search input{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;box-sizing:border-box!important;border-radius:8px!important;width:100%!important;padding:9px 12px 9px 36px!important;font-size:13px!important}.team-leave-selects{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.team-leave-selects select{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;box-sizing:border-box!important;border-radius:8px!important;width:100%!important;max-width:100%!important;padding:9px 8px!important;font-size:12.5px!important}}@media (width<=360px){.team-leave-selects{grid-template-columns:1fr!important}.team-leave-header-row{padding:10px 10px 8px!important}.team-leave-title-wrap h3{font-size:13px!important}.mobile-only-export-btn span{display:none!important}.mobile-only-export-btn{padding:6px 8px!important}.team-leave-search input{padding:8px 10px 8px 32px!important;font-size:12px!important}.team-leave-selects select{padding:8px 6px!important;font-size:12px!important}}@media (width<=801px){.ml-header-top{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important}.ml-header-top h2{margin:0!important;font-size:16px!important;font-weight:800!important}.ml-header-subtitle,.ml-progress-track{display:none!important}.ml-year-select{border-radius:8px!important;width:auto!important;height:32px!important;padding:0 8px!important;font-size:12px!important}.modal-box,.modal-medium,.modal-content,#applyLeaveModal .modal-box,#requestPermissionModal .modal-box,#requestExtraDayModal .modal-box,#manageLeaveTypesModal .modal-box{border-radius:14px!important;width:94%!important;max-width:94%!important;margin:12px auto!important;padding:0!important}.modal-header,.modal-body{padding:16px 18px!important}.modal-footer{flex-direction:column!important;gap:10px!important;padding:14px 18px!important}.modal-footer-actions{flex-direction:column-reverse!important;gap:8px!important;width:100%!important}.modal-footer-actions button{width:100%!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}.leave-table-card{border-radius:12px!important;width:100%!important;overflow:hidden!important}.lt-table,.data-table{min-width:600px!important}.lt-table th,.lt-table td{padding:10px 12px!important;font-size:12.5px!important}#my-leave-desktop-table{display:none!important}#my-leave-cards{margin-bottom:12px;display:flex!important}.my-leave-card-mob{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.ml-c-header{justify-content:space-between;align-items:flex-start;display:flex}.ml-c-title{color:var(--text-primary);font-size:14px;font-weight:700}.ml-c-sub{color:var(--text-muted);font-size:11px}.ml-c-dates{color:var(--text-primary);margin-top:4px;font-size:13px;font-weight:600}.ml-c-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.pagination-footer,.pagination-container{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.pagination-controls{justify-content:center!important;width:100%!important}.balance-header-row{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important}.balance-overview-title{margin-bottom:2px!important;font-size:15px!important}.balance-overview-subtitle{font-size:12px!important}.balance-date-badge{flex-shrink:0!important;padding:6px 10px!important;font-size:11px!important}.balance-toolbar{box-sizing:border-box!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;padding:12px 14px!important}.balance-search-wrap{flex:1 1 0!important;min-width:0!important}.balance-export-btn{white-space:nowrap!important;flex-shrink:0!important;padding:6px 10px!important;font-size:12px!important}.balance-stats-header{width:100%!important}.balance-filters{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}.balance-filters .filter-item{width:100%!important;min-width:0!important}.balance-filters .filter-item select,#balance-employee-filter{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:38px!important;padding:6px 12px!important;font-size:13px!important}.balance-filters .date-range-picker{box-sizing:border-box!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:38px!important;padding:0 12px!important;font-size:12.5px!important;display:flex!important}.balance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important}.balance-stat-card:last-child:nth-child(odd){grid-column:span 2!important}.balance-stat-card{border-radius:10px!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:12px 10px!important}.balance-stat-card .stat-icon{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;display:flex!important}.balance-stat-card .stat-icon svg,.balance-stat-card .stat-icon i{width:18px!important;height:18px!important}.balance-stat-card .stat-name{white-space:normal!important;word-break:break-word!important;margin:0 0 2px!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important}.balance-stat-card .stat-total{margin-bottom:2px!important;font-size:20px!important;font-weight:800!important;line-height:1.2!important}.balance-stat-card .stat-sublabel{font-size:10px!important}.balance-search-bar{align-items:center!important;gap:8px!important;padding:10px 12px!important;display:flex!important}.balance-search-bar .search-wrapper{flex:auto!important;min-width:0!important;margin-bottom:0!important}.balance-search-bar .search-wrapper input{padding-left:6px!important;font-size:12px!important}.balance-search-bar .btn-export{white-space:nowrap!important;flex-shrink:0!important;height:38px!important;padding:0 10px!important;font-size:12px!important}#panel-balance .table-responsive,#panel-balance .leave-table-card .table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;margin:0!important;display:block!important;position:relative!important;overflow-x:auto!important}#leave-balance-table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:440px!important}#leave-balance-table th{color:var(--text-muted)!important;white-space:nowrap!important;border-bottom:1px solid var(--border-color)!important;vertical-align:middle!important;background:#f8fafc!important;padding:8px 10px!important;font-size:11px!important;font-weight:700!important}#leave-balance-table td{white-space:nowrap!important;vertical-align:middle!important;border-bottom:1px solid var(--border-color)!important;background:#fff!important;padding:8px 10px!important;font-size:12px!important}#leave-balance-table th:first-child,#leave-balance-table td:first-child{z-index:5!important;position:sticky!important;left:0!important;box-shadow:2px 0 6px #0000000d!important}#leave-balance-table th:first-child{background:#f8fafc!important}#leave-balance-table td:first-child{background:#fff!important}#leave-balance-table .emp-avatar{width:28px!important;min-width:28px!important;height:28px!important;font-size:11px!important}#leave-balance-table .emp-name-col{gap:8px!important}#leave-balance-table .emp-name-col div>div:first-child{font-size:12.5px!important}#leave-balance-table .emp-name-col div>div:last-child{font-size:10.5px!important}.policy-reference-section{border-radius:12px!important;padding:14px 12px!important}.policy-ref-title{gap:8px!important;margin-bottom:16px!important;font-size:16px!important}.policy-ref-title svg{width:20px!important;height:20px!important}.policy-cards-grid{grid-template-columns:1fr!important;gap:14px!important}.policy-card{border-radius:12px!important;padding:14px 12px!important;overflow-x:hidden!important}.scenarios-card{margin-top:14px!important;padding:14px 12px!important}.policy-list{margin-bottom:16px!important;margin-left:0!important;padding-left:18px!important;font-size:12.5px!important}.policy-list li{word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;margin-bottom:6px!important}.check-item{font-size:12px!important}.policy-example{border-radius:10px!important;padding:12px!important}.policy-example p{word-break:break-word!important;margin:6px 0!important;font-size:11.5px!important;line-height:1.4!important}.ex-formula{font-size:12px!important}.formula-box{border-radius:10px!important;margin-bottom:12px!important;padding:12px!important}.formula-box .f-title{margin-bottom:6px!important;font-size:12px!important}.formula-box code{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;border:1px solid var(--border-color)!important;background:#fff!important;border-radius:6px!important;padding:8px 10px!important;font-size:11.5px!important;line-height:1.5!important}.policy-card .table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;margin-top:10px!important;display:block!important;overflow-x:auto!important}.logic-table,.scenarios-table{width:100%!important;min-width:480px!important;font-size:12px!important}.logic-table th,.scenarios-table th{white-space:nowrap!important;padding:8px 10px!important;font-size:11px!important}.logic-table td,.scenarios-table td{white-space:nowrap!important;padding:8px 10px!important;font-size:11.5px!important}.policy-note{align-items:flex-start!important;margin-top:16px!important;font-size:11.5px!important;line-height:1.4!important}.policy-note svg{flex-shrink:0!important;margin-top:2px!important}.calendar-main-col{padding:12px!important}.calendar-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:12px!important}.cal-header-controls{flex-wrap:nowrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important}.cal-header-controls .btn-outline{height:32px!important;padding:6px 10px!important;font-size:12px!important}.cal-month-select,.cal-view-select{flex:auto;width:auto!important;height:32px!important;padding:6px 8px!important;font-size:12px!important}.cal-header-title h3{font-size:16px!important}.calendar-grid{border-radius:8px!important}.cal-dow{letter-spacing:0!important;padding:8px 2px!important;font-size:10px!important}.cal-day{min-height:70px!important;padding:4px 2px!important}.day-num{width:20px!important;height:20px!important;margin-bottom:2px!important;font-size:11px!important}.cal-event{border-radius:50%!important;width:8px!important;height:8px!important;margin:2px 2px 0 0!important;padding:0!important;display:inline-block!important}.cal-event:before,.event-text-wrap{display:none!important}.event-annual{background:#059669!important}.event-sick{background:#2563eb!important}.event-personal{background:#db2777!important}.event-comp{background:#9333ea!important}.event-maternity{background:#ea580c!important}.event-wfh{background:#64748b!important}.event-holiday{background:#f59e0b!important}.calendar-legend{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:16px!important;padding:0!important;display:grid!important}.legend-item{justify-content:flex-start!important;gap:6px!important;padding:4px 8px!important;font-size:11px!important}.legend-dot{width:14px!important;height:14px!important}}@media (width<=480px){.page-content{padding:10px 8px!important}header#navbar{height:48px!important;padding:6px 10px!important}.my-leave-container,.leave-management-container{padding:0!important}.leave-page-header{gap:8px!important;margin-bottom:8px!important;padding:0 0 8px!important}.leave-header-info{margin-bottom:6px!important}.leave-header-icon{border-radius:8px!important;width:30px!important;height:30px!important}.leave-header-icon i,.leave-header-icon svg{width:15px!important;height:15px!important}.leave-header-info h1{font-size:15.5px!important;font-weight:800!important}.mobile-only-settings-btn,.header-settings-btn{border-radius:8px!important;width:32px!important;height:32px!important}#btn-apply-leave{border-radius:8px!important;height:38px!important;font-size:12.5px!important}.leave-secondary-actions{grid-template-columns:1fr 1fr!important;gap:6px!important}.leave-secondary-actions .btn-outline{border-radius:6px!important;height:32px!important;padding:0 4px!important;font-size:11px!important}.leave-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;margin-bottom:10px!important;padding:4px!important;display:flex!important;overflow-x:auto!important}.leave-tabs-container::-webkit-scrollbar{display:none}.leave-tab{white-space:nowrap!important;border-radius:6px!important;flex:none!important;justify-content:center!important;gap:3px!important;min-width:max-content!important;padding:6px 8px!important;font-size:11px!important}.leave-tab i,.leave-tab svg{width:12px!important;height:12px!important}.ml-header-top{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.ml-header-top h2{font-size:15px!important;font-weight:800!important}.ml-year-select{width:auto!important;height:28px!important;padding:0 6px!important;font-size:11px!important}div[style*="grid-template-columns: repeat(auto-fit, minmax"]{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px!important}.ml-stat-card{border-radius:10px!important;padding:10px 12px!important}.ml-stat-card #my-leave-total,.ml-stat-card #my-perm-remaining{margin:2px 0!important;font-size:15px!important}.ml-progress-track{display:none!important}.mleave-subtab-nav{box-sizing:border-box!important;border-radius:8px!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;width:100%!important;margin-bottom:12px!important;padding:3px!important;display:grid!important;overflow-x:hidden!important}.mleave-subtab{text-align:center!important;white-space:nowrap!important;border-radius:6px!important;flex:none!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;padding:6px 2px!important;font-size:10px!important;font-weight:700!important}.mleave-subtab i,.mleave-subtab svg{width:12px!important;height:12px!important}.al-form-row,div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important;gap:8px!important}.al-toggle-option{flex:100%!important}.filter-bar,.leave-filters{gap:6px!important;margin-bottom:10px!important}.filter-bar select,.filter-bar input,.leave-filters select,.leave-filters input{height:30px!important;padding:4px 6px!important;font-size:11px!important}.leave-table-card{border-radius:10px!important;margin-bottom:12px!important}.lt-table th,.lt-table td{padding:6px 8px!important;font-size:11px!important}.leave-view-grid{grid-template-columns:1fr!important;gap:8px!important}}@media (width<=1024px) and (width>=802px){header#navbar{padding:0 20px!important}.navbar-left{gap:10px!important;min-width:0!important;overflow:hidden!important}.greeting-text{min-width:0!important;overflow:hidden!important}.greeting-text h2{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:15px!important;overflow:hidden!important}.greeting-text p{display:none!important}.clock-widget{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important}.leave-page-header{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;padding:12px 0!important}.leave-header-info{flex:auto!important;min-width:0!important}.leave-header-info h1{font-size:20px!important}.leave-header-info p{font-size:12.5px!important}.leave-header-icon{flex-shrink:0!important;width:44px!important;height:44px!important}.leave-header-actions{flex-shrink:0!important;gap:8px!important}.leave-secondary-actions{gap:8px!important;display:flex!important}.leave-secondary-actions .btn-outline{padding:6px 10px!important;font-size:12px!important}.leave-tabs-container{gap:16px!important}.leave-tab{gap:6px!important;font-size:13px!important}.page-content{padding:16px 20px!important}}.leave-sticky-header{z-index:100;margin-top:-32px;margin-bottom:16px;padding-top:32px;padding-bottom:8px;position:sticky;top:0}@media (width<=801px){.leave-sticky-header{margin-top:-16px;padding-top:16px}}.leave-sticky-header{z-index:100;margin-top:-16px;padding-top:16px;position:sticky;top:0;box-shadow:0 4px 20px -10px #0000000d}.leave-sticky-header .leave-page-header{margin-top:0!important;padding-top:0!important}.calendar-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cal-nav-group{align-items:center;gap:8px;display:flex}.cal-nav-arrows{gap:4px;display:flex}.month-picker-container,.view-switcher-container{display:inline-block;position:relative}@media (width<=768px){.calendar-controls{flex-direction:column;align-items:stretch;width:100%}.cal-nav-group{justify-content:space-between;width:100%}.month-picker-container,.view-switcher-container{width:100%;display:block}.month-picker-container>div:first-child{box-sizing:border-box;justify-content:space-between;width:100%;display:flex}.month-picker-container .calendar-picker-dropdown{box-sizing:border-box;width:100%!important}.view-switcher-container>div{width:100%;display:flex}.view-switcher-container button{text-align:center;flex:1;justify-content:center}}@media (width<=801px){.overview-sub-header{box-sizing:border-box!important;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;padding:14px!important;display:flex!important}.overview-sub-title{white-space:nowrap!important;text-overflow:ellipsis!important;flex:1 1 0!important;min-width:0!important;margin:0!important;font-size:14px!important;font-weight:700!important;overflow:hidden!important}.overview-sub-title .title-full{display:none!important}.overview-sub-title .title-short{display:inline!important}.overview-sub-header .btn{white-space:nowrap!important;flex-shrink:0!important;padding:6px 10px!important;font-size:12px!important}}.payroll-hero{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-md);z-index:10;border-radius:24px;flex-direction:column;align-items:flex-start;gap:20px;margin-top:20px;padding:28px 32px;display:flex;position:relative}.payroll-hero-left h1{font-size:26px;font-weight:800;line-height:1.2;font-family:var(--font-heading);white-space:nowrap;margin-bottom:4px}.payroll-hero-left p{color:var(--text-muted);font-size:14px}.payroll-hero-right{flex-direction:column;gap:12px;width:100%;display:flex}.payroll-hero-controls,.payroll-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payroll-hero-controls .employee-search-wrapper{flex-shrink:0;width:300px}.custom-month-picker{flex-shrink:0;width:220px;position:relative}.picker-display{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:11px 18px;font-size:14px;font-weight:600;display:flex}.picker-display:hover,.custom-month-picker.active .picker-display{border-color:var(--accent-color);background-color:var(--bg-secondary)}.picker-dropdown{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);z-index:100;opacity:1;visibility:visible;width:100%;transition:all var(--transition-fast);margin-top:8px;padding:16px;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.picker-dropdown.hidden{opacity:0;visibility:hidden;transform:translateY(-10px)}.picker-year-nav{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.year-nav-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.year-nav-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}.picker-months-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.month-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 0;font-size:13px;font-weight:500;transition:all .2s}.month-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.month-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #4f46e54d}.payroll-hero-actions .btn{justify-content:center;min-width:170px}@media (width<=640px){.payroll-hero{padding:20px}.payroll-hero-left h1{white-space:normal;font-size:20px}.payroll-hero-controls .employee-search-wrapper,.payroll-month-select{width:100%}.payroll-hero-actions .btn{flex:calc(50% - 6px);min-width:0}}.employee-search-wrapper{position:relative}#employee-search{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-glass);width:100%;height:46px;color:var(--text-primary);transition:all var(--transition-fast);padding:0 16px;font-size:14px}#employee-search:focus{border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f126}.employee-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow-lg);z-index:999;max-height:220px;display:none;position:absolute;top:52px;left:0;overflow-y:auto}.employee-option{cursor:pointer;transition:background-color var(--transition-fast);padding:12px 16px;font-size:14px}.employee-option:hover{background-color:var(--accent-light);color:var(--accent-color)}.payslip-card{max-width:850px;font-family:var(--font-body);color:#1a1a2e;background:#fff;border:1px solid #00000014;border-radius:12px;margin:24px auto 48px;padding:50px;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #00000014}.dark-theme .payslip-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 10px 40px -10px #0006}.dark-theme .payslip-watermark-layer{opacity:.05}.payslip-header-modern{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:48px;display:flex;position:relative}.payslip-header-left{align-items:center;gap:20px;display:flex}.payslip-logo-box{background:var(--accent-color);color:#fff;letter-spacing:1px;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:14px;font-weight:800;display:flex}.payslip-company-name{color:inherit;letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.2}.company-address{color:#64748b;max-width:350px;margin:0;font-size:13px;line-height:1.5}.dark-theme .company-address{color:var(--text-muted)}.payslip-header-right{text-align:right}.payslip-title{color:var(--accent-color);letter-spacing:4px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:800}.payslip-period-value{color:inherit;letter-spacing:-.5px;font-size:24px;font-weight:800}.payslip-meta-grid{z-index:1;background:#f8fafc;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;display:grid;position:relative}.dark-theme .payslip-meta-grid{border:1px solid var(--border-color);background:#ffffff05}.meta-item{flex-direction:column;gap:6px;display:flex}.meta-days-grid{gap:24px;display:flex;flex-direction:row!important}.meta-days-grid>div{flex-direction:column;gap:6px;display:flex}.meta-label{text-transform:uppercase;letter-spacing:1.5px;color:#64748b;font-size:10px;font-weight:700}.dark-theme .meta-label{color:var(--text-muted)}.meta-value{color:inherit;font-size:14px;font-weight:700}.payslip-table-wrapper-modern{z-index:1;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin:48px 0;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.payslip-table-modern{border-collapse:collapse;width:100%}.payslip-table-modern th{color:#64748b;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid var(--border-color,#e2e8f0);background:0 0;padding:18px 24px;font-size:12px;font-weight:700}.dark-theme .payslip-table-modern th{color:#94a3b8;border-bottom-color:var(--border-color);background:0 0}.payslip-table-modern td{color:inherit;border-bottom:1px solid var(--border-color,#e2e8f0);padding:18px 24px;font-size:14px;transition:background-color .2s}.payslip-table-modern tbody tr:nth-child(2n),.dark-theme .payslip-table-modern tbody tr:nth-child(2n){background-color:#0000}.payslip-table-modern tbody tr:hover td{background-color:#f1f5f9}.dark-theme .payslip-table-modern tbody tr:hover td{background-color:#ffffff08}.payslip-table-modern tbody tr:last-child td{border-bottom:1px solid var(--border-color,#e2e8f0)}.footer-label{background-color:#0000;color:#475569!important;padding:24px!important;font-weight:700!important}.footer-amount{background-color:#0000;color:var(--accent-color)!important;padding:24px!important;font-size:16px!important;font-weight:800!important}.dark-theme .footer-label,.dark-theme .footer-amount{border-top-color:var(--border-color);background-color:#0000}.dark-theme .footer-label{color:var(--text-secondary)!important}.payslip-net-banner{color:#fff;z-index:1;background:#0f172a;border-radius:20px;justify-content:space-between;align-items:center;padding:36px 48px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0006,inset 0 0 0 1px #ffffff0d,inset 0 0 40px #6366f126}.payslip-net-banner:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:60%;height:200%;position:absolute;top:-50%;right:-20%}.payslip-net-banner:hover{transform:translateY(-2px)}.banner-left{flex-direction:column;flex:1;gap:10px;min-width:0;padding-right:32px;display:flex}.banner-title{text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:800;display:inline-block}.banner-words{color:#e2e8f0;word-wrap:break-word;max-width:100%;font-size:15px;line-height:1.6}.banner-right{flex-shrink:0;justify-content:flex-end;align-items:baseline;gap:8px;max-width:55%;display:flex;position:relative}.currency-symbol{color:#a5b4fc;font-size:26px;font-weight:700}.net-amount{letter-spacing:-1.5px;text-align:right;text-shadow:0 4px 16px #0006;font-size:clamp(26px,5vw,46px);font-weight:900;white-space:nowrap!important;word-break:normal!important}.payslip-system-note{text-align:center;color:#94a3b8;z-index:1;margin-top:40px;font-size:12px;position:relative}.dark-theme .payslip-system-note{color:var(--text-muted)}.view-mode{display:inline}.edit-mode{display:none}.payslip-card.editing .view-mode{display:none!important}.payslip-card.editing .edit-mode{display:inline-block!important}.payslip-card.editing .detail-row{grid-template-columns:130px 15px 1fr}.payslip-input{color:#0b1f3b;box-sizing:border-box;width:100%;max-width:240px;transition:all var(--transition-fast);background:#6366f10a;border:1px solid #6366f140;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:700}.dark-theme .payslip-input{color:var(--text-primary);background:#818cf80f;border-color:#818cf840}.payslip-input:focus{border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:0 0 0 2px #6366f126}.payslip-input.compact{max-width:70px;padding:4px 6px}.payslip-input.table-input{text-align:right;max-width:120px;padding:4px 8px;font-weight:700}.edit-mode-inline-wrapper{color:#0b1f3b;align-items:center;gap:2px;font-weight:700;display:inline-flex}.dark-theme .edit-mode-inline-wrapper{color:var(--text-primary)}.company-logo-dynamic{object-fit:contain;max-width:180px;max-height:60px;display:block}.company-logo-fallback{display:block}.company-name-text{font-family:var(--font-heading);color:#0b1f3b;letter-spacing:.5px;margin-top:2px;font-size:16px;font-weight:800}.dark-theme .company-name-text{color:var(--text-primary)}.payslip-watermark-layer{z-index:0;pointer-events:none;opacity:.12;background-position:50% 35%;background-repeat:no-repeat;background-size:min(85%,360px);border-radius:24px;position:absolute;inset:0}.payslip-card{position:relative;overflow:hidden}.payslip-header,.payslip-header-modern,.payslip-meta-grid,.payslip-divider,.payslip-summary-grid,.payslip-table-wrapper,.payslip-table-wrapper-modern,.payslip-total-net-box,.payslip-net-banner,.payslip-amount-words,.payslip-system-note{z-index:1;position:relative}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background-color:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.custom-modal-overlay.active{opacity:1;pointer-events:auto}.statement-modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);width:100%;max-width:950px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:translateY(15px);padding:0!important}.statement-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.statement-modal-body{flex-direction:column;gap:24px;max-height:calc(90vh - 160px);padding:24px 32px 20px;display:flex;overflow-y:auto}.statement-modal-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);z-index:10;justify-content:flex-end;gap:16px;padding:20px 32px 24px;display:flex}.custom-modal-overlay.active .statement-modal-card{transform:translateY(0)}.statement-modal-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.statement-modal-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.statement-modal-close:hover{color:var(--text-primary)}.statement-readonly-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px 24px}.statement-readonly-box.transparent-bg{background:0 0;border:none;padding:0}.box-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.box-grid-2{grid-template-columns:repeat(2,1fr)}.box-col label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.box-col span,.box-col .readonly-value{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.4}.box-col .readonly-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:14px 16px}.statement-inputs-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;display:grid}.statement-inputs-grid .form-group label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.statement-inputs-grid .form-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:14px 16px;font-size:15px;font-weight:600}#modal-days-month,#modal-payable-days,#modal-lop-days,#modal-pay-period{color:var(--accent-color)}.statement-inputs-grid.earnings-grid{grid-template-columns:repeat(5,1fr);margin-top:0}.statement-inputs-grid.earnings-grid .form-control{color:var(--text-primary)}.statement-modal-footer{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.statement-modal-footer .btn{padding:12px 24px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-normal);z-index:150;background:#0006;display:none;position:fixed;inset:0}.drawer-overlay.active{opacity:1;display:block}.config-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-glass);width:440px;max-width:100%;height:100vh;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1);z-index:160;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.config-drawer.active{transform:translate(0)}.config-drawer .drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.config-drawer .drawer-header h3{font-size:18px;font-weight:700}.drawer-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);font-size:22px}.drawer-close:hover{color:var(--text-primary)}.config-drawer .drawer-content{flex-direction:column;flex-grow:1;gap:24px;padding:28px 24px;display:flex;overflow-y:auto}.config-drawer .form-group{flex-direction:column;gap:8px;display:flex}.config-drawer .form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:700}.config-drawer .form-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box;width:100%;padding:12px 14px;font-size:14px}.config-drawer textarea.form-control{resize:vertical;min-height:80px;font-family:var(--font-body);line-height:1.5}.config-drawer .form-control:focus{border-color:var(--accent-color);background:var(--bg-secondary);box-shadow:0 0 0 3px #6366f11f}.config-upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:120px;position:relative;overflow:hidden}.config-upload-zone:hover{border-color:var(--accent-color);background:#6366f108}.config-upload-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 16px;display:flex}.config-upload-placeholder i{width:32px;height:32px;color:var(--accent-color);opacity:.6}.config-upload-placeholder span{font-size:14px;font-weight:600}.upload-hint{color:var(--text-muted)!important;font-size:11px!important;font-weight:400!important}.config-upload-preview{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:120px;padding:16px;display:flex;position:relative}.config-upload-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100px}.config-upload-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit;background:#00000073;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.config-upload-preview:hover .config-upload-overlay{opacity:1}.config-overlay-btn{cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.config-overlay-btn i{width:16px;height:16px}.config-overlay-btn.edit{background:var(--accent-color)}.config-overlay-btn.edit:hover{background:#4f46e5;transform:scale(1.1)}.config-overlay-btn.delete{background:var(--danger-color)}.config-overlay-btn.delete:hover{background:#dc2626;transform:scale(1.1)}.config-drawer .drawer-footer{border-top:1px solid var(--border-color);gap:10px;padding:20px 24px;display:flex}.config-drawer .drawer-footer .btn{flex:1;padding:10px 12px;font-size:13px}.master-component-item{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.master-component-item:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #6366f114}.master-component-info{align-items:center;gap:16px;display:flex}.master-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.master-icon.earning{color:#10b981;background:#10b9811a}.master-icon.deduction{color:#ef4444;background:#ef44441a}.master-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.master-type{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.master-actions{align-items:center;gap:8px;display:flex}.master-action-btn{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.master-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.master-action-btn.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge.earning{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge.deduction{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.dynamic-table td{vertical-align:middle;padding:12px 16px}.dynamic-table .form-control{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:border-color .2s}.dynamic-table .form-control:focus{border-color:var(--accent-color);outline:none}.dynamic-table select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/200.svg' width='24' height='24' 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 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.dynamic-amount{color:var(--accent-color);font-weight:700}.btn-icon-danger:hover{color:#fff;background:#ef4444}@page{size:A4 portrait;margin:6mm 8mm}@media print{html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;overflow:visible!important}#sidebar,#navbar,header,header#navbar,aside,nav,.sidebar,.sidebar-logo,.sidebar-nav,.navbar-left,.navbar-right,.user-profile-widget,.avatar-circle,.user-info,.top-bar,.payroll-hero,.payroll-hero-container,.payroll-controls,.payroll-actions,#payslip-empty-state,#toast-container,.sidebar-overlay,.config-drawer,#config-drawer-overlay,.custom-modal-overlay,.modal-overlay,.mobile-nav-toggle,.desktop-nav-toggle,.no-print,button,.btn{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}#app-layout,#main-container,.page-content,.payroll-page{width:100%!important;max-width:100%!important;box-shadow:none!important;opacity:1!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;animation:none!important;display:block!important;transform:none!important}.payroll-page>:not(#printable-payslip):not(.payslip-card){height:0!important;margin:0!important;padding:0!important;display:none!important}#printable-payslip,#payslip-container,.payslip-card{width:100%!important;max-width:100%!important;box-shadow:none!important;color:#000!important;page-break-before:avoid!important;break-before:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:2mm 4mm!important;display:block!important;position:relative!important;top:0!important;left:0!important}.payslip-header-modern{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:12px!important;padding-bottom:8px!important;display:flex!important}.payslip-header-left{flex-direction:row!important;align-items:center!important;gap:16px!important;display:flex!important}.payslip-header-right{text-align:right!important;display:block!important}.payslip-company-name{color:#0f172a!important;font-size:14px!important}.company-address{color:#475569!important;font-size:9.5px!important}.payslip-title{font-size:16px!important}.payslip-period-value{font-size:12px!important}.payslip-table-wrapper-modern{margin-bottom:10px!important}.payslip-table-modern th{padding:5px 8px!important;font-size:10px!important}.payslip-table-modern td{padding:4px 8px!important;font-size:10.5px!important}.payslip-net-banner{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#0f172a!important;border-radius:10px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important;margin-bottom:8px!important;padding:10px 16px!important;display:flex!important}.payslip-net-banner .banner-left{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.payslip-net-banner .banner-right{text-align:right!important;justify-content:flex-end!important;align-items:baseline!important;width:auto!important;display:flex!important}.payslip-net-banner .banner-title{color:#94a3b8!important;-webkit-text-fill-color:initial!important;font-size:10px!important}.payslip-net-banner .banner-words{color:#cbd5e1!important;font-size:10px!important}.payslip-net-banner .currency-symbol{color:#818cf8!important;font-size:18px!important}.payslip-net-banner .net-amount{color:#fff!important;font-size:20px!important}.payslip-watermark-layer{opacity:.025!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.payslip-system-note{color:#64748b!important;text-align:center!important;margin-top:6px!important;padding-top:4px!important;font-size:8.5px!important}}.payroll-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.payroll-actions button{justify-content:center;align-items:center;height:48px;display:flex}.btn-save-payroll{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:14px;padding:0 24px;font-weight:600}@media screen and (width<=801px){.payroll-hero{border:1px solid var(--border-color)!important;background:#fff!important;border-radius:16px!important;gap:16px!important;padding:18px 16px!important;box-shadow:0 4px 20px #00000008!important}.payroll-hero-left h1{white-space:normal!important;margin-bottom:4px!important;font-size:18px!important;font-weight:700!important}.payroll-hero-left p{color:var(--text-muted)!important;font-size:12.5px!important}.payroll-hero-controls .employee-search-wrapper,.custom-month-picker{width:100%!important}.payroll-hero-actions{flex-flow:wrap!important;gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.payroll-hero-actions #btn-edit-payroll,.payroll-hero-actions #btn-edit-config{border-radius:10px!important;flex:calc(50% - 4px)!important;justify-content:center!important;height:40px!important;padding:8px 10px!important;font-size:12.5px!important;font-weight:600!important}.payroll-hero-actions #btn-save-payroll{border-radius:10px!important;flex:100%!important;justify-content:center!important;width:100%!important;height:40px!important;font-size:13px!important;font-weight:600!important}.payroll-hero-actions #btn-export-payroll{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;border:none!important;border-radius:12px!important;flex:100%!important;justify-content:center!important;width:100%!important;height:44px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 14px #6366f14d!important}.custom-modal-overlay{align-items:center!important;padding:10px!important}.statement-modal-card{box-sizing:border-box!important;border-radius:16px!important;width:96%!important;max-width:100%!important;max-height:90vh!important;margin:0 auto!important;padding:16px!important;overflow-y:auto!important}.statement-modal-header{margin-bottom:12px!important;padding:12px 14px!important}.statement-modal-header h3{font-size:15.5px!important}.statement-readonly-box{border-radius:12px!important;margin-bottom:10px!important;padding:12px 14px!important}.box-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px 12px!important;display:grid!important}.box-grid-2{grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.box-col label{white-space:nowrap!important;margin-bottom:4px!important;font-size:11.5px!important}.box-col span{font-size:13px!important;font-weight:600!important}.box-col .readonly-value{word-break:break-word!important;border-radius:8px!important;padding:10px 12px!important;font-size:12.5px!important}.statement-inputs-grid,.statement-inputs-grid.earnings-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px 12px!important;margin-top:8px!important;display:grid!important}.statement-inputs-grid .form-group{margin-bottom:0!important}.statement-inputs-grid .form-group label{white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:4px!important;font-size:11.5px!important;overflow:hidden!important}.statement-inputs-grid .form-control{box-sizing:border-box!important;border-radius:8px!important;height:38px!important;padding:8px 10px!important;font-size:13px!important}.statement-inputs-grid #input-gross-salary{padding-left:32px!important}.statement-modal-footer{flex-direction:row!important;gap:8px!important;margin-top:14px!important;padding-top:12px!important;display:flex!important}.statement-modal-footer .btn{flex:1!important;justify-content:center!important;height:40px!important;font-size:13px!important}.dynamic-table{width:100%!important;min-width:580px!important}.dynamic-table th{white-space:nowrap!important;padding:8px 10px!important;font-size:11px!important}.dynamic-table td{padding:8px 6px!important;font-size:12.5px!important}.dynamic-table .form-control{height:36px!important;padding:6px 8px!important;font-size:12.5px!important}#btn-breakdown-config span,#btn-add-row span{display:none!important}#btn-breakdown-config,#btn-add-row{justify-content:center!important;align-items:center!important;min-width:38px!important;height:38px!important;padding:8px 10px!important;display:flex!important}.payslip-card{margin:12px auto!important;padding:20px!important}.payslip-header-modern{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.payslip-header-left{flex-direction:column;align-items:flex-start;gap:12px}.payslip-header-right{text-align:left}.payslip-meta-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:16px!important}.payslip-net-banner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:16px 20px!important}.payslip-net-banner .banner-right{white-space:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important}.payslip-net-banner .net-amount{white-space:nowrap!important;word-break:normal!important;font-size:26px!important}.payslip-net-banner .currency-symbol{font-size:20px!important}.payslip-net-banner .banner-right{text-align:left}.payslip-table-modern th,.payslip-table-modern td{padding:12px 14px!important}.statement-modal-card{width:95%!important;padding:16px!important}.config-drawer{width:100%!important}.payslip-watermark-layer{opacity:.08!important;background-position:50% 30%!important;background-size:min(85%,260px)!important}}@media screen and (width<=480px){.payslip-meta-grid{grid-template-columns:1fr!important}.meta-days-grid{flex-direction:column!important;gap:12px!important}.payslip-company-name{font-size:16px}.payslip-watermark-layer{opacity:.06!important;background-size:min(85%,220px)!important}}.dynamic-table{border-collapse:separate;border-spacing:0 10px;width:100%;margin-top:8px}.dynamic-table th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.75px;border:none;padding:0 16px 8px;font-size:11px;font-weight:700}.dynamic-table td{background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 16px}.dynamic-table tr td:first-child{border-left:1px solid var(--border-color);border-radius:12px 0 0 12px}.dynamic-table tr td:last-child{border-right:1px solid var(--border-color);border-radius:0 12px 12px 0}.dynamic-table .form-control{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;height:38px;transition:all var(--transition-fast);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:600}.dynamic-table .form-control:focus{border-color:var(--accent-color);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #6366f11a}.dynamic-table .dynamic-amount{color:var(--accent-color);font-size:14.5px;font-weight:700}.btn-icon-danger{color:#ef4444;cursor:pointer;background:#ef444414;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-icon-danger:hover{color:#fff;background:#ef4444;transform:scale(1.05)}@media (width<=1024px){.payroll-summary-grid,.payroll-metrics-row{grid-template-columns:repeat(2,1fr)!important}}@media (width<=801px){.payroll-hero{border:1px solid var(--border-color)!important;background:#fff!important;border-radius:16px!important;gap:14px!important;margin-top:10px!important;padding:16px 14px!important;box-shadow:0 4px 16px #00000008!important}.payroll-hero-left h1{white-space:normal!important;margin-bottom:4px!important;font-size:18px!important;line-height:1.3!important}.payroll-hero-left p{color:var(--text-muted)!important;margin:0!important;font-size:12.5px!important}.payroll-hero-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:flex!important}.payroll-hero-controls .employee-search-wrapper{width:100%!important;max-width:100%!important;position:relative!important}.employee-dropdown{border:1px solid var(--border-color)!important;z-index:9999!important;background:#fff!important;border-radius:8px!important;width:100%!important;max-height:200px!important;top:50px!important;left:0!important;box-shadow:0 8px 24px #0000001f!important}.custom-month-picker{width:100%!important;max-width:100%!important}.picker-dropdown{box-sizing:border-box!important;width:100%!important}.payroll-hero-actions{flex-flow:wrap!important;gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.payroll-hero-actions #btn-edit-payroll,.payroll-hero-actions #btn-edit-config{border:1px solid var(--border-color)!important;height:40px!important;color:var(--text-primary)!important;background:#fff!important;border-radius:8px!important;flex:calc(50% - 4px)!important;justify-content:center!important;padding:8px 10px!important;font-size:12.5px!important;font-weight:600!important;box-shadow:0 1px 3px #0000000a!important}.payroll-hero-actions #btn-export-payroll{background:var(--accent-color,#4f46e5)!important;color:#fff!important;border-radius:8px!important;flex:100%!important;justify-content:center!important;width:100%!important;height:44px!important;font-size:13px!important;font-weight:600!important}.payroll-summary-grid,.payroll-stats-grid{grid-template-columns:1fr!important;gap:10px!important}.table-responsive,.payslip-container,.payroll-table-wrapper{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.payslip-table{min-width:580px!important}#config-drawer,.config-drawer{width:100%!important;max-width:100%!important}.config-drawer .drawer-content{padding:16px!important}.config-drawer .drawer-footer{flex-direction:column-reverse!important;gap:8px!important;padding:14px 16px!important}.config-drawer .drawer-footer .btn{justify-content:center!important;width:100%!important}.payroll-modal .modal-content,.payslip-modal .modal-content{width:calc(100% - 20px)!important;max-width:500px!important;margin:10px auto!important;padding:16px!important}}@media (width<=480px){.payroll-hero{border-radius:12px!important;padding:12px 10px!important}.payroll-hero-left h1{font-size:16px!important}.picker-display{padding:8px 12px!important;font-size:12.5px!important}.picker-months-grid{gap:4px!important}.month-btn{padding:6px 2px!important;font-size:11px!important}.btn{height:38px!important;font-size:12.5px!important}}.payroll-controls-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payroll-search-container{flex:1;min-width:260px;position:relative}.payslip-employee-grid{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);z-index:1;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:16px 12px;margin-bottom:24px;padding:18px 20px;display:grid;position:relative}.payslip-tables-container{align-items:start;gap:20px;width:100%;margin-bottom:24px;display:grid}.payslip-tables-container.two-cols{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.payslip-tables-container.one-col{grid-template-columns:1fr}@media (width<=800px){.payroll-controls-row{flex-direction:column;align-items:stretch}.payroll-search-container{min-width:100%}.payslip-header-modern{text-align:center;flex-direction:column;gap:16px;align-items:center!important}.payslip-header-left{text-align:center;flex-direction:column;width:100%;align-items:center!important}.payslip-header-modern>div:last-child{text-align:center!important}.payslip-employee-grid{grid-template-columns:1fr 1fr}.payslip-tables-container.two-cols{grid-template-columns:1fr}}@media (width<=480px){.payslip-employee-grid{grid-template-columns:1fr}}.payroll-controls-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.payroll-edit-controls{align-items:center;gap:8px;display:flex}@media (width<=800px){.payroll-controls-row{flex-direction:column;align-items:stretch;width:100%!important}.payroll-controls-row>div{box-sizing:border-box;width:100%!important;max-width:100%!important}.payroll-controls-row button,.payroll-edit-controls button{box-sizing:border-box;justify-content:center!important;width:100%!important;max-width:100%!important}.payroll-actions-row{flex-direction:column;align-items:stretch!important}.payroll-actions-row>button{box-sizing:border-box;justify-content:center!important;width:100%!important}.payroll-edit-controls{box-sizing:border-box;flex-direction:column;align-items:stretch!important;gap:12px!important;width:100%!important}}@media (width<=640px){.payroll-components-modal,.payroll-components-modal *{box-sizing:border-box!important}.payroll-components-modal{width:100%!important;max-width:calc(100vw - 32px)!important;margin:0 auto!important}.pcm-header{flex-direction:column!important;align-items:flex-start!important;width:100%!important;padding:16px 20px!important;position:relative!important}.pcm-header>div{width:100%!important;padding-right:32px!important}.pcm-header>div>div:first-child{flex-shrink:0!important;min-width:44px!important;min-height:44px!important}.pcm-header h3{white-space:normal!important;word-break:break-word!important;font-size:16px!important;line-height:1.3!important}.pcm-header>div>div:last-child>div{flex-wrap:wrap!important}.pcm-header>button{width:32px!important;min-width:32px!important;height:32px!important;margin:0!important;position:absolute!important;top:16px!important;right:16px!important}.pcm-header p{font-size:12px!important}.pcm-add-form{flex-direction:column!important;align-items:stretch!important;width:100%!important}.pcm-add-form>div{flex:none!important;width:100%!important}.pcm-add-form>button{justify-content:center!important;width:100%!important}.pcm-type-control{justify-content:flex-start!important;width:100%!important}.pcm-type-control button{flex:1!important;justify-content:center!important;padding:0 4px!important}.pcm-filter-bar{flex-direction:column!important;align-items:stretch!important;width:100%!important}.pcm-tabs-wrapper{flex-wrap:wrap!important;justify-content:center!important;width:100%!important}.pcm-tabs-wrapper button{flex:auto!important;justify-content:center!important}.pcm-search-box{width:100%!important}.pcm-list-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important}.pcm-item-info{flex-wrap:wrap!important;width:100%!important}.pcm-item-info span:first-child{white-space:normal!important;word-break:break-word!important;width:100%!important;line-height:1.4!important}.pcm-list-item>div:last-child{justify-content:flex-end!important;width:100%!important}.pcm-edit-mode{flex-wrap:wrap!important}.pcm-edit-mode input{flex:none!important;width:100%!important}.pcm-edit-mode select{width:100%!important}.pcm-edit-mode button{flex:auto!important;justify-content:center!important}.company-config-modal{box-sizing:border-box!important;width:95%!important;padding:20px!important}.company-config-modal *{box-sizing:border-box!important}.ccm-header{flex-direction:column!important;align-items:flex-start!important;padding-right:36px!important;position:relative!important}.ccm-header>button{margin:0!important;padding:4px!important;position:absolute!important;top:0!important;right:0!important}.company-config-modal input,.company-config-modal textarea{width:100%!important;max-width:100%!important}.ccm-logo-grid{grid-template-columns:1fr!important}.ccm-actions{flex-direction:column-reverse!important;align-items:stretch!important}.ccm-actions>button{justify-content:center!important;width:100%!important;margin:0!important}}.custom-modal::-webkit-scrollbar{width:6px}.company-config-modal::-webkit-scrollbar{width:6px}.payroll-components-modal::-webkit-scrollbar{width:6px}.custom-modal::-webkit-scrollbar-track{background:0 0;margin:16px 0}.company-config-modal::-webkit-scrollbar-track{background:0 0;margin:16px 0}.payroll-components-modal::-webkit-scrollbar-track{background:0 0;margin:16px 0}.custom-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.company-config-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.payroll-components-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.custom-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.company-config-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.payroll-components-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=640px){.month-picker-dropdown{max-width:90vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.payslip-card{padding:24px 20px!important}.payslip-card table{table-layout:auto!important}.payslip-card table th,.payslip-card table td{padding:12px 10px!important}.payslip-card table th:last-child,.payslip-card table td:last-child{width:100px!important}.payslip-card table input[type=number]{width:100%!important;max-width:90px!important}.payslip-net-banner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:20px!important}.payslip-net-banner>div:last-child{word-break:break-word!important;white-space:normal!important;width:100%!important;font-size:24px!important;line-height:1.2!important}.payslip-net-banner>div:last-child>span{font-size:18px!important}.payslip-table-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 10px!important}.payslip-table-footer span:last-child{word-break:break-all!important;font-size:14px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.settings-page-wrapper{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:16px 24px 80px;overflow-x:hidden}.ac-page-header{margin-bottom:24px}.ac-page-header h1{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:26px;font-weight:800}.ac-page-header p{color:#64748b;margin:4px 0 0;font-size:13.5px}.ac-split-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;width:100%;display:grid}@media (width<=1280px){.ac-split-grid{grid-template-columns:1fr;gap:20px}}.ac-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;width:100%;max-width:100%;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0f172a08}.ac-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ac-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:800}.ac-card-subtitle{color:#64748b;margin:2px 0 0;font-size:12.5px}.btn-ac-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-ac-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d}.ac-role-list{flex-direction:column;gap:12px;display:flex}.ac-role-item{cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ac-role-item:hover{background:#f8fafc;border-color:#cbd5e1}.ac-role-item.active{background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);border:2.5px solid #4f46e5;box-shadow:0 0 0 1px #4f46e540,0 4px 18px #4f46e529}.ac-role-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.ac-role-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:2px;display:flex}.ac-role-info{flex:1;min-width:0}.ac-role-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ac-role-title{color:#0f172a;font-size:15px;font-weight:800;line-height:1.2}.ac-role-badge{color:#6366f1;letter-spacing:.5px;text-transform:uppercase;background:#ede9fe;border-radius:9999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.ac-role-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.ac-role-meta-row{color:#475569;align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.ac-meta-item{align-items:center;gap:5px;display:inline-flex}.ac-role-arrow{color:#94a3b8;flex-shrink:0;align-self:center;transition:transform .2s,color .2s}.ac-role-item.active .ac-role-arrow{color:#4f46e5;transform:translate(3px)}.ac-users-section,.ac-users-card{box-shadow:none;box-sizing:border-box;background:0 0;border:none;width:100%;margin-top:6px;padding:8px 4px 16px}.ac-users-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.ac-users-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:800}.ac-link-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:700;transition:all .15s}.ac-link-btn:hover{color:#4f46e5;background:#6366f114;text-decoration:none}.ac-user-list{flex-direction:column;gap:8px;width:100%;display:flex}.ac-user-item{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.ac-user-item:hover{background:#f8fafc;border-color:#cbd5e1}.ac-user-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ac-user-avatar{color:#6366f1;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.ac-user-text{flex-direction:column;flex:1;min-width:0;display:flex}.ac-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.ac-user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;line-height:1.3;overflow:hidden}.ac-user-status-pill{color:#15803d;text-transform:capitalize;background:#dcfce7;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:700}.ac-user-empty{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:24px 16px;font-size:13px}.ac-btn-dots{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.ac-btn-dots:hover{color:#334155;background:#f1f5f9}.ac-users-section .pagination-wrapper{flex-wrap:wrap;gap:6px;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;margin-top:8px!important;padding:8px 12px!important}.ac-users-section .pagination-info{font-size:11.5px!important}.ac-users-section .pagination-controls button{padding:4px 10px!important;font-size:11.5px!important}.ac-perm-card{padding:28px}.ac-perm-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding-bottom:20px;display:flex}.ac-perm-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.ac-perm-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.ac-status-badge-all{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ac-status-badge-partial{color:#4f46e5;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ac-module-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.ac-module-row:last-child{border-bottom:none}.ac-module-left{flex:1;align-items:center;gap:14px;min-width:200px;display:flex}.ac-mod-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ac-mod-name{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:700}.ac-mod-desc{color:#64748b;font-size:11.5px;line-height:1.3}.ac-perm-pill-grid{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-perm-pill{cursor:pointer;-webkit-user-select:none;user-select:none;color:#64748b;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-perm-pill:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.btn-perm-pill.active{color:#4f46e5;background:#f5f3ff;border-color:#818cf8;font-weight:700;box-shadow:0 1px 3px #6366f11f}.btn-perm-pill.active:hover{color:#4338ca;background:#ede9fe;border-color:#6366f1}.ac-perm-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:24px;display:flex}.btn-ac-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s}.btn-ac-cancel:hover{color:#0f172a;background:#f1f5f9}.btn-ac-save{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 22px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #4f46e559}.btn-ac-save:hover{background:#4338ca;box-shadow:0 6px 18px #4f46e580}.ac-danger-zone{background:#fff5f5;border:1.5px solid #fecaca;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:18px 24px;display:flex}.ac-danger-left{align-items:center;gap:14px;display:flex}.ac-danger-title{color:#dc2626;margin:0;font-size:14.5px;font-weight:800}.ac-danger-desc{color:#7f1d1d;margin:2px 0 0;font-size:12.5px}.btn-ac-danger-reset{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #fca5a5;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.ac-table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=860px){.settings-page-wrapper{padding:12px 14px 60px}.ac-page-header{margin-bottom:16px}.ac-page-header h1{font-size:22px}.ac-split-grid{grid-template-columns:1fr;gap:16px}.ac-card{border-radius:16px;margin-bottom:16px;padding:18px 16px}.ac-card-header{flex-direction:column;align-items:stretch;gap:12px}.btn-ac-primary{justify-content:center;width:100%;padding:9px 16px}.ac-role-item{padding:14px}.ac-role-meta-row{flex-wrap:wrap;gap:8px 14px}.ac-module-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px 0}.ac-module-left{width:100%;min-width:0}.ac-perm-pill-grid{grid-template-columns:repeat(4,1fr);justify-content:stretch;gap:6px;width:100%;display:grid}.btn-perm-pill{box-sizing:border-box;text-align:center;justify-content:center;gap:4px;width:100%;padding:8px 4px;font-size:11px}.ac-perm-header{flex-direction:column;align-items:flex-start;gap:10px}.ac-perm-footer{gap:10px;width:100%;display:flex}.btn-ac-cancel,.btn-ac-save{text-align:center;flex:1;justify-content:center;padding:10px 12px}.ac-danger-zone{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.btn-ac-danger-reset{justify-content:center;width:100%;padding:10px 14px}}@media (width<=480px){.ac-perm-pill-grid{grid-template-columns:repeat(2,1fr);gap:8px}.btn-perm-pill{padding:8px 6px;font-size:12px}}.btn-ac-danger-reset:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 14px #dc262640}.email-config-wrapper{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:8px 0 100px}.email-hero-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a38,inset 0 0 0 1px #ffffff1a}.email-hero-glow{pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#6366f159 0%,#0000 70%);width:220px;height:220px;position:absolute;top:-50px;right:-50px}.email-hero-left{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.email-hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#818cf8;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 16px #0003}.email-hero-badge{color:#34d399;text-transform:uppercase;letter-spacing:.5px;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.email-card-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 16px #0f172a08}.email-card-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.email-card-title{color:#0f172a;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.email-card-body{padding:24px}.email-input-group{margin-bottom:20px}.email-input-group:last-child{margin-bottom:0}.email-input-label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.email-input-wrapper{align-items:center;display:flex;position:relative}.email-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.email-custom-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:44px;padding:0 16px 0 42px;font-size:13.5px;transition:all .2s}.email-custom-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.notification-cards-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.notif-event-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.notif-event-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.notif-event-card.active-event{background:linear-gradient(135deg,#fff 0%,#f5f3ff 100%);border:2.5px solid #6366f1;box-shadow:0 0 0 1px #6366f140,0 4px 16px #6366f129}.notif-event-left{align-items:center;gap:12px;display:flex}.notif-event-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.notif-event-title{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700}.notif-event-desc{color:#64748b;font-size:11.5px}.email-actions-bar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-test-mail{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-test-mail:hover{color:#4f46e5;background:#f8fafc;border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.btn-save-mail{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 16px #4f46e559}.btn-save-mail:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e580}@media (width<=768px){.drawer-slide-panel{width:100vw}.drawer-perm-matrix{grid-template-columns:repeat(2,1fr)}}