@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}html,body,#root{-ms-overflow-style:none;scrollbar-width:none;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body.dark-theme{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}body.dark-theme input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}body.dark-theme input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}body.dark-theme input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-light:#eff6ff;--color-primary-soft:#dbeafe;--color-navy-dark:#0f172a;--color-navy-text:#1e293b;--color-navy-subtle:#334155;--color-muted:#64748b;--color-light-muted:#94a3b8;--color-bg-page:#f8fafc;--color-bg-brand:#f0f5fa;--color-bg-card:#fff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:#3b82f6;--color-error:#ef4444;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-success:#10b981;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0;--font-family:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-subtle:0 1px 2px 0 #0f172a0a;--shadow-card:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a05;--shadow-focus:0 0 0 3px #2563eb26;--shadow-error-focus:0 0 0 3px #ef444426;--transition-fast:.15s ease;--transition-normal:.22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-navy-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page-container{background-color:var(--color-bg-page);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.login-split-layout{width:100%;min-height:100vh;display:flex}.branding-section{border-right:1px solid var(--color-border);background:linear-gradient(170deg,#f4f8fc 0%,#eef4fa 50%,#e8f0f8 100%);flex-direction:column;flex:0 0 45%;justify-content:space-between;max-width:45%;padding:3rem 3.5rem;display:flex;position:relative;overflow:hidden}.branding-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14 0%,#2563eb00 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-10%;left:-10%}.branding-content{z-index:2;flex-direction:column;justify-content:space-between;gap:2rem;height:100%;display:flex;position:relative}.brand-header{align-items:center;gap:1rem;display:flex}.brand-logo-badge{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #2563eb40}.brand-logo-icon{color:#fff}.brand-text{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;color:var(--color-navy-dark);font-size:1.35rem;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--color-muted);letter-spacing:-.01em;margin-top:2px;font-size:.8125rem;font-weight:500}.brand-hero{margin-top:.5rem}.hero-pill{border:1px solid var(--color-border);color:var(--color-primary);box-shadow:var(--shadow-subtle);background-color:#fff;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-pill-dot{background-color:var(--color-primary);border-radius:50%;width:6px;height:6px}.hero-heading{color:var(--color-navy-dark);letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.15rem;font-weight:800;line-height:1.2}.hero-description{color:var(--color-navy-subtle);max-width:440px;font-size:.975rem;line-height:1.55}.brand-visual-container{justify-content:center;align-items:center;margin:.5rem 0;display:flex}.branding-illustration-wrapper{width:100%;max-width:460px}.branding-svg{width:100%;height:auto;display:block}.brand-highlights{border-top:1px solid #e2e8f0cc;grid-template-columns:repeat(3,1fr);gap:.875rem;padding-top:1.5rem;display:grid}.highlight-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);transition:transform var(--transition-fast), background-color var(--transition-fast);background:#ffffffbf;border:1px solid #e2e8f0e6;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.highlight-card:hover{box-shadow:var(--shadow-card);background:#fff;transform:translateY(-2px)}.highlight-icon-box{border-radius:var(--radius-sm);background-color:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.highlight-text{flex-direction:column;display:flex}.highlight-title{color:var(--color-navy-dark);font-size:.8125rem;font-weight:700;line-height:1.25}.highlight-desc{color:var(--color-muted);margin-top:2px;font-size:.7188rem}.login-form-area{background-color:#fff;flex:0 0 55%;justify-content:center;align-items:center;max-width:55%;padding:3rem 2.5rem;display:flex}.login-form-card{flex-direction:column;width:100%;max-width:440px;display:flex}.form-header{margin-bottom:2rem}.form-title{letter-spacing:-.03em;color:var(--color-navy-dark);margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.form-subtitle{color:var(--color-muted);font-size:.9375rem;line-height:1.5}.feedback-banner{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.85rem;line-height:1.4;animation:.2s ease-out fadeIn;display:flex}.feedback-banner.success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:#065f46}.feedback-icon{color:var(--color-success);flex-shrink:0;margin-top:1px}.feedback-message{flex-direction:column;gap:2px;display:flex}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-label{color:var(--color-navy-text);letter-spacing:-.01em;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.required-indicator{color:var(--color-error);font-weight:700}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{color:var(--color-muted);pointer-events:none;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.form-input{width:100%;height:48px;color:var(--color-navy-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background-color:#fff;outline:none;padding:0 1rem;font-family:inherit;font-size:.9375rem}.form-input::placeholder{color:var(--color-light-muted);font-size:.9rem}.form-input.with-left-icon{padding-left:2.75rem}.form-input.with-right-action{padding-right:3rem}.form-input:hover:not(:disabled){border-color:var(--color-border-hover)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);background-color:#fff}.form-input:focus+.input-icon-left,.input-wrapper:focus-within .input-icon-left{color:var(--color-primary)}.form-input:disabled{cursor:not-allowed;opacity:.75;background-color:#f8fafc}.password-toggle-btn{color:var(--color-muted);border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover:not(:disabled){color:var(--color-navy-dark);background-color:#f1f5f9}.password-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.form-group.has-error .form-input{border-color:var(--color-error);background-color:#fffbfa}.form-group.has-error .form-input:focus{box-shadow:var(--shadow-error-focus)}.form-group.has-error .input-icon-left{color:var(--color-error)}.form-error-text{color:var(--color-error);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.8125rem;font-weight:500;animation:.15s ease-out fadeIn;display:flex}.error-icon{flex-shrink:0}.form-utility-row{justify-content:flex-end;align-items:center;margin-top:-.25rem;margin-bottom:.25rem;display:flex}.forgot-password-link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.2rem 0;font-family:inherit;font-size:.875rem;font-weight:600}.forgot-password-link:hover{color:var(--color-primary-hover);text-decoration:underline}.forgot-password-link:focus-visible{outline:2px solid var(--color-primary);border-radius:var(--radius-xs);outline-offset:2px}.btn-submit{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);letter-spacing:-.01em;cursor:pointer;width:100%;height:48px;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:.975rem;font-weight:600;display:flex;box-shadow:0 2px 8px #2563eb33}.btn-submit:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb4d}.btn-submit:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.btn-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb66}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-arrow-icon{transition:transform var(--transition-fast)}.btn-submit:hover:not(:disabled) .btn-arrow-icon{transform:translate(3px)}.spinner-icon{animation:1s linear infinite spin}.form-security-footer{border-top:1px solid var(--color-border);justify-content:center;margin-top:2.25rem;padding-top:1.5rem;display:flex}.security-badge{color:var(--color-muted);align-items:center;gap:.45rem;font-size:.775rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#fff;width:100%;max-width:440px;padding:2rem;animation:.22s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 20px 30px -10px #0f172a26,0 8px 10px -6px #0f172a14}.modal-close-btn{color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--color-navy-dark);background-color:#f1f5f9}.modal-icon-badge{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:42px;height:42px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.modal-title{color:var(--color-navy-dark);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.modal-subtitle{color:var(--color-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.modal-form{flex-direction:column;gap:1rem;display:flex}.modal-notice{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-navy-subtle);background-color:#f8fafc;gap:.5rem;padding:.75rem .875rem;font-size:.775rem;line-height:1.4;display:flex}.modal-notice-icon{color:var(--color-primary);flex-shrink:0;margin-top:1px}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.modal-actions.full-width button{width:100%}.btn-secondary{border:1px solid var(--color-border);border-radius:var(--radius-md);height:42px;color:var(--color-navy-text);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#fff;padding:0 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600}.btn-secondary:hover{border-color:var(--color-border-hover);background-color:#f8fafc}.btn-primary{background-color:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;height:42px;transition:background-color var(--transition-fast);border:none;padding:0 1.35rem;font-family:inherit;font-size:.875rem;font-weight:600}.btn-primary:hover{background-color:var(--color-primary-hover)}.modal-success-state{text-align:center;flex-direction:column;align-items:center;padding:.5rem 0;display:flex}.success-icon-badge{background-color:var(--color-success-light);width:56px;height:56px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.branding-section{flex:0 0 42%;max-width:42%;padding:2.25rem 2rem}.login-form-area{flex:0 0 58%;max-width:58%;padding:2.5rem 2rem}.hero-heading{font-size:1.85rem}.brand-highlights{grid-template-columns:1fr;gap:.625rem}}@media (width<=820px){.login-split-layout{flex-direction:column;min-height:100vh}.branding-section{border-right:none;border-bottom:1px solid var(--color-border);flex:none;width:100%;max-width:100%;padding:2rem 1.5rem 1.5rem}.branding-content{gap:1.25rem}.brand-visual-container{display:none}.brand-hero{margin-top:0}.hero-heading{font-size:1.6rem}.brand-highlights{display:none}.login-form-area{flex:1;align-items:flex-start;width:100%;max-width:100%;padding:2rem 1.25rem 3rem}.login-form-card{max-width:100%}.form-title{font-size:1.65rem}}:root{--bringova-bg:#fff;--bringova-card-bg:#f5f8fb;--bringova-white:#fff;--bringova-primary:#7a90a5;--bringova-primary-hover:#5c7085;--bringova-primary-light:#eff6ff;--bringova-text-dark:#1e293b;--bringova-text-muted:#64748b;--bringova-text-light:#94a3b8;--bringova-border:#e2e8f0;--bringova-radius-lg:24px;--bringova-radius-md:14px;--bringova-radius-sm:8px}*{box-sizing:border-box}html,body{height:100%;color:var(--bringova-text-dark);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;background-color:#fff!important}.bringova-layout,.emp-list-layout,.create-emp-layout,.user-dash-layout,.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden;background-color:#fff!important}.bringova-sidebar,.dash-sidebar,.emp-sidebar{z-index:100;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;transition:transform .3s;display:flex;background-color:#fff!important;width:275px!important;min-width:275px!important;height:100vh!important;max-height:100vh!important;padding:24px 24px 20px!important;overflow:hidden!important}.sidebar-header,.bringova-brand{flex-shrink:0;align-items:center;gap:12px;height:50px;margin-bottom:28px;display:flex;border-bottom:none!important;padding:0!important}.sidebar-logo-badge,.bringova-logo-icon{justify-content:center;align-items:center;display:flex;color:#fff!important;background-color:#7a90a5!important;border-radius:50%!important;width:34px!important;height:34px!important;box-shadow:0 2px 8px #7a90a540!important}.sidebar-brand-name,.bringova-brand-name{letter-spacing:-.03em;color:#0f172a!important;font-size:1.3rem!important;font-weight:800!important}.sidebar-nav,.bringova-nav-menu{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto;padding:0!important}.nav-item,.nav-dropdown-toggle,.bringova-nav-item{cursor:pointer;box-sizing:border-box;align-items:center;gap:12px;width:100%;text-decoration:none;transition:all .2s;display:flex;color:#64748b!important;border:none!important;border-radius:12px!important;padding:10px 14px!important;font-size:.9rem!important;font-weight:600!important}.nav-item:hover,.nav-dropdown-toggle:hover,.bringova-nav-item:hover{color:#1e293b!important;background-color:#f8fafc!important}.bringova-icon-box{color:#64748b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.nav-item.active,.nav-dropdown-toggle.active,.bringova-nav-item.active{color:#7a90a5!important;box-shadow:none!important;background-color:#eff6ff!important;border:none!important;font-weight:700!important}.bringova-nav-item.active .bringova-icon-box,.submenu-item.active .bringova-icon-box{border-radius:8px;box-shadow:0 2px 6px #7a90a559;color:#fff!important;background-color:#7a90a5!important}.bringova-nav-item.active .bringova-icon-box svg,.submenu-item.active .bringova-icon-box svg{color:#fff!important}.submenu-container{flex-direction:column;gap:4px;width:100%;margin-top:4px;margin-bottom:6px;display:flex;padding-left:0!important;padding-right:0!important}.submenu-item{cursor:pointer;box-sizing:border-box;align-items:center;gap:10px;width:100%;font-weight:500;text-decoration:none;transition:all .15s;display:flex;color:#64748b!important;border-radius:12px!important;padding:10px 14px 10px 24px!important;font-size:.875rem!important}.submenu-item:hover{color:#1e293b!important;background-color:#f8fafc!important}.submenu-item.active{color:#7a90a5!important;background-color:#eff6ff!important;border:none!important;font-weight:700!important}.bringova-sidebar-footer,.sidebar-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex;padding:16px 0 0!important}.bringova-busy-label{color:var(--bringova-text-dark);font-size:.9rem;font-weight:700}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#0f172a;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#eff6ff;border-color:#bfdbfe}input:checked+.toggle-slider:before{background-color:#7a90a5;transform:translate(20px)}input:checked+.toggle-slider.green-toggle{background-color:#22c55e}input:checked+.toggle-slider:before{transform:translate(20px)}.bringova-main,.emp-main,.dash-main{box-sizing:border-box;flex-direction:column;flex:1;height:100vh;max-height:100vh;display:flex;overflow:hidden;background-color:#fff!important}.bringova-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px 12px;display:flex;background:#fff!important}.bringova-card-container,.dash-content,.emp-list-container,.create-emp-content,.emp-content{box-sizing:border-box;flex:1;padding:10px 40px 20px 20px;overflow-y:auto!important}.bringova-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:280px;padding:8px 18px;display:flex;box-shadow:0 1px 3px #00000005}.bringova-search-box input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.bringova-search-box input::placeholder{color:#94a3b8}.bringova-header-right{align-items:center;gap:24px;display:flex}.bringova-open-status{color:var(--bringova-text-dark);align-items:center;gap:12px;font-size:.9rem;font-weight:700;display:flex}.bringova-bell-icon{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.bringova-bell-badge{background-color:var(--bringova-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.bringova-user-profile{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.bringova-user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.bringova-user-name{color:var(--bringova-text-dark);font-size:.925rem;font-weight:700}.bringova-card-container{flex-direction:column;gap:24px;display:flex;background-color:#f5f8fb!important;border:1px solid #e2e8f0!important;border-radius:24px!important;padding:40px 45px 50px!important;box-shadow:0 4px 20px #00000005!important}.bringova-card-title{color:var(--bringova-text-dark);margin:0;font-size:1.6rem;font-weight:800}.bringova-controls-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;display:flex}.bringova-tabs{align-items:center;gap:28px;display:flex}.bringova-tab-item{color:#94a3b8;cursor:pointer;padding-bottom:10px;font-size:.95rem;font-weight:600;transition:color .2s;position:relative}.bringova-tab-item.active{color:var(--bringova-primary);font-weight:700}.bringova-tab-item.active:after{content:"";background-color:var(--bringova-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.bringova-date-filters{align-items:center;gap:12px;display:flex}.bringova-date-picker{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;display:flex;box-shadow:0 1px 3px #00000005}.bringova-date-picker input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:600}.bringova-date-to{color:#64748b;font-size:.9rem;font-weight:600}.bringova-table-header{color:#64748b;grid-template-columns:1fr 2.2fr 1.5fr 1.8fr 1.5fr 1.5fr 1.2fr .6fr;align-items:center;padding:12px 24px;font-size:.825rem;font-weight:700;display:grid}.bringova-table-header div{cursor:pointer;align-items:center;gap:4px;display:flex}.bringova-orders-list{flex-direction:column;gap:12px;display:flex}.bringova-order-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:14px;grid-template-columns:1fr 2.2fr 1.5fr 1.8fr 1.5fr 1.5fr 1.2fr .6fr;align-items:center;padding:14px 24px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 2px 8px #00000005}.bringova-order-row:hover{box-shadow:0 4px 16px #0000000d}.bringova-order-row.selected{border-color:#cbd5e1;box-shadow:0 6px 20px #0000000f}.bringova-order-id{color:var(--bringova-text-dark);font-size:.9rem;font-weight:700}.bringova-customer{align-items:center;gap:12px;display:flex}.bringova-customer-avatar{object-fit:cover;background-color:#e2e8f0;border-radius:50%;width:32px;height:32px}.bringova-customer-name{color:var(--bringova-text-dark);font-size:.9rem;font-weight:700}.bringova-payment{color:#334155;font-size:.9rem;font-weight:600}.bringova-time{color:#475569;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.bringova-type{font-size:.9rem;font-weight:700}.bringova-type.delivery{color:var(--bringova-primary)}.bringova-type.collection{color:#334155}.bringova-status{align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-delivered{color:#d97706}.status-delivered .status-dot{background-color:#f59e0b}.status-collected{color:#1e293b}.status-collected .status-dot{background-color:#0f172a}.status-cancelled{color:#ef4444}.status-cancelled .status-dot{background-color:#ef4444}.bringova-total{color:var(--bringova-text-dark);font-size:.925rem;font-weight:800}.bringova-action-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.bringova-action-btn:hover{background:#f1f5f9}.bringova-action-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:140px;padding:10px 0;display:flex;position:absolute;top:calc(100% - 10px);right:24px;box-shadow:0 10px 30px #0000001f}.action-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 20px;font-size:.9rem;font-weight:700;transition:background .15s}.action-menu-item.refund{color:var(--bringova-primary)}.action-menu-item.message{color:var(--bringova-text-dark)}.action-menu-item:hover{background-color:#f8fafc}.bringova-mobile-toggle{cursor:pointer;color:var(--bringova-text-dark);background:0 0;border:none;padding:4px;display:none}@media (width<=1024px){.bringova-table-header,.bringova-order-row{grid-template-columns:80px 180px 100px 130px 110px 120px 90px 50px;min-width:860px}}@media (width<=768px){.bringova-mobile-toggle{display:flex}.bringova-sidebar,.dash-sidebar,.emp-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.bringova-sidebar.open,.dash-sidebar.open,.emp-sidebar.open{transform:translate(0)}.bringova-main,.emp-main,.dash-main{padding:16px}.bringova-search-box{width:180px}.bringova-header-right{gap:12px}.bringova-open-status span{display:none}}body.dark-theme,html.dark-theme{color:#f8fafc!important;background-color:#0b1329!important}body.dark-theme .dashboard-layout,body.dark-theme .user-dash-layout,body.dark-theme .emp-list-layout,body.dark-theme .create-emp-layout,body.dark-theme .bringova-layout,body.dark-theme .bringova-main,body.dark-theme .emp-main,body.dark-theme .dash-main,body.dark-theme .dash-content,body.dark-theme .emp-list-container,body.dark-theme .bringova-sidebar,body.dark-theme .dash-sidebar,body.dark-theme .emp-sidebar,body.dark-theme .bringova-header{color:#f8fafc!important;background-color:#0b1329!important;border-color:#1e293b!important}body.dark-theme .bringova-sidebar,body.dark-theme .dash-sidebar,body.dark-theme .emp-sidebar{background-color:#0b1329!important}body.dark-theme .bringova-brand-name{color:#c6d1d7!important}body.dark-theme .nav-item,body.dark-theme .bringova-nav-item,body.dark-theme .submenu-item{color:#94a3b8!important}body.dark-theme .nav-item:hover,body.dark-theme .bringova-nav-item:hover,body.dark-theme .submenu-item:hover{color:#fff!important;background-color:#1e293b!important}body.dark-theme .bringova-nav-item.active,body.dark-theme .submenu-item.active{color:#c6d1d7!important;background-color:#1e293b!important}body.dark-theme .bringova-busy-label{color:#c6d1d7!important}body.dark-theme .bringova-sidebar-footer,body.dark-theme .sidebar-footer{border-top:1px solid #ffffff14!important}body.dark-theme .toggle-slider{background-color:#1e293b!important;border-color:#ffffff26!important}body.dark-theme .bringova-search-box input,body.dark-theme .bringova-search-box{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}body.dark-theme .bringova-user-name{color:#f8fafc!important}.date-picker-box,.metric-summary-strip,.timeline-canvas-card,.emp-timeline-card{background-color:#fff}body.dark-theme .list-card-wrapper,body.dark-theme .form-section-card,body.dark-theme .section-card,body.dark-theme .bringova-card-container{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #ffffff14!important;box-shadow:0 8px 30px #00000059!important}body.dark-theme .date-picker-box,body.dark-theme .metric-summary-strip,body.dark-theme .timeline-canvas-card,body.dark-theme .emp-timeline-card,body.dark-theme .metric-card,body.dark-theme div[style*="height: 76px"],body.dark-theme div[style*="border: 1px solid"],body.dark-theme div[style*="border-bottom: 2px solid"]{color:#f8fafc!important;background-color:#0b1329!important;border-color:#ffffff12!important}body.dark-theme div[style*="box-shadow: 0 2px 8px rgba(0,0,0,0.02)"]{background-color:#0b1329!important;border-color:#ffffff12!important}body.dark-theme div[style*="borderLeft: 1px dashed"],body.dark-theme div[style*="border-left: 1px dashed"]{border-left:1px dashed #ffffff14!important}body.dark-theme div[style*="borderRight: 1px solid"],body.dark-theme div[style*="border-right: 1px solid"]{border-right-color:#ffffff12!important}body.dark-theme div[style*="borderBottom: 2px solid"],body.dark-theme div[style*="border-bottom: 2px solid"]{border-bottom:2px solid #ffffff14!important}body.dark-theme button[style*="background: rgb(248, 250, 252)"],body.dark-theme button[style*="background: #f8fafc"]{color:#94a3b8!important;background-color:#0b1329!important}body.dark-theme button[style*="background: rgb(239, 246, 255)"],body.dark-theme button[style*="background: #eff6ff"]{color:#fff!important;background-color:#7a90a5!important}body.dark-theme .list-title,body.dark-theme .section-title,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme span[style*="color: #0f172a"],body.dark-theme strong[style*="color: #0f172a"],body.dark-theme div[style*="color: #0f172a"]{color:#c6d1d7!important}body.dark-theme .list-subtitle,body.dark-theme p,body.dark-theme span[style*="color: #64748b"],body.dark-theme span[style*="color: #475569"],body.dark-theme div[style*="color: #475569"]{color:#94a3b8!important}body.dark-theme .emp-table-header,body.dark-theme .bringova-table-header,body.dark-theme .emp-card-row,body.dark-theme .bringova-order-row,body.dark-theme div[style*="background: #ffffff"],body.dark-theme div[style*="background: rgb(255, 255, 255)"],body.dark-theme div[style*="background-color: #ffffff"],body.dark-theme div[style*="background-color: rgb(255, 255, 255)"]{color:#f8fafc!important;background-color:#0b132900!important;border-color:#ffffff14!important}body.dark-theme input[type=text],body.dark-theme input[type=email],body.dark-theme input[type=tel],body.dark-theme input[type=number],body.dark-theme input[type=password],body.dark-theme input[type=date],body.dark-theme input[type=month],body.dark-theme select,body.dark-theme textarea,body.dark-theme .input-box input,body.dark-theme .search-field-box input,body.dark-theme .filter-select,body.dark-theme .btn-filter-trigger,body.dark-theme .custom-dropdown-trigger,body.dark-theme .btn-filter-action,body.dark-theme .radio-pill,body.dark-theme .form-control,body.dark-theme .form-select,body.dark-theme .form-input,body.dark-theme label.radio-pill,body.dark-theme div[style*="background: #ffffff"] input,body.dark-theme div[style*="background-color: #ffffff"] input{color:#f8fafc!important;background:0 0!important;border-color:#ffffff1f!important}body.dark-theme .custom-dropdown-trigger{border-radius:10px!important}body.dark-theme .emp-id-badge,body.dark-theme .auth-mode-badge,body.dark-theme div.auth-mode-badge,body.dark-theme span.auth-mode-badge,body.dark-theme span[style*="background: #f0fdf4"],body.dark-theme span[style*="background-color: #f0fdf4"],body.dark-theme div[style*="background: #f0fdf4"],body.dark-theme div[style*="background-color: #f0fdf4"],body.dark-theme span[style*="background: #fff7ed"],body.dark-theme span[style*="background-color: #fff7ed"],body.dark-theme span[style*="background: #eff6ff"],body.dark-theme span[style*="background-color: #eff6ff"],body.dark-theme span[style*="background: #f5f3ff"],body.dark-theme span[style*="background-color: #f5f3ff"],body.dark-theme span[style*="background: #f1f5f9"],body.dark-theme span[style*="background-color: #f1f5f9"],body.dark-theme div[style*="background: #f1f5f9"],body.dark-theme div[style*="background-color: #f1f5f9"]{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff1f!important}body.dark-theme .auth-mode-badge span,body.dark-theme .auth-mode-badge svg{color:#f8fafc!important;background:0 0!important}body.dark-theme input[type=date],body.dark-theme input[type=month],body.dark-theme input[type=text],body.dark-theme select{color:#f8fafc!important;background-color:#0000!important}body.dark-theme div[style*="background: #ffffff"][style*="border: 1px solid #e2e8f0"]{background-color:#0b1329!important;border-color:#334155!important}body.dark-theme .pagination-footer,body.dark-theme .entries-info{color:#94a3b8!important;border-top-color:#334155!important}body.dark-theme .btn-page{color:#94a3b8!important;background-color:#0b1329!important;border-color:#334155!important}body.dark-theme .btn-page.active,body.dark-theme .btn-page:hover:not(:disabled){color:#fff!important;background-color:#7a90a5!important;border-color:#7a90a5!important}body.dark-theme .btn-page:disabled{color:#475569!important;background-color:#1e293b!important}.timeline-track-bar{cursor:pointer;background:#c9c9c97a;border-radius:14px;height:28px;transition:background .15s,box-shadow .15s;position:absolute;box-shadow:0 2px 6px #64748b1f}.timeline-punch-node{z-index:10;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;transition:transform .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0000004d}.timeline-punch-node:hover{z-index:99;background-color:#2563eb;border-color:#fff;transform:translateY(-50%)scale(1.2);box-shadow:0 2px 8px #2563eb66}.timeline-punch-node .center-dot{background-color:#fff;border-radius:50%;width:2.5px;height:2.5px}.timeline-custom-tooltip{opacity:0;visibility:hidden;pointer-events:none;color:#0f172a;white-space:nowrap;z-index:200;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.2;transition:opacity .15s,transform .15s,visibility .15s;display:inline-flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(3px)scale(.96);box-shadow:0 4px 12px #0f172a1a}.timeline-custom-tooltip:after{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.timeline-punch-node:hover .timeline-custom-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.btn-dots-hover:hover{color:#0f172a!important;background-color:#f1f5f9!important}.menu-item-hover:hover{background-color:#f1f5f9!important}body.dark-theme .btn-dots-hover:hover{color:#f8fafc!important;background-color:#1e293b!important}body.dark-theme .action-menu-dropdown{background:#1e293b!important;border:1px solid #ffffff26!important}body.dark-theme .menu-item-hover:hover{background-color:#1e293b!important}.modal-dark-container{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 30px -5px #00000026}.modal-title-text{color:#0f172a}.modal-label{color:#475569}.emp-name-text{color:#0f172a;font-weight:700}.btn-modal-close-icon{color:#64748b;transition:color .15s}.btn-modal-close-icon:hover{color:#0f172a}body.dark-theme .modal-dark-container{color:#f8fafc!important;background:#1e293b!important;border:1px solid #ffffff26!important;box-shadow:0 20px 40px #0009!important}body.dark-theme .modal-title-text{color:#f8fafc!important}body.dark-theme .modal-label{color:#94a3b8!important}body.dark-theme .banner-dark-box{background-color:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-theme .list-card-wrapper{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #ffffff12!important;box-shadow:0 8px 32px #00000059!important}body.dark-theme .list-title,body.dark-theme .section-title,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4{color:#c6d1d7!important}body.dark-theme .list-subtitle,body.dark-theme p{color:#94a3b8!important}body.dark-theme div[style*="paddingBottom: 12px"],body.dark-theme div[style*="padding-bottom: 12px"],body.dark-theme .bringova-tabs{background:0 0!important;border-bottom-color:#ffffff14!important}body.dark-theme .bringova-tab-item{color:#94a3b8!important}body.dark-theme .bringova-tab-item.active{color:#7a90a5!important;border-bottom-color:#7a90a5!important}body.dark-theme div[style*="box-shadow: 0 2px 8px rgba(0,0,0,0.02)"]{color:#f8fafc!important;background-color:#0b1329!important;border-color:#ffffff14!important;box-shadow:0 4px 16px #00000040!important}body.dark-theme span[style*="text-transform: uppercase"],body.dark-theme span[style*="letter-spacing: 0.05em"]{color:#94a3b8!important}body.dark-theme div[style*="font-size: 24px"]{color:#c6d1d7!important}body.dark-theme div[style*="background: #eff6ff"],body.dark-theme div[style*="background: rgb(239, 246, 255)"],body.dark-theme div[style*="background-color: #eff6ff"],body.dark-theme div[style*="background: #fff7ed"],body.dark-theme div[style*="background: rgb(255, 247, 237)"],body.dark-theme div[style*="background: #f5f3ff"],body.dark-theme div[style*="background: rgb(245, 243, 255)"]{background-color:#ffffff0f!important}body.dark-theme .emp-row-empty,body.dark-theme div[style*="border: 1px dashed #cbd5e1"],body.dark-theme div[style*="border: 1px dashed rgb(203, 213, 225)"]{color:#94a3b8!important;background-color:#0b1329!important;border-color:#ffffff1f!important}body.dark-theme div[style*="color: #334155"]{color:#c6d1d7!important}body.dark-theme .emp-table-header{color:#94a3b8!important;background-color:#0b132909!important;border-color:#ffffff14!important}body.dark-theme .emp-card-row{color:#c6d1d7!important;background-color:#1e293b!important;border-color:#ffffff0f!important}body.dark-theme .emp-name-text{color:#f8fafc!important}body.dark-theme .emp-email-sub,body.dark-theme .text-secondary{color:#94a3b8!important}body.dark-theme div[style*="box-shadow: 0 2px 6px rgba(0,0,0,0.02)"]{background-color:#0b1329!important;border-color:#ffffff14!important}body.dark-theme span[style*="background: #fef3c7"],body.dark-theme span[style*="background: rgb(254, 243, 199)"]{color:#fbbf24!important;background-color:#d9770633!important;border-color:#f59e0b4d!important}body.dark-theme span[style*="background: #e6f4ea"],body.dark-theme span[style*="background-color: #e6f4ea"],body.dark-theme span[style*="background: rgb(230, 244, 234)"],body.dark-theme span[style*="background-color: rgb(230, 244, 234)"],body.dark-theme div[style*="background-color: #e6f4ea"],body.dark-theme div[style*="backgroundColor: #e6f4ea"],body.dark-theme div[style*="background: #e6f4ea"]{color:#f9f9f9!important;background:#848d99!important;border-color:#0000!important}body.dark-theme span[style*="background: #e6f4ea"] span,body.dark-theme div[style*="background-color: #e6f4ea"] span,body.dark-theme div[style*="backgroundColor: #e6f4ea"] span{color:#f9f9f9!important}body.dark-theme span[style*="background: #f0fdf4"],body.dark-theme span[style*="background: rgb(240, 253, 244)"]{color:#4ade80!important;background-color:#16a34a33!important;border-color:#22c55e4d!important}body.dark-theme span[style*="background: #eff6ff"],body.dark-theme span[style*="background: rgb(239, 246, 255)"]{color:#93c5fd!important;background-color:#7a90a533!important;border-color:#93c5fd4d!important}body.dark-theme button[style*="background: #ffffff"],body.dark-theme button[style*="background: rgb(255, 255, 255)"],body.dark-theme button[style*="background: #f8fafc"],body.dark-theme button[style*="background: rgb(248, 250, 252)"]{color:#f8fafc!important;background-color:#868f9b!important;border-color:#ffffff26!important}body.dark-theme button[style*="background: #fffbeb"],body.dark-theme button[style*="background: rgb(255, 251, 235)"]{color:#fbbf24!important;background-color:#d9770626!important;border-color:#f59e0b4d!important}body.dark-theme div[style*="max-height: 90vh"],body.dark-theme div[style*="max-width: 750px"]{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #ffffff1f!important}body.dark-theme div[style*="max-width: 750px"] div[style*="background: #f8fafc"]{background-color:#0b1329!important;border-color:#ffffff14!important}body.dark-theme div[style*="max-width: 750px"] h3{color:#60a5fa!important}body.dark-theme div[style*="max-width: 750px"] strong{color:#f8fafc!important}.action-menu-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:175px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px #0f172a1f}.action-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.action-menu-item:hover{color:#0f172a;background:#f1f5f9}.punch-time-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}body.dark-theme .action-menu-dropdown{color:#f8fafc!important;background:#1e293b!important;border:1px solid #ffffff26!important;box-shadow:0 12px 30px #0009!important}body.dark-theme .action-menu-item{color:#cbd5e1!important;background:0 0!important}body.dark-theme .action-menu-item:hover{color:#fff!important;background-color:#ffffff14!important}body.dark-theme .action-menu-item svg{color:#94a3b8!important}body.dark-theme .action-menu-item:hover svg{color:#fff!important}body.dark-theme .punch-time-badge{color:#f8fafc!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}body.dark-theme .status-highlight-text{color:#34d399!important}body.dark-theme .btn-secondary{color:#f8fafc!important;background:#ffffff14!important;border:1px solid #ffffff26!important}body.dark-theme .btn-secondary:hover{color:#fff!important;background:#ffffff26!important}body.dark-theme .modal-header-row{border-bottom-color:#ffffff1a!important}body.dark-theme .btn-modal-close-icon{color:#94a3b8!important}body.dark-theme .btn-modal-close-icon:hover{color:#fff!important}.status-text-present{color:#0f766e}.status-text-late{color:#b45309}.status-text-absent{color:#b91c1c}.status-text-not-enrolled{color:#6b21a8}body.dark-theme .status-text-present{color:#34d399!important}body.dark-theme .status-text-late{color:#f59e0b!important}body.dark-theme .status-text-absent{color:#f87171!important}body.dark-theme .status-text-not-enrolled{color:#c084fc!important}.bringova-sidebar.sidebar-collapsed{transition:width .25s,min-width .25s,padding .25s;width:72px!important;min-width:72px!important;padding:24px 10px 20px!important;overflow:hidden!important}.bringova-sidebar{transition:width .25s,min-width .25s,padding .25s}.bringova-sidebar.sidebar-collapsed .bringova-brand{margin-bottom:24px;justify-content:center!important}.bringova-sidebar.sidebar-collapsed .bringova-nav-item{justify-content:center!important;gap:0!important;padding:10px 0!important}.bringova-sidebar.sidebar-collapsed .submenu-item{justify-content:center!important;padding:8px 0!important}.bringova-sidebar.sidebar-collapsed .bringova-icon-box{flex-shrink:0;margin:0 auto}.bringova-sidebar.sidebar-collapsed .bringova-sidebar-footer>div{justify-content:center!important;padding:8px 4px!important}body.dark-theme .bringova-sidebar.sidebar-collapsed{background:#1e293b!important}.emp-list-layout{color:#0f172a;background-color:#fff;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.emp-list-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:10px 40px 20px 20px}.list-card-wrapper{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;min-height:calc(100vh - 116px);display:flex;background:#f5f8fb!important;border:1px solid #e2e8f0!important;border-radius:24px!important;padding:45px 45px 35px!important;box-shadow:0 4px 20px #00000005!important}.list-card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.title-group{flex-direction:column;gap:2px;display:flex}.list-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:700}.list-subtitle{color:#64748b;margin:0;font-size:13px}.header-button-group{align-items:center;gap:10px;display:flex}.btn-import{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-import:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-add-emp{color:#fff;cursor:pointer;background:#7a90a5;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #7a90a540}.btn-add-emp:hover{background:#5c7085;transform:translateY(-1px);box-shadow:0 6px 16px #7a90a559}.filter-bar-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.search-field-box{flex:2;min-width:240px;position:relative}.search-field-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field-box input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;outline:none;width:100%;height:38px;padding:0 14px 0 38px;font-size:13px;transition:all .2s}.search-field-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.filter-dropdown-group{flex-direction:column;flex:1;gap:4px;min-width:130px;display:flex}.dropdown-label{color:#64748b;font-size:11px;font-weight:600}.select-box-wrapper{align-items:center;width:100%;display:flex;position:relative}.filter-select{color:#0f172a;cursor:pointer;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 32px 0 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-select:hover{background:#f8fafc;border-color:#cbd5e1}.filter-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.select-chevron-icon{color:#64748b;pointer-events:none;position:absolute;right:12px}.custom-dropdown-container{width:100%;position:relative}.custom-dropdown-trigger{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;outline:none;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.custom-dropdown-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.custom-dropdown-trigger.active{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.chevron-icon{color:#64748b;transition:transform .2s}.chevron-icon.rotate{color:#2563eb;transform:rotate(180deg)}.custom-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-width:160px;padding:4px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px -5px #0f172a1f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{color:#334155;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.custom-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.custom-dropdown-item.selected{color:#2563eb;background:#eff6ff;font-weight:600}.item-check-icon{color:#2563eb}.btn-filter-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-filter-action:hover{background:#f8fafc;border-color:#cbd5e1}.bringova-table-container{width:100%;overflow-x:auto}.emp-table-header{color:#1e293b;background-color:#fff;border:1px solid #f1f5f9;border-radius:14px;grid-template-columns:1fr 2.2fr 1.3fr 1.5fr 1.2fr 1.3fr 1.1fr 1.2fr;align-items:center;min-width:1050px;margin-bottom:12px;padding:14px 24px;font-size:.825rem;font-weight:700;display:grid;box-shadow:0 2px 8px #00000005}.emp-rows-list{flex-direction:column;gap:12px;min-width:1050px;display:flex}.emp-card-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:14px;grid-template-columns:1fr 2.2fr 1.3fr 1.5fr 1.2fr 1.3fr 1.1fr 1.2fr;align-items:center;padding:14px 24px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 2px 8px #00000005}.emp-card-row:hover{box-shadow:0 4px 16px #0000000d}.emp-row-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:40px;font-weight:600}.emp-profile-cell{align-items:center;gap:12px;display:flex}.emp-avatar-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}body.dark-theme .emp-avatar-circle{color:#d6dee5!important;background-color:#868f9b!important}body.dark-theme .emp-avatar-circle svg,body.dark-theme .emp-avatar-circle svg path{color:#d6dee5!important;stroke:#d6dee5!important}.emp-profile-info{flex-direction:column;gap:1px;display:flex}.emp-name-text{color:#0f172a;font-size:13px;font-weight:700}.emp-email-sub{color:#64748b;font-size:11px}.emp-id-badge{color:#7a90a5;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:5px 10px;font-weight:600}.text-secondary{color:#475569}.text-right{text-align:right}.status-pill{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill-active{color:#15803d;background:#dcfce7}.pill-inactive{color:#b91c1c;background:#fee2e2}.action-buttons-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-action-icon{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-view{color:#2563eb;background:#eff6ff}.action-view:hover{background:#dbeafe}.action-edit{color:#475569;background:#f1f5f9}.action-edit:hover{background:#e2e8f0}.action-reset{color:#ea580c;background:#fff7ed}.action-reset:hover{background:#ffedd5}.action-delete{color:#ef4444;background:#fef2f2}.action-delete:hover{background:#fee2e2}.pagination-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.entries-info{color:#64748b;font-size:13px;font-weight:500}.pagination-controls{align-items:center;gap:6px;display:flex}.btn-page{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-page:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-page.active{color:#fff;background:#7a90a5;border-color:#7a90a5}.page-dots{color:#94a3b8;padding:0 4px;font-weight:700}@media (width<=1024px){.filter-bar-grid{flex-direction:column;align-items:stretch}.search-field-box,.filter-dropdown-group{width:100%}.form-grid-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.form-grid-3col{grid-template-columns:1fr}}.inline-add-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) slideDownExpand;box-shadow:0 4px 20px -4px #0f172a14}@keyframes slideDownExpand{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.form-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.card-form-title{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.card-form-subtitle{color:#64748b;margin:0;font-size:13px}.btn-close-form{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-close-form:hover{color:#0f172a;background:#f8fafc}.inline-employee-form{flex-direction:column;gap:28px;display:flex}.form-section-block{flex-direction:column;gap:16px;display:flex}.section-block-title{color:#1e293b;border-bottom:2px solid #eff6ff;margin:0;padding-bottom:8px;font-size:15px;font-weight:700}.req{color:#ef4444}.opt{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:400}.type-radios-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.radio-pill-item{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.radio-pill-item:hover{background:#f8fafc;border-color:#94a3b8}.radio-pill-item.active{color:#5c7085;background:#eff6ff;border-color:#7a90a5}.radio-pill-item input[type=radio]{accent-color:#7a90a5}.curr{color:#64748b;pointer-events:none;font-weight:700;position:absolute;left:16px}.gross-inline-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;display:flex}.gross-inline-banner strong{color:#38bdf8;margin-left:8px;font-size:18px}.inline-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:14px;padding-top:16px;display:flex}.btn-cancel-inline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.btn-cancel-inline:hover{color:#0f172a;background:#f8fafc}.btn-submit-inline{color:#fff;cursor:pointer;background:#7a90a5;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #7a90a54d}.btn-submit-inline:hover{background:#5c7085}.view-modal-card{background:#fff;border-radius:20px;width:100%;max-width:650px;animation:.25s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.view-modal-card{background:#fff;border:1px solid #fff3;border-radius:24px;width:100%;max-width:680px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.view-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.view-modal-card-compact{background:#fff;border-radius:20px;width:100%;max-width:680px;animation:.25s ease-out modalSlideUp;overflow:hidden;box-shadow:0 20px 40px #0003}.compact-modal-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.compact-profile-summary{align-items:center;gap:16px;display:flex}.compact-avatar{color:#fff;background:#7a90a5;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.compact-header-info h2{color:#fff;margin:0;font-size:18px;font-weight:700}.compact-header-info p{color:#94a3b8;margin:2px 0 0;font-size:13px}.compact-modal-body{background:#fff;flex-direction:column;gap:18px;padding:24px;display:flex}.compact-grid-3col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 20px;display:grid}.compact-item{flex-direction:column;gap:3px;display:flex}.compact-lbl{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:11px;font-weight:600}.compact-val{color:#0f172a;word-break:break-all;font-size:13px;font-weight:600}.compact-salary-strip{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.salary-strip-item{flex-direction:column;gap:2px;display:flex}.salary-strip-lbl{color:#166534;font-size:11px;font-weight:500}.salary-strip-val{color:#14532d;font-size:14px;font-weight:700}.gross-badge-highlight{color:#fff;background:#16a34a;border-radius:10px;padding:6px 14px;font-size:15px;font-weight:800}.btn-filter-trigger{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #00000008}.btn-filter-trigger:hover,.btn-filter-trigger.active{background-color:#f8fafc;border-color:#7a90a5}.btn-filter-icon{color:#475569}.badge-active-filter{color:#2563eb;background:#eff6ff;border-radius:10px;margin-left:2px;padding:2px 6px;font-size:11px;font-weight:700}.filter-options-popover{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;width:320px;padding:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px -5px #0f172a26}.filter-popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.popover-title{color:#0f172a;font-size:14px;font-weight:700}.btn-reset-filters{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.dropdown-label{color:#475569;margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}body.dark-theme .btn-filter-trigger{color:#f8fafc!important;background:0 0!important;border-color:#ffffff1f!important}body.dark-theme .btn-filter-trigger:hover,body.dark-theme .btn-filter-trigger.active{color:#fff!important;background-color:#ffffff0d!important;border-color:#ffffff40!important}body.dark-theme .btn-filter-icon{color:#94a3b8!important}body.dark-theme .filter-options-popover{color:#f8fafc!important;background:#1e293b!important;border:1px solid #ffffff26!important;box-shadow:0 16px 40px #000000b3!important}body.dark-theme .filter-popover-header{border-bottom:1px solid #ffffff14!important}body.dark-theme .popover-title{color:#f8fafc!important}body.dark-theme .dropdown-label{color:#b6bbc3!important}body.dark-theme .badge-active-filter{color:#fb7185!important;background-color:#f43f5e33!important;border:1px solid #f43f5e4d!important}:root{--emp-bg:#f8fafc;--emp-sidebar-bg:#0f172a;--emp-sidebar-text:#cbd5e1;--emp-sidebar-active:#2563eb;--emp-card-bg:#fff;--emp-border:#e2e8f0;--emp-text-primary:#0f172a;--emp-text-secondary:#64748b;--primary-blue:#2563eb;--primary-light:#eff6ff;--success-green:#10b981;--success-light:#ecfdf5;--warning-amber:#f59e0b;--warning-light:#fffbeb;--purple-accent:#8b5cf6;--purple-light:#f5f3ff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f}.user-dash-layout{width:100vw;height:100vh;color:var(--emp-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden;background-color:#fff!important}.emp-sidebar{z-index:20;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;background-color:#fff!important;border-right:1px solid #f1f5f9!important;width:275px!important;min-width:275px!important;height:100vh!important}.sidebar-header{align-items:center;gap:12px;height:60px;padding:20px 24px 0;display:flex;border-bottom:none!important}.sidebar-logo-badge{justify-content:center;align-items:center;display:flex;color:#fff!important;background-color:#7a90a5!important;border-radius:50%!important;width:34px!important;height:34px!important;box-shadow:0 2px 8px #7a90a540!important}.sidebar-brand-name{letter-spacing:-.03em;color:#0f172a!important;font-size:1.25rem!important;font-weight:800!important}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:20px 16px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.nav-item{cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;text-decoration:none;transition:all .15s ease-in-out;display:flex;color:#64748b!important;border:none!important;border-radius:12px!important;font-weight:600!important}.nav-item.active{color:#7a90a5!important;box-shadow:none!important;background-color:#eff6ff!important;border:none!important;font-weight:700!important}.sidebar-footer{border-top:1px solid #f1f5f9;padding:16px 20px;background-color:#fff!important}.user-profile-badge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.user-profile-badge:hover{background-color:#eff6ff;border-color:#cbd5e1}.user-avatar{color:#fff;background:#7a90a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.emp-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;background-color:#fff!important;overflow-y:auto!important}.dash-topbar,.emp-topbar{border-bottom:1px solid var(--emp-border);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-search{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;width:380px;padding:9px 16px;transition:all .2s;display:flex}.topbar-search:focus-within{border-color:var(--primary-blue);background-color:#fff;box-shadow:0 0 0 3.5px #2563eb1f}.topbar-search-icon{color:#64748b;flex-shrink:0}.topbar-search input::placeholder{color:#94a3b8}.shortcut-pill{color:#64748b;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 7px;font-size:.72rem;font-weight:600;box-shadow:0 1px 2px #0f172a0d}.notification-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.btn-logout-topbar:hover{color:#b91c1c;background-color:#fee2e2}.emp-content{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:1500px;margin:0 auto;padding:32px;display:flex}.content-header{justify-content:space-between;align-items:center;display:flex}.header-title-area h1{color:var(--emp-text-primary);font-size:1.6rem;font-weight:700}.header-title-area p{color:var(--emp-text-secondary);margin-top:4px;font-size:.9rem}.clock-widget-banner{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:space-between;align-items:center;padding:24px 28px;display:flex;box-shadow:0 10px 25px #0f172a1f}.clock-info{align-items:center;gap:16px;display:flex}.clock-icon-box{color:#60a5fa;background-color:#2563eb33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.clock-text h2{font-size:1.1rem;font-weight:700}.clock-text p{color:#94a3b8;margin-top:2px;font-size:.85rem}.btn-clock-out{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background-color:#ef4444;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d}.btn-clock-out:hover{background-color:#dc2626}.summary-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.metric-card{background-color:var(--emp-card-bg);border-radius:var(--radius-md);border:1px solid var(--emp-border);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:16px;padding:22px;display:flex}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-title{color:var(--emp-text-secondary);font-size:.85rem;font-weight:600}.metric-icon-box{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.metric-icon-blue{background-color:var(--primary-light);color:var(--primary-blue)}.metric-icon-green{background-color:var(--success-light);color:var(--success-green)}.metric-icon-amber{background-color:var(--warning-light);color:var(--warning-amber)}.metric-icon-purple{background-color:var(--purple-light);color:var(--purple-accent)}.metric-value-row{justify-content:space-between;align-items:baseline;display:flex}.metric-value{color:var(--emp-text-primary);font-size:1.8rem;font-weight:700}.metric-subtext{color:var(--emp-text-secondary);font-size:.78rem}.emp-split-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.section-card{background-color:var(--emp-card-bg);border-radius:var(--radius-md);border:1px solid var(--emp-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.card-header-row{border-bottom:1px solid var(--emp-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--emp-text-primary);font-size:1.05rem;font-weight:700}.attendance-table{border-collapse:collapse;text-align:left;width:100%}.attendance-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--emp-text-secondary);border-bottom:1px solid var(--emp-border);background-color:#f8fafc;padding:12px 24px;font-size:.75rem;font-weight:600}.attendance-table td{border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.88rem}.status-pill{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-ontime{color:#047857;background-color:#ecfdf5}.status-wfh{color:#1d4ed8;background-color:#eff6ff}.status-halfday{color:#b45309;background-color:#fffbeb}.leave-form-preview{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.form-group-sm{flex-direction:column;gap:6px;display:flex}.form-label-sm{color:var(--emp-text-secondary);font-size:.8rem;font-weight:600}.form-input-sm{border-radius:var(--radius-sm);border:1px solid var(--emp-border);background-color:#f8fafc;outline:none;padding:8px 12px;font-size:.85rem}.btn-submit-sm{background-color:var(--primary-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:4px;padding:10px;font-size:.88rem;font-weight:600}.notice-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:14px 20px;display:flex}.notice-item:last-child{border-bottom:none}.notice-title{color:var(--emp-text-primary);font-size:.88rem;font-weight:600}.notice-date{color:var(--emp-text-secondary);font-size:.75rem}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.emp-split-grid{grid-template-columns:1fr}}@media (width<=768px){.emp-sidebar{display:none}.summary-cards-grid{grid-template-columns:1fr}}.profile-pulse-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 4px 14px #2563eb59}.profile-pulse-badge:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.dashboard-blurred-locked{filter:blur(1.5px);opacity:.92;transition:all .25s}.onboarding-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-modal-card-popup{background:#fff;border:1px solid #fff3;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.nav-item.locked{opacity:.6;cursor:not-allowed}.nav-item-lock-icon{color:#94a3b8;margin-left:auto}.pulse-ring-container{justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:relative}.pulse-dot{background-color:#60a5fa;border-radius:50%;width:8px;height:8px}.pulse-ring{opacity:.75;background-color:#60a5fa;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.8;transform:scale(.95)}70%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.onboarding-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:28px;animation:.3s ease-out formSlideDown;overflow:hidden;box-shadow:0 10px 25px #0f172a0d}@keyframes formSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.onboarding-header-info h2{margin:0;font-size:20px;font-weight:700}.onboarding-header-info p{color:#94a3b8;margin:4px 0 0;font-size:13px}.form-nav-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 24px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.onboarding-body{flex-direction:column;gap:28px;padding:32px;display:flex}.form-grid-2col{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.field-group{flex-direction:column;gap:6px;display:flex}.field-group.span-2{grid-column:span 2}.field-group.span-3{grid-column:span 3}.field-label{color:#334155;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.req-star{color:#ef4444;margin-left:2px}.field-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.file-input-wrapper{box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 14px;transition:all .2s;display:flex}.file-input-wrapper:hover{background:#eff6ff;border-color:#2563eb}.file-input-wrapper input[type=file]{display:none}.file-upload-label{color:#475569;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;font-size:13px;font-weight:500;display:flex;overflow:hidden}.file-upload-label svg{color:#2563eb;flex-shrink:0}.sub-card-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.sub-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.btn-save-onboarding{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.btn-save-onboarding:hover{background:#1d4ed8}.age-warning-box{color:#be123c;background:#fef2f2;border:1px solid #fecdd3;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.profile-onboarding-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:6px;display:flex}.profile-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.profile-tab-btn:hover{color:#0f172a;background:#f8fafc}.profile-tab-btn.active{color:#7a90a5!important;box-shadow:none!important;background:#eff6ff!important;border:none!important;font-weight:700!important}.profile-tab-btn.active svg{color:#7a90a5!important}.create-emp-layout{color:#1e293b;background-color:#f4f5f7;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.page-header-row{margin-bottom:24px}.btn-back{color:#7a90a5;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-size:.9rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-back:hover{opacity:.8}.page-title{color:#1e293b;letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.page-subtitle{color:#64748b;margin:0;font-size:.9rem}.employee-form-container{flex-direction:column;gap:24px;display:flex}.form-section-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000005}.section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-icon{color:#7a90a5;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}body.dark-theme .section-icon{color:#d9d9d9!important;background-color:#ffffff14!important;border:1px solid #ffffff1a!important}body.dark-theme .section-icon svg{color:#d9d9d9!important;stroke:#dfeaf5!important}.section-title{color:#1e293b;margin:0 0 2px;font-size:1.1rem;font-weight:700}.section-desc{color:#64748b;margin:0;font-size:.85rem}.form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.span-2{grid-column:span 2}.form-group.span-3{grid-column:span 3}.form-label{color:#334155;align-items:center;gap:4px;font-size:.825rem;font-weight:700;display:flex}.form-label .optional-badge{margin-left:auto}.required-star{color:#ef4444;margin-left:2px}.optional-badge{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.725rem;font-weight:600}.input-box{align-items:center;width:100%;display:flex;position:relative}.input-box .field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-box input,.input-box select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:0 16px 0 42px;font-family:inherit;font-size:14px;transition:all .2s}.input-box textarea{color:#0f172a;resize:none;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:11px 16px 11px 42px;font-family:inherit;font-size:14px;line-height:20px;transition:all .2s}.input-box input:focus,.input-box select:focus,.input-box textarea:focus{border-color:#7a90a5;box-shadow:0 0 0 3px #7a90a526}.currency-symbol{color:#64748b;font-weight:700;position:absolute;left:14px}.btn-add-salary-component{color:#fff;cursor:pointer;background:#7a90a5;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:44px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex}.badge-fixed{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.725rem;font-weight:600}.btn-remove-component{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:inline-flex}.btn-remove-component:hover{background:#fca5a5}.gross-label{color:#059669}.badge-gross{color:#15803d;background:#dcfce7;border-radius:4px;padding:2px 8px;font-size:.725rem;font-weight:700}.gross-input-box{background:#f0fdf4!important;border-color:#86efac!important}.gross-currency{color:#059669!important;font-weight:700!important}.gross-readonly-input{cursor:default;color:#059669!important;background:0 0!important;font-size:15px!important;font-weight:800!important}.header-left{align-items:center;gap:12px;display:flex}.type-options-grid{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.type-radio-card{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000005}.type-radio-card:hover{color:#7a90a5;background:#f5f8fb;border-color:#7a90a5}.type-radio-card.selected{color:#7a90a5;box-shadow:none;background:#eff6ff;border-color:#7a90a5;font-weight:700}.type-radio-card input[type=radio]{appearance:auto;accent-color:#7a90a5;cursor:pointer;width:16px;height:16px;margin:0}.radio-label-text{line-height:1}.form-footer-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;height:44px;padding:0 20px;font-size:.9rem;font-weight:600;transition:background .15s}.btn-secondary:hover{background:#f8fafc}.btn-primary{color:#fff;cursor:pointer;background:#7a90a5;border:none;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 24px;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #7a90a54d}.btn-primary:hover{background:#5c7085;transform:translateY(-1px)}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.form-group.span-2,.form-group.span-3{grid-column:span 1}.type-options-grid{flex-direction:column;align-items:stretch}}body.dark-theme .form-label,body.dark-theme label{color:#b6bbc3!important}body.dark-theme .optional-badge{color:#c6d1d7!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}body.dark-theme .section-header{border-bottom:1px solid #ffffff14!important}body.dark-theme .input-box input,body.dark-theme .input-box select,body.dark-theme .input-box textarea,body.dark-theme input[type=text],body.dark-theme input[type=email],body.dark-theme input[type=tel],body.dark-theme input[type=password],body.dark-theme input[type=number],body.dark-theme input[type=date],body.dark-theme select,body.dark-theme textarea{color:#f8fafc!important;background:0 0!important;border-color:#ffffff1f!important}body.dark-theme input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}body.dark-theme input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}body.dark-theme input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}body.dark-theme input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}body.dark-theme .type-radio-card{color:#94a3b8!important;background:0 0!important;border-color:#ffffff1f!important}body.dark-theme .type-radio-card.selected{color:#7a90a5!important;box-shadow:none!important;background:#303a4a!important;border-color:#7a90a5!important;font-weight:700!important}body.dark-theme .type-radio-card:hover:not(.selected){color:#f8fafc!important;background-color:#ffffff0d!important}.custom-dropdown-trigger{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;justify-content:flex-start;align-items:center;width:100%;height:44px;padding:0 36px 0 16px;font-size:14px;transition:all .2s;display:flex;position:relative}.custom-dropdown-trigger.has-icon{padding-left:42px}.dropdown-trigger-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dropdown-trigger-label{white-space:nowrap;text-overflow:ellipsis;color:inherit;flex:1;font-weight:500;overflow:hidden;text-align:left!important}.chevron-icon{color:#94a3b8;pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%);margin-left:0!important}.chevron-icon.rotate{transform:translateY(-50%)rotate(180deg)}body.dark-theme .custom-dropdown-trigger{color:#f8fafc!important;background:0 0!important;border-color:#ffffff1f!important;border-radius:10px!important}body.dark-theme .custom-dropdown-trigger.active{box-shadow:none!important;border-color:#ffffff40!important}body.dark-theme .dropdown-trigger-label{color:#f8fafc!important;text-align:left!important}body.dark-theme .dropdown-trigger-icon,body.dark-theme .chevron-icon{color:#94a3b8!important}body.dark-theme .custom-dropdown-menu{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff26!important;border-radius:10px!important;box-shadow:0 10px 30px #0009!important}body.dark-theme .custom-dropdown-item{color:#cbd5e1!important;background:0 0!important;border-radius:6px!important}body.dark-theme .custom-dropdown-item:hover{color:#fff!important;background-color:#ffffff14!important}body.dark-theme .custom-dropdown-item.selected{color:#f8fafc!important;background-color:#303a4a!important;font-weight:600!important}body.dark-theme .custom-dropdown-item .item-check-icon,body.dark-theme .custom-dropdown-item.selected .item-check-icon{color:#f8fafc!important}body.dark-theme .custom-dropdown-no-options{color:#64748b!important}body.dark-theme .gross-input-box{background:0 0!important;border-color:#10b98166!important}body.dark-theme .gross-readonly-input{color:#34d399!important;background:0 0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}body.dark-theme select{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}body.dark-theme input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}body.dark-theme input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}body.dark-theme input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)!important}body.dark-theme .gross-currency{color:#34d399!important}:root{--leave-bg:#f8fafc;--leave-sidebar-bg:#0f172a;--leave-sidebar-text:#cbd5e1;--leave-sidebar-active:#2563eb;--leave-card-bg:#fff;--leave-border:#e2e8f0;--leave-text-primary:#0f172a;--leave-text-secondary:#64748b;--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-light:#eff6ff;--success-green:#10b981;--success-light:#ecfdf5;--warning-amber:#f59e0b;--warning-light:#fffbeb;--danger-red:#ef4444;--danger-light:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f}.leave-page-layout{background-color:var(--leave-bg);min-height:100vh;color:var(--leave-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.emp-sidebar{background:linear-gradient(#0b0f19 0%,#111827 50%,#0f172a 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;width:319px!important}.sidebar-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:70px;padding:0 24px;display:flex}.sidebar-logo-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.sidebar-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 16px;display:flex}.sidebar-nav .nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:14px 12px 6px;font-size:.72rem;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--leave-sidebar-text);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff14}.nav-item.active{color:#f8fafc!important;box-shadow:none!important;background-color:#6366f126!important;border-left:3px solid #6366f1!important;font-weight:600!important}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 20px}.user-profile-badge{border-radius:var(--radius-md);background-color:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:12px;padding:10px 12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:.85rem;font-weight:600}.user-role{color:#cbd5e1;font-size:.72rem}.leave-main{flex-direction:column;flex:1;min-width:0;display:flex}.leave-topbar{border-bottom:1px solid var(--leave-border);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-search{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;width:380px;padding:9px 16px;display:flex}.topbar-search input{width:100%;color:var(--leave-text-primary);background:0 0;border:none;outline:none;font-size:.88rem}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-btn{border:1px solid var(--leave-border);width:38px;height:38px;color:var(--leave-text-secondary);cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.btn-logout-topbar{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:flex}.leave-content{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:1500px;margin:0 auto;padding:32px;display:flex}.page-header-row{justify-content:space-between;align-items:center;display:flex}.page-header-title h1{color:var(--leave-text-primary);font-size:1.6rem;font-weight:700}.page-header-title p{color:var(--leave-text-secondary);margin-top:4px;font-size:.9rem}.btn-apply-leave{background-color:var(--primary-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.btn-apply-leave:hover{background-color:var(--primary-blue-hover)}.inline-apply-form-card{border-radius:var(--radius-md);border:1px solid var(--leave-border);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;gap:20px;padding:24px 28px;animation:.25s ease-out fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-card-header{justify-content:space-between;align-items:center;display:flex}.form-card-header h2{color:var(--leave-text-primary);font-size:1.1rem;font-weight:700}.btn-close-form{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.btn-close-form:hover{color:#0f172a;background-color:#f1f5f9}.inline-leave-form{flex-direction:column;gap:18px;display:flex}.form-grid-3col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-grid-4col{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-section-subtitle{color:var(--leave-text-primary);text-transform:uppercase;letter-spacing:.05em;border-top:1px dashed var(--leave-border);padding-top:8px;font-size:.82rem;font-weight:700}.form-group-field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--leave-text-secondary);font-size:.82rem;font-weight:600}.field-input,.field-textarea{border-radius:var(--radius-sm);border:1px solid var(--leave-border);color:var(--leave-text-primary);background-color:#f8fafc;outline:none;padding:10px 14px;font-size:.88rem;transition:all .2s}.field-input:focus,.field-textarea:focus{border-color:var(--primary-blue);background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.field-textarea{resize:vertical;font-family:inherit}.form-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.btn-cancel-form{border-radius:var(--radius-sm);border:1px solid var(--leave-border);color:var(--leave-text-secondary);cursor:pointer;background-color:#fff;padding:9px 18px;font-size:.88rem;font-weight:600}.btn-cancel-form:hover{color:var(--leave-text-primary);background-color:#f8fafc}.btn-submit-leave{border-radius:var(--radius-sm);background-color:var(--primary-blue);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 4px 12px #2563eb33}.btn-submit-leave:hover{background-color:var(--primary-blue-hover)}.leave-balance-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.balance-card{background-color:var(--leave-card-bg);border-radius:var(--radius-md);border:1px solid var(--leave-border);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:22px;display:flex}.balance-card-header{justify-content:space-between;align-items:center;display:flex}.balance-card-title{color:var(--leave-text-secondary);font-size:.88rem;font-weight:600}.balance-icon-box{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.balance-blue{background-color:var(--primary-light);color:var(--primary-blue)}.balance-green{background-color:var(--success-light);color:var(--success-green)}.balance-purple{color:var(--purple-accent);background-color:#f3e8ff}.balance-number-row{justify-content:space-between;align-items:baseline;display:flex}.balance-count{color:var(--leave-text-primary);font-size:1.9rem;font-weight:700}.balance-used-text{color:var(--leave-text-secondary);font-size:.8rem;font-weight:500}.progress-bar-bg{background-color:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%}.fill-blue{background-color:var(--primary-blue)}.fill-green{background-color:var(--success-green)}.fill-purple{background-color:var(--purple-accent)}.leave-table-card{background-color:var(--leave-card-bg);border-radius:var(--radius-md);border:1px solid var(--leave-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.table-card-header{border-bottom:1px solid var(--leave-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-card-title{color:var(--leave-text-primary);font-size:1.05rem;font-weight:700}.leave-history-table{border-collapse:collapse;text-align:left;width:100%}.leave-history-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--leave-text-secondary);border-bottom:1px solid var(--leave-border);background-color:#f8fafc;padding:12px 24px;font-size:.75rem;font-weight:600}.leave-history-table td{border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.88rem}.leave-type-badge{align-items:center;gap:10px;font-weight:600;display:flex}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-approved{background-color:var(--success-light);color:#047857}.badge-pending{background-color:var(--warning-light);color:#b45309}.badge-rejected{background-color:var(--danger-light);color:#b91c1c}@media (width<=1024px){.leave-balance-grid,.form-grid-3col{grid-template-columns:1fr}}@media (width<=768px){.emp-sidebar{display:none}}.salary-sheet-container{background-color:#0000;width:100%;padding:0}.badge-status{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.list-card-wrapper{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.table-wrapper{scrollbar-width:auto;scrollbar-color:#0284c7 #e2e8f0;box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-bottom:20px!important;display:block!important;overflow:scroll hidden!important}.table-wrapper::-webkit-scrollbar{height:12px!important;display:block!important}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important}.table-wrapper::-webkit-scrollbar-thumb{background:#0284c7!important;border-radius:10px!important}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#0369a1!important}.salary-full-table{border-collapse:separate;border-spacing:0 8px;text-align:center;width:max-content;min-width:2100px;font-size:13px}.salary-full-table th{white-space:nowrap;padding:10px 12px}.salary-full-table td{white-space:nowrap;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:12px}.salary-full-table tbody tr td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:12px;border-bottom-left-radius:12px}.salary-full-table tbody tr td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:12px;border-bottom-right-radius:12px}.salary-full-table tbody tr{transition:all .15s ease-in-out;box-shadow:0 2px 8px #00000005}.salary-full-table tbody tr.complaint-raised-row td{background-color:#fef2f2!important;border-top:1px solid #f1f5f9!important;border-bottom:1px solid #f1f5f9!important}.salary-full-table tbody tr.complaint-raised-row td:first-child{border-left:1px solid #f1f5f9!important}.salary-full-table tbody tr.complaint-raised-row td:last-child{border-right:1px solid #f1f5f9!important}.salary-full-table tbody tr.complaint-raised-row:hover td{background-color:#fee2e2!important}.cell-disputed-box{border:1px solid #fca5a5;border-radius:6px;padding:3px 9px;display:inline-block;box-shadow:0 1px 2px #b91c1c1a;color:#7f1d1d!important;font-weight:800!important}.salary-full-table tbody tr:hover td{background:#f8fafc}.salary-full-table thead tr.group-row th{color:#fff;letter-spacing:.6px;text-transform:uppercase;background:#0f172a;padding:9px 12px;font-size:11px;font-weight:700}.salary-full-table thead tr.group-row th:first-child{border-top-left-radius:12px}.salary-full-table thead tr.group-row th:last-child{border-top-right-radius:12px}.salary-full-table thead tr.col-row th{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.sec-divider-right,th.sec-divider-right{border-right:none!important;padding-right:28px!important}.sticky-col-sr{z-index:2;width:45px;min-width:45px;position:sticky;left:0}.salary-full-table thead tr.group-row th.sticky-col-sr{z-index:4;background:#0f172a}.salary-full-table thead tr.col-row th.sticky-col-sr{z-index:3;background:#f8fafc}.salary-full-table tbody tr td.sticky-col-sr{background:#fff}.sticky-col-id{z-index:2;width:80px;min-width:80px;position:sticky;left:45px}.salary-full-table thead tr.group-row th.sticky-col-id{z-index:4;background:#0f172a}.salary-full-table thead tr.col-row th.sticky-col-id{z-index:3;background:#f8fafc}.salary-full-table tbody tr td.sticky-col-id{background:#fff}.sticky-col-name{z-index:2;color:#0f172a;min-width:180px;font-weight:700;position:sticky;left:125px;box-shadow:4px 0 8px -3px #0000000f;text-align:left!important}.salary-full-table thead tr.group-row th.sticky-col-name{z-index:4;background:#0f172a}.salary-full-table thead tr.col-row th.sticky-col-name{z-index:3;background:#f8fafc}.salary-full-table tbody tr td.sticky-col-name{background:#fff}.sec-att{background:#f8fafc}.sec-fixed{background:#fff}.sec-earned{background:#f0fdf4}.sec-ded{background:#fef2f2}.sec-net{background:#eff6ff}.net-payable-col{font-weight:700;color:#1e3a8a!important;background:#dbeafe!important}.net-salary-cell{color:#1d4ed8;background:#eff6ff;font-weight:700}.cell-input{text-align:right;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:5px 6px;font-size:12px;font-weight:500;transition:all .15s ease-in-out}.cell-wrapper{flex-direction:column;justify-content:center;align-items:center;display:inline-flex;position:relative}.cell-modified{color:#d97706!important;font-weight:700!important}.cell-manual-tag{color:#d97706;pointer-events:none;white-space:nowrap;margin-top:1px;font-size:8px;font-weight:600;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cell-input::-webkit-inner-spin-button{opacity:.2}.cell-input::-webkit-outer-spin-button{opacity:.2}.cell-input:hover::-webkit-inner-spin-button{opacity:1}.remark-input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100px;padding:5px 8px;font-size:12px;transition:all .15s ease-in-out}.remark-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.grand-total-row td{color:#0f172a;background:#f1f5f9;padding:11px 8px;font-weight:700}.grand-net-text{color:#1e3a8a}.sheet-signatures{justify-content:space-between;margin-top:20px;display:flex}.sig-block{text-align:center}.sig-line{border-bottom:1.5px solid #94a3b8;width:170px;margin-bottom:8px}.print-only{display:none}.spin{animation:1s linear infinite spin}@media print{.no-print{display:none!important}.print-only{display:inline-block!important}.dashboard-layout{display:block!important}.dash-main{margin:0!important;padding:0!important}.dash-content{padding:0!important}.list-card-wrapper{box-shadow:none!important;border:none!important;padding:0!important}@page{size:A4 landscape;margin:6mm}}