@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(10px)}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}.auth-card-logo-container{justify-content:center;margin-bottom:1.25rem;display:flex}.auth-card-logo{object-fit:contain;width:auto;height:52px}@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}.label-required{color:#ef4444}.input-has-password-toggle .form-input{padding-right:2.75rem}.input-password-toggle{cursor:pointer;color:var(--text-gray);transition:var(--transition-fast);z-index:2;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.input-password-toggle:hover{color:var(--primary-orange)}.input-password-toggle svg{display:block}.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-left-panel{object-fit:contain;filter:brightness(0)invert();width:auto;height:56px}.brand-title-hrm{color:var(--white);letter-spacing:.05em;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:9999px;padding:.5rem 1.25rem;font-size:1.75rem;font-weight:800;line-height:1}.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}}.forgot-password-form{flex-direction:column;width:100%;display:flex}.form-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}.forgot-submit-button{width:100%;box-shadow:var(--shadow-button);border-radius:var(--border-radius-md)!important;padding:.9rem!important;font-size:1rem!important}.forgot-submit-button:hover:not(:disabled){box-shadow:var(--shadow-button-hover)}.success-card-container{text-align:center;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem;display:flex}.success-icon-wrapper{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2rem;display:flex;position:relative}.success-icon-ring{border:1.5px solid var(--primary-orange);opacity:.15;border-radius:50%;position:absolute}.ring-outer{width:100px;height:100px;animation:2.5s ease-in-out infinite pulseOuter}.ring-middle{width:80px;height:80px;animation:2.5s ease-in-out infinite pulseMiddle}.success-icon-badge{background-color:var(--primary-orange-light);border:1px solid var(--border-color);width:60px;height:60px;color:var(--primary-orange);border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scalePopIn;display:flex;position:absolute;box-shadow:0 4px 12px #f973161f}.success-checkmark-svg{filter:drop-shadow(0 2px 4px #f9731626);animation:.6s ease-in-out forwards drawCheckmark}.success-title{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.success-message{color:var(--text-gray);max-width:340px;margin-bottom:2.25rem;font-size:.95rem;line-height:1.6}.success-action-button{box-shadow:var(--shadow-button);transition:var(--transition-normal);padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--border-radius-md)!important;width:100%!important}.success-action-button:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}@keyframes scalePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes drawCheckmark{0%{stroke-dasharray:50;stroke-dashoffset:50px}to{stroke-dasharray:50;stroke-dashoffset:0}}@keyframes pulseOuter{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:.25;transform:scale(1.1)}}@keyframes pulseMiddle{0%,to{opacity:.15;transform:scale(.95)}50%{opacity:.35;transform:scale(1.05)}}@media (width<=480px){.success-card-container{padding:1rem 0}.success-title{font-size:1.35rem}.success-message{margin-bottom:1.75rem;font-size:.9rem}}@media (width<=480px){.auth-page-container{padding:1rem}.auth-page-container .auth-card{border-radius:var(--border-radius-md);padding:2rem 1.5rem}}.password-strength-container{text-align:left;width:100%;margin-top:.75rem;margin-bottom:1.25rem}.strength-header{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.strength-label-text{color:var(--text-gray);font-size:.85rem}.strength-badge{transition:var(--transition-fast);font-weight:700}.strength-bar-wrapper{background-color:var(--border-color);border-radius:2px;width:100%;height:4px;overflow:hidden}.strength-bar-fill{border-radius:2px;width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.strength-fill-1{width:33.33%}.strength-fill-2{width:66.66%}.strength-fill-3{width:100%}.strength-weak{background-color:#ef4444;color:#ef4444!important}.strength-medium{background-color:#f97316;color:#f97316!important}.strength-strong{background-color:#22c55e;color:#22c55e!important}.strength-rules-list{flex-direction:column;gap:.375rem;margin:0;padding:0;display:flex}.rule-item{transition:var(--transition-fast);align-items:center;gap:.5rem;font-size:.825rem;display:flex}.rule-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.rule-dot{background-color:var(--text-gray);opacity:.4;width:6px;height:6px;transition:var(--transition-fast);border-radius:50%}.rule-text{color:var(--text-gray);transition:var(--transition-fast)}.rule-met .rule-text{color:#10b981;font-weight:500}.rule-met .rule-icon{color:#10b981}.rule-unmet .rule-text{color:var(--text-gray);opacity:.85}.reset-password-form{flex-direction:column;width:100%;display:flex}.password-field-wrapper{width:100%;position:relative}.eye-toggle-position{z-index:10;position:absolute;top:24px;right:12px;transform:translateY(-50%)}.password-toggle-btn{cursor:pointer;color:var(--text-gray);transition:var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;display:flex}.password-toggle-btn:hover{color:var(--primary-orange)}.password-toggle-btn svg{display:block}.reset-submit-button{width:100%;box-shadow:var(--shadow-button);border-radius:var(--border-radius-md)!important;padding:.9rem!important;font-size:1rem!important}.reset-submit-button:hover:not(:disabled){box-shadow:var(--shadow-button-hover)}.error-card-container{text-align:center;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem;display:flex}.error-icon-wrapper{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2rem;display:flex;position:relative}.error-icon-ring{opacity:.1;border:1.5px solid #ef4444;border-radius:50%;position:absolute}.ring-outer-error{width:100px;height:100px;animation:2.5s ease-in-out infinite pulseOuterError}.ring-middle-error{width:80px;height:80px;animation:2.5s ease-in-out infinite pulseMiddleError}.error-icon-badge{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scalePopInError;display:flex;position:absolute;box-shadow:0 4px 12px #ef44441f}.error-exclamation-svg{filter:drop-shadow(0 2px 4px #ef444426)}.error-title{color:var(--text-dark);letter-spacing:-.025em;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.error-message{color:var(--text-gray);max-width:340px;margin-bottom:2.25rem;font-size:.95rem;line-height:1.6}.error-action-button{transition:var(--transition-normal);padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--border-radius-md)!important;width:100%!important}.error-action-button:hover{transform:translateY(-1px)}@keyframes scalePopInError{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulseOuterError{0%,to{opacity:.07;transform:scale(.9)}50%{opacity:.18;transform:scale(1.1)}}@keyframes pulseMiddleError{0%,to{opacity:.12;transform:scale(.95)}50%{opacity:.28;transform:scale(1.05)}}@media (width<=480px){.error-card-container{padding:1rem 0}.error-title{font-size:1.35rem}.error-message{margin-bottom:1.75rem;font-size:.9rem}}.auth-page-container{background-color:var(--background);box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex}.auth-centered-wrapper{flex-direction:column;width:100%;max-width:480px;display:flex}.auth-page-container .auth-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);background-color:var(--white);padding:2.5rem 2.25rem}.auth-page-container .auth-card-logo{width:auto;height:48px;margin-bottom:.5rem}@media (width<=480px){.auth-page-container{padding:1rem}.auth-page-container .auth-card{border-radius:var(--border-radius-md);padding:2rem 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-feed-widget-card{background-color:var(--white);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;flex-direction:column;padding:1.5rem;display:flex}.widget-header-action-btn{color:var(--primary-orange);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;font-size:.85rem;font-weight:700}.widget-header-action-btn:hover{color:var(--primary-orange-hover);text-decoration:underline}.widget-feed-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.widget-feed-item{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#fdfaf7;border:1px solid #f6f0ea;justify-content:space-between;align-items:center;padding:.75rem .85rem;display:flex}.widget-feed-item:hover{border-color:var(--primary-orange);background-color:#fff6ee;transform:translate(2px)}.widget-feed-item:hover .widget-feed-item-right{color:var(--primary-orange)}.widget-feed-item-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.widget-feed-emoji-badge{border-radius:var(--border-radius-sm);background-color:var(--white);border:1.5px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.widget-feed-details{text-align:left;flex-direction:column;gap:.15rem;min-width:0;display:flex}.widget-feed-item-title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:750;overflow:hidden}.widget-feed-meta{color:var(--text-gray);align-items:center;gap:.45rem;font-size:.72rem;font-weight:550;display:flex}.meta-span{align-items:center;display:inline-flex}.meta-divider{opacity:.5}.meta-date{font-weight:600}.widget-feed-item-right{color:var(--text-gray);transition:var(--transition-fast);align-items:center;padding-left:.5rem;display:flex}.widget-body{flex-direction:column;flex:1;min-height:200px;display:flex}.widget-empty{text-align:center;color:var(--text-gray);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.widget-empty svg{color:#d1d5db;flex-shrink:0;margin-bottom:.5rem}.widget-empty p{margin:0;padding:0;font-size:.8rem}.dnotif-widget{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-normal);border:1px solid #fed7aa80;overflow:hidden}.dnotif-widget:hover{box-shadow:var(--shadow-card-hover)}.dnotif-widget__header{background:linear-gradient(135deg,#fff7ed 0%,#fff 60%);border-bottom:1px solid #fed7aa66;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem .9rem;display:flex}.dnotif-widget__header-left{align-items:center;gap:.75rem;display:flex}.dnotif-widget__icon-wrap{border-radius:var(--border-radius-sm);background:linear-gradient(135deg, var(--primary-orange), var(--primary-orange-hover));width:34px;height:34px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #f973164d}.dnotif-widget__title{color:var(--text-dark);margin:0;font-size:.88rem;font-weight:800}.dnotif-widget__subtitle{color:var(--text-gray);margin:0;font-size:.72rem}.dnotif-widget__view-all{color:var(--primary-orange);background:var(--primary-orange-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid #f9731633;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;display:flex}.dnotif-widget__view-all:hover{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);box-shadow:var(--shadow-button)}.dnotif-widget__list{padding:.5rem 0}.dnotif-widget__item{cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.85rem;padding:.7rem 1.3rem;display:flex;position:relative}.dnotif-widget__item:hover{background:var(--primary-orange-light)}.dnotif-widget__item--unread{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)}.dnotif-widget__item--unread:hover{background:var(--primary-orange-light)}.dnotif-widget__item-icon{border-radius:var(--border-radius-sm);background:var(--primary-orange-light);flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:1.15rem;display:flex}.dnotif-widget__item-content{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.dnotif-widget__item-title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.dnotif-widget__item-time{color:var(--text-gray);font-size:.72rem}.dnotif-widget__unread-dot{background:var(--primary-orange);border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px}.dnotif-widget__empty{color:var(--text-gray);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;font-size:.82rem;display:flex}.dnotif-widget__empty span{font-size:1.75rem}.dnotif-widget__skeleton{align-items:center;gap:.85rem;padding:.7rem 1.3rem;display:flex}.dnotif-skeleton-icon{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;width:34px;min-width:34px;height:34px;animation:1.4s infinite shimmer}.dnotif-skeleton-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.dnotif-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:12px;animation:1.4s infinite shimmer}.dnotif-skeleton-time{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:40%;height:10px;animation:1.4s .2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.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:repeat(4,1fr);align-items:stretch;gap:1.5rem;margin-bottom:1.5rem;display:grid}.operations-widget-card{flex-direction:column;height:100%;min-height:400px;padding:1.75rem;display:flex}.operations-widget-card .widget-body{flex-direction:column;flex:1;display:flex}.operations-widget-card .widget-body .holiday-list-container,.operations-widget-card .widget-body .leave-list-container{flex-direction:column;flex:0 auto;gap:.85rem;display:flex}.widget-empty{text-align:center;color:var(--text-gray);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.widget-header{flex-shrink:0;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;text-decoration:none}.widget-header-action:hover{color:var(--primary-orange-hover);text-decoration:underline}.holiday-item{background-color:#f9fafb;border:1px solid #f0ece8;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.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}.holiday-date-box{background-color:var(--white);border:1.5px solid var(--border-color);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.holiday-date-day{color:var(--primary-orange);font-size:1rem;font-weight:800;line-height:1}.holiday-date-month{text-transform:uppercase;color:var(--text-gray);font-size:.6rem;font-weight:700}.holiday-info{text-align:left;flex:1}.holiday-name{color:var(--text-dark);margin:0 0 .15rem;font-size:.85rem;font-weight:700}.holiday-meta{color:var(--text-gray);margin:0;font-size:.7rem}.holiday-flag{flex-shrink:0;font-size:1.25rem}.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;flex-shrink:0;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}.leave-item{background-color:#f9fafb;border:1px solid #f0ece8;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.leave-info{flex-direction:column;gap:.15rem;display:flex}.leave-name{color:var(--text-dark);font-size:.85rem;font-weight:700}.leave-dates{color:var(--text-gray);font-size:.72rem}.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)}.dashboard-operations-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.dashboard-operations-grid{grid-template-columns:1fr}.operations-widget-card{min-height:300px}}@media (width<=600px){.dashboard-metrics-grid{grid-template-columns:1fr;gap:1rem}.operations-widget-card{min-height:250px;padding:1.25rem}.activity-badge{display:none}.holiday-date-box{width:36px;height:36px}.holiday-date-day{font-size:.85rem}.holiday-name{font-size:.75rem}}.holiday-toggle-group{background-color:#f3f4f6;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem;display:flex}.holiday-toggle-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.holiday-toggle-btn:hover{color:#374151;background-color:#ffffff80}.holiday-toggle-btn.active{color:var(--primary-orange);background-color:#fff;box-shadow:0 1px 3px #0000001a}.holiday-toggle-btn.active:hover{color:var(--primary-orange);background-color:#fff}@media (width<=600px){.holiday-toggle-group{gap:.15rem;padding:.15rem}.holiday-toggle-btn{padding:.25rem .5rem;font-size:.65rem}.widget-header{flex-wrap:wrap;gap:.5rem}.widget-header>div:first-child{flex:100%}.widget-header>div:last-child{flex:100%;justify-content:space-between}}.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}}.profile-photo-upload-section{border-bottom:1px solid #fed7aa4d;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.avatar-preview-container{flex-shrink:0;width:90px;height:90px;position:relative}.avatar-placeholder{border:3px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow-sm);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-placeholder svg{color:#9ca3af}.avatar-preview-image{object-fit:cover;border:3px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow-sm);background-color:#f3f4f6;border-radius:50%}.avatar-upload-badge{background-color:var(--primary-orange);width:28px;height:28px;color:var(--white);cursor:pointer;border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.avatar-upload-badge:hover{background-color:var(--primary-orange-hover);transform:scale(1.1)}.photo-upload-meta{flex-direction:column;display:flex}.photo-upload-title{color:var(--text-dark);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.photo-upload-desc{color:var(--text-gray);margin:0;font-size:.82rem}.photo-upload-error{color:#dc2626;margin:.35rem 0 0;font-size:.8rem;font-weight:600}@media (width<=640px){.profile-photo-upload-section{text-align:center;flex-direction:column;align-items:center}.avatar-preview-container{width:80px;height:80px}.avatar-upload-badge{width:24px;height:24px}.avatar-upload-badge svg{width:12px;height:12px}}.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%}}.state-dropdown-wrapper{flex-direction:column;gap:.4rem;display:flex}.state-dropdown-wrapper .input-label{color:#6b7280;font-size:.8rem;font-weight:500}.state-dropdown{border:1px solid var(--border-color,#d1d5db);border-radius:var(--border-radius-md,8px);color:#111827;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;width:100%;height:48px;padding:.75rem 2rem .75rem .9rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.state-dropdown:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus,0 0 0 3px #fb923c26);outline:none}.state-dropdown:hover:not(:disabled){border-color:var(--primary-orange)}.state-dropdown--error{border-color:#ef4444}.state-dropdown--error:focus{box-shadow:0 0 0 3px #ef444426}.state-dropdown--disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.input-error-text{color:#ef4444;font-size:.75rem}.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)}.edit-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}.edit-relative-row-btn:hover{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);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}}.appraisal-adder-form{background-color:var(--background);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);margin-bottom:2rem;padding:1.5rem}.appraisal-adder-grid{grid-template-columns:repeat(3,1fr);gap:.5rem 1.5rem;display:grid}.appraisal-error-message{color:#ef4444;margin-top:-.5rem;margin-bottom:1rem;padding-left:.25rem;font-size:.82rem;font-weight:600}.add-appraisal-btn{padding:.65rem 1.25rem;font-size:.88rem}.added-appraisals-section{flex-direction:column;display:flex}.added-appraisals-title{color:var(--text-dark);border-bottom:1px solid #fed7aa4d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.appraisals-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}.appraisals-table-wrapper{border-radius:var(--border-radius-md);border:1px solid #fed7aa66;overflow-x:auto}.appraisals-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.appraisals-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}.appraisals-table td{color:var(--text-dark);border-bottom:1px solid #fed7aa33;padding:.85rem 1rem}.appraisals-table tr:last-child td{border-bottom:none}.appraisal-row{transition:var(--transition-fast)}.appraisal-row:hover{background-color:var(--background)}.appraisal-cell-bold{font-weight:650}.remove-appraisal-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-appraisal-row-btn:hover{color:#ef4444;background-color:#fef2f2;transform:scale(1.05)}@media (width<=900px){.appraisal-adder-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.appraisal-adder-grid{grid-template-columns:1fr}.appraisals-table th,.appraisals-table td{padding:.75rem .5rem;font-size:.85rem}}.employment-section-card{margin-top:0}.employee-form-root{flex-direction:column;width:100%;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%}}.form-error-toast{z-index:9999;color:#dc2626;border-radius:var(--border-radius-lg);background-color:#fff;border:1px solid #fecaca;border-left:5px solid #dc2626;align-items:center;gap:.75rem;max-width:400px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:fixed;top:90px;right:24px;box-shadow:0 15px 30px #dc262626,0 5px 15px #0000000d}.toast-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:1.5rem;line-height:1;transition:color .2s;display:flex}.toast-close-btn:hover{color:#dc2626}@keyframes toast-slide-in{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.employee-page-container{padding:0 1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.employee-page-header{margin-bottom:2rem}.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}.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-tabs-header{border-bottom:2px solid var(--border-color,#e5e7eb);gap:.75rem;margin:1.5rem 0 1.25rem;display:flex}.profile-tab-btn{color:var(--text-gray,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:.55rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.profile-tab-btn:hover{color:var(--primary-orange,#f97316);background-color:#f973160d}.profile-tab-btn.active{color:var(--primary-orange,#f97316);border-bottom-color:var(--primary-orange,#f97316);background-color:#f9731614}.profile-card-root{width:100%}.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-on-leave{color:#d97706;background-color:#fef3c7}.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:thin;scrollbar-color:var(--border-color) transparent;border-bottom:2px solid #fed7aa4d;gap:.5rem;margin-bottom:1.5rem;padding-bottom:6px;display:flex;overflow-x:auto}.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{border-bottom:1px dashed #fed7aa73;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.detail-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;margin-right:.5rem;font-size:.78rem;font-weight:600}.detail-value{color:var(--text-dark);text-align:right;font-size:.92rem;font-weight:700}.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}}.custom-modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.custom-modal-sheet{background-color:var(--white);border-radius:var(--border-radius-lg);width:100%;max-width:500px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-modal-header{border-bottom:1px solid #fed7aa4d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.custom-modal-title{color:var(--text-dark);font-size:1.25rem;font-weight:800}.custom-modal-close-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;margin-top:-5px;padding:0;font-size:1.75rem;line-height:1}.custom-modal-close-btn:hover{color:var(--primary-orange)}.custom-modal-body{margin-bottom:1.5rem}.custom-modal-grid{flex-direction:column;gap:1.25rem;display:flex}.custom-modal-footer{border-top:1px solid #fed7aa4d;justify-content:flex-end;gap:1rem;padding-top:1.25rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leave-stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1rem;display:grid}.leave-stat-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);border:1px solid #fed7aa73;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.leave-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #f973160a}.leave-stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.leave-stat-value{color:var(--text-dark);font-size:2rem;font-weight:850;line-height:1.1}.card-total{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#fed7aa}.card-used{background:linear-gradient(135deg,#fafafa 0%,#f4f4f5 100%);border-color:#e4e4e7}.card-remaining{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.card-unpaid{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5}.leave-stat-value.accent-highlight{color:#059669}@media (width<=1024px){.leave-stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.leave-stats-cards-grid{grid-template-columns:1fr;gap:.75rem}}.asset-adder-form{background-color:var(--background);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);margin-bottom:2rem;padding:1.5rem}.asset-adder-grid{grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;display:grid}.asset-error-message{color:#ef4444;margin-top:1rem;margin-bottom:.5rem;padding-left:.25rem;font-size:.82rem;font-weight:600}.add-asset-btn{padding:.65rem 1.25rem;font-size:.88rem}.added-assets-section{flex-direction:column;display:flex}.added-assets-title{color:var(--text-dark);border-bottom:1px solid #fed7aa4d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.assets-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}.assets-table-wrapper{border-radius:var(--border-radius-md);border:1px solid #fed7aa66;overflow-x:auto}.assets-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.assets-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}.assets-table td{color:var(--text-dark);border-bottom:1px solid #fed7aa33;padding:.85rem 1rem}.assets-table tr:last-child td{border-bottom:none}.asset-row{transition:var(--transition-fast)}.asset-row:hover{background-color:var(--background)}.asset-cell-bold{font-weight:650}.asset-status-tag{border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.asset-status-tag.status-allocated{color:#059669;background-color:#ecfdf5}.asset-status-tag.status-returned{color:#4b5563;background-color:#f3f4f6}.asset-status-tag.status-damaged{color:#dc2626;background-color:#fef2f2}.remove-asset-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-asset-row-btn:hover{color:#ef4444;background-color:#fef2f2;transform:scale(1.05)}@media (width<=900px){.asset-adder-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.asset-adder-grid{grid-template-columns:1fr}.assets-table th,.assets-table td{padding:.75rem .5rem;font-size:.85rem}}.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;width:100%;margin-top:1.5rem;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:none;padding-bottom:3rem}.onboard-trigger-btn{align-items:center;padding:.8rem 1.5rem;font-size:.95rem;display:inline-flex}.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-filter-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.4}}.directory-list{flex-direction:column;gap:.5rem;display:flex}.directory-list-header{border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray);background-color:#fdf6ee;border:1px solid #fed7aa80;grid-template-columns:2.2fr 1.4fr 2fr 1.3fr 1.2fr 1.1fr 1fr .4fr;align-items:center;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;display:grid}.directory-list-row{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #fed7aa66;grid-template-columns:2.2fr 1.4fr 2fr 1.3fr 1.2fr 1.1fr 1fr .4fr;align-items:center;padding:.9rem 1.5rem;transition:background-color .15s,border-color .15s;display:grid}.directory-list-row:hover{border-color:var(--primary-orange);background-color:#fff9f4}.directory-list-row:hover .list-cell-action{color:var(--primary-orange);transform:translate(3px)}.list-row-inactive{opacity:.65;background-color:#fafafa}.list-row-inactive:hover{opacity:.85}.list-col-employee{align-items:center;gap:.75rem;min-width:0;display:flex}.list-avatar{object-fit:cover;border:2px solid var(--primary-orange-light);border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:border-color .2s}.directory-list-row:hover .list-avatar{border-color:var(--primary-orange)}.list-employee-info{flex-direction:column;min-width:0;display:flex}.list-employee-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.list-employee-code{color:var(--text-gray);margin-top:.1rem;font-size:.72rem;font-weight:500}.list-col{min-width:0}.list-cell{align-items:center;display:flex}.list-cell-text{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:500;overflow:hidden}.list-email{color:var(--text-gray)}.list-type-badge{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);white-space:nowrap;border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.list-status-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:20px;padding:.22rem .6rem;font-size:.7rem;font-weight:750}.status-on\ leave{color:#a16207;background-color:#fef9c3}.list-col-action{justify-content:flex-end;display:flex}.list-cell-action{color:var(--text-gray);transition:color .2s,transform .2s}@media (width<=1024px){.directory-list-header,.directory-list-row{grid-template-columns:2fr 1.4fr 1.8fr 1.2fr 1fr 1fr .4fr}.directory-list-header .list-col:nth-child(4),.directory-list-row .list-col:nth-child(4){display:none}}@media (width<=768px){.directory-list-header{display:none}.directory-list-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem;display:flex;position:relative}.list-col-employee,.list-col,.list-col-action{width:100%}.list-cell-text{white-space:normal}.list-col-action{width:auto;position:absolute;top:1rem;right:1.25rem}}@media (width<=600px){.directory-controls-card{flex-direction:column;align-items:stretch;padding:1.25rem}.directory-search-wrapper{min-width:0}.directory-filters-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.directory-filter-select{width:100%}.directory-header-section{flex-direction:column;align-items:stretch}.onboard-trigger-btn{justify-content:center;width:100%}}.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-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-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:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.emp-overview-card{height:100%}.emp-dashboard-metrics-subgrid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.emp-dashboard-metrics-subgrid .emp-metric-card{height:100%;margin-bottom:0}.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:repeat(3,1fr);align-items:stretch;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;flex-direction:column;min-height:380px;padding:1.5rem 1.75rem;display:flex}.emp-widget-body{flex-direction:column;flex:1;display:flex}.emp-widget-header{border-bottom:2px solid var(--primary-orange-light);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.6rem;display:flex}.emp-widget-header-title-box{align-items:center;gap:.75rem;display:flex}.emp-widget-title{color:var(--text-dark);margin:0;font-size:1.05rem;font-weight:700}.emp-widget-empty{text-align:center;color:var(--text-gray);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem;font-size:.9rem;font-style:italic;display:flex}.emp-holiday-simple-list{flex-direction:column;gap:.75rem;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;min-width:0}.emp-holiday-simple-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .1rem;font-size:.9rem;font-weight:700;overflow:hidden}.emp-holiday-simple-type{color:var(--text-gray);margin:0;font-size:.72rem;font-weight:500}.emp-holiday-simple-country{flex-shrink:0;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;min-width:0;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;flex-shrink:0;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}.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-subgrid{grid-template-columns:repeat(2,1fr)}.emp-dashboard-operational-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=600px){.emp-dashboard-metrics-subgrid{grid-template-columns:1fr}}.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}}.family-dependents-container{flex-direction:column;gap:2px;width:100%;display:flex}.family-dependents-container:before{content:"FULL NAME  RELATIONSHIP  PHONE NUMBER";background-color:var(--primary-orange-light);color:var(--primary-orange);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr 1fr;padding:.6rem 1rem;font-size:.75rem;font-weight:700;display:grid}.family-member-row{border-bottom:1px solid #fed7aa33;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.75rem 1rem;transition:background-color .15s;display:grid}.family-member-row:last-child{border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-bottom:none}.family-member-row:hover{background-color:#fed7aa14}.family-member-row.emergency-contact-row{background-color:#fff5f5;border-left:3px solid #ef4444;border-radius:4px;margin:4px 0}.family-member-row.emergency-contact-row:hover{background-color:#ffebeb}.emergency-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;background-color:#ef4444;border-radius:4px;margin-right:8px;padding:.15rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.family-member-cell{color:var(--text-dark);align-items:center;font-size:.9rem;display:flex}.name-cell{font-weight:600}.relation-cell{justify-content:center}.phone-cell{justify-content:flex-end}.rel-badge{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.family-member-row.no-data-row{border-bottom:none;padding:2rem 1rem}.family-dependents-container:has(.no-data-row){border:1px solid var(--border-color);border-radius:var(--border-radius-md)}@media (width<=640px){.family-dependents-container:before{grid-template-columns:1.2fr .8fr 1fr;padding:.4rem .6rem;font-size:.6rem}.family-member-row{grid-template-columns:1.2fr .8fr 1fr;gap:4px;padding:.5rem .6rem;font-size:.8rem}.emergency-badge{margin-right:4px;padding:.1rem .3rem;font-size:.5rem}.family-member-cell{word-break:break-word;font-size:.8rem}.relation-cell,.phone-cell{justify-content:flex-start}.rel-badge{padding:.1rem .4rem;font-size:.65rem}}@media (width<=400px){.family-dependents-container:before{grid-template-columns:1.4fr .6fr 1fr;padding:.3rem .4rem;font-size:.5rem}.family-member-row{grid-template-columns:1.4fr .6fr 1fr;padding:.4rem;font-size:.7rem}}.account-settings-container{width:100%;margin-top:1.5rem}.settings-grid-layout{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;width:100%;display:grid}.account-settings-card{border-radius:var(--border-radius-lg,12px);background-color:var(--white,#fff);border:1px solid var(--border-color,#e5e7eb);flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.settings-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.settings-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.email-icon-bg{color:#f97316;background-color:#fff7ed;border:1px solid #ffedd5}.password-icon-bg{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe}.settings-card-title{color:var(--text-dark,#1f2937);margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.settings-card-desc{color:var(--text-gray,#6b7280);margin:0;font-size:.85rem;line-height:1.4}.current-email-badge-row{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.badge-label{color:#6b7280;font-weight:500}.badge-value{color:#1f2937;font-weight:700}.settings-alert{border-radius:8px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.875rem;font-weight:600}.alert-success{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.alert-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.settings-form{flex-direction:column;gap:1.15rem;margin-top:auto;display:flex}.form-group-node{flex-direction:column;gap:.4rem;display:flex}.form-input-node{color:#1f2937;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:all .15s ease-in-out}.form-input-node:focus{border-color:var(--primary-orange,#f97316);outline:none;box-shadow:0 0 0 3px #f973161f}.form-actions-row{justify-content:flex-end;margin-top:.5rem;display:flex}@media (width<=768px){.settings-grid-layout{grid-template-columns:1fr}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input-node{padding-right:45px}.password-toggle-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#374151;background:#0000000d}.password-toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.employee-directory-container{max-width:none;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}.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}.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);background-color:var(--white);padding:.85rem 1rem .85rem 3rem;font-size:.95rem}.directory-search-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.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);outline:none}.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)}.search-loading-indicator{color:var(--primary-orange);margin-left:.75rem;font-size:.82rem;font-weight:600;animation:1s ease-in-out infinite pulse-text}.directory-error-alert{color:#b91c1c;border-radius:var(--border-radius-md);background-color:#fef2f2;border:1.5px solid #fca5a5;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.92rem;font-weight:500;display:flex}.directory-loading-viewport{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.directory-list-wrapper{flex-direction:column;gap:.5rem;display:flex}.directory-table-header{border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray);background-color:#fdf6ee;border:1px solid #fed7aa80;grid-template-columns:2.5fr 1.6fr 2fr 1.2fr 1.2fr 1fr;align-items:center;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;display:grid}.directory-table-body{flex-direction:column;gap:.5rem;display:flex}.directory-table-row{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;grid-template-columns:2.5fr 1.6fr 2fr 1.2fr 1.2fr 1fr;align-items:center;padding:.9rem 1.5rem;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.directory-table-row:hover{border-color:var(--primary-orange);background-color:#fff9f4;transform:translateY(-1px)}.tbl-row-inactive{opacity:.65;background-color:#fafafa}.tbl-row-inactive:hover{opacity:.85}.tbl-col-employee{align-items:center;gap:.75rem;min-width:0;display:flex}.tbl-avatar{object-fit:cover;border:2px solid var(--primary-orange-light);border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:border-color .2s}.directory-table-row:hover .tbl-avatar{border-color:var(--primary-orange)}.tbl-employee-info{flex-direction:column;min-width:0;display:flex}.tbl-employee-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.tbl-employee-code{color:var(--text-gray);margin-top:.1rem;font-size:.72rem;font-weight:500}.tbl-col{min-width:0}.tbl-cell{align-items:center;display:flex}.tbl-cell-text{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:500;overflow:hidden}.tbl-email{color:var(--text-gray)}.tbl-type-badge{background-color:var(--primary-orange-light);color:var(--primary-orange-hover);white-space:nowrap;border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.tbl-status-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:20px;padding:.22rem .6rem;font-size:.7rem;font-weight:750}.status-active{color:#15803d;background-color:#dcfce7}.status-inactive{color:#6b7280;background-color:#f3f4f6}.status-on-leave,.status-on\ leave{color:#a16207;background-color:#fef9c3}.status-suspended{color:#991b1b;background-color:#fee2e2}.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}.directory-pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem 0;display:flex}.pagination-btn{padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.pagination-info{color:var(--text-gray);font-size:.92rem;font-weight:500}.pagination-info strong{color:var(--text-dark)}@media (width<=1024px){.directory-table-header,.directory-table-row{grid-template-columns:2.2fr 1.5fr 2fr 1fr 1fr}.directory-table-header div:nth-child(4),.directory-table-row div:nth-child(4){display:none}}@media (width<=768px){.directory-table-header{display:none}.directory-table-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;display:flex}.tbl-col-employee,.tbl-col,.tbl-cell{width:100%}.tbl-cell-text{white-space:normal}}@media (width<=600px){.directory-controls-card{flex-direction:column;align-items:stretch;padding:1.25rem}.directory-search-wrapper{min-width:0}.directory-filters-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.directory-filter-select{width:100%}.directory-header-section{flex-direction:column;align-items:stretch}}.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-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}.holiday-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-list-table-wrapper{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;width:100%;overflow-x:auto}.holiday-list-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.holiday-list-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:1rem 1.25rem;font-size:.78rem;font-weight:700}.holiday-list-table td{color:var(--text-dark);vertical-align:middle;border-bottom:1px solid #fed7aa33;padding:1.1rem 1.25rem}.holiday-list-table tr:last-child td{border-bottom:none}.holiday-list-table tr:hover td{background-color:#fed7aa0d}.holiday-list-date-cell{color:var(--primary-orange);font-weight:700}.holiday-list-name-cell{font-size:.95rem;font-weight:700}.holiday-list-desc{color:var(--text-gray);margin-top:.25rem;font-size:.82rem}.holiday-list-type-cell{font-weight:600}.holiday-list-country-cell{align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.holiday-list-actions{gap:.5rem;display:flex}.action-icon-btn{border:1px solid var(--border-color);background-color:var(--white);width:32px;height:32px;color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.action-icon-btn:hover{background-color:var(--primary-orange-light);color:var(--primary-orange);border-color:#f973164d}.action-icon-btn.btn-delete:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.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-form-header{margin-bottom:1.5rem;position:relative}.holiday-form-header-content{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.holiday-form-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.holiday-form-close-btn:hover{color:#333;background-color:#f0f0f0}.holiday-form-close-btn:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.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}.vendor-mgmt-container{max-width:1400px;margin:0 auto;padding:2.5rem 2rem}.vendor-mgmt-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}.vendor-mgmt-header{text-align:left;flex:1}.mgmt-header-breadcrumbs{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.mgmt-breadcrumb-active-child{color:var(--primary-orange,#ff6b00);font-weight:600}.vendor-mgmt-title{color:#111827;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.vendor-mgmt-desc{color:#4b5563;max-width:800px;margin:0;font-size:1.05rem;line-height:1.5}.mgmt-success-alert{color:#166534;background-color:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000000d}.mgmt-success-icon{color:#15803d;flex-shrink:0}.mgmt-error-alert{color:#991b1b;background-color:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000000d}.mgmt-error-icon{color:#ef4444;flex-shrink:0}.mgmt-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1.25rem;font-weight:700;line-height:1}.vendor-controls-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:2rem;padding:1.25rem;box-shadow:0 1px 3px #00000005,0 10px 20px #00000008}.vendor-search-wrapper{width:100%;position:relative}.search-icon-node{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.vendor-search-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3.25rem;font-size:.95rem;transition:all .2s ease-in-out}.vendor-search-input:focus{border-color:var(--primary-orange,#ff6b00);background:#fff;outline:none;box-shadow:0 0 0 4px #ff6b001f}.vendor-loading-viewport{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.loading-desc-text{color:#6b7280;margin-top:1.25rem;font-weight:500}.vendor-empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--primary-orange,#ff6b00);background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.empty-state-title{color:#111827;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-state-desc{color:#6b7280;max-width:400px;margin:0 0 1.5rem;font-size:.95rem}.vendor-list-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.vendor-list-header{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:2.2fr 2.2fr 2fr 1.5fr 1fr;padding:1.25rem 1.75rem;font-size:.875rem;font-weight:700;display:grid}.vendor-list-body{flex-direction:column;display:flex}.vendor-list-row{cursor:pointer;border-bottom:1px solid #f1f5f9;grid-template-columns:2.2fr 2.2fr 2fr 1.5fr 1fr;align-items:center;padding:1.25rem 1.75rem;transition:background-color .15s ease-in-out;display:grid}.vendor-list-row:last-child{border-bottom:none}.vendor-list-row:hover{background-color:#f8fafc}.list-col-name{align-items:center;gap:1rem;display:flex}.vendor-avatar{width:40px;height:40px;color:var(--primary-orange,#ff6b00);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #ffddd2;border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.vendor-name-text{color:#1e293b;font-size:.975rem;font-weight:600}.vendor-email-text{color:#475569;word-break:break-all;font-size:.95rem;font-weight:500}.vendor-phone-text{color:#475569;font-size:.95rem;font-weight:500;display:block}.vendor-alt-phone-text{color:#64748b;margin-top:2px;font-size:.8rem;font-weight:500;display:block}.vendor-date-text{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;padding:.25rem .75rem;font-size:.95rem;font-weight:500;display:inline-flex}.list-col-actions{align-items:center;gap:.75rem;display:flex}.action-btn-edit,.action-btn-delete{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s ease-in-out;display:flex}.action-btn-edit{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.action-btn-edit:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.action-btn-delete{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7}.action-btn-delete:hover{color:#c53030;background:#fed7d7;border-color:#f56565}.vendor-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vendor-modal-sheet{background:#fff;border-radius:16px;width:500px;max-width:90%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;font-weight:700;line-height:1}.modal-close-btn:hover{color:#475569}.modal-form{padding:1.5rem}.vendor-form-group{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.25rem;display:flex;position:relative}.vendor-form-label{color:#475569;text-align:left;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block;pointer-events:auto!important;background-color:#0000!important;padding:0!important;position:static!important;transform:none!important}.vendor-form-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .15s ease-in-out}.vendor-form-input:focus{border-color:var(--primary-orange,#ff6b00);outline:none;box-shadow:0 0 0 3px #ff6b001f}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.error-message-text{color:#ef4444;text-align:left;font-size:.8rem;font-weight:500}.required-star{color:#ef4444;margin-left:.25rem}.modal-actions-panel{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}@media (width<=768px){.vendor-mgmt-container{padding:1.5rem 1rem}.vendor-list-header{display:none}.vendor-list-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;padding:1.25rem}.list-col-name{font-weight:700}.vendor-date-text{margin-top:.25rem}.list-col-actions{justify-content:flex-start;margin-top:.5rem}}.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}}.my-team-page{box-sizing:border-box;text-align:left;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-header-breadcrumbs{color:var(--text-gray);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.breadcrumb-parent{cursor:pointer;transition:var(--transition-fast);font-weight:500}.breadcrumb-active-child{color:var(--text-dark);font-weight:600}.my-team-header-row{text-align:left;margin-bottom:2rem}.my-team-page-title{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.my-team-page-desc{color:var(--text-gray);margin:0;font-size:1rem}.my-team-toolbar{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);border:1px solid #fed7aa66;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.search-box-wrapper{flex:1;align-items:center;max-width:480px;display:flex;position:relative}.search-icon{color:var(--text-gray);pointer-events:none;transition:var(--transition-fast);position:absolute;left:1rem}.team-search-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:var(--white);transition:var(--transition-fast);outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.team-search-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.team-search-input:focus+.search-icon{color:var(--primary-orange)}.team-stats-badge{background-color:var(--primary-orange-light);color:var(--primary-orange);white-space:nowrap;border:1px solid #f9731626;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.team-loading-viewport,.team-error-viewport,.team-empty-viewport{background:var(--white);border-radius:var(--border-radius-lg);min-height:350px;box-shadow:var(--shadow-soft);text-align:center;border:1px solid #fed7aa4d;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.loading-desc-text{color:var(--text-gray);margin-top:1rem;font-size:1rem;font-weight:500}.error-card,.empty-card{flex-direction:column;align-items:center;gap:1rem;max-width:420px;display:flex}.error-card h3,.empty-card h3{color:var(--text-dark);margin:0;font-size:1.35rem;font-weight:700}.error-card p,.empty-card p{color:var(--text-gray);margin:0;font-size:.95rem;line-height:1.5}.team-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.team-member-card{background:var(--white);border-radius:var(--border-radius-lg);transition:var(--transition-normal);border:1px solid #fed7aa66;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.team-member-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-color);transform:translateY(-4px)}.team-card-header{border-bottom:1px solid #fed7aa4d;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.avatar-wrapper{flex-shrink:0;position:relative}.member-avatar{object-fit:cover;border:2px solid var(--border-color);background-color:var(--primary-orange-light);border-radius:50%;width:56px;height:56px}.status-dot{border:2px solid var(--white);border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.status-dot.active{background-color:#10b981}.status-dot.inactive{background-color:#9ca3af}.header-meta{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.member-name{color:var(--text-dark);margin:0 0 .2rem;font-size:1.15rem;font-weight:700;line-height:1.2}.member-code{color:var(--text-gray);letter-spacing:.05em;background:#f3f4f6;border-radius:4px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.team-card-body{text-align:left;flex-direction:column;gap:.75rem;font-size:.9rem;display:flex}.info-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.info-label{color:var(--text-gray);font-weight:500}.info-value{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.info-value.email-link{color:var(--primary-orange);cursor:pointer;transition:var(--transition-fast);font-weight:600}.info-value.email-link:hover{color:var(--primary-orange-hover);text-decoration:underline}.team-card-footer{border-top:1px dashed #fed7aa4d;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:flex}.team-card-footer .action-btn{text-align:center;border-radius:var(--border-radius-sm);cursor:pointer;flex:1;padding:.65rem 1rem;font-size:.88rem;font-weight:700}.contact-btn-orange{text-align:center;border-radius:var(--border-radius-sm);background-color:var(--primary-orange);box-shadow:var(--shadow-soft);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;flex:1;padding:.65rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block;color:var(--white)!important}.contact-btn-orange:hover{background-color:var(--primary-orange-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}@media (width<=768px){.my-team-page{padding:1rem}.my-team-toolbar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.search-box-wrapper{max-width:100%}.team-stats-badge{align-self:flex-start}.team-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-logo{object-fit:contain;width:auto;height:45px;margin:0 auto;display:block}.sidebar-collapsed-logo-mark{background-color:var(--primary-orange-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.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-submenu-trigger{text-align:left;width:100%;font:inherit;background-color:#0000;border:none;outline:none}.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}.sidebar-submenu-container{flex-direction:column;width:100%;display:flex}.sidebar-submenu-arrow{transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-left:auto;display:flex}.arrow-rotated{transform:rotate(180deg)}.sidebar-submenu-list{flex-direction:column;gap:.25rem;margin-top:.25rem;margin-bottom:.5rem;padding-left:2.25rem;display:flex}.sidebar-sub-item{color:var(--text-gray);border-radius:var(--border-radius-sm);transition:var(--transition-fast);align-items:center;gap:.65rem;padding:.55rem .85rem;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.sidebar-sub-item:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.sidebar-sub-item-active{color:var(--primary-orange);font-weight:700}.sidebar-sub-item-dot{background-color:var(--text-gray);opacity:.5;width:5px;height:5px;transition:var(--transition-fast);border-radius:50%}.sidebar-sub-item-active .sidebar-sub-item-dot{background-color:var(--primary-orange);opacity:1;transform:scale(1.2)}.notification-badge{background:var(--primary-orange);min-width:18px;height:18px;color:var(--white);border:2px solid var(--white);letter-spacing:0;pointer-events:none;border-radius:50px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards badge-pop;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #f9731680}@keyframes badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.notif-card{border-radius:var(--border-radius-md);background:var(--white);transition:var(--transition-fast);border:1px solid #0000;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex;position:relative}.notif-card+.notif-card{border-top:1px solid #fed7aa4d;border-radius:0}.notif-card:last-child{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.notif-card--unread{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)}.notif-card--clickable{cursor:pointer}.notif-card--clickable:hover{background:var(--primary-orange-light);border-color:#f9731626}.notif-card--compact{gap:.75rem;padding:.75rem 1rem}.notif-card__unread-dot{background:var(--primary-orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.notif-card__icon{border-radius:var(--border-radius-sm);background:var(--primary-orange-light);justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.35rem;line-height:1;display:flex}.notif-card--compact .notif-card__icon{width:32px;min-width:32px;height:32px;font-size:1.1rem}.notif-card__content{flex:1;min-width:0}.notif-card__header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.notif-card__title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.88rem;font-weight:700;overflow:hidden}.notif-card--compact .notif-card__title{max-width:180px}.notif-card__label{color:var(--primary-orange);background:var(--primary-orange-light);white-space:nowrap;border-radius:50px;flex-shrink:0;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.notif-card__message{color:var(--text-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .3rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-card--compact .notif-card__message{-webkit-line-clamp:1;margin-bottom:.15rem}.notif-card__time{color:var(--text-gray);opacity:.75;font-size:.72rem}.notif-card__actions{opacity:0;flex-direction:column;flex-shrink:0;gap:.25rem;transition:opacity .15s;display:flex}.notif-card:hover .notif-card__actions{opacity:1}.notif-action-btn{border-radius:var(--border-radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notif-action-btn--read{color:#10b981}.notif-action-btn--read:hover{color:#065f46;background:#d1fae5}.notif-action-btn--delete{color:var(--text-gray)}.notif-action-btn--delete:hover{color:#ef4444;background:#fee2e2}.notif-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.notif-empty-icon-wrap{background:var(--primary-orange-light);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.75rem;display:flex}.notif-empty-icon{color:var(--primary-orange);opacity:.8}.notif-empty-title{color:var(--text-dark);margin:0;font-size:.95rem;font-weight:700}.notif-empty-message{color:var(--text-gray);margin:0;font-size:.82rem}.notif-dropdown{background:var(--white);border-radius:var(--border-radius-lg);z-index:1001;transform-origin:100% 0;border:1px solid #fed7aa80;width:400px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px -10px #f9731626,0 8px 20px -5px #00000014}.notif-dropdown__header{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);border-bottom:1px solid #fed7aa66;justify-content:space-between;align-items:center;padding:1rem 1.2rem .85rem;display:flex}.notif-dropdown__header-left{align-items:center;gap:.5rem;display:flex}.notif-dropdown__title{color:var(--text-dark);font-size:.95rem;font-weight:800}.notif-dropdown__unread-chip{color:var(--white);background:var(--primary-orange);border-radius:50px;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.notif-dropdown__mark-all{color:var(--primary-orange);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.3rem .6rem;font-size:.78rem;font-weight:600}.notif-dropdown__mark-all:hover{background:var(--primary-orange-light)}.notif-dropdown__mark-all:disabled{opacity:.5;cursor:not-allowed}.notif-dropdown__list{scrollbar-width:thin;scrollbar-color:#f9731633 transparent;max-height:380px;overflow:hidden auto}.notif-dropdown__list::-webkit-scrollbar{width:4px}.notif-dropdown__list::-webkit-scrollbar-thumb{background:#f9731633;border-radius:4px}.notif-dropdown__footer{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);border-top:1px solid #fed7aa66;padding:.75rem 1.2rem}.notif-dropdown__view-all{width:100%;color:var(--primary-orange);background:var(--primary-orange-light);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #f9731633;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.85rem;font-weight:700;display:flex}.notif-dropdown__view-all:hover{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);box-shadow:var(--shadow-button)}.notif-dropdown__skeleton{border-bottom:1px solid #fed7aa33;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;display:flex}.skeleton-icon{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:32px;min-width:32px;height:32px;animation:1.4s infinite shimmer}.skeleton-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:12px;animation:1.4s infinite shimmer}.skeleton-msg{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:85%;height:10px;animation:1.4s infinite shimmer}@keyframes animate-fade-in{0%{opacity:0;transform:scale(.97)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){.notif-dropdown{width:calc(100vw - 2rem);right:-1rem}}.notif-bell-container{align-items:center;display:flex;position:relative}.notif-bell-btn{border-radius:var(--border-radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);color:var(--text-gray);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.notif-bell-btn:hover{background:var(--primary-orange-light);color:var(--primary-orange);border-color:#f9731633}.notif-bell-btn--active{background:var(--primary-orange-light);color:var(--primary-orange);border-color:#f973164d}.notif-bell-icon--ringing{transform-origin:50% 0;animation:2s ease-in-out 1s infinite bell-ring}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}70%{transform:rotate(0)}}.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-role{color:var(--primary-orange);text-transform:capitalize;margin:1px 0;font-size:.72rem;font-weight:700}.dropdown-email{color:var(--text-gray);font-size:.78rem}.dropdown-divider{background-color:#fed7aa4d;height:1px;margin:.5rem 0}.dropdown-profile-btn{width:100%;color:var(--text-dark);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.88rem;font-weight:600;display:flex}.dropdown-profile-btn:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.dropdown-logout-btn{color:#ef4444;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-fast);background:0 0;border:none;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}}.comp-type-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-orange{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5}.badge-gray{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.badge-green{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.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;padding:1.5rem 1.75rem!important}.salary-template-card:hover{border-color:#ffedd5;transform:translateY(-2px);box-shadow:0 10px 25px -5px #f973161a,0 8px 10px -6px #f973161a}.t-card-header-section{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.t-card-header-left{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.t-card-name{color:var(--text-dark);margin:0;font-family:Georgia,serif;font-size:1.15rem;font-weight:750}.t-card-meta-row{gap:.5rem;display:flex}.t-meta-pill{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.02em;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.country-pill{color:var(--text-gray);border:1px solid var(--border-color);background-color:#fafafa}.shift-pill{background-color:var(--primary-orange-light);color:var(--primary-orange);border:1px solid #ffedd5}.t-card-actions{align-items:center;gap:.5rem;display:flex}.action-btn{padding:.45rem .85rem!important;font-size:.8rem!important;font-weight:600!important}.deactive-btn{color:#ef4444!important;background-color:#fef2f2!important;border-color:#fee2e2!important}.deactive-btn:hover{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}.t-card-divider{background-color:#f3f4f6;height:1px;margin:1.25rem 0}.t-card-body-section{grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}.t-body-column{flex-direction:column;display:flex}.column-title{text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #f3f4f6;margin:0 0 .75rem;padding-bottom:.25rem;font-size:.8rem;font-weight:750}.system-title{color:var(--primary-orange);border-bottom-color:#ffedd5}.additional-title{color:var(--text-gray)}.components-list-box{flex-direction:column;gap:.5rem;display:flex}.component-list-item{border-radius:var(--border-radius-sm);background-color:#fafafa;border:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.item-left{align-items:center;gap:.5rem;display:flex}.item-name{color:var(--text-dark);font-size:.82rem;font-weight:600}.item-val{color:var(--text-dark);font-size:.82rem;font-weight:750}.auto-val-txt{color:#16a34a}.no-components-text{color:var(--text-gray);margin:0;font-size:.78rem;font-style:italic}@media (width<=992px){.t-card-body-section{grid-template-columns:1fr;gap:1.25rem}}@media (width<=680px){.t-card-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.t-card-actions{width:100%}.action-btn{flex:1;justify-content:center}}.view-btn{background-color:var(--primary-orange)!important;color:#fff!important;border-color:var(--primary-orange)!important}.view-btn:hover{background-color:var(--primary-orange-hover)!important;border-color:var(--primary-orange-hover)!important}.count-pill{color:#15803d!important;background-color:#f0fdf4!important;border:1px solid #bbf7d0!important}.component-config-row{border-radius:var(--border-radius-sm);background-color:var(--white);border:1px solid var(--border-color);align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.row-system-locked{background-color:#fcf8f2;border-color:#fed7aa}.system-lock-indicator{width:24px;height:24px;color:var(--primary-orange);background-color:#fff7ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-indicator{color:#9ca3af;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.row-field-wrapper{align-items:center;display:flex;position:relative}.flex-2{flex:2}.flex-3{flex:3}.row-text-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);width:100%;color:var(--text-dark);transition:var(--transition-fast);padding:.5rem .75rem;font-size:.9rem}.row-text-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.locked-input{cursor:not-allowed;color:#4b5563!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}.row-select-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);width:100%;color:var(--text-dark);appearance:none;cursor:pointer;transition:var(--transition-fast);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 .75rem center;background-repeat:no-repeat;background-size:.85rem;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;font-weight:600}.row-select-input:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.value-input-container{justify-content:flex-end;align-items:center;display:flex}.value-input-inner{align-items:center;width:100%;display:flex;position:relative}.currency-prefix-inline{color:var(--text-gray);pointer-events:none;font-size:.85rem;position:absolute;left:.6rem}.percentage-suffix-inline{color:var(--text-gray);pointer-events:none;font-size:.85rem;position:absolute;right:.6rem}.pad-left-curr{padding-left:1.5rem!important}.pad-right-perc{padding-right:1.5rem!important}.text-right{text-align:right;padding-right:1.5rem!important}.auto-calculated-row-badge{color:#15803d;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.03em;background-color:#f0fdf4;border:1px solid #bbf7d0;justify-content:center;align-items:center;width:100%;padding:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.row-action-wrapper{flex-shrink:0;justify-content:center;width:32px;display:flex}.row-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.row-delete-btn:hover{color:#dc2626;background-color:#fef2f2}@media (width<=768px){.component-config-row{flex-wrap:wrap;gap:.75rem}.flex-3{flex:100%}.flex-2{flex:45%}}.payroll-simulator-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);position:sticky;top:1.5rem;padding:1.5rem!important}.simulator-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.simulator-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.simulator-title{color:var(--text-dark);text-align:left;margin:0;font-size:1.1rem;font-weight:700}.simulator-subtitle{color:var(--text-gray);text-align:left;margin:0 0 1.25rem;font-size:.8rem}.simulator-input-group{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1.25rem;display:flex}.sim-input-label{color:var(--text-dark);font-size:.8rem;font-weight:700}.sim-gross-wrapper{width:100%;position:relative}.currency-symbol{color:var(--text-gray);pointer-events:none;font-size:.95rem;font-weight:600;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.sim-gross-input{width:100%;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);background-color:#fbfbfb;padding:.65rem 1rem .65rem 2rem;font-size:1rem;font-weight:700}.sim-gross-input:focus{border-color:var(--primary-orange);background-color:var(--white);box-shadow:var(--shadow-input-focus);outline:none}.sim-divider{background-color:var(--border-color);height:1px;margin:1.25rem 0}.sim-breakdown-section{margin-bottom:1.25rem}.sim-section-title{text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #f3f4f6;margin:0 0 .75rem;padding-bottom:.25rem;font-size:.85rem;font-weight:700}.sim-items-list{flex-direction:column;gap:.65rem;display:flex}.sim-item-row{justify-content:space-between;align-items:center;display:flex}.sim-item-meta{flex-direction:column;align-items:flex-start;display:flex}.sim-item-name{color:var(--text-dark);font-size:.88rem;font-weight:600}.sim-item-desc{color:var(--text-gray);font-size:.72rem}.sim-item-value{font-size:.88rem;font-weight:700}.sim-empty-text{color:var(--text-gray);text-align:left;margin:0;font-size:.75rem;font-style:italic}.sim-totals-section{flex-direction:column;gap:.65rem;display:flex}.sim-total-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.sim-total-lbl{color:var(--text-gray);font-weight:600}.sim-total-val{font-weight:700}.sim-net-salary-block{border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #ffedd5;justify-content:space-between;align-items:center;margin-top:.5rem;padding:1rem;display:flex}.sim-net-meta{flex-direction:column;align-items:flex-start;display:flex}.sim-net-lbl{color:#c2410c;font-size:.88rem;font-weight:700}.sim-net-sub{color:#ea580c;font-size:.72rem}.sim-net-val{color:#c2410c;font-size:1.2rem;font-weight:850}.validation-summary-panel{border-radius:var(--border-radius-sm);background-color:#fffaf0;border:1px solid #fed7aa;border-left:4px solid #ea580c;margin-bottom:1.5rem;padding:1rem}.validation-header{color:#c2410c;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.warn-icon{flex-shrink:0}.validation-title{text-transform:uppercase;letter-spacing:.03em}.validation-list{text-align:left;margin:0;padding-left:1.5rem;list-style-type:disc}.validation-list-item{color:#7c2d12;margin-bottom:.25rem;font-size:.82rem;font-weight:600;line-height:1.5}.validation-list-item:last-child{margin-bottom:0}.template-form-layout{text-align:left;grid-template-columns:1fr 400px;align-items:start;gap:1.75rem;display:grid}.form-config-panel{min-width:0}.form-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:2.25rem!important}.form-card-header-row{margin-bottom:2rem}.form-card-title{color:var(--text-dark);margin:0 0 .45rem;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:800}.form-card-subtitle{color:var(--text-gray);margin:0;font-size:.88rem;line-height:1.5}.form-grid{flex-direction:column;gap:1.5rem;display:flex}.form-field-group{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.form-label-bold{color:var(--text-dark);font-size:.88rem;font-weight:700}.label-required{color:var(--primary-orange);margin-left:.15rem}.template-text-input{width:100%;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);box-sizing:border-box;background-color:#fbfbfb;padding:.75rem 1rem;font-size:.95rem}.template-text-input:focus{border-color:var(--primary-orange);background-color:var(--white);box-shadow:var(--shadow-input-focus);outline:none}.form-row-split{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.select-dropdown-wrapper{width:100%;position:relative}.template-select-input{width:100%;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-color:#fbfbfb;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);background-color:var(--white);box-shadow:var(--shadow-input-focus);outline:none}.form-divider{background-color:#f3f4f6;border:0;height:1px;margin:2rem 0}.components-builder-section{flex-direction:column;display:flex}.section-head-title{color:var(--text-dark);text-align:left;margin:0 0 .25rem;font-size:1.15rem;font-weight:750}.orange-sub{color:var(--primary-orange)}.section-head-desc{color:var(--text-gray);text-align:left;margin:0 0 1.25rem;font-size:.82rem;line-height:1.4}.section-head-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.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:700;display:inline-flex}.add-component-row-btn:hover{background-color:var(--primary-orange);color:var(--white);border-color:var(--primary-orange)}.components-rows-list{flex-direction:column;gap:.75rem;min-height:20px;display:flex}.locked-list{border-radius:var(--border-radius-sm);background-color:#fbfbfb;border:1px dashed #fed7aa;padding:1rem}.components-empty-alert{text-align:center;color:var(--text-gray);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);background-color:#fbfbfb;padding:2rem;font-size:.82rem;font-style:italic}.form-validation-section{margin-top:1.5rem}.form-actions-row{gap:1rem;margin-top:2rem;display:flex}.save-template-btn{padding:.75rem 1.5rem!important;font-weight:700!important}.cancel-template-btn{padding:.75rem 1.5rem!important;font-weight:600!important}.form-visualizer-panel{position:relative}.sticky-scroll-container{flex-direction:column;gap:1.5rem;max-height:calc(100vh - 6rem);padding-right:.25rem;display:flex;position:sticky;top:1.5rem;overflow-y:auto}.sticky-scroll-container::-webkit-scrollbar{width:6px}.sticky-scroll-container::-webkit-scrollbar-track{background:0 0}.sticky-scroll-container::-webkit-scrollbar-thumb{background-color:#f9731633;border-radius:9999px}.sticky-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#f9731666}@media (width<=1024px){.template-form-layout{grid-template-columns:1fr}.sticky-scroll-container{max-height:none;position:static;overflow-y:visible}}@media (width<=680px){.form-row-split{grid-template-columns:1fr;gap:1.25rem}.form-actions-row{flex-direction:column}.save-template-btn,.cancel-template-btn{width:100%}}.admin-page-container{max-width:none;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}.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}.templates-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:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.search-input-wrapper{flex:1;max-width:450px;position:relative}.search-icon{color:var(--text-gray);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.templates-search-input{width:100%;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);background-color:#fafafa;padding:.65rem 1rem .65rem 2.25rem;font-size:.9rem}.templates-search-input:focus{border-color:var(--primary-orange);background-color:var(--white);box-shadow:var(--shadow-input-focus);outline:none}.filter-select-group{align-items:center;gap:1.25rem;display:flex}.filter-select-wrapper{align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--text-gray);white-space:nowrap;font-size:.82rem;font-weight:700}.templates-filter-select{color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);appearance:none;cursor:pointer;background-color:#fafafa;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 .75rem center;background-repeat:no-repeat;background-size:.85rem;padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-weight:600}.templates-filter-select:focus{border-color:var(--primary-orange);background-color:var(--white);box-shadow:var(--shadow-input-focus);outline:none}@media (width<=768px){.templates-filter-bar{flex-direction:column;align-items:stretch;gap:1rem}.search-input-wrapper{max-width:none}.filter-select-group{flex-direction:column;align-items:stretch;gap:.75rem}.filter-select-wrapper{justify-content:space-between}.templates-filter-select{width:150px}}.assignment-stat-card{background-color:var(--white,#fff);border-radius:var(--border-radius-md,12px);border:1px solid #e2e8f0;align-items:center;gap:1.15rem;padding:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;box-shadow:0 1px 3px #0000000d}.assignment-stat-card:hover{border-color:#fed7aa;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.stat-icon-wrapper{color:#ea580c;background-color:#fff6f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info-wrapper{flex-direction:column;display:flex}.stat-value{color:#1c1917;font-size:1.35rem;font-weight:800;line-height:1.2}.stat-label{color:#78716c;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.76rem;font-weight:700}.assigned-table-container{background-color:var(--white,#fff);border-radius:var(--border-radius-md,12px);border:1px solid #e2e8f0;width:100%;margin-top:1rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.assigned-emp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.assigned-emp-table th{color:#57534e;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#fafaf9;border-bottom:2px solid #f2ece6;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.assigned-emp-table td{color:#1c1917;vertical-align:middle;border-bottom:1px solid #f2ece6;padding:1.15rem 1.25rem}.assigned-emp-table tr:last-child td{border-bottom:none}.assigned-emp-table tr:hover td{background-color:#fffaf7}.assigned-emp-name-cell{color:#1c1917;font-weight:700}.assigned-emp-code-badge{color:#4b5563;background-color:#f3f4f6;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.assigned-emp-dept{color:#44403c;font-weight:500}.assigned-emp-desg{color:#78716c;font-size:.82rem}.assigned-emp-ctc-val{color:#f97316;font-weight:700}.assigned-emp-date{color:#78716c;font-size:.82rem}.assigned-actions-cell{flex-wrap:wrap;gap:.5rem;display:flex}.btn-inline-action{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.78rem;font-weight:700;transition:all .15s ease-in-out;display:inline-flex}.btn-reassign-action{color:#ea580c;background-color:#fff6f0;border-color:#fed7aa}.btn-reassign-action:hover{color:#fff;background-color:#ea580c;border-color:#ea580c}.btn-remove-action{color:#dc2626;background-color:#fef2f2;border-color:#fca5a5}.btn-remove-action:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}.assigned-empty-row{text-align:center}.no-assigned-placeholder{color:#a8a29e;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.no-assigned-icon{color:#d6d3d1;margin-bottom:.75rem}.no-assigned-title{color:#57534e;margin:0 0 .25rem;font-size:.95rem;font-weight:700}.no-assigned-desc{color:#78716c;margin:0;font-size:.82rem}.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}.reassign-read-only-section{border-radius:var(--border-radius-sm,8px);background-color:#fbfbfb;border:1px dashed #e2e8f0;flex-direction:column;gap:.85rem;margin-bottom:.5rem;padding:1rem;display:flex}.reassign-info-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.reassign-info-label{color:var(--text-gray,#6b7280);font-weight:600}.reassign-info-value{color:var(--text-dark,#1f2937);font-weight:700}.reassign-info-value.highlight-orange{color:var(--primary-orange,#f97316);text-transform:uppercase;background-color:#fff6f0;border-radius:4px;padding:.15rem .5rem;font-size:.8rem}.details-back-link{color:var(--text-gray,#6b7280);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;margin-bottom:1rem;padding:0;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .15s ease-in-out;display:inline-flex}.details-back-link:hover{color:var(--primary-orange,#f97316)}.details-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.details-header-info{flex-direction:column;display:flex}.details-meta-row{align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.details-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.details-badge.country{color:#4b5563;background-color:#f3f4f6}.details-badge.shift{color:#1d4ed8;background-color:#eff6ff}.details-badge.count{color:#ea580c;background-color:#fff6f0;border:1px solid #ffedd5}.details-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.details-content-layout{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=1024px){.details-content-layout{grid-template-columns:350px 1fr}}.details-section-card{background-color:var(--white,#fff);border-radius:var(--border-radius-md,12px);border:1px solid #e2e8f0;flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 1px 3px #0000000d}.details-section-title{color:#1c1917;border-bottom:2px solid #f2ece6;justify-content:space-between;align-items:center;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.05rem;font-weight:800;display:flex}.details-info-grid{flex-direction:column;gap:1.15rem;display:flex}.details-info-group{flex-direction:column;gap:.35rem;display:flex}.details-info-label{color:#78716c;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:700}.details-info-value{color:#1c1917;font-size:.92rem;font-weight:700}.details-component-list{flex-direction:column;gap:.65rem;margin-top:.5rem;display:flex}.details-component-item{background-color:#fafaf9;border:1px solid #f2ece6;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.85rem;display:flex}.details-component-name{color:#292524;font-weight:700}.details-component-val{color:#ea580c;font-weight:800}.details-component-type{color:#475569;text-transform:uppercase;background-color:#e2e8f0;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.details-component-subinfo{align-items:center;gap:.5rem;display:flex}.assigned-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.assign-btn-orange{align-items:center;gap:.45rem;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 2px 4px #f9731633;background-color:var(--primary-orange,#f97316)!important;border-color:var(--primary-orange,#f97316)!important;color:#fff!important;border-radius:var(--border-radius-sm,8px)!important;padding:.65rem 1.25rem!important;font-weight:700!important}.assign-btn-orange:hover{transform:translateY(-1px);box-shadow:0 4px 6px #f973164d;background-color:#ea580c!important;border-color:#ea580c!important}.confirm-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}.confirm-container{text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:440px;padding:1.75rem;box-shadow:0 10px 15px -3px #0000001a}.confirm-title{color:#111827;margin:0 0 .75rem;font-size:1.1rem;font-weight:800}.confirm-message{color:#4b5563;margin:0 0 1.5rem;font-size:.88rem;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:.75rem;display:flex}.confirm-cancel-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s ease-in-out}.confirm-cancel-btn:hover{background-color:#e5e7eb}.confirm-submit-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #dc2626;border-radius:6px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .15s ease-in-out}.confirm-submit-btn:hover{background-color:#b91c1c;border-color:#b91c1c}.table-pagination{border-top:1px solid #f2ece6;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.pagination-pages-list{align-items:center;gap:.35rem;display:flex}.table-pagination-btn{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .5rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.table-pagination-btn:hover:not(:disabled){border-color:var(--primary-orange,#f97316);color:var(--primary-orange,#f97316);background-color:#fff6f0}.table-pagination-btn--active{background-color:var(--primary-orange,#f97316);border-color:var(--primary-orange,#f97316);color:#fff}.table-pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.pagination-count-text{color:#6b7280;font-size:.82rem;font-weight:600}.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;font-size:1.25rem;font-weight:700}.runs-directory-header{border-bottom:2px solid var(--primary-orange-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.runs-directory-header .section-header-title{border-bottom:none;margin:0;padding-bottom:0}.directory-filter-wrapper{width:150px;position:relative}.directory-year-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 .8rem center;background-repeat:no-repeat;background-size:.85rem;padding:.4rem 2rem .4rem .8rem;font-size:.88rem;font-weight:600}.directory-year-select:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.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}.payslip-card-logo{object-fit:contain;width:auto;height:38px}.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}.payroll-preview-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payroll-preview-content{background-color:#fff;border-radius:12px;flex-direction:column;width:95%;max-width:1400px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.payroll-preview-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.payroll-preview-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.payroll-preview-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.payroll-preview-close:hover{color:#111827}.payroll-preview-body{background-color:#f9fafb;flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow:hidden}.payroll-preview-controls{justify-content:space-between;margin-bottom:1rem;display:flex}.preview-search-input{color:#374151;border:1px solid #d1d5db;border-radius:8px;width:300px;padding:.625rem 1rem;font-size:.875rem}.preview-search-input:focus{border-color:var(--primary-orange,#f97316);outline:none;box-shadow:0 0 0 2px #f9731633}.payroll-preview-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;overflow:auto}.payroll-preview-table{border-collapse:collapse;width:100%;min-width:1600px}.payroll-preview-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:1rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.payroll-preview-table th:hover{background-color:#e5e7eb}.payroll-preview-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:1rem;font-size:.875rem}.payroll-preview-table tr:hover{background-color:#fffaf5}.payroll-preview-footer{background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.preview-pagination{align-items:center;gap:1rem;display:flex}.preview-page-info{color:#6b7280;font-size:.875rem}.preview-page-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.preview-page-btn:hover:not(:disabled){background-color:#f3f4f6}.preview-page-btn:disabled{opacity:.5;cursor:not-allowed}.preview-export-btn{background-color:var(--primary-orange,#f97316);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .2s;display:flex}.preview-export-btn:hover:not(:disabled){background-color:#ea580c}.preview-export-btn:disabled{opacity:.7;cursor:not-allowed}.payroll-details-layout{align-items:flex-start;gap:1.5rem;max-width:1600px;margin:0 auto;display:flex}.payroll-main-content{flex-direction:column;flex:1;min-width:0;display:flex}.payroll-summary-sidebar{background-color:#fff;border-radius:12px;flex-shrink:0;width:320px;padding:1.5rem;position:sticky;top:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.summary-sidebar-title{color:#111827;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.summary-sidebar-item{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.summary-sidebar-label{color:#6b7280;font-size:.875rem;font-weight:500}.summary-sidebar-value{color:#111827;font-size:1rem;font-weight:600}.summary-sidebar-divider{background-color:#e5e7eb;height:1px;margin:1.25rem 0}.total-net .summary-sidebar-value{color:var(--primary-orange,#f97316);font-size:1.25rem;font-weight:700}.details-header-section{background-color:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 4px -1px #0000000d}.header-info-row{justify-content:space-between;align-items:flex-end;margin-top:1rem;display:flex}.header-meta-details{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.meta-divider{color:#d1d5db}.meta-text{color:#6b7280;font-size:.875rem}.header-action-bar{gap:.75rem;display:flex}.preview-btn{color:#374151!important;background-color:#fff!important;border:1px solid #d1d5db!important}.preview-btn:hover{background-color:#f9fafb!important}.export-btn{background-color:var(--primary-orange,#f97316)!important;color:#fff!important;border:none!important}.export-btn:hover{background-color:#ea580c!important}.release-btn{color:#fff!important;background-color:#c2410c!important;border:none!important}.release-btn:hover{background-color:#9a3412!important}.release-btn:disabled{background-color:#fbcfe8!important}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-draft{color:#c2410c;background-color:#ffedd5}.badge-exported{color:#1e40af;background-color:#dbeafe}.badge-released{color:#065f46;background-color:#d1fae5}.export-history-section{background-color:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.export-history-title{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.export-history-table-container{overflow-x:auto}.export-history-table{border-collapse:collapse;text-align:left;width:100%}.export-history-table th{color:#6b7280;text-transform:uppercase;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.export-history-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:1rem;font-size:.875rem}.export-history-empty{text-align:center;color:#6b7280;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:2rem;font-size:.875rem}.release-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.release-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.release-modal-title{color:#111827;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.release-modal-desc{color:#4b5563;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.release-checkbox-container{cursor:pointer;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.release-checkbox-container input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary-orange,#f97316);cursor:pointer}.release-checkbox-text{color:#374151;font-size:.875rem;font-weight:500}.release-modal-actions{justify-content:flex-end;gap:1rem;display:flex}@media (width<=1024px){.payroll-details-layout{flex-direction:column}.payroll-summary-sidebar{width:100%;position:static}}@media (width<=768px){.header-info-row{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-action-bar{flex-wrap:wrap;width:100%}.header-action-bar button{text-align:center;flex:1}}.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}.employee-details-grid-wrapper .detail-label{color:#6b7280;font-weight:500}.employee-details-grid-wrapper .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}.payslip-preview-logo{object-fit:contain;width:auto;height:38px}.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}}.feed-type-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.type-announcement{background-color:var(--primary-orange-light);color:var(--primary-orange);border:1px solid #f9731633}.type-event{color:#2563eb;background-color:#eff6ff;border:1px solid #2563eb33}.type-general{color:#4b5563;background-color:#f3f4f6;border:1px solid #4b556333}.feed-header-wrapper{border-bottom:1px solid #fed7aa4d;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.feed-header-left{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.feed-header-avatar{background-color:var(--primary-orange-light);width:44px;height:44px;color:var(--primary-orange);border:1.5px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.feed-header-meta{text-align:left;flex-direction:column;gap:.15rem;min-width:0;display:flex}.feed-header-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.feed-header-author-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:750;overflow:hidden}.feed-header-subtitle-row{color:var(--text-gray);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.feed-header-author-role{font-weight:600}.feed-header-divider{opacity:.6}.feed-header-date{font-weight:500}.feed-header-right{position:relative}.feed-header-menu-trigger{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:flex}.feed-header-menu-trigger:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.feed-header-dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-card-hover);z-index:10;flex-direction:column;min-width:175px;margin-top:.25rem;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.dropdown-item{cursor:pointer;width:100%;transition:var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;display:flex}.edit-item{color:var(--text-dark)}.edit-item:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.delete-item{color:#ef4444;border-top:1px solid #fed7aa33}.delete-item:hover{background-color:#fee2e2}.feed-reaction-bar-container{border-top:1px solid #fed7aa40;flex-direction:column;width:100%;margin-top:.75rem;display:flex}.feed-reaction-summary{border-bottom:1px solid #fed7aa33;justify-content:space-between;align-items:center;padding:.65rem .5rem;font-size:.82rem;display:flex}.summary-left{align-items:center;display:flex}.summary-emojis-badges{align-items:center;gap:.65rem;display:flex}.emoji-count-badge{background-color:var(--primary-orange-light);color:var(--text-dark);-webkit-user-select:none;user-select:none;border:1px solid #f9731626;border-radius:20px;align-items:center;gap:.25rem;padding:.18rem .45rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-count-text{font-family:inherit}.summary-right{align-items:center;display:flex}.summary-comment-count{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);font-weight:600}.summary-comment-count:hover{color:var(--primary-orange);text-decoration:underline}.feed-reaction-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .25rem;display:flex}.reactions-hover-panel-wrapper{align-items:center;gap:.35rem;display:flex}.action-btn-react{color:var(--text-gray);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.82rem;font-weight:600;display:flex}.action-btn-react:hover{background-color:var(--primary-orange-light);color:var(--primary-orange);transform:translateY(-1px)}.action-btn-react.reaction-active{background-color:var(--primary-orange);color:var(--white)}.action-emoji{font-size:.95rem}.action-emoji-label{font-family:inherit}.action-btn-comment{color:var(--text-gray);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:flex}.action-btn-comment:hover{background-color:var(--primary-orange-light);color:var(--primary-orange);transform:translateY(-1px)}.comment-btn-icon{font-size:.95rem}.comment-btn-text{font-family:inherit}@media (width<=600px){.feed-reaction-actions-row{justify-content:center}}.feed-post-card{background-color:var(--white);box-shadow:var(--shadow-card);transition:var(--transition-normal);cursor:pointer;border:1px solid #fed7aa66;flex-direction:column;padding:1.5rem 1.5rem .5rem;display:flex}.feed-post-card:hover{border-color:var(--primary-orange);box-shadow:var(--shadow-card-hover)}.feed-post-body{text-align:left;margin-bottom:.5rem}.feed-post-title{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.15rem;font-weight:800;line-height:1.35}.feed-post-description{color:var(--text-gray);white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.feed-details-view .feed-post-description{-webkit-line-clamp:none;display:block;overflow:visible}.feed-post-footer{margin-top:auto}.feed-modal-overlay{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.feed-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;width:100%;height:100%;position:absolute;top:0;left:0}.feed-modal-card{z-index:1001;background-color:var(--white);width:90%;max-width:550px;max-height:90vh;padding:1.75rem;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #f973161a,0 10px 10px -5px #f973160a}.feed-modal-header{border-bottom:1px solid #fed7aa4d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.feed-modal-title{color:var(--text-dark);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:800}.feed-modal-close-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;outline:none;align-items:center;padding:.35rem;display:flex}.feed-modal-close-btn:hover{background-color:var(--primary-orange-light);color:var(--primary-orange)}.feed-modal-form{flex-direction:column;gap:1.15rem;display:flex}.feed-modal-error-banner{color:#ef4444;border-radius:var(--border-radius-sm);text-align:left;background-color:#fee2e2;border:1px solid #fecaca;padding:.75rem 1rem;font-size:.82rem;font-weight:600}.form-group-node{text-align:left;flex-direction:column;gap:.45rem;display:flex}.form-label-node{color:var(--text-dark);font-size:.85rem;font-weight:700}.form-input-node{width:100%;color:var(--text-dark);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--white);transition:var(--transition-fast);padding:.7rem .85rem;font-size:.88rem}.form-input-node:focus{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus);outline:none}.form-input-node::placeholder{color:var(--text-gray);opacity:.7}.textarea-node{resize:vertical;min-height:100px}.select-container-node{position:relative}.select-node{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right .85rem center;background-repeat:no-repeat;background-size:15px;padding-right:2.25rem}.toggles-group-node{flex-direction:column;gap:.85rem;margin:.25rem 0;display:flex}.checkbox-toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.checkbox-toggle-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-toggle-slider{background-color:#cbd5e1;border-radius:20px;width:38px;height:20px;margin-right:.75rem;transition:all .2s;display:inline-block;position:relative}.checkbox-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.checkbox-toggle-input:checked+.checkbox-toggle-slider{background-color:var(--primary-orange)}.checkbox-toggle-input:checked+.checkbox-toggle-slider:before{transform:translate(18px)}.checkbox-toggle-label{color:var(--text-dark);font-size:.85rem;font-weight:650}.feed-modal-footer{border-top:1px solid #fed7aa33;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.feed-modal-btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:none;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700}.cancel-btn{color:#4b5563;background-color:#f1f5f9}.cancel-btn:hover{background-color:#e2e8f0}.publish-btn{background-color:var(--primary-orange);color:var(--white);box-shadow:var(--shadow-button)}.publish-btn:hover{background-color:var(--primary-orange-hover);box-shadow:var(--shadow-button-hover)}.company-feed-page-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.feed-page-header-section{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;padding:1.5rem;display:flex}.header-meta{text-align:left}.feed-page-title{color:var(--text-dark);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.65rem;font-weight:850;line-height:1.2}.feed-page-desc{color:var(--text-gray);margin:0;font-size:.92rem;font-weight:500}.create-feed-btn{flex-shrink:0;align-items:center;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;display:flex}.feed-timeline-container{flex-direction:column;width:100%;max-width:none;display:flex}.feed-posts-timeline{flex-direction:column;gap:1.5rem;width:100%;display:flex}.feed-empty-state-card{background-color:var(--white);border:1.5px dashed var(--border-color);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon-box{background-color:var(--primary-orange-light);width:76px;height:76px;color:var(--primary-orange);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.empty-title-text{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.empty-desc-text{color:var(--text-gray);max-width:440px;margin:0;font-size:.9rem;line-height:1.5}.feed-error-container{background-color:var(--white);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-card);border:1px solid #ef444433;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.feed-error-container h3{color:var(--text-dark);margin:0 0 .35rem;font-size:1.15rem;font-weight:800}.feed-error-container p{color:var(--text-gray);margin:0;font-size:.88rem}.feed-skeletons-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.feed-card-skeleton{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa4d;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.skeleton-header-row{align-items:center;gap:.85rem;display:flex}.skeleton-circle-large{background-color:#f1f5f9;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:1.2s ease-in-out infinite feed-pulse}.skeleton-meta-lines{flex-direction:column;flex:1;gap:.45rem;display:flex}.skeleton-meta-line{background-color:#f1f5f9;border-radius:4px;height:10px;animation:1.2s ease-in-out infinite feed-pulse}.skeleton-meta-line.medium{width:40%}.skeleton-meta-line.short{width:25%}.skeleton-body-content{flex-direction:column;gap:.5rem;display:flex}.skeleton-body-line{background-color:#f1f5f9;border-radius:4px;height:10px;animation:1.2s ease-in-out infinite feed-pulse}.skeleton-body-line.full{width:100%}.skeleton-body-line.broad{width:85%}@keyframes feed-pulse{0%{background-color:#f1f5f9}50%{background-color:#e2e8f0}to{background-color:#f1f5f9}}@media (width<=768px){.feed-page-header-section{flex-direction:column;align-items:stretch;padding:1.25rem}.create-feed-btn{justify-content:center;width:100%}}.feed-pagination{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1rem 0;display:flex}.feed-pagination-btn{min-width:38px;height:38px;color:var(--text-dark);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast) ease;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 .5rem;font-size:.92rem;font-weight:600;display:inline-flex}.feed-pagination-btn:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange);background-color:var(--primary-orange-light)}.feed-pagination-btn--active{box-shadow:var(--shadow-button);background-color:var(--primary-orange)!important;border-color:var(--primary-orange)!important;color:var(--white)!important}.feed-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.comment-card-wrapper{align-items:flex-start;gap:.75rem;width:100%;display:flex}.comment-card-avatar{background-color:var(--primary-orange-light);width:36px;height:36px;color:var(--primary-orange);border:1.5px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.2rem;font-size:.82rem;font-weight:700;display:flex}.comment-card-bubble{border-radius:var(--border-radius-md);background-color:#faf8f5;border:1px solid #fed7aa40;flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:.75rem .9rem;display:flex}.comment-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.comment-card-meta{text-align:left;flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.comment-card-author-name{color:var(--text-dark);font-size:.85rem;font-weight:750}.comment-card-time{color:var(--text-gray);font-size:.7rem;font-weight:500}.comment-card-content{color:var(--text-dark);text-align:left;word-wrap:break-word;white-space:pre-wrap;font-size:.85rem;line-height:1.45}.comment-card-delete-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.comment-card-delete-btn:hover{color:#ef4444;background-color:#fee2e2}.comment-card-edit-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.comment-card-edit-btn:hover{color:var(--primary-orange);background-color:#f973161a}.comment-input-form{background-color:var(--white);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;transition:var(--transition-fast);align-items:center;gap:.65rem;padding:.5rem .75rem;display:flex}.comment-input-form:focus-within{border-color:var(--primary-orange);box-shadow:var(--shadow-input-focus)}.comment-input-textarea{color:var(--text-dark);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:.2rem 0;font-family:inherit;font-size:.88rem;line-height:1.4}.comment-input-textarea::placeholder{color:var(--text-gray);opacity:.8}.comment-submit-btn{background-color:var(--primary-orange);color:var(--white);cursor:pointer;width:34px;height:34px;transition:var(--transition-fast);box-shadow:var(--shadow-button);border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.comment-submit-btn:hover:not(:disabled){background-color:var(--primary-orange-hover);box-shadow:var(--shadow-button-hover);transform:scale(1.05)}.comment-submit-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background-color:#cbd5e1}.comment-submit-loader{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite comment-spin}@keyframes comment-spin{to{transform:rotate(360deg)}}.feed-comment-section-container{border-top:1px dashed #fed7aa66;flex-direction:column;gap:1rem;width:100%;margin-top:1rem;padding-top:1rem;display:flex}.comment-section-heading{color:var(--text-dark);text-align:left;margin:0;font-size:.95rem;font-weight:750}.comment-input-wrapper{margin-bottom:.5rem}.comment-list-container{flex-direction:column;gap:1rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.comments-actual-list{flex-direction:column;gap:1rem;display:flex}.comments-empty-state{text-align:center;border:1px dashed var(--border-color);border-radius:var(--border-radius-md);background-color:#faf8f5;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.empty-icon{opacity:.7;margin-bottom:.5rem;font-size:1.75rem}.empty-title{color:var(--text-dark);margin:0 0 .15rem;font-size:.88rem;font-weight:750}.empty-desc{color:var(--text-gray);margin:0;font-size:.75rem}.comments-skeleton-container{flex-direction:column;gap:1rem;display:flex}.comment-skeleton-card{align-items:flex-start;gap:.75rem;display:flex}.skeleton-circle{background-color:#f1f5f9;border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:1.2s ease-in-out infinite pulse-bg}.skeleton-bubble{border-radius:var(--border-radius-md);background-color:#f8fafc;flex-direction:column;flex:1;gap:.45rem;padding:.75rem;display:flex}.skeleton-line{background-color:#f1f5f9;border-radius:4px;height:10px;animation:1.2s ease-in-out infinite pulse-bg}.skeleton-line.short{width:35%}.skeleton-line.long{width:75%}@keyframes pulse-bg{0%{background-color:#f1f5f9}50%{background-color:#e2e8f0}to{background-color:#f1f5f9}}.feed-details-page-container{flex-direction:column;gap:1rem;width:100%;display:flex}.back-navigation-row{justify-content:flex-start;align-items:center;display:flex}.back-feed-btn{align-items:center;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;display:flex}.feed-details-view{width:100%;max-width:700px;margin:0 auto}.feed-details-card{background-color:var(--white);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;flex-direction:column;padding:1.75rem;display:flex}.feed-details-body{text-align:left;margin-bottom:1.25rem}.feed-details-title{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 .85rem;font-size:1.35rem;font-weight:850;line-height:1.3}.feed-details-description{color:var(--text-dark);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.6}.feed-details-social-wrapper{margin-bottom:.5rem}.feed-details-loading-viewport{min-height:50vh;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;font-weight:500;display:flex}.feed-details-error-viewport{justify-content:center;align-items:center;min-height:50vh;display:flex}.feed-details-error-viewport .error-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);text-align:center;border:1px solid #fed7aa66;max-width:440px;padding:3rem 2rem}.feed-details-error-viewport h3{color:var(--text-dark);margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.feed-details-error-viewport p{color:var(--text-gray);margin:0;font-size:.9rem;line-height:1.45}.create-announcement-page-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.create-announcement-form-view{width:100%;max-width:700px;margin:0 auto}.create-announcement-card{background-color:var(--white);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;flex-direction:column;padding:2.25rem;display:flex}.form-card-header{text-align:left;border-bottom:1px solid #fed7aa4d;margin-bottom:1.75rem;padding-bottom:1.25rem}.form-card-title{color:var(--text-dark);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.45rem;font-weight:850}.form-card-desc{color:var(--text-gray);margin:0;font-size:.9rem;font-weight:500;line-height:1.45}.announcement-form-body{flex-direction:column;gap:1.35rem;display:flex}.form-error-banner{color:#ef4444;border-radius:var(--border-radius-sm);text-align:left;background-color:#fee2e2;border:1px solid #fecaca;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600}.form-input-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.options-toggles-grid{flex-direction:column;gap:.85rem;margin:.5rem 0;display:flex}.form-actions-footer{border-top:1px solid #fed7aa33;justify-content:flex-end;align-items:center;gap:.85rem;margin-top:.75rem;padding-top:1.5rem;display:flex}.form-action-btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:none;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700}.form-actions-footer .publish-btn{padding:.7rem 1.5rem;font-size:.9rem;font-weight:700}@media (width<=600px){.create-announcement-card{padding:1.5rem}.form-actions-footer{flex-direction:column;align-items:stretch}.form-action-btn,.form-actions-footer .publish-btn{justify-content:center;width:100%}}.notif-filters{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.25rem 0;display:flex}.notif-filter-tab{color:var(--text-gray);background:var(--white);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border-radius:50px;padding:.45rem 1rem;font-size:.82rem;font-weight:600}.notif-filter-tab:hover{background:var(--primary-orange-light);color:var(--primary-orange);border-color:#f973164d}.notif-filter-tab--active{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);box-shadow:0 2px 8px #f973164d}.notif-filter-tab--active:hover{background:var(--primary-orange-hover);color:var(--white);border-color:var(--primary-orange-hover)}.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)}.breadcrumb-slash{color:var(--border-color)}.breadcrumb-active-child{color:var(--primary-orange)}.nc-page{flex-direction:column;gap:1.25rem;max-width:none;padding:2rem;display:flex}.nc-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.nc-page__header-left{align-items:center;gap:1rem;display:flex}.nc-page__header-icon{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--primary-orange), var(--primary-orange-hover));width:44px;height:44px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #f9731659}.nc-page__title{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.nc-page__subtitle{color:var(--text-gray);margin:0;font-size:.82rem}.nc-page__mark-all-btn{color:var(--white);background:linear-gradient(135deg, var(--primary-orange), var(--primary-orange-hover));border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-button);border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;display:flex}.nc-page__mark-all-btn:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.nc-page__mark-all-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.nc-unread-chip{background:#ffffff4d;border-radius:50px;padding:.1rem .5rem;font-size:.72rem;font-weight:800}.nc-page__filters{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);border:1px solid #fed7aa66;padding:.9rem 1.1rem}.nc-page__content{flex:1}.nc-page__list-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66;overflow:hidden}.nc-page__empty-wrap{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid #fed7aa66}.nc-page__load-more{border-top:1px solid #fed7aa4d;justify-content:center;padding:1rem;display:flex}.nc-load-more-btn{color:var(--primary-orange);background:var(--primary-orange-light);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #f9731633;align-items:center;gap:.4rem;padding:.6rem 1.75rem;font-size:.85rem;font-weight:700;display:flex}.nc-load-more-btn:hover{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange);box-shadow:var(--shadow-button)}.nc-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.nc-page__count{text-align:center;color:var(--text-gray);border-top:1px solid #fed7aa33;padding:.65rem;font-size:.75rem}.nc-spinner{border:2px solid #fff6;border-top-color:var(--white);border-radius:50%;width:14px;height:14px;animation:.65s linear infinite nc-spin;display:inline-block}@keyframes nc-spin{to{transform:rotate(360deg)}}.nc-page__skeleton{border-bottom:1px solid #fed7aa33;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.nc-skeleton-icon{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;width:36px;min-width:36px;height:36px;animation:1.4s infinite shimmer}.nc-skeleton-content{flex-direction:column;flex:1;gap:.45rem;display:flex}.nc-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:55%;height:13px;animation:1.4s infinite shimmer}.nc-skeleton-msg{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:11px;animation:1.4s .1s infinite shimmer}.nc-skeleton-time{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:30%;height:10px;animation:1.4s .2s infinite shimmer}@media (width<=768px){.nc-page{padding:1.25rem}.nc-page__title{font-size:1.2rem}.nc-page__mark-all-btn{padding:.5rem .9rem;font-size:.78rem}}.email-logs-container{color:#1f2937;max-width:1400px;margin:0 auto;padding:2rem}.email-logs-header{margin-bottom:2rem}.email-logs-title{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.email-logs-desc{color:#6b7280;font-size:1rem}.email-logs-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{background:#fff;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.summary-card-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.summary-card-value{color:#111827;font-size:2rem;font-weight:700}.summary-card-value.success{color:#10b981}.summary-card-value.failed{color:#ef4444}.email-logs-filters{background:#fff;border-radius:12px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 2px 4px -1px #00000008}.filter-input,.filter-select{color:#374151;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.875rem}.filter-input:focus,.filter-select:focus{border-color:var(--primary-orange,#f97316);ring:2px solid var(--primary-orange,#f97316);outline:none}.email-logs-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.email-logs-table{border-collapse:collapse;text-align:left;width:100%}.email-logs-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.email-logs-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;font-size:.875rem}.email-logs-table tr:hover{background-color:#fffaf5}.status-badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.sent{color:#065f46;background-color:#d1fae5}.status-badge.failed{color:#991b1b;background-color:#fee2e2}.status-badge.pending{color:#92400e;background-color:#fef3c7}.action-btn{color:var(--primary-orange,#f97316);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.action-btn:hover{text-decoration:underline}.pagination-wrapper{background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{gap:.5rem;display:flex}.page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f9fafb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.email-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.email-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.email-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.email-modal-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.email-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.email-modal-close:hover{color:#111827}.email-modal-body{padding:1.5rem}.email-detail-row{margin-bottom:1rem}.email-detail-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.email-detail-value{color:#111827;word-break:break-all;font-size:.875rem}.email-error-box{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;margin-top:1.5rem;padding:1rem}.email-error-label{color:#991b1b;margin-bottom:.5rem;font-weight:600}.email-error-text{color:#7f1d1d;white-space:pre-wrap;font-family:monospace;font-size:.875rem}.animate-fade-in{animation:.3s ease-out fadeIn}