@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-orange:#f97316;--primary-orange-hover:#ea580c;--primary-orange-light:#fff7ed;--white:#fff;--background:#fffaf5;--text-dark:#1f2937;--text-gray:#6b7280;--border-color:#fed7aa;--shadow-soft:0 4px 6px -1px #f9731608, 0 2px 4px -1px #f9731605;--shadow-card:0 10px 25px -5px #f973160d, 0 8px 10px -6px #f973160d;--shadow-card-hover:0 20px 30px -10px #f973161f, 0 10px 15px -8px #f9731614;--shadow-button:0 4px 14px 0 #f9731659;--shadow-button-hover:0 6px 20px 0 #f9731673;--shadow-input-focus:0 0 0 3px #f973162e;--shadow-sidebar:4px 0 24px 0 #f973160a;--shadow-topbar:0 4px 20px 0 #f9731608;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-dark);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-dark);min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input{background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}@keyframes fadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-normal);border:1px solid #fed7aa66;padding:1.5rem;position:relative}.card-hoverable:hover{box-shadow:var(--shadow-card-hover);border-color:#fed7aacc;transform:translateY(-4px)}.card-clickable{cursor:pointer}.card-clickable:active{transform:translateY(-1px)}.auth-card{background-color:var(--white);border-radius:var(--border-radius-xl);width:100%;max-width:440px;padding:2.5rem;box-shadow:0 20px 40px -15px #f9731614,0 15px 25px -10px #f973160d}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.auth-card-subtitle{color:var(--text-gray);font-size:.95rem}.auth-card-body{flex-direction:column;display:flex}@media (width<=480px){.auth-card{box-shadow:none;background-color:#0000;border:none;padding:1.75rem}}.input-container{flex-direction:column;gap:.35rem;width:100%;margin-bottom:1.25rem;display:flex}.input-relative-wrapper{width:100%;position:relative}.form-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-normal);padding:.95rem 1rem;font-size:.95rem}.form-label{color:var(--text-gray);pointer-events:none;transition:var(--transition-fast);background-color:#0000;padding:0 .25rem;font-size:.95rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{background-color:var(--white);color:var(--primary-orange);font-weight:500;top:0;transform:translateY(-50%)scale(.85)}.form-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.input-has-icon .form-input{padding-left:2.75rem}.input-has-icon .form-label{left:2.75rem}.input-icon-left{color:var(--text-gray);transition:var(--transition-fast);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-input:focus~.input-icon-left{color:var(--primary-orange)}.input-has-error .form-input{border-color:#ef4444}.input-has-error .form-input:focus{box-shadow:0 0 0 3px #ef444426}.input-has-error .form-label,.input-has-error .form-input:focus~.form-label{color:#ef4444}.input-error-text{color:#ef4444;padding-left:.25rem;font-size:.8rem;font-weight:500}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;user-select:none;text-align:center;letter-spacing:-.01em;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--primary-orange);color:var(--white);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background-color:var(--primary-orange-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--primary-orange-light);color:var(--primary-orange)}.btn-secondary:hover:not(:disabled){background-color:#ffedd5;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:var(--white);border:2px solid var(--border-color);color:var(--primary-orange)}.btn-outline:hover:not(:disabled){border-color:var(--primary-orange);background-color:var(--primary-orange-light);transform:translateY(-2px)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-text{color:var(--text-gray);background:0 0;padding:.5rem 1rem}.btn-text:hover:not(:disabled){color:var(--primary-orange);background-color:var(--primary-orange-light)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{cursor:wait}.btn-loader-container{align-items:center;gap:.5rem;display:flex}.btn-loading-text{opacity:.9;font-size:.9rem}.loader-wrapper{justify-content:center;align-items:center;display:inline-flex}.loader-spinner{width:100%;height:100%;animation:2s linear infinite rotate-loader}.loader-path{stroke-linecap:round;animation:1.5s ease-in-out infinite dash-loader}.loader-small{width:18px;height:18px}.loader-medium{width:36px;height:36px}.loader-large{width:54px;height:54px}.loader-color-orange .loader-path{stroke:var(--primary-orange)}.loader-color-white .loader-path{stroke:var(--white)}.loader-color-gray .loader-path{stroke:var(--text-gray)}@keyframes rotate-loader{to{transform:rotate(360deg)}}@keyframes dash-loader{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.login-form{flex-direction:column;display:flex}.login-error-alert{color:#dc2626;border-radius:var(--border-radius-md);background-color:#fef2f2;border:1px solid #fecaca;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.88rem;font-weight:500;display:flex}.login-form-helpers{justify-content:space-between;align-items:center;margin-top:-.5rem;margin-bottom:1.75rem;font-size:.88rem;display:flex}.remember-me-checkbox{color:var(--text-gray);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.custom-checkbox{accent-color:var(--primary-orange);cursor:pointer;width:16px;height:16px}.forgot-password-link{color:var(--primary-orange);transition:var(--transition-fast);font-weight:600}.forgot-password-link:hover{color:var(--primary-orange-hover);text-decoration:underline}.login-submit-button{width:100%;padding:.9rem;font-size:1rem}.login-demo-helper{background-color:var(--primary-orange-light);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);margin-top:1.75rem;padding:.85rem 1rem;font-size:.82rem}.demo-credentials-title{color:var(--primary-orange-hover);margin-bottom:.25rem;font-weight:700}.demo-credentials-text{color:var(--text-dark)}.demo-credentials-text code{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-family:monospace;font-size:.85rem;font-weight:700}.login-page-container{background-color:var(--background);width:100vw;min-height:100vh;display:flex;overflow:hidden}.login-left-panel{color:var(--white);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);flex-direction:column;flex:1.1;justify-content:space-between;padding:4rem;display:flex;position:relative;overflow:hidden}.gradient-overlay{z-index:1;background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.decorative-mesh{opacity:.05;background-image:radial-gradient(var(--white) 1px, transparent 1px);z-index:1;background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.left-panel-content{z-index:5;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.brand-header{align-items:center;gap:.75rem;display:flex}.brand-logo-icon{border-radius:var(--border-radius-md);background-color:#ffffff26;border:1px solid #ffffff40;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-title{color:var(--white);font-size:1.5rem;font-weight:700}.welcome-headline{color:var(--white);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.15}.welcome-tagline{opacity:.9;max-width:460px;font-size:1.1rem;line-height:1.6}.copyright-text{opacity:.75;font-size:.85rem}.decorative-circle{pointer-events:none;background:linear-gradient(#ffffff1a 0%,#fff0 100%);border-radius:50%;position:absolute}.circle-1{width:400px;height:400px;top:-100px;left:-100px}.circle-2{width:500px;height:500px;bottom:-150px;right:-100px}.login-right-panel{background-color:var(--background);z-index:5;flex:.9;justify-content:center;align-items:center;padding:3rem;display:flex}@media (width<=1024px){.login-left-panel{padding:3rem}.welcome-headline{font-size:2.5rem}}@media (width<=900px){.login-left-panel{display:none}.login-right-panel{background-color:var(--white);flex:1;padding:1.5rem}}.welcome-banner-card{border-radius:var(--border-radius-lg);color:var(--white);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);margin-bottom:2rem;padding:2.25rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #f9731633}.welcome-banner-overlay{z-index:1;background:radial-gradient(circle at 10% 90%,#ffffff1f 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.welcome-banner-mesh{opacity:.04;background-image:radial-gradient(var(--white) 1px, transparent 1px);z-index:1;background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-banner-content{z-index:5;max-width:640px;position:relative}.welcome-badge{text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff26;border:1px solid #fff3;border-radius:20px;margin-bottom:1rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.welcome-heading{color:var(--white);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.welcome-tagline{opacity:.95;margin-bottom:1.5rem;font-size:.98rem;line-height:1.6}.welcome-strong{background-color:#ffffff1f;border-radius:4px;padding:.1rem .35rem;font-weight:750}.welcome-action-btn{background-color:var(--white);color:var(--primary-orange);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000014}.welcome-action-btn:hover{background-color:var(--primary-orange-light);transform:translateY(-2px);box-shadow:0 6px 16px #f9731633}.welcome-action-btn:active{transform:translateY(0)}.banner-circle{pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#fff0 70%);border-radius:50%;animation:6s ease-in-out infinite alternate float-bubble;position:absolute}.b-circle-1{width:250px;height:250px;top:-80px;right:-50px}.b-circle-2{width:200px;height:200px;animation-delay:-2s;bottom:-60px;right:150px}@keyframes float-bubble{0%{transform:translateY(0)scale(1)}to{transform:translateY(-15px)scale(1.05)}}@media (width<=600px){.welcome-banner-card{padding:1.5rem}.welcome-heading{font-size:1.75rem}.welcome-tagline{font-size:.9rem}.welcome-action-btn{justify-content:center;width:100%}}.dashboard-card-wrapper{padding:1.5rem 1.75rem}.db-card-content{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.db-card-meta{flex-direction:column;display:flex}.db-card-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;font-size:.88rem;font-weight:600}.db-card-value{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.1}.db-card-trend-container{align-items:center;gap:.5rem;font-size:.8rem;font-weight:550;display:flex}.db-card-trend-badge{border-radius:20px;align-items:center;gap:.2rem;padding:.2rem .5rem;font-weight:700;display:inline-flex}.trend-up{color:#15803d;background-color:#dcfce7}.trend-down{color:#b91c1c;background-color:#fee2e2}.db-card-trend-label{color:var(--text-gray)}.db-card-icon-container{background-color:var(--primary-orange-light);width:48px;height:48px;color:var(--primary-orange);transition:var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-card-wrapper:hover .db-card-icon-container{background-color:var(--primary-orange);color:var(--white);box-shadow:var(--shadow-button);transform:rotate(-10deg)scale(1.08)}.dashboard-content-container{flex-direction:column;display:flex}.dashboard-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-operations-grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.operations-widget-card{flex-direction:column;height:100%;padding:1.75rem;display:flex}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.widget-title{color:var(--text-dark);font-size:1.2rem;font-weight:700}.widget-header-action{color:var(--primary-orange);cursor:pointer;transition:var(--transition-fast);font-size:.85rem;font-weight:700}.widget-header-action:hover{color:var(--primary-orange-hover);text-decoration:underline}.activity-list{flex-direction:column;gap:1.25rem;display:flex}.activity-item{border-bottom:1px dashed #fed7aa4d;align-items:center;gap:.85rem;padding-bottom:1rem;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-avatar{object-fit:cover;border:1.5px solid var(--border-color);border-radius:50%;width:40px;height:40px}.activity-meta{flex:1;font-size:.88rem;line-height:1.35}.activity-username{color:var(--text-dark);font-weight:700}.activity-text{color:var(--text-dark)}.activity-time{color:var(--text-gray);margin-top:.15rem;font-size:.78rem;display:block}.activity-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:12px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.badge-orange{background-color:var(--primary-orange-light);color:var(--primary-orange)}.badge-green{color:#166534;background-color:#dcfce7}.badge-red{color:#991b1b;background-color:#fee2e2}.badge-blue{color:#075985;background-color:#e0f2fe}.announcement-list{flex-direction:column;gap:1rem;display:flex}.announcement-item{border-radius:var(--border-radius-md);background-color:var(--background);transition:var(--transition-normal);border:1px solid #fed7aa4d;padding:1rem}.announcement-item:hover{border-color:var(--border-color);background-color:var(--white);box-shadow:0 4px 12px #f9731608}.announcement-important{background-color:var(--primary-orange-light);border-left:3px solid var(--primary-orange)}.announcement-meta{flex-direction:column;gap:.35rem;display:flex}.announcement-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.announcement-title{color:var(--text-dark);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.announcement-badge-important{background-color:var(--primary-orange);color:var(--white);text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.announcement-desc{color:var(--text-gray);font-size:.82rem;line-height:1.4}.announcement-date-text{color:var(--text-gray);margin-top:.25rem;font-size:.76rem;font-weight:600;display:block}@media (width<=1200px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dashboard-operations-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-metrics-grid{grid-template-columns:1fr;gap:1rem}.operations-widget-card{padding:1.25rem}.activity-badge{display:none}}.dashboard-holiday-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.dashboard-holiday-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #f9731614;background-color:var(--primary-orange-light)!important;border-color:var(--border-color)!important}.notfound-root{background-color:var(--background);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex}.notfound-card{text-align:center;background-color:var(--white);border-radius:var(--border-radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-card-hover);flex-direction:column;align-items:center;padding:3rem 2.5rem;display:flex}.notfound-icon-glow{background-color:var(--primary-orange-light);width:80px;height:80px;color:var(--primary-orange);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex;box-shadow:0 0 25px #f9731626}.notfound-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.75rem;font-size:1.85rem;font-weight:800}.notfound-desc{color:var(--text-gray);margin-bottom:2rem;font-size:.95rem;line-height:1.55}.notfound-actions{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.notfound-actions button{flex:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.animate-pulse{animation:2.5s ease-in-out infinite pulse}@media (width<=480px){.notfound-card{box-shadow:none;background-color:#0000;border:none;padding:2rem 1.5rem}.notfound-actions{flex-direction:column;gap:.75rem}.notfound-actions button{width:100%}}.form-section-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;margin-bottom:2rem;padding:2rem}.form-section-heading{color:var(--text-dark);align-items:center;gap:.65rem;margin-bottom:1.75rem;font-size:1.25rem;font-weight:700;display:flex}.heading-accent{background-color:var(--primary-orange);border-radius:2px;width:4px;height:20px;display:inline-block}.form-section-grid{grid-template-columns:repeat(3,1fr);gap:.5rem 1.5rem;display:grid}.form-select{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-normal);appearance:none;cursor:pointer;padding:.95rem 1rem;font-size:.95rem}.form-select-label{background-color:var(--white);color:var(--primary-orange);pointer-events:none;transition:var(--transition-fast);padding:0 .25rem;font-size:.95rem;font-weight:500;position:absolute;top:0;left:1rem;transform:translateY(-50%)scale(.85)}.select-container{margin-bottom:1.25rem}.select-container .input-relative-wrapper:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-gray);pointer-events:none;width:0;height:0;transition:var(--transition-fast);position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.select-container:focus-within .input-relative-wrapper:after{border-top-color:var(--primary-orange);transform:translateY(-50%)rotate(180deg)}@media (width<=1024px){.form-section-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.form-section-grid{grid-template-columns:1fr}.form-section-card{padding:1.25rem}}.address-header-row{border-bottom:1px solid #fed7aa4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.5rem;padding-bottom:1.25rem;display:flex}.same-address-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--primary-orange);background-color:var(--primary-orange-light);border-radius:var(--border-radius-sm);transition:var(--transition-fast);border:1px solid #fed7aa66;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;display:flex}.same-address-checkbox-label:hover{background-color:#ffedd5}.same-address-checkbox-label input{accent-color:var(--primary-orange);cursor:pointer;width:15px;height:15px}.checkbox-text{vertical-align:middle}@media (width<=640px){.address-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.same-address-checkbox-label{justify-content:center;width:100%}}.relative-adder-form{background-color:var(--background);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);margin-bottom:2rem;padding:1.5rem}.relative-adder-grid{grid-template-columns:repeat(3,1fr);gap:.5rem 1.5rem;display:grid}.relative-error-message{color:#ef4444;margin-top:-.5rem;margin-bottom:1rem;padding-left:.25rem;font-size:.82rem;font-weight:600}.add-relative-btn{padding:.65rem 1.25rem;font-size:.88rem}.added-relatives-section{flex-direction:column;display:flex}.added-relatives-title{color:var(--text-dark);border-bottom:1px solid #fed7aa4d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.relatives-empty-state{text-align:center;background-color:var(--white);border-radius:var(--border-radius-md);color:var(--text-gray);border:1.5px dashed #fed7aa80;padding:2.5rem 1.5rem;font-size:.9rem}.relatives-table-wrapper{border-radius:var(--border-radius-md);border:1px solid #fed7aa66;overflow-x:auto}.relatives-table th{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);border-bottom:1px solid var(--border-color);padding:.85rem 1rem;font-weight:700}.relative-row{transition:var(--transition-fast)}.relative-row:hover{background-color:var(--background)}.relative-cell-bold{font-weight:650}.remove-relative-row-btn{color:var(--text-gray);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.remove-relative-row-btn:hover{color:#ef4444;background-color:#fef2f2;transform:scale(1.05)}@media (width<=900px){.relative-adder-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.relative-adder-grid{grid-template-columns:1fr}.relatives-table th,.relatives-table td{padding:.75rem .5rem;font-size:.85rem}}.employment-section-card{margin-top:0}.employee-form-root{flex-direction:column;max-width:1200px;margin:0 auto;padding-bottom:3rem;display:flex}.form-error-alert{color:#dc2626;border-radius:var(--border-radius-lg);background-color:#fef2f2;border:1.5px solid #fecaca;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #ef44440d}.form-error-alert svg{flex-shrink:0}.form-actions-panel{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.form-cancel-btn{min-width:120px}.form-submit-btn{min-width:180px}@media (width<=640px){.form-actions-panel{flex-direction:column-reverse;gap:.75rem;padding:1.25rem}.form-cancel-btn,.form-submit-btn{width:100%}}.employee-page-container{padding:0 1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.employee-page-header{margin-bottom:2rem}.page-header-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.breadcrumb-parent{color:var(--text-gray);transition:var(--transition-fast)}.breadcrumb-parent:hover{color:var(--primary-orange)}.employee-page-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.employee-page-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.form-success-alert{color:#047857;border-radius:var(--border-radius-lg);background-color:#ecfdf5;border:1.5px solid #a7f3d0;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto 2rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #04785708}.employee-loading-viewport{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.employee-profile-page-view{padding:0 1rem}.profile-sections-layout-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.profile-grid-column{flex-direction:column;gap:1.5rem;display:flex}.relatives-list-container{border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%;margin-top:.5rem;overflow-x:auto}.relatives-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.relatives-table th{background-color:var(--primary-orange-light);color:var(--primary-orange);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.relatives-table td{color:var(--text-dark);border-bottom:1px solid #fed7aa33;padding:.85rem 1rem}.relatives-table tr:last-child td{border-bottom:none}.rel-name{font-weight:600}.rel-badge{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.no-relatives-text{color:var(--text-gray);font-size:.9rem;font-style:italic}.employee-page-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.loader-text{color:var(--text-gray);font-size:.95rem;font-weight:600}.employee-page-error-container{justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.error-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);text-align:center;border:1px solid #fee2e2;width:100%;max-width:450px;padding:2.5rem}.error-icon{color:#ef4444;margin-bottom:1rem}.error-card h3{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem}.error-card p{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.retry-btn{background-color:var(--primary-orange);color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-button);cursor:pointer;transition:var(--transition-fast);padding:.6rem 1.5rem;font-weight:600}.retry-btn:hover{background-color:var(--primary-orange-hover);box-shadow:var(--shadow-button-hover)}@media (width<=992px){.profile-sections-layout-grid{grid-template-columns:1fr;gap:1.5rem}}.profile-card-root{max-width:1000px;margin:0 auto}.profile-summary-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;margin-bottom:1.5rem;padding:2.25rem}.profile-summary-header{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.profile-summary-avatar{object-fit:cover;border:4px solid var(--primary-orange-light);border-radius:50%;width:110px;height:110px;box-shadow:0 8px 24px #f9731614}.profile-summary-meta{flex:1}.profile-summary-title-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.profile-summary-name{color:var(--text-dark);letter-spacing:-.03em;font-size:1.85rem;font-weight:800}.profile-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-active{color:#15803d;background-color:#dcfce7}.status-inactive{color:#b91c1c;background-color:#fee2e2}.status-on-leave{color:#d97706;background-color:#fef3c7}.status-suspended{color:#4b5563;background-color:#f3f4f6}.profile-summary-designation{color:var(--primary-orange);margin-bottom:.85rem;font-size:1.05rem;font-weight:600}.profile-summary-badges{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.summary-badge{border-radius:var(--border-radius-sm);border:1px solid #fed7aa4d;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.badge-code{background-color:var(--primary-orange-light);color:var(--primary-orange-hover)}.badge-role{color:#0d9488;background-color:#f0fdfa}.badge-location{color:#0284c7;background-color:#f0f9ff}.profile-tabs-nav{scrollbar-width:none;border-bottom:2px solid #fed7aa4d;gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tab-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;outline:none;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;position:relative}.profile-tab-btn:hover,.tab-active{color:var(--primary-orange)}.tab-active:after{content:"";background-color:var(--primary-orange);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.profile-tab-content-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;padding:2.25rem}.tab-pane-title{color:var(--text-dark);border-left:3px solid var(--primary-orange);margin-bottom:1.5rem;padding-left:.65rem;font-size:1.15rem;font-weight:700}.details-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.detail-value{color:var(--text-dark);font-size:.95rem;font-weight:600}.val-bold{font-weight:750}.val-monospace{background-color:var(--background);border:1px solid #fed7aa66;border-radius:4px;width:fit-content;padding:.15rem .35rem;font-family:monospace;font-size:.85rem}.val-financial{color:#16a34a;font-size:1rem;font-weight:750}.address-panes-split{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.address-pane-box{background-color:var(--background);border-radius:var(--border-radius-md);border:1px solid #fed7aa4d;padding:1.75rem}.pane-box-subtitle{color:var(--primary-orange-hover);border-bottom:1px dashed #fed7aa66;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.address-lines{color:var(--text-dark);flex-direction:column;gap:.35rem;font-size:.95rem;line-height:1.45;display:flex}.address-line-strong{font-weight:700}.address-line-sub{color:var(--text-gray)}.address-location{font-weight:600}@media (width<=1024px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.profile-summary-header{text-align:center;flex-direction:column;align-items:center}.profile-summary-title-row,.profile-summary-badges{justify-content:center}.address-panes-split{grid-template-columns:1fr;gap:1.25rem}}@media (width<=600px){.profile-tab-content-card{padding:1.5rem}.details-grid{grid-template-columns:1fr;gap:1rem}}.action-bar-container{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1000px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:1.25rem 2rem;display:flex}.action-bar-right{align-items:center;gap:1rem;display:flex}.btn-success-override{color:var(--white)!important;background-color:#10b981!important;box-shadow:0 4px 14px #10b98159!important}.btn-success-override:hover{background-color:#059669!important;box-shadow:0 6px 20px #10b98173!important}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#1f293766;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.confirm-modal-card{background-color:var(--white);border-radius:var(--border-radius-xl);text-align:center;border:1px solid #fed7aa66;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:2.25rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.confirm-modal-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.confirm-modal-icon-wrapper{color:#ef4444;background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 20px #ef444426}.confirm-modal-title{color:var(--text-dark);letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.confirm-modal-desc{color:var(--text-gray);margin-bottom:2rem;font-size:.92rem;line-height:1.55}.confirm-modal-actions{align-items:center;gap:1rem;width:100%;display:flex}.confirm-modal-actions button{flex:1}.confirm-modal-deactivate{color:var(--white)!important;background-color:#ef4444!important;box-shadow:0 4px 14px #ef444459!important}.confirm-modal-deactivate:hover{background-color:#dc2626!important;box-shadow:0 6px 20px #ef444473!important}@media (width<=640px){.action-bar-container{flex-direction:column;align-items:stretch;padding:1.25rem}.action-bar-right{flex-direction:column;gap:.75rem}.action-back-btn,.action-edit-btn,.action-deactivate-btn,.action-activate-btn{width:100%!important}.confirm-modal-actions{flex-direction:column-reverse;gap:.75rem}.confirm-modal-actions button{width:100%}}.directory-container{max-width:1200px;margin:0 auto;padding-bottom:3rem}.directory-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.directory-header-meta{flex:1}.onboard-trigger-btn{align-items:center;padding:.8rem 1.5rem;font-size:.95rem;display:inline-flex}.directory-controls-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem;display:flex}.directory-search-wrapper{flex:1;min-width:280px;position:relative}.search-icon-node{color:var(--text-gray);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.directory-search-input{width:100%;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-normal);padding:.85rem 1rem .85rem 3rem;font-size:.95rem}.directory-search-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.directory-search-input:focus~.search-icon-node{color:var(--primary-orange)}.directory-filters-row{align-items:center;gap:1rem;display:flex}.directory-select-wrapper{position:relative}.directory-filter-select{color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);appearance:none;cursor:pointer;transition:var(--transition-normal);padding:.85rem 2.5rem .85rem 1.25rem;font-size:.92rem;font-weight:600}.directory-filter-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.directory-select-wrapper:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4.5px solid var(--text-gray);pointer-events:none;transition:var(--transition-fast);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.directory-select-wrapper:focus-within:after{border-top-color:var(--primary-orange);transform:translateY(-50%)rotate(180deg)}.directory-results-summary{color:var(--text-gray);margin-bottom:1.25rem;font-size:.88rem}.directory-results-summary strong{color:var(--primary-orange-hover)}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.directory-card{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.directory-card:hover{border-color:var(--primary-orange)}.dir-card-status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:.2rem .55rem;font-size:.68rem;font-weight:750;position:absolute;top:1rem;right:1rem}.dir-card-body{flex-direction:column;align-items:center;width:100%;display:flex}.dir-card-avatar{object-fit:cover;border:3px solid var(--primary-orange-light);width:76px;height:76px;transition:var(--transition-normal);border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 12px #f973160d}.directory-card:hover .dir-card-avatar{border-color:var(--primary-orange);transform:scale(1.05)}.dir-card-name{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.15rem;font-weight:800;line-height:1.25}.dir-card-designation{color:var(--primary-orange);margin-bottom:.15rem;font-size:.85rem;font-weight:650}.dir-card-code{color:var(--text-gray);margin-bottom:1rem;font-size:.8rem;font-weight:550}.dir-card-divider{background-color:#fed7aa4d;width:100%;height:1px;margin-bottom:1rem}.dir-card-footer{text-align:left;flex-direction:column;gap:.45rem;width:100%;font-size:.8rem;display:flex}.dir-card-meta-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dir-meta-label{color:var(--text-gray);font-weight:550}.dir-meta-value{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-weight:600;overflow:hidden}.value-type{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.dir-card-inactive{opacity:.75;background-color:#fafafa}.dir-card-inactive:hover{opacity:.9}.dir-card-overlay{background-color:var(--primary-orange);width:100%;color:var(--white);pointer-events:none;justify-content:center;align-items:center;gap:.35rem;padding:.65rem;font-size:.82rem;font-weight:700;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.directory-card:hover .dir-card-overlay{transform:translateY(0)}.directory-empty-state{background-color:var(--white);border:1.5px dashed var(--border-color);border-radius:var(--border-radius-xl);text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:2rem auto;padding:4rem 2rem;display:flex}.empty-state-icon{background-color:var(--primary-orange-light);width:96px;height:96px;color:var(--primary-orange);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex;box-shadow:0 0 30px #f9731614}.empty-state-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.empty-state-desc{color:var(--text-gray);max-width:440px;margin-bottom:2rem;font-size:.95rem;line-height:1.55}@media (width<=900px){.directory-controls-card{flex-direction:column;align-items:stretch;padding:1.25rem}.directory-search-wrapper{min-width:0}.directory-filters-row{grid-template-columns:repeat(2,1fr);display:grid}.directory-filter-select{width:100%}}@media (width<=600px){.directory-header-section{flex-direction:column;align-items:stretch}.onboard-trigger-btn{justify-content:center;width:100%}.directory-filters-row{grid-template-columns:1fr;gap:.75rem}}.employee-dashboard-content{padding:0 1rem}.emp-welcome-banner{border-radius:var(--border-radius-lg);background:linear-gradient(135deg, var(--primary-orange) 0%, #ff802b 100%);box-shadow:var(--shadow-card);text-align:left;margin-bottom:2rem;padding:2.5rem 3rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative;overflow:hidden}.emp-welcome-overlay{z-index:1;background:radial-gradient(circle at 75% 25%,#ffffff26 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.emp-welcome-mesh{opacity:.08;z-index:1;background-image:linear-gradient(90deg,#fff 1px,#0000 1px),linear-gradient(#fff 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.emp-welcome-content{z-index:10;color:var(--white);max-width:750px;position:relative}.emp-welcome-badge{text-transform:uppercase;letter-spacing:1px;background-color:#fff3;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.emp-welcome-heading{color:var(--white);letter-spacing:-.03em;margin:0 0 .5rem;font-size:2.25rem;font-weight:800;line-height:1.15}.emp-welcome-tagline{color:#ffffffe6;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.emp-welcome-tagline strong{color:var(--white);text-shadow:0 1px 2px #ea580c33}.emp-welcome-meta-row{border-top:1.5px solid #fff3;flex-wrap:wrap;gap:1.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}.emp-welcome-meta-item{color:#ffffffe6;align-items:center;gap:.5rem;display:flex}.emp-welcome-meta-item svg{opacity:.85}.emp-welcome-meta-item strong{color:var(--white)}.emp-banner-circle{pointer-events:none;z-index:2;background-color:#ffffff14;border-radius:50%;position:absolute}.emp-b-circle-1{width:140px;height:140px;top:-40px;right:5%}.emp-b-circle-2{width:220px;height:220px;bottom:-90px;right:15%}.emp-dashboard-metrics-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.emp-metric-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;transition:var(--transition-normal);border:1px solid #fed7aa66;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.emp-metric-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.emp-metric-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.p-leaves-icon{background-color:var(--primary-orange-light);color:var(--primary-orange)}.pending-leaves-icon{color:#d97706;background-color:#fffbeb}.upcoming-holidays-icon{color:#059669;background-color:#ecfdf5}.emp-metric-details{flex-direction:column;display:flex}.emp-metric-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.2rem;font-size:.8rem;font-weight:600}.emp-metric-value{color:var(--text-dark);margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1}.emp-metric-desc{color:var(--text-gray);font-size:.72rem}.emp-dashboard-operational-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.emp-operational-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;padding:1.5rem 1.75rem}.emp-widget-header{border-bottom:2px solid var(--primary-orange-light);margin-bottom:1.25rem;padding-bottom:.6rem}.emp-widget-title{color:var(--text-dark);margin:0;font-size:1.15rem;font-weight:700}.emp-widget-empty{text-align:center;color:var(--text-gray);padding:2.5rem 1rem;font-size:.9rem;font-style:italic}.emp-holiday-simple-list{flex-direction:column;gap:.85rem;display:flex}.emp-holiday-simple-item{border-radius:var(--border-radius-md);transition:var(--transition-fast);background-color:#f9fafb;border:1px solid #fed7aa40;align-items:center;gap:1rem;padding:.75rem;display:flex}.emp-holiday-simple-item:hover{background-color:var(--primary-orange-light);border-color:var(--border-color);transform:translate(4px)}.emp-holiday-simple-date-block{background-color:var(--white);border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.emp-holiday-simple-day{color:var(--primary-orange);font-size:1.05rem;font-weight:800;line-height:1}.emp-holiday-simple-month{text-transform:uppercase;color:var(--text-gray);font-size:.62rem;font-weight:700}.emp-holiday-simple-meta{text-align:left;flex:1}.emp-holiday-simple-name{color:var(--text-dark);margin:0 0 .1rem;font-size:.92rem;font-weight:700}.emp-holiday-simple-type{color:var(--text-gray);margin:0;font-size:.72rem;font-weight:500}.emp-holiday-simple-country{font-size:1.25rem}.emp-leaves-simple-list{flex-direction:column;gap:.85rem;display:flex}.emp-leave-simple-item{border-radius:var(--border-radius-md);transition:var(--transition-fast);background-color:#f9fafb;border:1px solid #fed7aa40;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.emp-leave-simple-item:hover{background-color:var(--primary-orange-light);border-color:var(--border-color);transform:translate(4px)}.emp-leave-simple-info{text-align:left;flex-direction:column;flex:1;gap:.2rem;display:flex}.emp-leave-simple-type-row{align-items:center;gap:.5rem;display:flex}.emp-leave-simple-tag{border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.simple-tag-paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.simple-tag-unpaid{color:var(--primary-orange);border:1px solid var(--border-color);background-color:#fff7ed}.emp-leave-simple-duration{color:var(--text-dark);font-size:.78rem;font-weight:600}.emp-leave-simple-reason{color:var(--text-gray);text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:0;font-size:.78rem;overflow:hidden}.emp-leave-simple-status-badge{letter-spacing:.3px;border-radius:9999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.simple-badge-pending{color:#d97706;background-color:#fff7ed;border:1.5px solid #fde68a}.simple-badge-approved{color:#059669;background-color:#ecfdf5;border:1.5px solid #a7f3d0}.simple-badge-rejected{color:#dc2626;background-color:#fef2f2;border:1.5px solid #fca5a5}.emp-welcome-summary-grid{border-top:1px solid #ffffff40;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.welcome-summary-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-md);background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;box-shadow:0 4px 12px #0000000d}.summary-lbl{text-transform:uppercase;letter-spacing:.5px;color:#fffc;font-size:.8rem}.summary-val{color:var(--white);font-size:.9rem;font-weight:700}.emp-dashboard-overview-split{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:1.5rem;margin-bottom:2rem;display:grid}.emp-overview-card{height:100%}.emp-dashboard-metrics-subgrid{flex-direction:column;justify-content:space-between;gap:1.25rem;height:100%;display:flex}.emp-dashboard-metrics-subgrid .emp-metric-card{flex:1;margin-bottom:0}.emp-widget-header-title-box{align-items:center;gap:.75rem;display:flex}.profile-widget-icon{background-color:var(--primary-orange-light);color:var(--primary-orange)}.emp-profile-details-list{flex-direction:column;gap:.85rem;padding:.5rem 0;display:flex}.profile-detail-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.profile-detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-lbl{color:var(--text-gray);font-size:.88rem;font-weight:500}.detail-val{color:var(--text-dark);font-size:.92rem;font-weight:600}.detail-val.highlight-val{color:var(--primary-orange);background-color:var(--primary-orange-light);border-radius:9999px;padding:.25rem .75rem;font-size:.82rem;font-weight:700}@media (width<=992px){.emp-welcome-banner{padding:2rem}.emp-welcome-heading{font-size:1.75rem}.emp-welcome-summary-grid{gap:1rem}.welcome-summary-item{padding:.4rem .8rem}.emp-dashboard-metrics-grid{grid-template-columns:1fr;gap:1.25rem}.emp-dashboard-overview-split{grid-template-columns:1fr;gap:1.5rem}.emp-dashboard-metrics-subgrid{flex-direction:row}.emp-dashboard-metrics-subgrid .emp-metric-card{flex:1}.emp-dashboard-operational-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=600px){.emp-dashboard-metrics-subgrid{flex-direction:column}}.profile-card-container{border-radius:var(--border-radius-lg);background-color:var(--white);box-shadow:var(--shadow-card);transition:var(--transition-normal);margin-bottom:2rem;padding:0;position:relative;overflow:hidden}.profile-card-container:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.profile-card-cover{background:linear-gradient(135deg, var(--primary-orange) 0%, #ff8c3a 100%);width:100%;height:140px;position:relative;overflow:hidden}.profile-card-cover-overlay{background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.profile-card-cover-mesh{opacity:.1;background-image:linear-gradient(90deg,#fff 1px,#0000 1px),linear-gradient(#fff 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.profile-card-details{flex-direction:row;align-items:flex-end;gap:2rem;padding:1.5rem 2rem 2rem;display:flex;position:relative}.profile-avatar-wrapper{z-index:10;margin-top:-80px;position:relative}.profile-card-avatar{border:4px solid var(--white);object-fit:cover;background-color:var(--white);border-radius:50%;width:120px;height:120px;box-shadow:0 8px 20px #00000014}.status-badge-dot{border:3px solid var(--white);border-radius:50%;width:18px;height:18px;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 5px #0000001a}.status-badge-active{background-color:#22c55e}.status-badge-inactive{background-color:#ef4444}.profile-identity-info{text-align:left;flex-direction:column;flex:1;gap:.5rem;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.profile-display-name{color:var(--text-dark);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.profile-code-badge{background-color:var(--primary-orange-light);color:var(--primary-orange);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.profile-meta-row{color:var(--text-gray);flex-wrap:wrap;gap:1.25rem;font-size:.875rem;display:flex}.profile-meta-item{align-items:center;gap:.35rem;display:flex}.profile-meta-item svg{color:var(--primary-orange);opacity:.85}.profile-card-stats{border-left:1px solid var(--border-color);align-self:center;gap:1rem;padding-left:2rem;display:flex}.profile-stat-box{background-color:var(--primary-orange-light);border-radius:var(--border-radius-md);border:1px solid #f9731614;flex-direction:column;align-items:center;min-width:110px;padding:.75rem;display:flex}.profile-stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.7rem}.profile-stat-val{color:var(--primary-orange);font-size:.95rem;font-weight:700}@media (width<=992px){.profile-card-details{text-align:center;flex-direction:column;align-items:center;padding:1.5rem}.profile-avatar-wrapper{margin-top:-65px}.profile-identity-info{text-align:center;align-items:center}.profile-name-row,.profile-meta-row{justify-content:center}.profile-card-stats{border-left:none;justify-content:center;width:100%;margin-top:1rem;padding-left:0}}.profile-section-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;margin-bottom:1.5rem;padding:1.5rem 2rem}.profile-section-header{border-bottom:2px solid var(--primary-orange-light);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.profile-section-icon{color:var(--primary-orange);justify-content:center;align-items:center;display:flex}.profile-section-title{color:var(--text-dark);letter-spacing:-.2px;margin:0;font-size:1.15rem;font-weight:600}.profile-section-content{width:100%}.profile-fields-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.profile-field-box{transition:var(--transition-fast);flex-direction:column;gap:.25rem;display:flex}.profile-field-box:hover{transform:translate(4px)}.profile-field-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:500}.profile-field-value{color:var(--text-dark);word-break:break-word;font-size:.95rem;font-weight:600;line-height:1.4}.profile-sub-layout-box{flex-direction:column;gap:1rem;width:100%;display:flex}@media (width<=576px){.profile-section-card{padding:1.25rem 1.5rem}.profile-fields-grid{grid-template-columns:1fr;gap:1.25rem}}.leave-balance-layout{grid-template-columns:1.2fr 1.8fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.balance-hero-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.balance-circle-container{flex-shrink:0;width:100px;height:100px;position:relative}.balance-svg-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--primary-orange-light);stroke-width:8px}.circle-fill{fill:none;stroke:var(--primary-orange);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .6s ease-out}.balance-circle-text{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:absolute;top:0;left:0}.balance-number{color:var(--text-dark);font-size:1.75rem;font-weight:800}.balance-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;font-size:.6rem;font-weight:700}.balance-hero-meta{flex-direction:column;gap:.35rem;display:flex}.balance-hero-title{color:var(--text-dark);margin:0;font-size:1.2rem;font-weight:700}.balance-hero-desc{color:var(--text-gray);margin:0;font-size:.88rem;line-height:1.4}.balance-hero-desc strong{color:var(--primary-orange);font-weight:700}.balance-side-stats{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.stat-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;display:flex}.stat-card-header{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.stat-card-icon-container{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.paid-icon{color:#10b981;background-color:#ecfdf5}.unpaid-icon{color:var(--primary-orange);background-color:#fff7ed}.stat-card-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.stat-card-value-row{align-items:baseline;gap:.25rem;margin-bottom:.75rem;display:flex}.stat-card-val{color:var(--text-dark);font-size:2rem;font-weight:800;line-height:1}.stat-card-suffix{color:var(--text-gray);font-size:.8rem;font-weight:600}.stat-bar-container{background-color:#f3f4f6;border-radius:999px;width:100%;height:6px;margin-bottom:.6rem;overflow:hidden}.stat-bar-fill{border-radius:999px;height:100%;transition:width .6s ease-out}.paid-bar{background-color:#10b981}.unpaid-bar{background-color:var(--primary-orange)}.stat-card-desc{color:var(--text-gray);font-size:.72rem}@media (width<=992px){.leave-balance-layout{grid-template-columns:1fr}}@media (width<=576px){.balance-hero-card{text-align:center;flex-direction:column;align-items:center;padding:1.5rem}.balance-side-stats{grid-template-columns:1fr}}.leave-form-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa80;margin-bottom:2rem;padding:2rem}.leave-form-header{border-bottom:1.5px solid var(--primary-orange-light);text-align:left;margin-bottom:1.5rem;padding-bottom:1rem}.leave-form-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.leave-form-subtitle{color:var(--text-gray);margin:0;font-size:.88rem}.leave-form{flex-direction:column;gap:1.25rem;display:flex}.leave-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.leave-form-field{flex-direction:column;display:flex;position:relative}.leave-select-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;text-align:left;margin-bottom:.35rem;font-size:.72rem;font-weight:600}.leave-select-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:.8rem 1rem;font-size:.95rem;font-weight:500}.leave-select-box:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.leave-form-field-full{width:100%}.leave-textarea-container{width:100%;margin-top:.5rem;position:relative}.leave-form-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);resize:vertical;transition:var(--transition-fast);outline:none;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:500}.leave-form-textarea:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.textarea-has-error{border-color:#ef4444!important}.textarea-has-error:focus{box-shadow:0 0 0 3px #ef444426!important}.leave-textarea-label{background-color:var(--white);color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;padding:0 .35rem;font-size:.72rem;font-weight:600;position:absolute;top:-.45rem;left:.75rem}.leave-textarea-error-text{color:#ef4444;text-align:left;margin-top:.25rem;font-size:.75rem}.leave-form-footer{justify-content:flex-end;margin-top:.5rem;display:flex}.leave-submit-button{border-radius:var(--border-radius-md)!important;padding:.7rem 2rem!important;font-weight:700!important}@media (width<=576px){.leave-form-card{padding:1.25rem 1.5rem}.leave-submit-button{width:100%}}.leave-history-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;padding:1.5rem 2rem}.history-card-header{border-bottom:2px solid var(--primary-orange-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.history-card-title{color:var(--text-dark);margin:0;font-size:1.15rem;font-weight:600}.history-card-count{color:var(--primary-orange);background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:9999px;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.table-responsive-wrapper{width:100%;overflow-x:auto}.leave-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.leave-history-table th{background-color:var(--primary-orange-light);color:var(--primary-orange);border-bottom:1.5px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.leave-history-table td{color:var(--text-dark);vertical-align:middle;border-bottom:1px solid #fed7aa33;padding:1rem}.leave-history-table tr:last-child td{border-bottom:none}.leave-history-table tr:hover td{background-color:var(--primary-orange-light)}.col-category{font-weight:600}.category-tag{border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.type-paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.type-unpaid{color:var(--primary-orange);border:1px solid var(--border-color);background-color:#fff7ed}.col-duration{align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;display:flex}.duration-arrow{color:var(--primary-orange);font-weight:700}.duration-date{white-space:nowrap}.days-counter-badge{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:600}.reason-text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--text-gray);font-size:.88rem;display:block;overflow:hidden}.status-pill{letter-spacing:.3px;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill-dot{border-radius:50%;width:6px;height:6px}.badge-pending{color:#d97706;background-color:#fff7ed;border:1px solid #fde68a}.badge-pending .status-pill-dot{background-color:#d97706}.badge-approved .status-pill-dot{background-color:#059669}.badge-rejected .status-pill-dot{background-color:#dc2626}.col-submitted{color:var(--text-gray);white-space:nowrap;font-size:.85rem}.history-empty-state{color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.history-empty-state svg{color:var(--border-color)}.history-empty-state p{font-size:.92rem;font-weight:500}@media (width<=768px){.leave-history-card{padding:1.25rem 1.5rem}}.holiday-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-normal);text-align:left;border:1px solid #fed7aa66;flex-direction:column;justify-content:space-between;min-height:220px;padding:1.5rem;display:flex;position:relative}.holiday-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.holiday-upcoming{border-left:4px solid var(--primary-orange)}.holiday-past{border-left:4px solid var(--text-gray);opacity:.85}.holiday-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.holiday-date-badge{background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;justify-content:center;align-items:center;min-width:50px;padding:.35rem .6rem;display:flex}.holiday-upcoming .holiday-date-badge{background-color:var(--primary-orange-light);border-color:var(--border-color)}.holiday-past .holiday-date-badge{background-color:#f3f4f6;border-color:#e5e7eb}.holiday-date-day{color:var(--primary-orange);font-size:1.25rem;font-weight:800;line-height:1.1}.holiday-past .holiday-date-day{color:var(--text-gray)}.holiday-date-month{text-transform:uppercase;color:var(--text-gray);letter-spacing:.5px;font-size:.7rem;font-weight:700}.holiday-type-badges{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.holiday-country-badge{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.holiday-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.tag-upcoming{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.tag-past{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}.holiday-card-body{flex-direction:column;flex:1;gap:.25rem;margin-bottom:1rem;display:flex}.holiday-name{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.holiday-full-date{color:var(--text-gray);font-size:.85rem;font-weight:500}.holiday-type-label{color:var(--primary-orange);background-color:var(--primary-orange-light);border-radius:4px;align-self:flex-start;margin:.25rem 0;padding:.1rem .4rem;font-size:.72rem;font-weight:600}.holiday-past .holiday-type-label{color:var(--text-gray);background-color:#f3f4f6}.holiday-description{color:var(--text-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.4rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.holiday-card-actions{border-top:1px solid #fed7aa33;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.holiday-edit-btn,.holiday-delete-btn{flex:1;justify-content:center;align-items:center;display:flex;border-radius:var(--border-radius-sm)!important;border:1px solid var(--border-color)!important;background-color:var(--white)!important;color:var(--text-dark)!important;transition:var(--transition-fast)!important;padding:.4rem .75rem!important;font-size:.78rem!important}.holiday-edit-btn:hover{background-color:var(--primary-orange-light)!important;color:var(--primary-orange)!important;border-color:var(--primary-orange)!important}.holiday-delete-btn:hover{color:#ef4444!important;background-color:#fef2f2!important;border-color:#fca5a5!important}.holiday-list-container{width:100%}.holiday-list-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:40vh;display:flex}.holiday-list-loading .loading-text{color:var(--text-gray);font-size:.95rem;font-weight:600}.holiday-filters-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);border:1px solid #fed7aa66;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.holiday-search-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:#f9fafb;flex:1;align-items:center;min-width:280px;max-width:500px;padding:.25rem .75rem;display:flex}.search-icon{color:var(--primary-orange);align-items:center;margin-right:.5rem;display:flex}.holiday-search-input{width:100%;color:var(--text-dark);background:0 0;padding:.5rem .25rem;font-size:.9rem;font-weight:500}.holiday-search-input::placeholder{color:var(--text-gray);opacity:.8}.holiday-filter-selectors{gap:.75rem;display:flex}.filter-select-wrapper{position:relative}.filter-select-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-dark);background-color:var(--white);cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.85rem;outline:none;padding:.65rem 2rem .65rem 1rem;font-size:.85rem;font-weight:600}.filter-select-box:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.holiday-lists-grid-wrapper{flex-direction:column;gap:2.5rem;display:flex}.holiday-section-block{text-align:left}.holiday-section-title-line{color:var(--text-dark);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;display:flex}.holiday-section-count{background-color:var(--primary-orange-light);color:var(--primary-orange);border:1px solid var(--border-color);border-radius:9999px;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.past-count{color:var(--text-gray);background-color:#f3f4f6;border-color:#e5e7eb}.holiday-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.past-holidays-block{border-top:1px dashed var(--border-color);padding-top:2rem}.holiday-empty-state{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:center;border:1px solid #fed7aa66;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:2rem auto;padding:3rem 2rem;display:flex}.empty-state-icon{color:var(--primary-orange);opacity:.7;margin-bottom:1.25rem}.holiday-empty-state h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.2rem}.holiday-empty-state p{color:var(--text-gray);font-size:.92rem}@media (width<=768px){.holiday-filters-card{flex-direction:column;align-items:stretch;padding:1.25rem}.holiday-search-box{min-width:100%;max-width:100%}.holiday-filter-selectors{justify-content:space-between}.filter-select-wrapper{flex:1}.filter-select-box{width:100%}}.holiday-form-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa80;margin-bottom:2rem;padding:2rem}.holiday-form-header{border-bottom:1.5px solid var(--primary-orange-light);text-align:left;margin-bottom:1.5rem;padding-bottom:1rem}.holiday-form-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.holiday-form-subtitle{color:var(--text-gray);margin:0;font-size:.88rem}.holiday-form{flex-direction:column;gap:1.25rem;display:flex}.holiday-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.holiday-form-field{flex-direction:column;display:flex;position:relative}.form-select-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;text-align:left;margin-bottom:.35rem;font-size:.72rem;font-weight:600}.form-select{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:.8rem 1rem;font-size:.95rem;font-weight:500}.form-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.holiday-form-field-full{width:100%}.textarea-container{width:100%;margin-top:.5rem;position:relative}.form-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);resize:vertical;transition:var(--transition-fast);outline:none;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:500}.form-textarea:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.textarea-label{background-color:var(--white);color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;padding:0 .35rem;font-size:.72rem;font-weight:600;position:absolute;top:-.45rem;left:.75rem}.holiday-form-actions{border-top:1.5px solid #fed7aa33;justify-content:flex-end;gap:1rem;margin-top:.75rem;padding-top:1.25rem;display:flex}.holiday-form-cancel-btn{background-color:var(--white)!important;color:#4b5563!important;border-radius:var(--border-radius-md)!important;border:1px solid #d1d5db!important;padding:.7rem 1.5rem!important;font-weight:600!important}.holiday-form-cancel-btn:hover{color:#1f2937!important;background-color:#f3f4f6!important}.holiday-form-submit-btn{border-radius:var(--border-radius-md)!important;padding:.7rem 1.75rem!important;font-weight:700!important}@media (width<=576px){.holiday-form-card{padding:1.25rem 1.5rem}.holiday-form-actions{flex-direction:column-reverse;gap:.75rem}.holiday-form-cancel-btn,.holiday-form-submit-btn{width:100%}}.holiday-mgmt-container{padding:0 1rem}.holiday-mgmt-header{text-align:left;margin-bottom:2rem}.mgmt-header-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.holiday-mgmt-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.holiday-mgmt-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.mgmt-success-alert{color:#047857;border-radius:var(--border-radius-lg);text-align:left;background-color:#ecfdf5;border:1.5px solid #a7f3d0;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #04785708}.mgmt-success-icon{color:#059669}.mgmt-error-alert{color:#b91c1c;border-radius:var(--border-radius-lg);text-align:left;background-color:#fef2f2;border:1.5px solid #fca5a5;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;position:relative;box-shadow:0 10px 15px -3px #b91c1c08}.mgmt-error-icon{color:#ef4444}.mgmt-alert-close{color:#b91c1c;cursor:pointer;background:0 0;border:none;outline:none;font-size:1.25rem;font-weight:700;position:absolute;right:1.25rem}.holiday-mgmt-workspace{flex-direction:column;gap:2rem;width:100%;display:flex}.mgmt-section-header{border-bottom:2px solid var(--primary-orange-light);text-align:left;margin-bottom:1.5rem;padding-bottom:.5rem}.mgmt-section-title{color:var(--text-dark);margin:0;font-size:1.35rem;font-weight:700}.status-badge-capsule{letter-spacing:.3px;border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-capsule-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-pending{background-color:var(--primary-orange-light);color:#d97706;border:1px solid var(--border-color)}.badge-pending .status-capsule-dot{background-color:#d97706}.badge-approved .status-capsule-dot{background-color:#059669}.badge-rejected{color:#dc2626;background-color:#fef2f2;border:1px solid #fca5a5}.badge-rejected .status-capsule-dot{background-color:#dc2626}.leave-req-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-normal);text-align:left;border:1px solid #fed7aa66;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex}.leave-req-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.leave-req-card-header{border-bottom:1.5px solid var(--primary-orange-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.leave-req-employee-info{align-items:center;gap:.85rem;display:flex}.leave-req-avatar-badge{background:linear-gradient(135deg, var(--primary-orange) 0%, #ff8c3a 100%);width:42px;height:42px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 10px #f9731626}.leave-req-employee-meta{flex-direction:column;gap:.15rem;display:flex}.leave-req-emp-name{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.leave-req-manager-label{color:var(--text-gray);font-size:.78rem}.leave-req-manager-label strong{color:var(--text-dark)}.leave-req-header-badge-row{align-items:center;gap:.5rem;display:flex}.leave-req-type-tag{letter-spacing:.3px;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:800}.req-paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.req-unpaid{color:var(--primary-orange);border:1px solid var(--border-color);background-color:#fff7ed}.leave-req-card-body{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.leave-req-info-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.leave-req-info-item{flex-direction:column;gap:.25rem;display:flex}.info-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.info-value{color:var(--text-dark);font-size:.95rem;font-weight:600}.duration-flow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.duration-arrow,.absence-days{color:var(--primary-orange)}.leave-req-reason-block{flex-direction:column;gap:.35rem;display:flex}.leave-req-reason-text{color:var(--text-gray);border-radius:var(--border-radius-md);border-left:3px solid var(--primary-orange);background-color:#f9fafb;margin:0;padding:.75rem 1rem;font-size:.88rem;line-height:1.4}.leave-req-card-actions{border-top:1.5px solid #fed7aa33;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.leave-reject-button,.leave-approve-button{flex:1;justify-content:center;align-items:center;display:flex;border-radius:var(--border-radius-md)!important;padding:.65rem 1.25rem!important;font-size:.85rem!important;font-weight:700!important}.leave-reject-button{border:1.5px solid var(--primary-orange)!important;background-color:var(--white)!important;color:var(--primary-orange)!important;box-shadow:none!important}.leave-reject-button:hover{background-color:var(--primary-orange-light)!important}.leave-approve-button{background-color:var(--primary-orange)!important;color:var(--white)!important;box-shadow:var(--shadow-button)!important}.leave-approve-button:hover{background-color:var(--primary-orange-hover)!important;box-shadow:var(--shadow-button-hover)!important}@media (width<=576px){.leave-req-card{padding:1.25rem}.leave-req-info-grid{grid-template-columns:1fr;gap:1rem}.leave-req-card-actions{flex-direction:column-reverse;gap:.75rem}.leave-reject-button,.leave-approve-button{width:100%}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-sheet{opacity:1;animation:.2s ease-out forwards modalFadeIn}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}body.modal-open{overflow:hidden}.modal-overlay{z-index:9999;background-color:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards backdropFadeIn;display:flex;position:fixed;top:0;left:0}.modal-sheet{border-radius:var(--border-radius-lg);z-index:10;background-color:#fff;border:1px solid #fed7aa99;width:480px;max-width:90%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #00000026}.modal-sheet-header{border-bottom:1.5px solid var(--primary-orange-light);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative}.modal-action-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.approve-icon-accent{color:#10b981;background-color:#ecfdf5}.reject-icon-accent{color:#ef4444;background-color:#fef2f2}.modal-sheet-header-text{text-align:left;flex:1}.modal-title{color:var(--text-dark);margin:0 0 .15rem;font-size:1.2rem;font-weight:700}.modal-subtitle{color:var(--text-gray);margin:0;font-size:.85rem}.modal-sheet-close-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);padding:.25rem;font-size:1.5rem;font-weight:600;line-height:1}.modal-sheet-close-btn:hover{color:var(--primary-orange)}.modal-sheet-form{text-align:left;flex-direction:column;display:flex}.modal-sheet-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.modal-details-recap{border-radius:var(--border-radius-md);background-color:#f9fafb;border:1px solid #fed7aa40;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.recap-row{color:var(--text-gray);justify-content:space-between;font-size:.88rem;display:flex}.recap-row strong{color:var(--text-dark)}.modal-form-field{width:100%}.modal-textarea-wrapper{width:100%;position:relative}.modal-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);resize:vertical;transition:var(--transition-fast);outline:none;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:500}.modal-textarea:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.modal-textarea-label{background-color:var(--white);color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;padding:0 .35rem;font-size:.72rem;font-weight:600;position:absolute;top:-.45rem;left:.75rem}.modal-sheet-footer{background-color:#f9fafb;border-top:1.5px solid #fed7aa40;justify-content:flex-end;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.modal-cancel-btn{background-color:var(--white)!important;color:#4b5563!important;border-radius:var(--border-radius-md)!important;border:1px solid #d1d5db!important;padding:.6rem 1.25rem!important}.modal-cancel-btn:hover{background-color:#e5e7eb!important}.modal-confirm-btn{border-radius:var(--border-radius-md)!important;padding:.6rem 1.5rem!important;font-weight:700!important}.modal-confirm-approve{color:var(--white)!important;background-color:#10b981!important;box-shadow:0 4px 14px #10b9814d!important}.modal-confirm-approve:hover{background-color:#059669!important}.modal-confirm-reject{color:var(--white)!important;background-color:#ef4444!important;box-shadow:0 4px 14px #ef44444d!important}.modal-confirm-reject:hover{background-color:#dc2626!important}.manager-leave-container{padding:0 1rem}.manager-leave-header{text-align:left;margin-bottom:2rem}.manager-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.mgmt-breadcrumb-parent{color:var(--text-gray);transition:var(--transition-fast)}.mgmt-breadcrumb-parent:hover{color:var(--primary-orange)}.mgmt-breadcrumb-slash{color:var(--border-color)}.mgmt-breadcrumb-active-child{color:var(--primary-orange)}.manager-leave-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.manager-leave-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.manager-loading-viewport{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.manager-empty-workspace{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:center;border:1px solid #fed7aa66;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:3rem auto;padding:4rem 2rem;display:flex}.manager-empty-workspace h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem}.manager-empty-workspace p{color:var(--text-gray);font-size:.95rem;line-height:1.5}.manager-requests-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%;margin-bottom:2rem;display:grid}@media (width<=768px){.manager-requests-grid{grid-template-columns:1fr}}.admin-leave-container{padding:0 1rem}.admin-leave-header{text-align:left;margin-bottom:2rem}.admin-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.admin-breadcrumb-parent{color:var(--text-gray);transition:var(--transition-fast)}.admin-breadcrumb-parent:hover{color:var(--primary-orange)}.admin-breadcrumb-slash{color:var(--border-color)}.admin-breadcrumb-active-child{color:var(--primary-orange)}.admin-leave-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.admin-leave-desc{color:var(--text-gray);font-size:.95rem;line-height:1.5}.admin-loading-viewport{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-desc-text{color:var(--text-gray);font-size:.92rem;font-weight:600}.admin-empty-workspace{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:center;border:1px solid #fed7aa66;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:3rem auto;padding:4rem 2rem;display:flex}.empty-workspace-icon{color:var(--primary-orange);opacity:.75;margin-bottom:1.25rem}.admin-empty-workspace h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem}.admin-empty-workspace p{color:var(--text-gray);font-size:.95rem;line-height:1.5}.admin-requests-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%;margin-bottom:2rem;display:grid}.admin-monthly-workspace{flex-direction:column;gap:1.5rem;width:100%;margin-bottom:2rem;display:flex}.monthly-filter-header-bar{border-bottom:2px solid var(--primary-orange-light);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.monthly-workspace-title{color:var(--text-dark);margin:0;font-size:1.35rem;font-weight:700}.monthly-date-picker-box{align-items:center;gap:.75rem;display:flex}.monthly-picker-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.88rem;font-weight:700}.monthly-date-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-dark);background-color:var(--white);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft);outline:none;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700}.monthly-date-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}@media (width<=768px){.admin-requests-grid{grid-template-columns:1fr}.monthly-filter-header-bar{flex-direction:column;align-items:stretch}.monthly-date-picker-box{justify-content:space-between}.monthly-date-input{flex:1}}.summary-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin-bottom:2.5rem;display:grid}.summary-metric-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;transition:var(--transition-normal);border:1px solid #fed7aa66;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.summary-metric-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.summary-metric-details{flex-direction:column;display:flex}.summary-metric-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.summary-metric-value{color:var(--text-dark);margin-bottom:.35rem;font-size:2.25rem;font-weight:800;line-height:1}.summary-metric-desc{color:var(--text-gray);font-size:.72rem}.summary-metric-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.card-total .summary-metric-icon-box{background-color:var(--primary-orange-light);color:var(--primary-orange)}.card-approved .summary-metric-icon-box{color:#10b981;background-color:#ecfdf5}.card-rejected .summary-metric-icon-box{color:#ef4444;background-color:#fef2f2}.card-pending .summary-metric-icon-box{color:#d97706;background-color:#fff7ed}@media (width<=992px){.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=576px){.summary-cards-grid{grid-template-columns:1fr;gap:1rem}}.monthly-report-table-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #fed7aa66;padding:1.5rem 2rem}.monthly-report-header{border-bottom:2px solid var(--primary-orange-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.monthly-report-title{color:var(--text-dark);margin:0;font-size:1.15rem;font-weight:600}.monthly-report-desc-tag{color:var(--primary-orange);background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.report-table-responsive{width:100%;overflow-x:auto}.report-main-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.report-main-table th{background-color:var(--primary-orange-light);color:var(--primary-orange);border-bottom:1.5px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.report-main-table td{color:var(--text-dark);vertical-align:middle;border-bottom:1px solid #fed7aa40;padding:1rem}.cell-center{text-align:center}.report-row-clickable{cursor:pointer;transition:var(--transition-fast)}.report-row-clickable:hover{background-color:var(--primary-orange-light)}.row-expanded-active{background-color:var(--primary-orange-light)!important}.report-manager-name{font-weight:700}.stat-approved{color:#059669;font-weight:600}.stat-rejected{color:#dc2626;font-weight:600}.stat-pending{color:#d97706;font-weight:600}.cell-toggle-arrow{text-align:center;padding:1rem .25rem!important}.toggle-icon{color:var(--primary-orange);justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.icon-rotated{transform:rotate(90deg)}.report-details-cell-container{background-color:#fafbfc;border-bottom:1px solid #fed7aa59!important;padding:0!important}.report-sub-details-wrapper{border-left:4px solid var(--primary-orange);padding:1.5rem 2rem 2rem}.report-sub-details-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dark);margin:0 0 1rem;font-size:.88rem;font-weight:700}.report-sub-table{border-collapse:collapse;border-radius:var(--border-radius-md);background-color:var(--white);border:1px solid #e5e7eb;width:100%;font-size:.85rem;overflow:hidden;box-shadow:0 4px 6px -1px #00000003}.report-sub-table th{border-bottom:1px solid #e5e7eb;padding:.65rem 1rem;font-weight:700;color:#4b5563!important;background-color:#f3f4f6!important}.report-sub-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.report-sub-table tr:last-child td{border-bottom:none}.sub-emp-name{font-weight:600}.sub-duration-dates{color:var(--text-gray);font-size:.82rem}.sub-leave-tag{border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.sub-tag-paid{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.sub-tag-unpaid{color:var(--primary-orange);border:1px solid var(--border-color);background-color:#fff7ed}.no-sub-employees-text{color:var(--text-gray);margin:0;font-size:.85rem;font-style:italic}.report-empty-state{color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.report-empty-state svg{color:var(--border-color)}.report-empty-state p{font-size:.92rem;font-weight:500}@media (width<=768px){.monthly-report-table-card{padding:1.25rem}.report-sub-details-wrapper{padding:1rem}}.sidebar-container{background-color:var(--white);width:260px;height:100vh;box-shadow:var(--shadow-sidebar);z-index:100;border-right:1px solid #fed7aa66;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-collapsed{width:76px}.sidebar-brand{border-bottom:1px solid #fed7aa4d;align-items:center;gap:.75rem;height:70px;padding:0 1.5rem;display:flex}.sidebar-brand-icon{border-radius:var(--border-radius-sm);background-color:var(--primary-orange-light);width:38px;height:38px;color:var(--primary-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-title{color:var(--text-dark);letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;padding:1.5rem .75rem;display:flex;overflow-y:auto}.sidebar-item{color:var(--text-gray);border-radius:var(--border-radius-md);transition:var(--transition-normal);cursor:pointer;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:550;display:flex;position:relative}.sidebar-item-icon{width:20px;height:20px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-item-title{white-space:nowrap}.sidebar-item:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.05)}.sidebar-item-active{background-color:var(--primary-orange);box-shadow:var(--shadow-button);color:var(--white)!important}.sidebar-item-active:hover{background-color:var(--primary-orange-hover);color:var(--white)!important}.sidebar-tooltip{background-color:var(--text-dark);color:var(--white);border-radius:var(--border-radius-sm);pointer-events:none;opacity:0;transition:var(--transition-fast);white-space:nowrap;padding:.4rem .75rem;font-size:.82rem;font-weight:500;position:absolute;left:90px;transform:translate(-10px);box-shadow:0 4px 12px #0000001a}.sidebar-item-collapsed:hover .sidebar-tooltip{opacity:1;transform:translate(0)}.sidebar-item-collapsed{justify-content:center;padding:.85rem 0}.sidebar-footer{border-top:1px solid #fed7aa4d;padding:1rem .75rem}.sidebar-collapse-button{width:100%;color:var(--text-gray);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:550;display:flex}.sidebar-collapse-button:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.sidebar-toggle-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-collapsed .sidebar-collapse-button{justify-content:center;padding:.85rem 0}.sidebar-collapse-text{white-space:nowrap}.topbar-container{background-color:var(--white);height:70px;box-shadow:var(--shadow-topbar);z-index:99;border-bottom:1px solid #fed7aa66;justify-content:space-between;align-items:center;padding:0 2rem;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:260px;right:0}.topbar-left{align-items:center;gap:1rem;display:flex}.mobile-hamburger-btn{color:var(--text-dark);cursor:pointer;display:none}.topbar-breadcrumbs{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.breadcrumb-current{color:var(--text-gray);font-weight:500}.breadcrumb-divider{color:var(--border-color)}.breadcrumb-active{color:var(--primary-orange);font-weight:600}.topbar-right{align-items:center;gap:1.5rem;display:flex}.topbar-date-display{color:var(--text-gray);background-color:var(--primary-orange-light);border-radius:var(--border-radius-sm);border:1px solid #fed7aa66;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.88rem;font-weight:600;display:flex}.topbar-user-section{position:relative}.user-profile-trigger{cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition-fast);align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.user-profile-trigger:hover{background-color:var(--primary-orange-light)}.topbar-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:36px;height:36px}.topbar-user-meta{flex-direction:column;align-items:flex-start;font-size:.82rem;line-height:1.2;display:flex}.topbar-user-name{color:var(--text-dark);font-weight:700}.topbar-user-role{color:var(--text-gray);font-size:.75rem}.topbar-chevron{color:var(--text-gray);align-items:center;transition:transform .2s;display:flex}.chevron-rotated{color:var(--primary-orange);transform:rotate(180deg)}.user-dropdown-menu{background-color:var(--white);border-radius:var(--border-radius-md);width:220px;box-shadow:var(--shadow-card-hover);z-index:1000;transform-origin:100% 0;border:1px solid #fed7aa66;flex-direction:column;padding:.75rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdown-scale;display:flex;position:absolute;top:50px;right:0}.dropdown-user-header{padding:.5rem .75rem}.dropdown-name{color:var(--text-dark);font-size:.9rem;font-weight:700}.dropdown-email{color:var(--text-gray);font-size:.78rem}.dropdown-divider{background-color:#fed7aa4d;height:1px;margin:.5rem 0}.dropdown-logout-btn{color:#ef4444;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-fast);align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.88rem;font-weight:600;display:flex}.dropdown-logout-btn:hover{background-color:#fef2f2}@keyframes dropdown-scale{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.topbar-container{padding:0 1.25rem;left:0!important}.mobile-hamburger-btn{display:block}}@media (width<=480px){.topbar-date-display,.topbar-user-meta{display:none}}.layout-root{background-color:var(--background);min-height:100vh;display:flex}.layout-desktop-sidebar{display:block}.layout-mobile-sidebar{z-index:1000;visibility:hidden;pointer-events:none;width:100vw;height:100vh;transition:visibility .3s;position:fixed;top:0;left:0}.mobile-sidebar-active{visibility:visible;pointer-events:auto}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background-color:#1f293766;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.mobile-sidebar-active .mobile-sidebar-backdrop{opacity:1}.mobile-sidebar-content{width:260px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.mobile-sidebar-active .mobile-sidebar-content{transform:translate(0)}.layout-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.layout-main-collapsed{margin-left:76px}.layout-content-view{flex:1;margin-top:70px;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;overflow-y:auto}.soon-toast-notification{background-color:var(--white);border:1px solid var(--border-color);border-left:4px solid var(--primary-orange);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card-hover);z-index:2000;align-items:center;gap:.85rem;min-width:320px;max-width:420px;padding:1rem 1.25rem;display:flex;position:fixed;bottom:2rem;right:2rem}.soon-toast-icon{color:var(--primary-orange);justify-content:center;align-items:center;display:flex}.soon-toast-meta{flex-direction:column;flex:1;display:flex}.soon-toast-title{color:var(--text-dark);font-size:.92rem;font-weight:700}.soon-toast-desc{color:var(--text-gray);font-size:.8rem}.soon-toast-close{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);align-items:center;display:flex}.soon-toast-close:hover{color:var(--primary-orange)}@media (width<=900px){.layout-desktop-sidebar{display:none}.layout-main-wrapper{margin-left:0!important}.layout-content-view{padding:1.25rem}.soon-toast-notification{min-width:0;bottom:1rem;left:1rem;right:1rem}}.salary-template-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);transition:var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;min-height:240px;display:flex;padding:1.5rem!important}.salary-template-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.t-card-header{margin-bottom:.75rem}.t-card-name{color:var(--text-dark);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.t-card-meta-row{gap:.5rem;display:flex}.t-meta-pill{border-radius:var(--border-radius-sm);text-transform:uppercase;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.country-pill{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);border:1px solid var(--border-color)}.shift-pill{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.t-card-counts{color:var(--text-gray);border-bottom:1px solid var(--primary-orange-light);gap:1rem;margin-bottom:.85rem;padding-bottom:.5rem;font-size:.78rem;display:flex}.count-lbl strong{color:var(--text-dark)}.t-card-preview-scroller{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.scroll-lane{flex-direction:column;gap:.25rem;display:flex}.lane-lbl{color:var(--text-gray);text-transform:uppercase;font-size:.7rem;font-weight:700}.pills-container{flex-wrap:wrap;gap:.35rem;max-height:52px;display:flex;overflow-y:auto}.comp-preview-pill{border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.pill-earning{color:#059669;background-color:#ecfdf5;border:1px solid #d1fae5}.pill-deduction{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.t-card-actions{border-top:1px solid var(--primary-orange-light);gap:.5rem;padding-top:.85rem;display:flex}.delete-template-btn{color:#ef4444!important;background-color:#fef2f2!important;border-color:#fee2e2!important}.delete-template-btn:hover{color:var(--white)!important;background-color:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef444440!important}.template-form-layout{grid-template-columns:1fr 350px;align-items:start;gap:1.5rem;display:grid}.template-main-form{min-width:0}.form-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:left;padding:2rem!important}.form-card-header-row{margin-bottom:1.75rem}.form-card-title{color:var(--text-dark);margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.form-card-subtitle{color:var(--text-gray);margin:0;font-size:.88rem;line-height:1.4}.form-grid{flex-direction:column;gap:1.25rem;display:flex}.form-field-group{flex-direction:column;gap:.5rem;display:flex}.form-label-bold{color:var(--text-dark);font-size:.9rem;font-weight:600}.template-text-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;padding:.75rem 1rem;font-size:.95rem}.template-text-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.form-row-split{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.template-select-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem}.template-select-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.form-divider{background-color:var(--primary-orange-light);border:0;height:1px;margin:2rem 0}.components-builder-section{flex-direction:column;display:flex}.section-head-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.section-head-title{color:var(--text-dark);margin:0;font-size:1.15rem;font-weight:700}.section-head-desc{color:var(--text-gray);margin:0 0 1.25rem;font-size:.82rem}.add-component-row-btn{color:var(--primary-orange);background-color:var(--primary-orange-light);border:1px dashed var(--primary-orange);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.add-component-row-btn:hover{background-color:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);transform:translateY(-1px)}.components-rows-list{flex-direction:column;gap:.75rem;min-height:50px;display:flex}.component-config-row{align-items:center;gap:.5rem;animation:.2s ease-out fadeInRow;display:flex}@keyframes fadeInRow{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.row-field-wrapper{align-items:center;display:flex;position:relative}.flex-3{flex:3}.flex-2{flex:2}.row-text-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;padding:.65rem .75rem;font-size:.88rem}.row-text-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.row-select-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;padding:.65rem 1.75rem .65rem .75rem;font-size:.88rem}.row-select-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.value-input-wrapper{position:relative}.currency-prefix-inline{color:var(--text-gray);pointer-events:none;font-size:.85rem;font-weight:500;position:absolute;left:.5rem}.pad-left-curr{padding-left:1.25rem}.percentage-suffix-inline{color:var(--text-gray);pointer-events:none;font-size:.85rem;font-weight:600;position:absolute;right:.75rem}.row-delete-btn{color:#ef4444;border-radius:var(--border-radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background-color:#fef2f2;border:1px solid #fee2e2;flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-delete-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.components-empty-alert{text-align:center;color:var(--text-gray);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--primary-orange-light);padding:1.5rem;font-size:.85rem;font-style:italic}.template-preview-panel{position:sticky;top:1.5rem}.preview-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:left;padding:1.5rem!important}.preview-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.preview-desc{color:var(--text-gray);margin:0 0 1.25rem;font-size:.8rem;line-height:1.35}.preview-input-group{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.preview-input-label{color:var(--text-gray);font-size:.78rem;font-weight:700}.preview-ctc-wrapper{align-items:center;display:flex;position:relative}.preview-ctc-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;padding:.65rem .75rem .65rem 1.75rem;font-size:.95rem;font-weight:700}.preview-ctc-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.visual-progress-meter{margin-bottom:1.25rem}.progress-labels{color:var(--text-gray);justify-content:space-between;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:flex}.dual-progress-bar{background-color:#f3f4f6;border-radius:3px;height:6px;display:flex;overflow:hidden}.progress-segment{height:100%}.earnings-bar{background-color:#10b981}.deductions-bar{background-color:#ef4444}.preview-breakdown-box{flex-direction:column;max-height:280px;margin-bottom:1.5rem;padding-right:.25rem;display:flex;overflow-y:auto}.preview-section-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;border-left:2px solid var(--primary-orange);margin-bottom:.5rem;padding-left:.35rem;font-size:.78rem;font-weight:800}.spacer-top{margin-top:1rem}.preview-row-item{border-bottom:1px solid #fffaf7;justify-content:space-between;padding:.35rem 0;font-size:.82rem;display:flex}.p-item-name{color:var(--text-dark);font-weight:500}.p-item-val{align-items:center;gap:.25rem;font-weight:700;display:flex}.item-sub-ratio{color:var(--text-gray);font-size:.65rem;font-weight:500}.preview-breakdown-divider{background-color:var(--border-color);border:0;height:1px;margin:.75rem 0}.highlight-net-take-home{background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;display:flex;padding:.75rem!important}.net-take-home-meta{flex-direction:column;display:flex}.net-take-home-lbl{color:var(--primary-orange-hover);font-size:.8rem;font-weight:700}.net-take-home-sub{color:var(--text-gray);font-size:.65rem}.net-take-home-val{color:var(--primary-orange);font-size:1.15rem;font-weight:800}.preview-actions-panel{flex-direction:column;gap:.5rem;display:flex}.save-template-trigger-btn{width:100%;padding:.75rem!important;font-weight:700!important}.cancel-template-btn{width:100%;padding:.75rem!important;font-weight:600!important}@media (width<=1024px){.template-form-layout{grid-template-columns:1fr}.template-preview-panel{position:static}}@media (width<=680px){.form-row-split{grid-template-columns:1fr}.component-config-row{border-bottom:1px dashed var(--border-color);flex-wrap:wrap;margin-bottom:.25rem;padding-bottom:.75rem}.flex-3{flex:100%}.flex-2{flex:calc(50% - .5rem)}.row-delete-btn{width:100%;margin-top:.25rem}}.admin-page-container{max-width:1240px;margin:0 auto;padding:2.75rem 2rem}.admin-page-header{border-bottom:2px solid #f2ece6;margin-bottom:2.5rem;padding-bottom:1.75rem}.page-header-breadcrumbs{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;align-items:center;gap:.45rem;margin-bottom:.85rem;font-size:.74rem;font-weight:600;display:flex}.breadcrumb-parent{color:#9ca3af}.breadcrumb-slash{color:#d1d5db}.breadcrumb-active-child{color:#f97316}.admin-page-title{color:#1a1612;letter-spacing:-.03em;margin:0 0 .55rem;font-family:Georgia,Times New Roman,serif;font-size:1.95rem;font-weight:800;line-height:1.15}.admin-page-desc{color:#6b7280;max-width:640px;margin:0;font-size:.9rem;line-height:1.65}.payroll-alert-success,.payroll-alert-error{border-radius:10px;align-items:center;margin-bottom:1.5rem;padding:.9rem 1.15rem;font-size:.85rem;font-weight:600;display:flex}.payroll-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.payroll-alert-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.templates-cards-workspace{margin-top:1.75rem}.workspace-header-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:0 .25rem 1.25rem;display:flex}.section-subtitle{text-transform:uppercase;letter-spacing:.08em;color:#8a8a93;margin:0;font-size:.82rem;font-weight:700}.templates-cards-grid{flex-direction:column;gap:1rem;margin-bottom:0;display:flex}@media (width<=680px){.workspace-header-row{flex-direction:column;align-items:flex-start;gap:.85rem}.create-template-btn{justify-content:center;width:100%}.admin-page-container{padding:2rem 1.25rem}}.templates-cards-grid .sal-row:first-child{animation-delay:40ms}.templates-cards-grid .sal-row:nth-child(2){animation-delay:90ms}.templates-cards-grid .sal-row:nth-child(3){animation-delay:.14s}.templates-cards-grid .sal-row:nth-child(4){animation-delay:.19s}.templates-cards-grid .sal-row:nth-child(5){animation-delay:.24s}.templates-cards-grid .sal-row:nth-child(n+6){animation-delay:.28s}.templates-loading-viewport,.templates-empty-viewport{background:#fff;border:1px solid #f0ece8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:4.5rem 2rem;display:flex}.loading-desc-text{color:#9ca3af;margin:0;font-size:.82rem}.empty-templates-icon{color:#d1d5db;margin-bottom:.35rem}.empty-templates-title{color:#374151;margin:0;font-family:Georgia,serif;font-size:1.1rem;font-weight:700}.empty-templates-desc{color:#9ca3af;text-align:center;max-width:400px;margin:0;font-size:.82rem;line-height:1.65}.assign-form-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:left;max-width:650px;margin:0 auto 2.5rem;padding:2.5rem!important}.assign-form-title{color:var(--text-dark);margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.assign-form-desc{color:var(--text-gray);margin:0 0 1.75rem;font-size:.88rem;line-height:1.4}.assign-core-form{flex-direction:column;gap:1.5rem;display:flex}.assign-form-grid{flex-direction:column;gap:1.25rem;display:flex}.assign-field-group{flex-direction:column;gap:.5rem;display:flex}.assign-label-bold{color:var(--text-dark);font-size:.9rem;font-weight:600}.label-required{color:var(--primary-orange)}.select-dropdown-wrapper{position:relative}.assign-select-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding:.75rem 2.5rem .75rem 1.25rem;font-size:.95rem}.assign-select-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.input-currency-wrapper{align-items:center;display:flex;position:relative}.currency-prefix{color:var(--text-gray);pointer-events:none;font-size:1rem;font-weight:500;position:absolute;left:1.25rem}.assign-number-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;padding:.75rem 1.25rem .75rem 2.25rem;font-size:.95rem}.assign-number-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.assign-hint{color:var(--text-gray);margin-top:.15rem;font-size:.8rem;font-weight:500}.assign-actions-row{border-top:1px solid var(--primary-orange-light);margin-top:.5rem;padding-top:1.25rem}.assign-submit-btn{width:100%;padding:.8rem!important;font-weight:700!important}.assign-loading-viewport{color:var(--primary-orange);justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;font-size:.9rem;font-weight:600;display:flex}.spin-indicator{animation:1s linear infinite spin}.assign-alert-success{color:#047857;border-radius:var(--border-radius-sm);background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.assign-alert-error{color:#b91c1c;border-radius:var(--border-radius-sm);background-color:#fef2f2;border:1px solid #fca5a5;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.assign-page{padding-bottom:3rem}.assign-page .admin-page-content{margin-top:2rem}.assigned-emp-section{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:.85rem}.assigned-emp-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.no-emp-text{color:var(--text-gray);margin:0;padding:.25rem 0;font-size:.78rem;font-style:italic}.assigned-emp-list{flex-direction:column;gap:.5rem;max-height:180px;padding-right:.25rem;display:flex;overflow-y:auto}.assigned-emp-row{background-color:var(--primary-orange-light);border-radius:var(--border-radius-sm);transition:var(--transition-fast);border:1px solid #fed7aa66;justify-content:space-between;align-items:center;padding:.45rem .6rem;display:flex}.assigned-emp-row:hover{border-color:var(--border-color);box-shadow:0 2px 6px #f973160a}.assigned-emp-info{text-align:left;flex-direction:column;gap:.1rem;display:flex}.emp-name{color:var(--text-dark);font-size:.82rem;font-weight:700}.emp-ctc{color:var(--primary-orange-hover);font-size:.75rem;font-weight:600}.assigned-emp-actions{gap:.35rem;display:flex}.emp-action-btn{cursor:pointer;transition:var(--transition-fast);text-transform:capitalize;border-radius:4px;padding:.25rem .5rem;font-size:.72rem;font-weight:700}.reassign-btn{background-color:var(--white);color:var(--primary-orange);border:1px solid var(--border-color)}.reassign-btn:hover{background-color:var(--primary-orange);color:var(--white);border-color:var(--primary-orange)}.remove-btn{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.remove-btn:hover{color:var(--white);background-color:#ef4444;border-color:#ef4444}.sal-row{background:#fff;border:1px solid #efe9e3;border-radius:14px;transition:box-shadow .25s,border-color .25s,transform .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #18120c0a,0 4px 12px #18120c08}.sal-row:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 6px 22px #ea580c1f,0 2px 6px #18120c0d}.sal-row__main{align-items:center;gap:0;min-height:92px;padding:1.15rem 1.5rem 1.15rem 0;display:flex}.sal-row__accent-bar{opacity:.65;background:linear-gradient(#fdba74 0%,#f97316 55%,#ea580c 100%);border-radius:0 3px 3px 0;flex-shrink:0;align-self:stretch;width:5px;margin-right:1.5rem;transition:opacity .25s,width .2s}.sal-row:hover .sal-row__accent-bar{opacity:1;width:6px}.sal-row__identity{flex-direction:column;flex-shrink:0;gap:.55rem;min-width:210px;max-width:250px;display:flex}.sal-row__name{color:#1a1612;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.015em;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;font-weight:700;line-height:1.25;overflow:hidden}.sal-row__pills{flex-wrap:wrap;gap:.4rem;display:flex}.a-meta-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:.2rem .55rem;font-size:.66rem;font-weight:700}.country-pill{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.shift-pill{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7}.sal-row__vdivider{background:linear-gradient(#0000,#e7e2dc 25% 75%,#0000);flex-shrink:0;width:1px;height:58px;margin:0 1.75rem}.sal-row__components{flex:1;align-items:flex-start;gap:0;min-width:0;display:flex}.sal-row__comp-sep{background:linear-gradient(#0000,#f0ece8 25% 75%,#0000);flex-shrink:0;align-self:stretch;width:1px;margin:2px 1.75rem}.sal-row__comp-block{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.sal-row__comp-header{align-items:center;gap:.45rem;display:flex}.sal-row__comp-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sal-row__comp-dot.earn{background:#10b981;box-shadow:0 0 0 3px #10b98121}.sal-row__comp-dot.ded{background:#f43f5e;box-shadow:0 0 0 3px #f43f5e21}.sal-row__comp-label{text-transform:uppercase;letter-spacing:.07em;color:#8a8a93;flex:1;font-size:.7rem;font-weight:700}.sal-row__comp-count{font-variant-numeric:tabular-nums;border-radius:6px;padding:.12rem .5rem;font-size:.82rem;font-weight:800}.sal-row__comp-count.earn{color:#059669;background:#ecfdf5}.sal-row__comp-count.ded{color:#f43f5e;background:#fff1f2}.sal-row__comp-pills{flex-wrap:wrap;gap:.4rem;max-height:64px;display:flex;overflow:hidden}.comp-preview-pill{white-space:nowrap;border-radius:6px;padding:.22rem .55rem;font-size:.72rem;font-weight:600;line-height:1.5}.comp-preview-pill em{opacity:.85;font-style:normal;font-weight:700}.pill-earning{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pill-deduction{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.pill-more{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7}.sal-row__actions{flex-shrink:0;align-items:center;gap:.6rem;margin-left:1.5rem;display:flex}.sal-row__expand-btn{color:#6b7280;cursor:pointer;letter-spacing:.01em;background:#fafafa;border:1px solid #e7e2dc;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.sal-row__expand-btn:hover,.sal-row__expand-btn.active{color:#c2410c;background:#fff7ed;border-color:#fb923c}.sal-row__emp-count{text-align:center;min-width:16px;font-size:.82rem;font-weight:800}.sal-row__expand-btn .chevron{opacity:.55;transition:transform .25s}.sal-row__expand-btn .chevron.open{opacity:1;transform:rotate(180deg)}.a-card-assign-btn{white-space:nowrap;letter-spacing:.01em;border-radius:8px!important;align-items:center!important;padding:.5rem 1.1rem!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important}.sal-row__employee-panel{background:#fdfaf7;border-top:1px solid #f2ece6;padding:1.25rem 1.75rem 1.5rem 2rem;animation:.2s slideDown}.sal-row__empty-emp{color:#9ca3af;text-align:center;margin:0;padding:.9rem 0;font-size:.82rem;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.28s both fadeIn}@media (width<=860px){.sal-row__main{flex-wrap:wrap;row-gap:1rem;padding:1.15rem 1.25rem 1.15rem 0}.sal-row__vdivider{display:none}.sal-row__identity{flex:100%;max-width:none}.sal-row__components{flex:100%}.sal-row__actions{flex:100%;justify-content:flex-end;margin-left:0}}.modal-portal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#1f293773;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-portal-container{background-color:var(--white);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-card-hover);flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden}.modal-portal-header{border-bottom:1px solid var(--border-color);background-color:#fffaf7;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.modal-portal-title{color:var(--text-dark);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.modal-portal-close-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.modal-portal-close-btn:hover{color:var(--primary-orange)}.modal-portal-form{flex-direction:column;display:flex}.modal-portal-body{text-align:left;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.modal-portal-subtitle{color:var(--text-gray);margin:0 0 .25rem;font-size:.82rem;line-height:1.4}.modal-portal-field{flex-direction:column;gap:.4rem;display:flex}.modal-portal-label{color:var(--text-dark);font-size:.82rem;font-weight:700}.portal-select-wrapper{width:100%;position:relative}.portal-select-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ea580c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding:.65rem 2.25rem .65rem .85rem;font-size:.88rem}.portal-select-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.portal-currency-wrapper{align-items:center;width:100%;display:flex;position:relative}.portal-currency-prefix{color:var(--text-gray);pointer-events:none;font-size:.95rem;font-weight:600;position:absolute;left:.85rem}.portal-number-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);padding:.65rem .85rem .65rem 1.85rem;font-size:.88rem}.portal-number-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.portal-hint-text{color:var(--text-gray);font-size:.75rem;font-weight:500}.modal-read-only-emp{border-radius:var(--border-radius-sm);background-color:#f3f4f6;border:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.emp-static-name{color:var(--text-dark);font-size:.88rem;font-weight:700}.emp-static-badge{color:#4b5563;text-transform:uppercase;background-color:#e5e7eb;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.modal-portal-footer{border-top:1px solid var(--border-color);background-color:#fffaf7;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.modal-cancel-btn{padding:.6rem 1.25rem!important;font-size:.85rem!important;font-weight:600!important}.modal-confirm-btn{padding:.6rem 1.25rem!important;font-size:.85rem!important;font-weight:700!important}.modal-alert-error{color:#b91c1c;border-radius:var(--border-radius-sm);background-color:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:600;display:flex}.payroll-run-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);transition:var(--transition-normal);padding:1.5rem!important}.payroll-run-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-header-split{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.month-meta{align-items:center;gap:.5rem;display:flex}.month-icon{background-color:var(--primary-orange-light);width:36px;height:36px;color:var(--primary-orange);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;display:flex}.month-title{color:var(--text-dark);margin:0;font-size:1.15rem;font-weight:600}.status-badge{border-radius:var(--border-radius-xl);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.badge-draft{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.badge-approved{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe}.badge-released{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.run-metrics-grid{border-top:1px solid var(--primary-orange-light);border-bottom:1px solid var(--primary-orange-light);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:.75rem 0;display:grid}.metric-box{flex-direction:column;display:flex}.metric-label{color:var(--text-gray);margin-bottom:.25rem;font-size:.75rem}.metric-value{color:var(--text-dark);font-size:1.1rem;font-weight:700}.metric-value-currency{color:var(--primary-orange);font-size:1.1rem;font-weight:700}.run-card-actions{gap:.75rem;display:flex}.flex-grow-btn{flex:1;padding:.65rem .5rem!important;font-size:.85rem!important}.btn-success{color:var(--white)!important;background-color:#10b981!important;border-color:#10b981!important}.btn-success:hover{background-color:#059669!important;box-shadow:0 4px 14px #10b98159!important}.btn-success:disabled{background-color:#a7f3d0!important;border-color:#a7f3d0!important}.payroll-run-generator-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);margin-bottom:2.5rem;padding:2rem!important}.generator-content{justify-content:space-between;align-items:center;gap:2rem;display:flex}.generator-meta{text-align:left;flex:1}.generator-title{color:var(--text-dark);margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.generator-desc{color:var(--text-gray);margin:0;font-size:.85rem;line-height:1.4}.generator-form{flex-shrink:0;align-items:center;gap:1rem;display:flex}.generator-select-wrapper{width:200px;position:relative}.generator-month-select{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;font-weight:600}.generator-month-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.generate-submit-btn{white-space:nowrap;align-items:center;display:inline-flex;font-weight:600!important}.payroll-alert-success{color:#047857;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-soft);text-align:left;background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;margin-bottom:1.5rem;padding:.8rem 1.25rem;font-size:.88rem;display:flex}.payroll-alert-error{color:#b91c1c;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-soft);text-align:left;background-color:#fef2f2;border:1px solid #fca5a5;align-items:center;margin-bottom:1.5rem;padding:.8rem 1.25rem;font-size:.88rem;display:flex}.runs-list-section{flex-direction:column;display:flex}.section-header-title{color:var(--text-dark);text-align:left;border-bottom:2px solid var(--primary-orange-light);margin:0 0 1.25rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.runs-loading-viewport{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.loading-desc-text{color:var(--text-gray);margin-top:.75rem;font-size:.88rem}.runs-empty-viewport{background-color:var(--white);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.empty-runs-icon{background-color:var(--primary-orange-light);width:60px;height:60px;color:var(--primary-orange);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.empty-runs-title{color:var(--text-dark);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.empty-runs-desc{color:var(--text-gray);max-width:500px;margin:0;font-size:.88rem;line-height:1.5}.runs-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.runs-cards-grid{grid-template-columns:1fr 1fr}.generator-content{flex-direction:column;align-items:stretch;gap:1.25rem}.generator-form{justify-content:flex-start}}@media (width<=680px){.runs-cards-grid{grid-template-columns:1fr}.generator-form{flex-direction:column;align-items:stretch}.generator-select-wrapper{width:100%}.generate-submit-btn{justify-content:center;width:100%}}.payroll-summary-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.summary-stat-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);transition:var(--transition-fast);padding:1.5rem!important}.summary-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.summary-stat-body{justify-content:space-between;align-items:center;display:flex}.summary-stat-meta{flex-direction:column;display:flex}.summary-stat-label{color:var(--text-gray);margin-bottom:.35rem;font-size:.82rem;font-weight:600}.summary-stat-val{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.summary-stat-hint{color:var(--text-gray);font-size:.72rem}.summary-stat-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.expense-icon-color{background-color:var(--primary-orange-light);color:var(--primary-orange)}.employees-icon-color{color:#3b82f6;background-color:#eff6ff}.released-icon-color{color:#10b981;background-color:#ecfdf5}@media (width<=1024px){.payroll-summary-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.payroll-summary-grid{grid-template-columns:1fr;gap:1rem}}.payroll-table-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);margin-bottom:2rem;overflow:hidden}.table-responsive-viewport{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.payroll-records-table{border-collapse:collapse;text-align:left;width:100%;color:var(--text-dark);font-size:.88rem}.payroll-records-table th{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:1rem;font-weight:700}.payroll-records-table td{border-bottom:1px solid var(--primary-orange-light);vertical-align:middle;white-space:nowrap;padding:1rem}.table-hover-row{transition:var(--transition-fast)}.table-hover-row:hover{background-color:#fffbf9}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-heavy{font-weight:800}.text-muted{color:var(--text-gray)}.text-green{color:#10b981}.text-orange-primary{color:var(--primary-orange)}.table-employee-cell{align-items:center;gap:.75rem;display:flex}.employee-table-avatar{background-color:var(--primary-orange);width:38px;height:38px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 5px #f9731626}.employee-table-meta{flex-direction:column;display:flex}.emp-table-name{color:var(--text-dark);font-weight:700}.emp-table-code-role{color:var(--text-gray);font-size:.75rem}.record-badge{border-radius:var(--border-radius-xl);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.record-badge-draft{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.record-badge-approved{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe}.record-badge-released{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.payslip-view-action-btn{color:var(--primary-orange);background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.payslip-view-action-btn:hover{background-color:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);transform:translateY(-1px)}.payslip-view-action-btn:active{transform:translateY(0)}.table-empty-wrapper{background-color:var(--white);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem;display:flex}.table-empty-text{color:var(--text-gray);margin:0;font-size:.95rem}.record-actions-cell-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.table-action-edit-btn{color:#2563eb;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.table-action-edit-btn:hover{color:var(--white);background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.table-action-edit-btn:active{transform:translateY(0)}.draft-editor-overlay{background-color:var(--white);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.draft-editor-container{background-color:var(--white);flex-direction:column;width:100%;max-width:1100px;height:100vh;margin:0 auto;display:flex}.draft-editor-header{border-bottom:1px solid var(--border-color);text-align:left;z-index:100;background-color:#fffaf7;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.editor-title{color:var(--text-dark);margin:0 0 .15rem;font-size:1.25rem;font-weight:700}.editor-subtitle{color:var(--text-gray);margin:0;font-size:.8rem}.editor-close-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.editor-close-btn:hover{color:var(--primary-orange)}.draft-editor-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-split-workspace{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.inputs-panel-scrollable{box-sizing:border-box;text-align:left;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.editor-section{border-bottom:1px dashed var(--border-color);flex-direction:column;gap:.85rem;padding-bottom:1.25rem;display:flex}.no-border{border-bottom:none;padding-bottom:0}.editor-section-title{color:var(--text-dark);margin:0 0 .25rem;padding-left:.5rem;font-size:.95rem;font-weight:700}.green-left-border{border-left:3px solid #10b981}.red-left-border{border-left:3px solid #ef4444}.orange-left-border{border-left:3px solid var(--primary-orange)}.editor-field-group{flex-direction:column;gap:.35rem;display:flex}.inline-row-field{flex-direction:row;justify-content:space-between;align-items:center}.editor-lbl{color:var(--text-dark);font-size:.88rem;font-weight:600}.editor-lbl-small{color:var(--text-dark);font-size:.8rem;font-weight:600}.editor-curr-input-wrapper{align-items:center;width:160px;display:flex;position:relative}.editor-curr-prefix{color:var(--text-gray);pointer-events:none;font-size:.88rem;position:absolute;left:.75rem}.editor-number-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);text-align:right;box-sizing:border-box;padding:.5rem .75rem .5rem 1.75rem;font-size:.88rem}.editor-number-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.leaves-double-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.editor-simple-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;padding:.5rem .75rem;font-size:.88rem}.editor-simple-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.lop-estimate-hint{color:#ea580c;margin-top:.15rem;font-size:.75rem;font-weight:500}.editor-textarea-input{width:100%;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);resize:vertical;box-sizing:border-box;padding:.65rem .75rem;font-size:.88rem}.editor-textarea-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.editor-preview-panel{border-left:1px solid var(--border-color);box-sizing:border-box;text-align:left;background-color:#fffaf7;padding:2rem;overflow-y:auto}.panel-inner-sticky{flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.panel-inner-title{color:var(--text-dark);margin:0 0 .15rem;font-size:1.1rem;font-weight:700}.panel-inner-desc{color:var(--text-gray);margin:0 0 1.5rem;font-size:.78rem;line-height:1.35}.preview-breakdown-rows{flex-direction:column;flex-grow:1;gap:.85rem;display:flex}.p-row{color:var(--text-gray);justify-content:space-between;font-size:.82rem;font-weight:500;display:flex}.text-green{font-weight:700;color:#10b981!important}.text-red{color:#ef4444!important}.preview-divider-line{background-color:var(--border-color);border:0;height:1px;margin:.5rem 0}.p-net-paybox{background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;display:flex}.p-net-meta{flex-direction:column;display:flex}.p-net-lbl{color:var(--primary-orange-hover);font-size:.78rem;font-weight:700}.p-net-sub{color:var(--text-gray);font-size:.65rem}.p-net-value{color:var(--primary-orange);font-size:1.15rem;font-weight:800}.editor-form-actions{flex-direction:column;gap:.5rem;display:flex}.save-draft-btn{width:100%;padding:.75rem!important;font-weight:700!important}.cancel-draft-btn{width:100%;padding:.75rem!important;font-weight:600!important}@media (width<=768px){.editor-split-workspace{grid-template-columns:1fr;height:auto;max-height:60vh;overflow-y:auto}.editor-preview-panel{border-left:none;border-top:1px solid var(--border-color);padding:1.5rem}}.payslip-modal-overlay{background-color:var(--white);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.payslip-modal-container{background-color:var(--white);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.payslip-modal-header{border-bottom:1px solid var(--border-color);z-index:10;background-color:#fffaf7;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.modal-header-title{color:var(--text-dark);margin:0;font-size:1rem;font-weight:700}.modal-actions-group{align-items:center;gap:1rem;display:flex}.payslip-action-btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.print-trigger-btn{background-color:var(--primary-orange);color:var(--white);border:1px solid var(--primary-orange)}.print-trigger-btn:hover{background-color:var(--primary-orange-hover);border-color:var(--primary-orange-hover);transform:translateY(-1px)}.payslip-close-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.payslip-close-btn:hover{color:var(--primary-orange)}.payslip-sheet-wrapper{background-color:var(--white);padding:2.5rem}.payslip-banner{border-bottom:3px solid var(--primary-orange);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.banner-left{align-items:center;gap:.75rem;display:flex}.company-logo-mark{background-color:var(--primary-orange);color:var(--white);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;font-weight:800;display:flex}.payslip-company-name{color:var(--text-dark);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.payslip-company-sub{color:var(--text-gray);margin:0;font-size:.75rem}.banner-right{text-align:right}.payslip-banner-title{color:var(--primary-orange);letter-spacing:.05em;margin:0 0 .15rem;font-size:1.5rem;font-weight:900}.payslip-banner-month{color:var(--text-gray);font-size:.88rem;font-weight:700}.payslip-meta-block{background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.meta-section{flex-direction:column;display:flex}.meta-sec-title{color:var(--primary-orange-hover);letter-spacing:.05em;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.meta-sec-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.meta-sec-table th{color:var(--text-gray);width:120px;padding:.25rem 0;font-weight:500}.meta-sec-table td{color:var(--text-dark);padding:.25rem 0;font-weight:700}.payslip-financials-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.financials-column{border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;display:flex;overflow:hidden}.column-head-title{text-align:center;letter-spacing:.05em;color:var(--white);margin:0;padding:.5rem;font-size:.82rem;font-weight:700}.green-banner{background-color:#10b981}.red-banner{background-color:#ef4444}.financials-table{border-collapse:collapse;text-align:left;flex-grow:1;width:100%;font-size:.82rem}.financials-table th{color:var(--text-gray);border-bottom:1px solid var(--border-color);background-color:#fffaf7;padding:.5rem .75rem;font-weight:700}.financials-table td{color:var(--text-dark);border-bottom:1px solid #fff3e5;padding:.5rem .75rem}.tfoot-highlight{background-color:var(--primary-orange-light);font-weight:800!important}.tfoot-highlight td{border-top:1.5px solid var(--border-color);color:var(--primary-orange-hover)!important;border-bottom:none!important}.italic{font-style:italic}.lop-table-row td{background-color:#fff7ed}.text-orange-lop{color:#ea580c!important}.payslip-leaves-summary{border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:1.5rem;padding:1rem}.leaves-summary-title{color:var(--text-gray);letter-spacing:.05em;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.leaves-summary-row{width:100%;display:flex}.leave-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.leave-lbl{color:var(--text-gray);margin-bottom:.15rem;font-size:.75rem}.leave-val{color:var(--text-dark);font-size:.88rem;font-weight:700}.border-left-divider{border-left:1px solid var(--border-color)}.payslip-net-take-home{background-color:var(--primary-orange);color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-button);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.net-left-info{flex-direction:column;max-width:60%;display:flex}.net-payout-label{letter-spacing:.05em;opacity:.95;margin-bottom:.25rem;font-size:.8rem;font-weight:800}.net-payout-desc{opacity:.85;margin:0;font-size:.75rem;line-height:1.35}.net-right-amount{text-align:right}.net-take-home-val{letter-spacing:-.03em;margin:0 0 .15rem;font-size:2rem;font-weight:900}.net-take-home-currency{letter-spacing:.05em;opacity:.9;font-size:.72rem;font-weight:600}.payslip-footer-signatures{justify-content:space-between;margin-bottom:2rem;padding-top:1.5rem;display:flex}.signature-area{flex-direction:column;align-items:center;width:200px;display:flex}.signature-line{border-bottom:1.5px solid var(--text-gray);width:100%;margin-bottom:.5rem}.signature-title{color:var(--text-dark);font-size:.75rem;font-weight:700}.signature-sub{color:var(--text-gray);font-size:.68rem}.payslip-disclaimer-text{color:var(--text-gray);text-align:center;margin:0;font-size:.68rem;font-style:italic}@media print{body *{visibility:hidden}.payslip-modal-overlay{margin:0;padding:0;display:block;position:absolute;inset:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#fff!important}.payslip-modal-container{display:block;position:static;box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important}#printable-payslip,#printable-payslip *{visibility:visible}#printable-payslip{width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}.payslip-disclaimer-text{margin-top:3rem}}@media (width<=680px){.payslip-meta-block,.payslip-financials-grid{grid-template-columns:1fr;gap:1rem}.payslip-net-take-home{text-align:center;flex-direction:column;gap:1rem}.net-left-info{max-width:100%}.net-right-amount{text-align:center}.payslip-sheet-wrapper{padding:1.25rem}}.payslip-notes-summary{border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:left;background-color:#fffaf7;margin-bottom:1.5rem;padding:1rem}.notes-summary-title{color:var(--text-gray);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.notes-summary-desc{color:var(--text-dark);white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.4}.details-header-section{text-align:left;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.details-header-meta{flex:1}.title-row-split{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.back-btn-details{white-space:nowrap;padding:.6rem 1rem!important;font-size:.85rem!important;font-weight:600!important}.details-loading-viewport{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem;display:flex}.details-error-banner{border-radius:var(--border-radius-md);text-align:left;background-color:#fef2f2;border:1px solid #fca5a5;gap:1rem;margin-top:1.5rem;padding:1.5rem;display:flex}.error-icon{color:#ef4444;flex-shrink:0}.error-content{flex-direction:column;gap:.25rem;display:flex}.error-title{color:#991b1b;margin:0;font-size:1rem;font-weight:700}.error-desc{color:#b91c1c;margin:0 0 .75rem;font-size:.88rem;line-height:1.4}.retry-btn{align-self:flex-start;color:#b91c1c!important;border-color:#fca5a5!important;padding:.4rem .75rem!important;font-size:.78rem!important}.retry-btn:hover{background-color:#fee2e2!important}.table-header-heading{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-header-title{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:700}.table-header-badge{color:var(--primary-orange);background-color:var(--primary-orange-light);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:.35rem .75rem;font-size:.75rem;font-weight:700}@media (width<=768px){.details-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.back-btn-details{justify-content:center;width:100%}.table-header-heading{flex-direction:column;align-items:flex-start;gap:.5rem}}.payout-statements-workspace{margin-top:1.5rem}.employee-loading-viewport{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem;display:flex}.employee-empty-viewport{background-color:var(--white);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem;display:flex}.empty-payouts-icon{background-color:var(--primary-orange-light);width:60px;height:60px;color:var(--primary-orange);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.empty-payouts-title{color:var(--text-dark);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.empty-payouts-desc{color:var(--text-gray);max-width:500px;margin:0;font-size:.88rem;line-height:1.5}.statements-list-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.statement-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);transition:var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;min-height:200px;display:flex;padding:1.5rem!important}.statement-card-unreleased{opacity:.65;background-color:#fafafa!important;border-color:#e5e7eb!important}.statement-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.statement-month-info{align-items:center;gap:.5rem;display:flex}.statement-calendar-icon{background-color:var(--primary-orange-light);width:32px;height:32px;color:var(--primary-orange);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;display:flex}.statement-month-title{color:var(--text-dark);margin:0;font-size:1.05rem;font-weight:700}.statement-payout-callout{margin-bottom:1.5rem}.payout-lbl{color:var(--text-gray);margin-bottom:.25rem;font-size:.75rem;display:block}.payout-value{color:var(--primary-orange);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.statement-card-footer{border-top:1px solid var(--primary-orange-light);padding-top:.85rem}.statement-action-link{color:var(--primary-orange-hover);transition:var(--transition-fast);align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.statement-card:hover .statement-action-link{color:var(--primary-orange);transform:translate(2px)}.statement-action-locked{color:var(--text-gray);align-items:center;font-size:.78rem;font-weight:600;display:inline-flex}.payslip-fetch-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;background-color:#1f293766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fetch-card{background-color:var(--white);border-radius:var(--border-radius-md);flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;display:flex;box-shadow:0 20px 25px -5px #0000001a}.fetch-card-text{color:var(--text-dark);margin:0;font-size:.88rem;font-weight:600}.banner-close-btn{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .5rem;font-size:1.25rem;font-weight:700}@media (width<=1024px){.statements-list-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.statements-list-grid{grid-template-columns:1fr}}.payroll-filter-bar{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.filter-bar-label{color:var(--text-gray);font-size:.9rem;font-weight:700}.payroll-select-wrapper{display:inline-block;position:relative}.payroll-filter-select{color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);appearance:none;cursor:pointer;transition:var(--transition-normal);min-width:150px;padding:.6rem 2.5rem .6rem 1.25rem;font-size:.9rem;font-weight:600}.payroll-filter-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.payroll-select-wrapper:after{content:"";border-left:4.5px solid #0000;border-right:4.5px solid #0000;border-top:5px solid var(--text-gray);pointer-events:none;transition:var(--transition-fast);position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.payroll-select-wrapper:focus-within:after{border-top-color:var(--primary-orange);transform:translateY(-50%)rotate(180deg)}.payroll-filter-empty{background-color:var(--white);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.download-btn-container{flex-direction:column;align-items:center;display:inline-flex;position:relative}.download-pdf-btn{color:#fff;cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #ea580c33}.download-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);transform:translateY(-2px);box-shadow:0 6px 16px #ea580c59}.download-pdf-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ea580c33}.download-pdf-btn:disabled{color:#a1a1aa;cursor:not-allowed;box-shadow:none;background:#e4e4e7}.download-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite download-spin;display:inline-block}.download-btn-err{color:#ef4444;white-space:nowrap;margin-top:.35rem;font-size:.72rem;font-weight:600;animation:.2s ease-in-out download-fade;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes download-spin{to{transform:rotate(360deg)}}@keyframes download-fade{0%{opacity:0;transform:translate(-50%,-3px)}to{opacity:1;transform:translate(-50%)}}.payslip-history-card{background:#fff;border:1px solid #f0ece8;border-radius:14px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;transition:all .22s ease-in-out;display:flex;box-shadow:0 4px 15px #18120c08}.payslip-history-card:hover{border-color:#fed7aa;transform:translateY(-3px);box-shadow:0 8px 24px #ea580c14}.card-top{justify-content:space-between;align-items:center;display:flex}.card-calendar{color:#6b7280;align-items:center;gap:.5rem;display:flex}.card-month{color:#1a1612;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.25rem .55rem;font-size:.65rem;font-weight:700}.status-badge.released{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.status-badge.approved{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.status-badge.draft{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.card-salary-block{flex-direction:column;gap:.25rem;display:flex}.card-sal-label{color:#8a8a93;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.card-sal-amount{color:#1a1612;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:900}.card-actions{border-top:1px solid #f5f0ec;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.card-preview-btn{color:#4b5563;cursor:pointer;letter-spacing:.01em;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.55rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.card-preview-btn:hover{color:#ea580c;background:#fdfaf8;border-color:#fb923c}.card-download{flex:1}.card-download .download-pdf-btn{width:100%;box-shadow:none;justify-content:center;padding:.55rem .75rem;font-size:.8rem}.card-download .download-pdf-btn:hover{box-shadow:0 4px 10px #ea580c33}.employee-details-grid-wrapper{background:#fff;border:1px solid #f0ece8;border-radius:12px;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;padding:1.5rem;display:grid}.details-col-left,.details-col-right{flex-direction:column;gap:.75rem;display:flex}.details-sec-title{color:#f97316;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #fed7aa;margin:0 0 .5rem;padding-bottom:.35rem;font-size:.8rem;font-weight:700}.detail-row{border-bottom:1px dashed #f5f0ec;justify-content:space-between;align-items:center;padding-bottom:.4rem;font-size:.85rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#1a1612;text-align:right;font-weight:600}.font-highlight{color:#f97316;font-weight:700}.gross-highlight{color:#059669;font-weight:700}.lop-highlight{color:#ef4444;font-weight:700}.paid-days-highlight{color:#059669;font-weight:700}.font-mono{letter-spacing:.02em;font-family:Courier New,Courier,monospace;font-size:.8rem}@media (width<=768px){.employee-details-grid-wrapper{grid-template-columns:1fr;gap:1.5rem}}.salary-breakdown-wrapper{margin:1.5rem 0}.table-sec-title{color:#f97316;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #fed7aa;margin:0 0 .75rem;padding-bottom:.35rem;font-size:.8rem;font-weight:700}.breakdown-table-container{border:1px solid #f0ece8;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000005}.breakdown-table{border-collapse:collapse;width:100%;font-family:inherit;font-size:.85rem}.breakdown-table th{text-transform:uppercase;letter-spacing:.04em;color:#52525b;text-align:left;background:#fdfaf8;border-bottom:1.5px solid #f2ece6;padding:.65rem 1rem;font-size:.72rem;font-weight:700}.breakdown-table th.th-amount{text-align:right;width:120px}.breakdown-table td{color:#1a1612;border-bottom:1px solid #f5f0ec;padding:.55rem 1rem;font-weight:500}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table td.val-col{font-weight:600}.text-right{text-align:right}.empty-cell{color:#d1d5db;font-style:italic}.comp-name{color:#3f3f46}.comp-val{color:#10b981}.text-deduction{color:#ef4444!important}.totals-row td{color:#18181b;background:#fdfaf8;border-top:1.5px solid #f2ece6;padding:.75rem 1rem;font-weight:700!important}.total-val{font-size:.95rem;font-weight:800!important}.reimbursements-callout{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:1rem;padding:.85rem 1.25rem}.reimbursement-title{text-transform:uppercase;color:#166534;letter-spacing:.06em;margin:0 0 .5rem;font-size:.72rem;font-weight:700}.reimbursements-grid{flex-direction:column;gap:.35rem;display:flex}.reimb-item{justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.reimb-desc{color:#15803d}.reimb-amt{color:#166534}@media (width<=600px){.breakdown-table th,.breakdown-table td{padding:.5rem .65rem}.breakdown-table th.th-amount{width:90px}}.net-pay-card{background:linear-gradient(135deg,#fffaf6 0%,#fffefc 100%);border:1px solid #fed7aa;border-radius:12px;margin:1.5rem 0;padding:1.25rem 1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #ea580c0a}.net-pay-accent-bar{background:linear-gradient(#f97316 0%,#ea580c 100%);width:5px;position:absolute;top:0;bottom:0;left:0}.net-pay-content{flex-direction:column;gap:.35rem;width:100%;display:flex}.net-pay-label{text-transform:uppercase;color:#c2410c;letter-spacing:.08em;font-size:.78rem;font-weight:700}.net-pay-value-container{align-items:baseline;gap:.25rem;display:flex}.net-pay-currency{color:#ea580c;font-size:1.6rem;font-weight:800}.net-pay-amount{color:#1a1612;letter-spacing:-.03em;margin:0;font-family:Outfit,Inter,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.1}@media (width<=480px){.net-pay-amount{font-size:1.8rem}}.payslip-preview-container{flex-direction:column;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;display:flex}.preview-action-header{background:#fff;border:1px solid #f0ece8;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 15px #18120c08}.action-hint{color:#8a8a93;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.payslip-preview-sheet{background:#fff;border:1.5px solid #fed7aa;border-radius:16px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #ea580c0d,0 1px 3px #00000005}.payslip-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-logo-row{align-items:center;gap:1rem;display:flex}.preview-logo-badge{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:900;display:flex;box-shadow:0 4px 10px #ea580c33}.preview-company-name{color:#1a1612;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.preview-company-subtitle{color:#8a8a93;text-transform:uppercase;letter-spacing:.06em;margin:2px 0 0;font-size:.72rem;font-weight:600}.header-doc-title{text-align:right}.doc-title-h1{color:#ea580c;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.doc-title-sub{color:#8a8a93;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:700}.payslip-preview-accent-line{background:linear-gradient(90deg,#fdba74 0%,#f97316 50%,#ea580c 100%);border-radius:2px;height:3px;margin:1.5rem 0}.payslip-preview-contact-details{color:#6b7280;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;font-size:.75rem;line-height:1.5;display:flex}.contact-col{flex-direction:column;gap:.25rem;max-width:45%;display:flex}.text-right-col{text-align:right}.amount-in-words-box{background:#fdfaf8;border:1px solid #f2ece6;border-radius:8px;gap:.5rem;margin:1.5rem 0;padding:.75rem 1.25rem;font-size:.82rem;display:flex}.words-label{color:#71717a;font-weight:700}.words-value{color:#ea580c;font-style:italic;font-weight:600}.payslip-preview-notes{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;margin:1.5rem 0;padding:.85rem 1.25rem}.preview-notes-title{color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.72rem;font-weight:700}.preview-notes-content{color:#52525b;margin:0;font-size:.8rem;line-height:1.6}.payslip-preview-signatures{justify-content:space-between;gap:2rem;margin:3.5rem 0 2.5rem;display:flex}.signature-slot{flex-direction:column;align-items:center;width:220px;display:flex}.signature-line{background:#d4d4d8;width:100%;height:1px;margin-bottom:.6rem}.sig-label{color:#1a1612;font-size:.8rem;font-weight:700}.sig-sub{color:#8a8a93;margin-top:2px;font-size:.68rem}.payslip-preview-footer{text-align:center}.footer-disclaimer{color:#a1a1aa;text-align:justify;margin-bottom:1.25rem;font-size:.68rem;line-height:1.6}.footer-bar-line{background:#f0ece8;height:1px;margin:1rem 0}.footer-copyright{color:#a1a1aa;letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:600}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.payslip-preview-container{max-width:100%!important;margin:0!important;padding:0!important}.payslip-preview-sheet{box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}}@media (width<=680px){.payslip-preview-sheet{padding:1.5rem}.payslip-preview-header{flex-direction:column;align-items:flex-start}.header-doc-title{text-align:left}.payslip-preview-contact-details{flex-direction:column;gap:.75rem}.contact-col{max-width:100%}.text-right-col{text-align:left}.payslip-preview-signatures{flex-direction:column;align-items:center;gap:2.5rem}.signature-slot{width:100%;max-width:250px}}