/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#27352e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f7f8f6;font-family:Aptos,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #78a88d}::selection{color:#203d34;background:#d6e9db}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.date-picker-wrapper{width:100%;font-family:inherit;display:inline-flex;position:relative}.date-picker-input-group{align-items:center;width:100%;display:flex;position:relative}.date-picker-input{color:#202b27;cursor:pointer;background:#fff;border:1px solid #d4ded8;border-radius:6px;outline:none;width:100%;min-height:38px;padding:8px 36px 8px 12px;font-size:13px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.date-picker-input:hover:not(:disabled){border-color:#397b65}.date-picker-input:focus{border-color:#397b65;box-shadow:0 0 0 3px #397b6526}.date-picker-input:disabled{color:#9ba5a0;cursor:not-allowed;background:#f1f4f2}.date-picker-toggle-btn{color:#63776e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s;display:inline-flex;position:absolute;right:8px}.date-picker-toggle-btn:hover:not(:disabled){color:#203d34;background:#e9f1ed}.date-picker-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.date-picker-popover{z-index:9999;background:#fff;border:1px solid #dbe4df;border-radius:10px;width:290px;padding:14px;animation:.16s ease-out datePickerFadeIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 34px #203d3429,0 2px 8px #0000000d}@keyframes datePickerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-picker-presets{border-bottom:1px solid #edf2ef;flex-wrap:wrap;gap:5px;margin-bottom:12px;padding-bottom:10px;display:flex}.date-picker-preset-btn{color:#397b65;cursor:pointer;background:#f7faf8;border:1px solid #e0e9e4;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.date-picker-preset-btn:hover{background:#eef6f2;border-color:#397b65}.date-picker-preset-btn.active{color:#fff;background:#397b65;border-color:#397b65}.date-picker-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.date-picker-selectors{align-items:center;gap:6px;display:flex}.date-picker-select{color:#202b27;cursor:pointer;background:#fff;border:1px solid #d4ded8;border-radius:5px;outline:none;padding:3px 6px;font-size:12px;font-weight:600}.date-picker-select:focus{border-color:#397b65}.date-picker-nav-btn{color:#4a5c53;cursor:pointer;background:#fff;border:1px solid #e0e7e3;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:inline-flex}.date-picker-nav-btn:hover{color:#203d34;background:#eef5f1;border-color:#397b65}.date-picker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.date-picker-weekday{color:#8c9b94;text-transform:uppercase;letter-spacing:.5px;padding:4px 0;font-size:10px;font-weight:700}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.date-picker-day-cell{aspect-ratio:1;color:#2c3833;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:0;font-size:12px;font-weight:500;transition:all .12s;display:flex;position:relative}.date-picker-day-cell:hover:not(:disabled):not(.selected){color:#203d34;background:#eef5f1}.date-picker-day-cell.other-month{color:#b5c2bc}.date-picker-day-cell.today{color:#397b65;border-color:#397b65;font-weight:700}.date-picker-day-cell.selected{font-weight:600;color:#fff!important;background:#203d34!important}.date-picker-day-cell:disabled{opacity:.55;text-decoration:line-through;color:#d1dbd5!important;cursor:not-allowed!important;background:#fafbfb!important}.date-picker-footer{border-top:1px solid #edf2ef;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.date-picker-constraint-hint{color:#7b8e84;font-size:10px;line-height:1.3}.date-picker-action-links{gap:8px;margin-left:auto;display:flex}.date-picker-action-btn{color:#397b65;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:600}.date-picker-action-btn:hover{background:#edf5f1}.date-picker-action-btn.secondary{color:#8c9b94}.login-page{--login-ink:#23342b;--login-muted:#7b8880;background:#fbfcfa;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-story{color:#f4f6f0;background:linear-gradient(90deg,#1c332bde 0%,#1c332b91 63%,#1c332b3d 100%),url(https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85) 50%/cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(30px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;background:linear-gradient(#0000,#192d26a8);height:42%;position:absolute;inset:auto 0 0}.login-brand{z-index:1;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;display:flex;position:relative}.login-story-copy{z-index:1;max-width:530px;margin:auto 0;padding:70px 0;animation:.55s both login-arrive;position:relative}.login-kicker{color:#66836f;letter-spacing:1.5px;font-size:10px;font-weight:700}.login-story .login-kicker{color:#c4d8c6}.login-story h1{color:#fff;letter-spacing:0;margin:22px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.08}.login-story-copy p{color:#d1dbd3;max-width:360px;font-size:14px;line-height:1.7}.login-story-foot,.login-copyright{z-index:1;color:#d0dad2b8;letter-spacing:1.3px;font-size:9px;font-weight:600;position:relative}.login-panel{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px clamp(26px,7vw,110px);display:flex}.login-form-wrap{width:min(100%,390px);animation:.55s 80ms both login-arrive}.login-form-wrap h2{color:var(--login-ink);letter-spacing:0;margin:13px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:33px;font-weight:500;line-height:1.2}.login-subtitle{color:var(--login-muted);margin:0 0 32px;font-size:12px;line-height:1.6}.login-form{gap:10px;display:grid}.login-form label{color:#3c4b42;margin-top:5px;font-size:11px;font-weight:600}.login-form input{color:#26372d;background:#fff;border:1px solid #dfe6e0;border-radius:4px;width:100%;height:45px;padding:0 13px;font-size:12px;transition:border-color .18s,box-shadow .18s}.login-password-input{position:relative}.login-form .login-password-input input{padding-right:48px}.login-password-toggle{color:#78867c;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.login-password-toggle:hover:not(:disabled){color:#315f4b;background:#f1f6f2}.login-password-toggle:focus-visible{outline-offset:1px;outline:2px solid #649078}.login-password-toggle:disabled{cursor:not-allowed;opacity:.55}.login-password-toggle svg{width:18px;height:18px}.login-form input::placeholder{color:#a1aaa4}.login-form input:focus{border-color:#649078;outline:0;box-shadow:0 0 0 3px #dbe9de}.login-form input:disabled{background:#f3f5f3}.login-password-label{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.login-submit{color:#fff;cursor:pointer;background:#315f4b;border:0;border-radius:4px;justify-content:space-between;align-items:center;height:46px;margin-top:13px;padding:0 15px;font-size:12px;font-weight:600;transition:background .18s,transform .18s;display:flex}.login-submit:hover:not(:disabled){background:#264d3c;transform:translateY(-1px)}.login-submit:disabled{cursor:not-allowed;opacity:.58}.login-submit span{font-size:18px;font-weight:400}.login-error,.login-notice{color:#9b5444;background:#fff6f2;border:1px solid #efd3ca;border-radius:4px;margin:0 0 15px;padding:11px 12px;font-size:11px;line-height:1.5}.login-notice{color:#786343;background:#fffaf0;border-color:#e7d7b9}.login-footnote{color:#98a29b;text-align:center;margin:21px 0 0;font-size:10px}.login-demo-accounts{gap:7px;margin-top:20px;display:grid}.login-demo-accounts p{color:#536158;background:#fff;border:1px solid #e8ede9;border-radius:5px;justify-content:space-between;gap:12px;margin:0;padding:9px 11px;font-size:10px;display:flex}.login-demo-accounts p strong{color:#315f4b}.login-demo-accounts p span{text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.login-form-wrap .login-footnote{margin-top:12px}.login-copyright{color:#98a29b;margin-top:auto}.auth-loading{color:#64746a;background:#f7f8f6;place-items:center;min-height:100vh;font-size:13px;display:grid}.auth-error-state>div{background:#fff;border:1px solid #e4e9e5;border-radius:6px;width:min(100% - 32px,420px);padding:26px}.auth-error-state strong{color:#293a30;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.auth-error-state p{color:#758179;margin:9px 0 18px;font-size:12px;line-height:1.6}@keyframes login-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-story{min-height:270px;padding:24px}.login-story-copy{margin:auto 0 0;padding:38px 0 8px}.login-story h1{margin:11px 0 7px;font-size:36px}.login-story-copy p{margin:0;font-size:12px}.login-story-foot{display:none}.login-panel{min-height:auto;padding:42px 24px 24px}.login-form-wrap{width:min(100%,420px)}.login-form-wrap h2{font-size:29px}.login-copyright{margin-top:36px}}@media (prefers-reduced-motion:reduce){.login-story-copy,.login-form-wrap{animation:none}}.shift-tracker-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1.5px solid #cbd5e1;border-radius:14px;margin-bottom:24px;padding:20px 24px;transition:all .2s ease-in-out;box-shadow:0 4px 12px #0f172a0d}.shift-tracker-card.active{background:linear-gradient(135deg,#f0f7ff 0%,#fff 100%);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61f}.shift-tracker-card.completed{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.shift-tracker-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.shift-title-wrap{align-items:center;gap:12px;display:flex}.shift-icon-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.shift-tracker-card.active .shift-icon-badge{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.shift-tracker-card.completed .shift-icon-badge{color:#15803d;background:#dcfce7;border-color:#86efac}.shift-title-text h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.shift-title-text p{color:#64748b;margin:2px 0 0;font-size:.8rem}.shift-badge-wrap{align-items:center;gap:8px;display:flex}.shift-status-pill{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.shift-status-pill.not-started{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.shift-status-pill.active{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.shift-status-pill.completed{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.pulse-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite shift-pulse;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes shift-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 7px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.shift-tracker-body{grid-template-columns:1.2fr 2fr 1fr;align-items:center;gap:20px;display:grid}@media (width<=900px){.shift-tracker-body{grid-template-columns:1fr;gap:16px}}.shift-timer-display{flex-direction:column;display:flex}.timer-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px;font-size:.75rem;font-weight:600}.timer-digits{color:#0f172a;letter-spacing:.04em;font-family:Consolas,Courier New,monospace;font-size:2.1rem;font-weight:800;line-height:1}.shift-tracker-card.active .timer-digits{color:#1e40af}.timer-subtext{color:#64748b;margin-top:6px;font-size:.78rem}.shift-meta-grid{background:#f1f5f999;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 16px;display:grid}.shift-meta-col span{text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:600;display:block}.shift-meta-col strong{color:#0f172a;margin-top:3px;font-size:.88rem;font-weight:700;display:block}.shift-actions-col{flex-direction:column;align-items:flex-end;gap:8px;display:flex}@media (width<=900px){.shift-actions-col{align-items:stretch}}.btn-shift-primary{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:700;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 2px 6px #2563eb59}.btn-shift-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb73}.btn-shift-primary.start{background:#10b981;box-shadow:0 2px 6px #10b98159}.btn-shift-primary.start:hover:not(:disabled){background:#059669;box-shadow:0 4px 10px #10b98173}.btn-shift-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #f87171;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .15s ease-in-out;display:inline-flex}.btn-shift-danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#ef4444}.btn-shift-resume{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-shift-resume:hover{color:#0f172a;background:#f1f5f9}.workday-progress-wrap{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:12px}.workday-progress-header{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.75rem;display:flex}.workday-progress-bar{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.workday-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.topbar-shift-container{align-items:center;gap:10px;margin-right:8px;display:flex}.topbar-shift-pill{background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.topbar-shift-pill.active{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.topbar-shift-pill.completed{color:#166534;background:#f0fdf4;border-color:#86efac}.topbar-shift-start-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;transition:background .15s;display:inline-flex}.topbar-shift-start-btn:hover{background:#059669}.topbar-shift-end-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;margin-left:4px;padding:2px 8px;font-size:.74rem;font-weight:700}.topbar-shift-end-btn:hover{background:#fecaca}.employee-creation-page{gap:16px;display:grid}.employee-creation-page .page-heading{margin-bottom:4px}.employee-auto-id-banner{background:linear-gradient(135deg,#f0f7f3 0%,#eaf4ee 100%);border:1px solid #cce3d5;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 1px 4px #223c2d0a}.auto-id-badge{color:#245738;align-items:center;gap:8px;display:flex}.auto-id-badge svg{color:#2b774b}.auto-id-badge span{letter-spacing:.5px;color:#4c6a58;font-size:10px;font-weight:700}.auto-id-badge strong{color:#1e5233;background:#fff;border:1px solid #b8dac5;border-radius:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800}.auto-id-text{color:#556c5e;font-size:11px}.employee-stepper-container{gap:16px;display:grid}.employee-stepper-header{background:#fff;border:1px solid #e5ebe7;border-radius:8px;gap:10px;padding:16px 18px 14px;display:grid;box-shadow:0 2px 8px #1e322808}.stepper-progress-track{background:#eef2ef;border-radius:3px;width:100%;height:6px;overflow:hidden}.stepper-progress-fill{background:linear-gradient(90deg,#3c825a,#203d34);border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.stepper-steps-row{scrollbar-width:thin;align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.stepper-step-pill{color:#687970;white-space:nowrap;cursor:pointer;background:#f8faf8;border:1px solid #e1e7e3;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .16s;display:inline-flex}.stepper-step-pill:hover{color:#274735;background:#f0f4f1;border-color:#cbd8cf}.stepper-step-pill .step-number{color:#4b6053;background:#e3eae5;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.stepper-step-pill.active{color:#fff;background:#254c38;border-color:#2a5a41;box-shadow:0 2px 6px #254c3833}.stepper-step-pill.active .step-number{color:#254c38;background:#fff}.stepper-step-pill.completed{color:#28643e;background:#edf6f0;border-color:#cde1d4}.stepper-step-pill.completed .step-number{color:#fff;background:#398153}.stepper-status-bar{color:#7a8a81;justify-content:space-between;align-items:center;padding-top:4px;font-size:11px;display:flex}.stepper-status-bar strong{color:#2c4236}.employee-record-form{gap:15px;display:grid}.employee-record-section{background:#fff;border:1px solid #e3eae5;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #263b2c0a}.employee-step-header{background:linear-gradient(110deg,#fff,#f9fbf9);border-bottom:1px solid #eef2ef;padding:18px 22px 14px}.employee-step-header h2{color:#27382f;margin:2px 0 0;font-size:16px;font-weight:600}.employee-step-header p{color:#7d8f84;margin:4px 0 0;font-size:11px}.employee-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:22px;display:grid}.employee-record-grid label{color:#55665c;gap:6px;min-width:0;font-size:11px;font-weight:600;display:grid}.employee-record-grid input,.employee-record-grid select,.employee-record-grid textarea{color:#27382f;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dfe5e1;border-radius:6px;outline:none;padding:9px 12px;font-size:12px;transition:border-color .16s,box-shadow .16s}.employee-record-grid textarea{resize:vertical;min-height:85px;line-height:1.5}.employee-record-grid input:focus,.employee-record-grid select:focus,.employee-record-grid textarea:focus{border-color:#6da483;box-shadow:0 0 0 3px #6da48326}.employee-record-grid .employee-form-wide{grid-column:1/-1}.employee-field-error{color:#ba4737;font-size:10px;font-weight:500}.employee-upload-wrapper{gap:6px;min-width:0;display:grid}.employee-upload-label{color:#55665c;font-size:11px;font-weight:600}.employee-dropzone-card{background:#f9fbf9;border:1px dashed #cbdad0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .18s;display:flex}.employee-dropzone-card:hover{background:#f4f8f5;border-color:#7dae91}.employee-dropzone-content{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.employee-browse-button{align-items:center;gap:6px;display:inline-flex;background:#fff!important;min-height:34px!important;padding:0 13px!important;font-size:11px!important}.employee-dropzone-hint{color:#7b8e83;flex:1;font-size:10px}.employee-toggle-url{color:#3b7454;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:600;text-decoration:underline}.employee-file-preview-box{background:#f3f9f5;border:1px solid #d2e4d8;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.employee-file-thumb{background:#eef5f1;border:1px solid #c2d9cb;border-radius:5px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.employee-file-doc-icon{color:#27623c;background:#e3efe7;border-radius:6px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.employee-file-meta{flex:1;gap:2px;min-width:0;display:grid}.employee-file-name{color:#274032;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.employee-file-status{color:#32754c;font-size:9px;font-weight:600}.employee-file-actions{align-items:center;gap:6px;display:flex}.employee-preview-btn,.employee-remove-btn{min-height:30px!important;padding:0 10px!important;font-size:10px!important}.employee-remove-btn{color:#b54536!important}.employee-stepper-actions{background:#fff;border:1px solid #e3eae5;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 2px 8px #1e322808}.employee-stepper-actions .button{min-height:40px;padding:0 18px}.employee-success-page{background:#fff;border:1px solid #d4e7db;border-radius:12px;gap:20px;max-width:760px;margin:0 auto;padding:28px;display:grid;box-shadow:0 8px 30px #1c382612}.employee-success-banner{border-bottom:1px solid #e7eee9;align-items:center;gap:16px;padding-bottom:18px;display:flex}.employee-success-icon-badge{color:#fff;background:#2a6d47;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 14px #2a6d4747}.employee-success-banner h2{color:#21352a;margin:2px 0 0;font-size:20px;font-weight:700}.employee-success-banner p{color:#697c71;margin:4px 0 0;font-size:11px}.employee-success-card{background:#f8faf8;border:1px solid #deebe2;border-radius:10px;gap:16px;padding:20px;display:grid}.employee-success-identity{border-bottom:1px solid #e6eee8;align-items:center;gap:14px;padding-bottom:16px;display:flex}.employee-success-identity .avatar{border-radius:8px;width:48px;height:48px;font-size:16px}.employee-success-meta h3{color:#1e3327;margin:0;font-size:16px;font-weight:700}.employee-success-meta p{color:#687970;gap:6px;margin:3px 0 0;font-size:11px;display:flex}.employee-credential-grid{gap:12px;display:grid}.employee-credential-item{gap:6px;display:grid}.cred-label{letter-spacing:.5px;color:#5c6f64;font-size:10px;font-weight:700}.cred-box{background:#fff;border:1px solid #dbe8e0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.cred-value{color:#223b2c;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:13px;overflow:hidden}.cred-highlight{color:#226b3e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800}.employee-temporary-password{letter-spacing:.5px;color:#1d4d33;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cred-copy-btn{flex-shrink:0;min-height:32px!important;padding:0 12px!important;font-size:11px!important}.employee-security-note{color:#40604e;background:#edf6f0;border-left:3px solid #3c825a;border-radius:0 4px 4px 0;margin:0;padding:11px 14px;font-size:11px;line-height:1.5}.employee-success-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.employee-success-actions .button{min-height:42px;padding:0 20px}@media (width<=768px){.employee-record-grid{grid-template-columns:minmax(0,1fr)}.employee-auto-id-banner{flex-direction:column;align-items:flex-start}.employee-stepper-actions{flex-direction:column;align-items:stretch;gap:12px}.employee-stepper-actions>div{flex-direction:column;width:100%;display:flex}.employee-success-actions{flex-direction:column}.employee-success-actions .button{justify-content:center;width:100%}}.employee-file-preview-box{background:#f8fafc;border:1px solid #d2e4d8;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.employee-file-preview-box:hover{background:#fff;border-color:#94a3b8}.employee-file-thumb{cursor:pointer;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;overflow:hidden}.employee-file-thumb:hover:after{content:"🔍";color:#fff;background:#0f172a73;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.employee-file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.employee-file-doc-icon{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:54px;height:54px;transition:all .15s;display:flex}.employee-file-doc-icon:hover{background:#dbeafe}.employee-file-doc-icon.pdf{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.employee-file-doc-icon.pdf:hover{background:#fee2e2}.employee-file-doc-icon span{letter-spacing:.5px;font-size:10px;font-weight:700}.employee-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.employee-file-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.employee-file-status-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.employee-file-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.employee-file-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employee-preview-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex}.employee-preview-modal-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;width:90vw;max-width:820px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.employee-preview-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.employee-preview-modal-body{background:#f1f5f9;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.employee-preview-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.employee-previous-orgs-section{border-top:1px solid var(--border,#e2e8f0);margin-top:28px;padding-top:24px}.previous-orgs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.previous-orgs-title{color:var(--text,#0f172a);align-items:center;gap:10px;margin:0 0 6px;font-size:16px;font-weight:700;display:flex}.org-count-badge{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.previous-orgs-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.45}.add-org-btn{white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.previous-orgs-empty{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.org-empty-icon{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.previous-orgs-empty p{color:#334155;margin:0;font-size:14px}.previous-orgs-empty small{color:#64748b;max-width:480px;font-size:12px;line-height:1.5}.previous-orgs-grid{flex-direction:column;gap:12px;display:flex}.previous-org-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.previous-org-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #00000012}.org-card-badge{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.org-card-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.org-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.org-company-name{color:#0f172a;font-size:15px;font-weight:700}.org-designation-chip{color:#334155;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.org-tenure-row{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.org-document-preview{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.org-doc-badge{color:#0284c7;background:#e0f2fe;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.org-view-link{align-items:center!important;gap:4px!important;height:auto!important;padding:2px 8px!important;font-size:11px!important;text-decoration:none!important;display:inline-flex!important}.org-no-doc small{color:#94a3b8;font-style:italic}.org-card-actions{flex-shrink:0;gap:6px;display:flex}.employee-org-modal-card{background:#fff;border-radius:14px;width:580px;max-width:95vw;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.employee-org-modal-body{max-height:75vh;overflow-y:auto}.employee-field-custom-wrap{flex-direction:column;gap:6px;display:flex}.employee-field-label-row{justify-content:space-between;align-items:center;display:flex}.employee-field-label-row label{cursor:default;margin:0}.manage-roles-pill-btn{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.manage-roles-pill-btn:hover{background:#dcfce7;border-color:#86efac}.employee-roles-modal-card{background:#fff;border-radius:14px;width:580px;max-width:95vw;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.role-manage-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.role-manage-chip:hover{background:#e2e8f0;border-color:#cbd5e1}.role-manage-chip.selected{color:#0369a1;background:#e0f2fe;border-color:#0284c7}.role-manage-chip.custom{border-color:#bae6fd}.role-chip-name{cursor:pointer}.role-chip-default-tag{color:#94a3b8;background:#fff;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:500}.role-chip-delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:13px;font-weight:700;line-height:1;transition:background .15s;display:inline-flex}.role-chip-delete-btn:hover{background:#fecaca}.employee-file-compact-row{box-sizing:border-box;background:#f9fbf9;border:1px solid #d2e4d8;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:38px;min-height:38px;padding:0 10px;transition:border-color .15s;display:flex}.employee-file-compact-row:hover{background:#fff;border-color:#94a3b8}.employee-compact-thumb-wrap{cursor:pointer;background:#e2e8f0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.employee-compact-img-thumb{object-fit:cover;width:100%;height:100%}.employee-compact-badge{color:#fff;background:#475569;justify-content:center;align-items:center;width:100%;height:100%;font-size:9px;font-weight:700;display:flex}.employee-compact-badge.pdf{background:#dc2626}.employee-compact-filename{color:#334155;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;font-size:12px;overflow:hidden}.employee-compact-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.employee-compact-preview-btn{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.employee-compact-preview-btn:hover{background:#f0f9ff;border-color:#7dd3fc}.employee-compact-delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;justify-content:center;align-items:center;padding:3px 6px;display:inline-flex}.employee-compact-delete-btn:hover{background:#fecaca}.employee-preview-modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0f172ab8!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.employee-preview-modal-card{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:14px!important;flex-direction:column!important;width:720px!important;max-width:90vw!important;max-height:85vh!important;margin:auto!important;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000059!important}.employee-preview-modal-body{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:320px;padding:20px;display:flex;overflow:auto}.employee-preview-modal-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:65vh;box-shadow:0 4px 6px -1px #0000001a}.employee-preview-modal-iframe{background:#fff;border:none;border-radius:8px;width:100%;height:65vh}.app-shell{--sidebar-width:248px;--ink:#202b27;--muted:#818b86;--line:#e9edea;--green:#397b65;min-height:100vh;color:var(--ink);background:#f7f8f6}.aws-setup{color:#27352e;background:#f7f8f6;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.aws-setup-card{background:#fff;border:1px solid #e5eae6;border-radius:10px;width:min(100%,720px);padding:clamp(26px,5vw,52px);box-shadow:0 18px 60px #203d340d}.aws-setup-brand{color:#263e33;align-items:center;gap:12px;margin-bottom:48px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;display:flex}.aws-setup-kicker{color:#397b65;letter-spacing:1.5px;font-size:10px;font-weight:700}.aws-setup h1{color:#25332c;margin:13px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,5vw,40px);font-weight:500;line-height:1.15}.aws-setup-intro{color:#758179;max-width:590px;margin:0;font-size:14px;line-height:1.7}.aws-setup-list{border-top:1px solid #e9edea;gap:0;margin:28px 0;padding:0;list-style:none;display:grid}.aws-setup-list li{border-bottom:1px solid #e9edea;gap:5px;padding:15px 0;display:grid}.aws-setup-list strong{color:#34483c;font-size:13px}.aws-setup-list span,.aws-setup-security{color:#758179;font-size:12px;line-height:1.65}.aws-setup-security{color:#786343;background:#fffaf0;border:1px solid #e7d7b9;border-radius:5px;margin:0;padding:13px 15px}.app-shell.role-employee{--green:#397b83;background:#f1f7f8}.app-shell.role-employee .sidebar{background:#183e4a}.app-shell.role-employee .nav-item.active{box-shadow:inset 2px 0 #79c6c3}.app-shell.role-employee .nav-item.active svg{color:#8bd3cf}.app-shell.role-employee .brand-mark span{background:#9bdad0}.app-shell.role-employee .brand-mark span:nth-child(4){background:#8db9ed}.app-shell.role-employee .main-area{background:#f1f7f8}.app-shell.role-super_admin .sidebar{background:#26263e}.app-shell.role-super_admin .brand-mark span{background:#c5b8f4}.app-shell.role-super_admin .brand-mark span:nth-child(4){background:#f2ca8b}.app-shell.role-super_admin .nav-item{color:#c4c4e0}.app-shell.role-super_admin .nav-item:hover{color:#fff;background:#ffffff17}.app-shell.role-super_admin .nav-item.active{color:#fff;background:#ffffff26;box-shadow:inset 2px 0 #e7c27c}.app-shell.role-super_admin .nav-item.active svg{color:#f0d18f}.app-shell.role-super_admin .nav-item svg{color:#b5b5dd}.app-shell.role-super_admin .nav-caption{color:#9f9fc7}.app-shell.role-super_admin .profile-switch{color:#e5e5f5;border-top-color:#ffffff1f}.app-shell.role-super_admin .profile-switch strong{color:#f4f2fb}.app-shell.role-super_admin .profile-switch small{color:#b0b0d6}.sidebar{z-index:20;width:var(--sidebar-width);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;color:#eaf0ec;background:#203d34;flex-direction:column;height:100vh;max-height:100vh;padding:20px 14px 16px;transition:width .2s,padding .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.sidebar-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-close-button{display:none}.brand{color:#fff;letter-spacing:0;align-items:center;gap:11px;padding:0 10px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand-name{white-space:nowrap}.brand-period{color:#f3a783}.brand-mark{grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark span{background:#a8d2bc;border-radius:2px;display:block}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){opacity:.58}.brand-mark span:nth-child(4){background:#efab88}.workspace-switcher{background:#ffffff0b;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:11px;margin:35px 0 32px;padding:11px 10px;display:flex}.workspace-icon{color:#254638;background:#d8e9dd;border-radius:6px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:18px;font-weight:700;display:grid}.workspace-copy{flex:1;gap:2px;min-width:0;display:grid}.workspace-copy strong{color:#f0f3f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.workspace-copy small{color:#a9b8b0;font-size:10px}.workspace-switcher>svg{color:#aabbb1;transform:rotate(90deg)}.nav-caption{color:#92a89c;letter-spacing:1.35px;padding:0 11px;font-size:9px;font-weight:700}.main-nav{flex-direction:column;flex:1 0 auto;gap:3px;margin-top:10px;display:flex}.nav-item{color:#c0ccc4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:38px;padding:0 11px;transition:color .18s,background .18s;display:flex}.nav-item span:nth-child(2){flex:1;font-size:12px;font-weight:500}.nav-item svg{color:#a6b7ad}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#ffffff18;box-shadow:inset 2px 0 #e6ae8d}.nav-item.active svg{color:#e9b08f}.nav-count{color:#253f34;background:#b2d1bd;border-radius:5px;place-items:center;width:19px;height:19px;font-size:10px;font-weight:700;display:grid}.sidebar-bottom{flex-shrink:0;gap:10px;margin-top:auto;padding-top:12px;display:grid}.demo-profile{color:#eff4ef;border-top:1px solid #fff2;align-items:center;gap:10px;padding:13px 3px 3px;display:flex}.demo-profile>span:last-child{flex:1;gap:3px;min-width:0;display:grid}.demo-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.demo-profile small{color:#a9b8b0;font-size:10px}.help-card{background:#ffffff09;border:1px solid #ffffff1b;border-radius:7px;padding:15px 14px 13px}.help-spark{color:#315843;background:#d5e6d7;border-radius:6px;place-items:center;width:26px;height:26px;font-size:17px;display:grid}.help-card>strong{color:#f1f4f1;margin-top:11px;font-size:12px;display:block}.help-card p{color:#aebdb4;margin:4px 0 12px;font-size:10px;line-height:1.5}.help-card button,.hero-link{color:#d9e6dc;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:600;display:inline-flex}.profile-switch{color:#eff4ef;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #fff2;align-items:center;gap:10px;width:100%;padding:11px 3px 3px;display:flex}.profile-switch>span:nth-child(2){flex:1;gap:2px;display:grid}.profile-switch strong{font-size:11px;font-weight:600}.profile-switch small{color:#a9b8b0;font-size:10px}.profile-switch>svg{color:#a9b8b0}.topbar-role-tag{color:#68766d;white-space:nowrap;background:#f5f7f5;border:1px solid #e7ece8;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.topbar-role-tag.employee{color:#34747b;background:#eaf5f5;border-color:#d5e9e9}.topbar-role-tag.admin{color:#477354;background:#edf5ef;border-color:#d9e9dc}.topbar-role-tag.super_admin{color:#66558c;background:#f3eff9;border-color:#e9e1f2}.main-area{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .2s}.sidebar-collapsed{--sidebar-width:72px}.sidebar-collapsed .sidebar{align-items:stretch;padding:28px 8px 16px}.sidebar-collapsed .brand{justify-content:center;padding:0;position:relative}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-item>.nav-item-label,.sidebar-collapsed .nav-item>span:nth-child(2),.sidebar-collapsed .profile-switch>span:nth-child(2){display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:0;position:relative}.sidebar-collapsed .profile-switch{justify-content:center;padding-left:0;padding-right:0;position:relative}@media (width>=821px){.sidebar-collapsed .sidebar:hover{z-index:100;box-shadow:8px 0 32px #0000006b;width:248px!important;padding:20px 14px 16px!important}.sidebar-collapsed .sidebar:hover .brand{justify-content:flex-start!important;padding:0 10px!important}.sidebar-collapsed .sidebar:hover .brand-name,.sidebar-collapsed .sidebar:hover .nav-caption,.sidebar-collapsed .sidebar:hover .nav-item>.nav-item-label,.sidebar-collapsed .sidebar:hover .nav-item>span:nth-child(2){display:block!important}.sidebar-collapsed .sidebar:hover .nav-item{justify-content:flex-start!important;padding:0 11px!important}.sidebar-collapsed .sidebar:hover .profile-switch{justify-content:flex-start!important;padding:11px 3px 3px!important}.sidebar-collapsed .sidebar:hover .profile-switch>span:nth-child(2){display:grid!important}.sidebar-collapsed .sidebar:hover .nav-tooltip{display:none!important}}.nav-tooltip{display:none}.sidebar-collapsed .nav-tooltip{color:#fff;letter-spacing:.2px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#182f25;border:1px solid #ffffff29;border-radius:7px;align-items:center;padding:7px 14px;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px);box-shadow:0 6px 18px #0006,0 2px 6px #0003;display:inline-flex!important}.sidebar-collapsed .nav-tooltip:before{content:"";border:6px solid #0000;border-right-color:#182f25;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.sidebar-collapsed .nav-item:hover .nav-tooltip,.sidebar-collapsed .nav-item:focus-visible .nav-tooltip,.sidebar-collapsed .nav-item.has-tooltip-active .nav-tooltip,.sidebar-collapsed .brand:hover .nav-tooltip,.sidebar-collapsed .brand.has-tooltip-active .nav-tooltip,.sidebar-collapsed .profile-switch:hover .nav-tooltip,.sidebar-collapsed .profile-switch.has-tooltip-active .nav-tooltip,.sidebar-collapsed .nav-tooltip.visible{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.app-shell.role-super_admin .sidebar-collapsed .nav-tooltip{background:#1f1f35;border-color:#c5b8f44d;box-shadow:0 6px 20px #0f0f1980}.app-shell.role-super_admin .sidebar-collapsed .nav-tooltip:before{border-right-color:#1f1f35}.app-shell.role-employee .sidebar-collapsed .nav-tooltip{background:#102d36;border-color:#79c6c34d;box-shadow:0 6px 20px #0a191e80}.app-shell.role-employee .sidebar-collapsed .nav-tooltip:before{border-right-color:#102d36}.first-password-page{background:#f7f8f6;place-items:center;min-height:100vh;padding:24px;display:grid}.first-password-panel{gap:12px;width:min(100%,440px);padding:30px;display:grid}.first-password-panel h1{color:#25332c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.first-password-panel>p{color:#849089;font-size:12px;line-height:1.6}.first-password-panel form{gap:9px;display:grid}.first-password-panel form label{color:#68766d;margin-top:6px;font-size:11px;font-weight:600}.first-password-panel form input{background:#fff;border:1px solid #e2e8e3;border-radius:4px;outline:none;min-height:40px;padding:0 10px}.first-password-panel form input:focus{border-color:#83ad94;box-shadow:0 0 0 3px #83ad941c}.first-password-panel form button{margin-top:10px}.first-password-signout{color:#77847c;cursor:pointer;background:0 0;border:0;justify-self:center;padding:5px;font-size:11px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfcfaed;border-bottom:1px solid #e9edea;justify-content:space-between;align-items:center;height:66px;padding:0 4.5%;display:flex;position:sticky;top:0}.breadcrumbs{color:#98a19c;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumbs>svg{color:#adb5b0}.breadcrumbs strong{color:#394740;font-weight:600}.topbar-actions{align-items:center;gap:17px;display:flex}.demo-badge{color:#806947;letter-spacing:.65px;white-space:nowrap;background:#fffaf0;border:1px solid #e8dcc0;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.search-box{color:#87938c;background:#fff;border:1px solid #e8ece9;border-radius:5px;align-items:center;gap:8px;width:228px;height:34px;padding:0 9px;display:flex}.search-box input{color:#303a35;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:11px}.search-box input::placeholder{color:#9ca59f}.search-box kbd{color:#9aa39e;white-space:nowrap;border:1px solid #ebeeec;border-radius:3px;padding:2px 4px;font-family:inherit;font-size:9px}.icon-button{color:#727e77;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:32px;height:32px;transition:background .18s,color .18s;display:inline-grid;position:relative}.icon-button:hover{color:#345e4d;background:#edf2ed}.notification-button i{background:#df936f;border:1px solid #fbfcfa;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.sidebar-toggle{margin-right:8px;display:inline-grid}.sidebar-scrim{display:none}.page-content{width:min(100%,1500px);margin:0 auto;padding:38px 4.5% 20px;animation:.42s both arrive}.demo-preview{justify-items:start;gap:12px;padding:clamp(24px,5vw,42px);display:grid}.demo-preview h1{color:#293a30;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500}.demo-preview p{color:#758179;max-width:500px;margin:0 0 8px;font-size:13px;line-height:1.6}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#86918b;letter-spacing:1.25px;font-size:9px;font-weight:700}.page-heading h1{color:#25332c;letter-spacing:0;margin:8px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500;line-height:1.2}.page-heading p{color:#849089;font-size:12px}.wave{color:#e4a07c;vertical-align:2px;font-family:inherit;font-size:20px;display:inline-block}.button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:11px;font-weight:600;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:#397b65}.button-primary:hover{background:#2f6b56}.button-secondary{color:#59675f;background:#fff;border-color:#e4e9e5}.button-secondary:hover{background:#f8faf8;border-color:#c8d6cc}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{background:#fff;border:1px solid #e9ede9;border-radius:6px;min-height:132px;padding:15px 16px 13px;position:relative;overflow:hidden}.stat-label{color:#75817a;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;display:flex}.stat-icon{border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.mint-bg{color:#43816a;background:#e8f2eb}.blue-bg{color:#6687a4;background:#edf2f5}.orange-bg{color:#bd825b;background:#fbf0e9}.lilac-bg{color:#82759a;background:#f1eff6}.rose-bg{color:#ae786d;background:#f8eeeb}.stat-value{color:#27352e;letter-spacing:0;margin-top:9px;font-size:27px;font-weight:600;line-height:1.15}.stat-unit{color:#99a29d;font-size:12px;font-weight:400}.stat-date{font-size:23px}.stat-foot{color:#909b94;align-items:center;gap:6px;min-height:21px;margin-top:5px;font-size:9px;display:flex}.trend-pill{color:#42846a;background:#eaf4ed;border-radius:3px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.green-dot{background:#5da582}.orange-dot{background:#db9b63}.stat-note{color:#8c9690}.text-link{color:#47816a;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:9px;font-weight:600;display:inline-flex}.sparkline{opacity:.72;align-items:end;gap:3px;height:24px;display:flex;position:absolute;bottom:15px;right:15px}.sparkline i{background:#9bc8ae;border-radius:2px 2px 0 0;width:4px}.sparkline i:first-child{height:8px}.sparkline i:nth-child(2){height:12px}.sparkline i:nth-child(3){height:9px}.sparkline i:nth-child(4){height:17px}.sparkline i:nth-child(5){height:12px}.sparkline i:nth-child(6){height:16px}.sparkline i:nth-child(7){height:12px}.sparkline i:nth-child(8){height:20px}.sparkline i:nth-child(9){height:14px}.sparkline i:nth-child(10){height:18px}.sparkline i:nth-child(11){height:15px}.sparkline i:nth-child(12){height:23px}.progress-line{background:#edf1ed;border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.progress-line span{border-radius:inherit;background:#74ae90;height:100%;display:block}.mini-avatars{margin-top:6px;display:flex}.mini-avatars .avatar+.avatar{border:2px solid #fff;margin-left:-6px}.payroll-line{color:#98a19c;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:13px;margin-top:14px;display:grid}.panel{background:#fff;border:1px solid #e9ede9;border-radius:6px;min-width:0}.attendance-panel,.birthdays-panel{min-height:295px;padding:17px 18px 12px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{color:#2c3932;letter-spacing:0;margin:0 0 4px;font-size:13px;font-weight:600}.panel-heading p{color:#929c96;font-size:10px}.panel-heading select{color:#68756d;background:#fff;border:1px solid #e7ece8;border-radius:4px;outline:none;height:29px;padding:0 8px;font-family:inherit;font-size:9px}.chart-summary{align-items:center;gap:8px;margin-top:16px;display:flex}.chart-summary>strong{color:#2c4035;font-size:22px;font-weight:600}.summary-caption{color:#9aa39e;font-size:9px}.attendance-chart{height:153px;margin-top:7px;display:flex}.chart-y-labels{color:#a4aca7;flex-direction:column;justify-content:space-between;width:33px;padding:0 0 20px;font-size:8px;display:flex}.chart-plot{flex:1;min-width:0;position:relative}.chart-gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 21px}.chart-gridlines i{border-top:1px dashed #edf0ed}.chart-plot svg{width:100%;height:calc(100% - 24px);position:absolute;inset:3px 0 21px;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#5b9d7f;stroke-width:2.2px;vector-effect:non-scaling-stroke}.chart-plot circle{fill:#fff;stroke:#518f72;stroke-width:2.5px;vector-effect:non-scaling-stroke}.chart-x-labels{color:#a4aca7;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.subtle-button{color:#87928b;width:27px;height:27px}.event-row{border-bottom:1px solid #f0f2f0;align-items:center;gap:10px;min-height:57px;display:flex}.event-row:first-of-type{margin-top:10px}.event-row:last-of-type{border-bottom:0}.event-date{color:#52635a;flex:none;justify-items:center;gap:0;width:32px;display:grid}.event-date strong{font-size:16px;font-weight:600;line-height:1.05}.event-date small{color:#a0aaa3;letter-spacing:.5px;font-size:7px;font-weight:700}.event-copy{flex:1;gap:3px;min-width:0;display:grid}.event-copy strong{color:#44534a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.event-copy span{color:#9aa39e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.event-emoji{color:#dfa47f;font-size:15px}.event-emoji.star{color:#a49bba}.panel-footer-link{color:#56836d;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;padding:4px 0 0;font-size:9px;font-weight:600;display:flex}.team-panel{margin-top:14px;padding:17px 18px 3px}.team-heading{align-items:center;margin-bottom:11px}.avatar{color:#536c5c;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:inline-grid}.avatar-small{width:29px;height:29px;font-size:8px}.avatar.lilac{color:#705e83;background:#e8dff0}.avatar.peach{color:#986c55;background:#f3dfd0}.avatar.mint{color:#527863;background:#dcece0}.avatar.blue{color:#56748a;background:#dce8ee}.avatar.rose{color:#936b6d;background:#f0dddd}.avatar.neutral{color:#64736a;background:#e8ece8}.avatar.profile{color:#fff;background:#a77b64}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead th{color:#98a19b;letter-spacing:.75px;border-bottom:1px solid #edf0ed;height:31px;font-size:8px;font-weight:700}tbody tr{border-bottom:1px solid #f0f2f0}tbody tr:last-child{border-bottom:0}tbody td{color:#6f7b73;height:55px;font-size:10px}th:first-child,td:first-child{padding-left:2px}th:last-child,td:last-child{text-align:right;padding-right:2px}.person-cell{align-items:center;gap:9px;display:flex}.person-cell>span:last-child{gap:3px;display:grid}.person-cell strong{color:#45534b;font-size:10px;font-weight:600}.person-cell small,.table-subline{color:#9ba49e;font-size:9px}.organization-cell{gap:4px;min-width:145px;display:grid}.organization-cell strong{color:#45534b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.organization-cell small{color:#89958d;white-space:nowrap;font-size:9px}.badge{border-radius:4px;align-items:center;gap:5px;min-height:21px;padding:0 7px;font-size:9px;font-weight:600;display:inline-flex}.badge.approved{color:#4c8067;background:#edf5ef}.badge.pending{color:#a9794e;background:#fbf2e9}.badge.declined{color:#a65f56;background:#faecea}.badge.neutral-badge{color:#6e7a73;background:#f0f2f0}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.page-footer{color:#a4ada7;justify-content:space-between;padding:18px 1px 5px;font-size:8px;display:flex}.page-footer i{color:#d49a78;padding:0 3px;font-style:normal}.attendance-stats{margin-bottom:14px}.attendance-stats .stat-card{min-height:116px}.full-table-panel{padding:17px 18px 3px}.full-table-panel .team-heading{margin-bottom:12px}.today-tag{color:#488066;letter-spacing:.4px;background:#edf5ef;border-radius:3px;margin-left:5px;padding:3px 5px;font-size:7px;font-weight:700}.table-actions{align-items:center;gap:8px;display:flex}.segmented-control{background:#f8f9f7;border:1px solid #e9ede9;border-radius:5px;padding:3px;display:inline-flex}.segmented-control button{color:#8a958e;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:25px;padding:0 9px;font-family:inherit;font-size:9px}.segmented-control button.selected{color:#475a4e;background:#fff;box-shadow:0 1px 3px #203d3414}.segmented-control button span{color:#b58058;margin-left:4px}.filter-button{min-height:32px;font-size:9px}.full-table-panel table th{height:37px}.full-table-panel table td{height:62px}.row-actions{white-space:nowrap}.approve-button,.decline-button{color:#5b8d70;cursor:pointer;background:#fff;border:1px solid #e7ece8;border-radius:4px;place-items:center;width:26px;height:26px;margin-left:5px;display:inline-grid}.approve-button:hover{background:#f1f7f2;border-color:#b8d3c0}.decline-button{color:#a9796b;font-size:17px}.decline-button:hover{background:#fdf4f1;border-color:#e8c5bc}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.success-banner{color:#477354;background:#f0f7f0;border:1px solid #d6e9da;border-radius:5px;align-items:center;gap:9px;margin:-9px 0 14px;padding:10px 12px;font-size:10px;display:flex}.success-check{color:#fff;background:#69a47a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.success-banner button{color:#709279;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:17px}.payroll-hero{color:#f6f8f4;background:#315d4b;border-radius:7px;justify-content:space-between;align-items:center;min-height:187px;padding:23px 30px;display:flex;position:relative;overflow:hidden}.payroll-copy,.payroll-total{z-index:2;position:relative}.hero-kicker{color:#bbd2c1;letter-spacing:.95px;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.hero-kicker .status-dot{box-shadow:0 0 0 3px #78bd8a30}.payroll-copy h2{color:#fff;letter-spacing:0;margin:11px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.payroll-copy>p{color:#c2d1c7;margin-bottom:15px;font-size:10px}.hero-link{color:#e5eee6;font-size:9px}.payroll-total{justify-items:end;gap:6px;padding-right:13%;display:grid}.payroll-total>span{color:#c6d5ca;font-size:10px}.payroll-total>strong{color:#fff;letter-spacing:0;font-size:31px;font-weight:500}.payroll-total>strong span{color:#b8cbbd;font-size:20px}.payroll-total>small{color:#b8cbbd;font-size:9px}.payroll-total>small span{color:#a6d5b3;font-weight:700}.hero-orbit{border:1px solid #ffffff16;border-radius:50%;position:absolute}.orbit-one{width:340px;height:340px;top:-95px;right:18%}.orbit-two{border-color:#ffffff12;width:260px;height:260px;top:-55px;right:24%}.hero-dots{opacity:.4;background-image:radial-gradient(#a2c0aa 1px,#0000 1px);background-size:12px 12px;width:100px;height:100px;position:absolute;bottom:10%;right:3%;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.payroll-stats{margin-top:14px}.payroll-stats .stat-card{min-height:119px}.status-value{font-size:21px}.payroll-table-panel{margin-top:14px}.table-subline{margin-top:4px;display:block}.payroll-tabs{background:#fff;border:1px solid #e7ece8;border-radius:6px;gap:4px;margin:14px 0;padding:4px;display:flex;overflow-x:auto}.payroll-tabs button{color:#728078;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:33px;padding:0 12px;font-family:inherit;font-size:10px}.payroll-tabs button.selected{color:#315d4b;background:#edf4ef;font-weight:700}.payroll-message{border:1px solid;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;font-size:11px;display:flex}.payroll-message button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.payroll-error{color:#945448;background:#fff5f2;border-color:#efd1cb}.payroll-success{color:#477354;background:#f0f7f0;border-color:#d6e9da}.payroll-loading{color:#718078;padding:24px 0;font-size:12px}.payroll-run-panel,.payroll-management-panel{background:#fff;border:1px solid #e9edea;border-radius:7px;margin-top:14px;padding:18px}.payroll-run-fields,.payroll-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.payroll-run-fields label,.payroll-form-grid label,.payroll-form-stack label,.payroll-search{color:#59675f;gap:6px;font-size:10px;font-weight:600;display:grid}.payroll-run-fields input,.payroll-run-fields select,.payroll-form-grid input,.payroll-form-grid select,.payroll-form-stack input,.payroll-form-stack select,.payroll-search input{color:#35423a;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #e1e8e3;border-radius:4px;padding:0 9px;font-size:11px}.payroll-run-fields input:focus,.payroll-run-fields select:focus,.payroll-form-grid input:focus,.payroll-form-grid select:focus,.payroll-form-stack input:focus,.payroll-form-stack select:focus,.payroll-search input:focus{border-color:#76a58b;outline:2px solid #397b6533}.payroll-run-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.payroll-run-actions button:disabled,.payroll-form-grid button:disabled,.payroll-form-stack button:disabled{opacity:.5;cursor:not-allowed}.payroll-preview-table{margin-top:12px}.payroll-preview-table table{min-width:980px}.payroll-slip-actions{color:#77847b;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;font-size:10px;display:flex}.payroll-slip-actions>span{margin-right:auto}.payroll-slip-actions .button:disabled,.payroll-slip-download:disabled{opacity:.5;cursor:not-allowed}.payroll-preview-table input[type=checkbox]{accent-color:#397b65}.payroll-slip-download{white-space:nowrap;gap:5px;min-height:30px;padding:0 8px;font-size:9px}.payroll-total-row td{background:#f7faf7;border-top:1px solid #e4eae5}.payroll-warning{color:#806331;background:#fffaf0;border:1px solid #f0dfba;border-radius:5px;margin-top:12px;padding:11px 13px;font-size:10px}.payroll-warning ul{gap:4px;margin:7px 0 0;padding-left:17px;display:grid}.payroll-empty{color:#89948d;text-align:center;margin:12px 0;padding:15px;font-size:11px}.payroll-form-grid{align-items:end;margin:15px 0 20px}.payroll-form-grid>.button{justify-content:center;min-height:36px}.payroll-management-panel .table-wrap{margin-top:12px}.payroll-management-panel .table-wrap table{min-width:550px}.payroll-search{max-width:420px;margin:18px 0 10px}.payroll-select-actions{color:#849087;align-items:center;gap:14px;margin-bottom:8px;font-size:10px;display:flex}.payroll-employee-list{border:1px solid #e9edea;border-radius:5px;max-height:380px;overflow-y:auto}.payroll-employee-option{cursor:pointer;border-bottom:1px solid #eef1ee;align-items:center;gap:10px;min-height:53px;padding:7px 10px;display:flex}.payroll-employee-option:last-child{border-bottom:0}.payroll-employee-option>input{accent-color:#397b65}.payroll-employee-option>span:first-of-type{gap:4px;min-width:0;display:grid}.payroll-employee-option strong{color:#3a4740;font-size:10px}.payroll-employee-option small,.payroll-queue small{color:#929b95;font-size:9px}.payroll-assigned,.payroll-unassigned{color:#527b60;white-space:nowrap;background:#eff7f0;border-radius:10px;margin-left:auto;padding:4px 7px;font-size:9px}.payroll-unassigned{color:#9a7444;background:#fff7e9}.payroll-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payroll-two-columns .payroll-management-panel{min-width:0}.payroll-form-stack{gap:12px;margin-top:14px;display:grid}.payroll-form-stack .payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.payroll-form-stack>.button{justify-self:start;min-height:35px}.payroll-queue{border-top:1px solid #edf0ed;gap:2px;margin-top:16px;display:grid}.payroll-queue>div{color:#536158;border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:10px;display:flex}.payroll-queue>div>span{gap:4px;min-width:0;display:grid}.payroll-queue>div>strong{flex:none;font-size:10px}.payroll-queue .payroll-empty{grid-column:1/-1}.payroll-management-panel .payroll-empty{padding:8px}.logout-label{color:#c3d1c7;margin-left:auto;font-size:9px}.sign-out-backdrop{z-index:60}.sign-out-modal{width:min(100%,430px)}.sign-out-modal .login-error{margin:14px 24px 0}.employee-dashboard{gap:18px;display:grid}.employee-dashboard .employee-welcome{align-items:center;margin-bottom:0}.employee-profile-panel{background:linear-gradient(120deg,#fff 0%,#f1f9f9 100%);border:1px solid #dce9e9;border-radius:12px;max-width:1100px;padding:25px 28px 0;overflow:hidden;box-shadow:0 8px 26px #274f4a0a}.employee-hero-top{align-items:center;gap:16px;padding-bottom:23px;display:flex}.employee-profile-mark{color:#fff;background:linear-gradient(145deg,#458f93,#316a79);border:4px solid #d7eeee;border-radius:19px;flex:none;place-items:center;width:62px;height:62px;font-size:17px;font-weight:700;display:grid;box-shadow:0 5px 14px #397b6530}.employee-hero-identity{gap:4px;min-width:0;display:grid}.employee-profile-panel h2{color:#263c40;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.employee-profile-panel p{color:#71858a;overflow-wrap:anywhere;margin:0;font-size:11px}.employee-role-badge{color:#34747b;background:#e3f2f1;border-radius:4px;justify-self:start;padding:5px 8px;font-size:9px;font-weight:700}.employee-account-status{color:#4b795c;white-space:nowrap;background:#f1f8f2;border:1px solid #d8ebdf;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:9px;font-weight:600;display:inline-flex}.employee-account-status i{background:#59a875;border-radius:50%;width:6px;height:6px}.employee-hero-facts{background:#f8fbfb;border-top:1px solid #e3eeee;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -28px;display:grid}.employee-hero-facts>div{border-right:1px solid #e7efef;gap:6px;min-width:0;padding:15px 20px;display:grid}.employee-hero-facts>div:nth-child(3n){border-right:0}.employee-hero-facts span{color:#91a3a4;letter-spacing:.8px;font-size:8px;font-weight:700}.employee-hero-facts strong{color:#3e5557;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.employee-own-details{border-color:#e1ebeb;border-radius:10px;max-width:1100px;margin-top:0;padding:20px 22px}.employee-own-details>header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:17px;display:flex}.employee-own-details h2{color:#2c4142;margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.employee-own-details header p{color:#8a9997;font-size:10px}.employee-own-details dl>div{border-top:1px solid #edf1ef;min-width:0;padding:12px 0}.employee-documents-panel{border-color:#e1ebeb;border-radius:10px;max-width:1100px;padding:20px 22px}.employee-documents-panel>header{margin-bottom:15px}.employee-documents-panel h2{color:#2c4142;margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.employee-documents-panel header p{color:#8a9997;font-size:10px}.employee-document-list{display:grid}.employee-document-list article{border-top:1px solid #edf1ef;align-items:center;gap:11px;min-width:0;padding:10px 0;display:flex}.employee-document-icon{color:#397b83;background:#edf6f5;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:grid}.employee-document-icon.payslip{color:#617ba0;background:#f0f3f9}.employee-document-copy{gap:4px;min-width:0;display:grid}.employee-document-copy strong{overflow-wrap:anywhere;color:#405653;font-size:10px;font-weight:600}.employee-document-copy small{color:#91a09c;font-size:9px}.employee-document-action{white-space:nowrap;gap:6px;min-height:30px;margin-left:auto;padding:0 9px;text-decoration:none}.employee-document-state{color:#879694;margin:0;padding:12px 0;font-size:10px;line-height:1.5}.employee-document-state.error{color:#915c52}.employee-detail-count{color:#567d7b;white-space:nowrap;background:#edf6f5;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:600}.employee-state-panel{color:#597476;background:#f6fbfb;border:1px solid #dbe9e9;border-radius:8px;max-width:1100px;margin:0;padding:14px 16px;font-size:11px}.employee-state-panel.error{color:#915c52;background:#fcf2f0;border-color:#eed9d5}.employee-note{color:#879694;max-width:1100px;margin:0;font-size:10px;line-height:1.6}.role-panel{max-width:1000px;padding:18px}.role-panel-heading{align-items:center;margin-bottom:12px}.role-panel-heading h2{color:#2c3932;margin:0 0 5px;font-size:13px;font-weight:600}.role-panel-heading p{color:#929c96;font-size:10px}.role-account-count{color:#7b8880;font-size:10px}.role-loading{color:#87938b;padding:20px 0;font-size:11px}.role-account{gap:3px;display:grid}.role-account strong{color:#45534b;font-size:10px;font-weight:600}.role-account small{color:#9ba49e;font-size:9px}.role-panel select{color:#59675f;background:#fff;border:1px solid #e4e9e5;border-radius:4px;min-height:30px;padding:0 8px;font-size:10px}.role-panel select:disabled{color:#9aa49d;background:#f4f6f4}.role-pill{border-radius:4px;padding:5px 7px;font-size:9px;font-weight:600;display:inline-flex}.role-pill.super_admin{color:#9a6342;background:#fbf0e9}.role-pill.admin{color:#477354;background:#edf5ef}.role-pill.hr{color:#4e756f;background:#edf5f3}.role-pill.manager{color:#756749;background:#f7f3e9}.role-pill.team_lead,.role-pill.employee{color:#647985;background:#edf2f5}.hr-tickets-page{gap:14px;max-width:1100px;display:grid}.hr-tickets-page .page-heading{margin-bottom:0}.employee-ticket-form,.employee-ticket-list{border-color:#e1ebeb;border-radius:10px;gap:12px;padding:18px 20px;display:grid}.employee-ticket-form header,.employee-ticket-list>header{border-bottom:1px solid #edf1ef;padding-bottom:11px}.employee-ticket-form h2,.employee-ticket-list h2{color:#2c4142;margin:0 0 5px;font-size:14px;font-weight:600}.employee-ticket-form header p,.employee-ticket-list header p{color:#8a9997;font-size:10px}.employee-ticket-form label,.employee-ticket-reply label{color:#637168;gap:6px;font-size:10px;font-weight:600;display:grid}.employee-ticket-form input,.employee-ticket-form select,.employee-ticket-form textarea,.employee-ticket-reply select,.employee-ticket-reply textarea{color:#394940;width:100%;min-width:0;min-height:35px;font:inherit;background:#fff;border:1px solid #e2e8e3;border-radius:4px;outline:none;padding:8px 10px;font-size:11px;font-weight:400}.employee-ticket-form textarea,.employee-ticket-reply textarea{resize:vertical;line-height:1.5}.employee-ticket-form input:focus,.employee-ticket-form select:focus,.employee-ticket-form textarea:focus,.employee-ticket-reply select:focus,.employee-ticket-reply textarea:focus{border-color:#83ad94;box-shadow:0 0 0 3px #83ad941c}.employee-ticket-form>button,.employee-ticket-reply>button{justify-self:start}.employee-ticket-notice{color:#456c54;background:#f0f7f1;border:1px solid #d9e8dd;border-radius:5px;max-width:1100px;margin:0;padding:11px 13px;font-size:10px}.employee-ticket-items{display:grid}.employee-ticket-items>article{border-bottom:1px solid #edf1ef;gap:10px;padding:14px 0;display:grid}.employee-ticket-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-ticket-heading>div{gap:4px;display:grid}.employee-ticket-category{color:#458287;font-size:9px;font-weight:600}.employee-ticket-heading h3{color:#405653;margin:0;font-size:12px;font-weight:600}.employee-ticket-heading small{color:#91a09c;font-size:9px}.employee-ticket-status{color:#876641;background:#fbf1e4;border-radius:4px;flex:none;padding:5px 7px;font-size:8px;font-weight:600}.employee-ticket-status.in-progress{color:#426f80;background:#edf4f7}.employee-ticket-status.resolved{color:#397958;background:#eaf4ed}.employee-ticket-message,.employee-ticket-response p{color:#687c79;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.employee-ticket-response{background:#f2f8f3;border-left:3px solid #6a9b7e;border-radius:3px;padding:10px 12px}.employee-ticket-response strong{color:#477354;font-size:9px}.employee-ticket-reply{border-top:1px solid #edf1ef;gap:10px;padding-top:10px;display:grid}.hr-tickets-admin-page{gap:12px;max-width:920px}.hr-tickets-admin-page .page-heading p{color:#77847c}.hr-ticket-admin-list{border-color:#e8ece9;border-radius:7px;gap:0;padding:0 18px}.hr-ticket-admin-list>header{padding:15px 0 12px}.hr-ticket-admin-list .employee-ticket-items{gap:0}.hr-ticket-admin-item{border-bottom:1px solid #edf0ed}.hr-ticket-admin-item:last-child{border-bottom:0}.hr-ticket-admin-item>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:11px 2px;list-style:none;display:flex}.hr-ticket-admin-item>summary::-webkit-details-marker{display:none}.hr-ticket-admin-item>summary:after{content:"";border-bottom:1px solid #89948d;border-right:1px solid #89948d;flex:none;width:7px;height:7px;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.hr-ticket-admin-item[open]>summary:after{transform:rotate(225deg)translate(-2px,-1px)}.hr-ticket-admin-summary{flex:1;gap:4px;min-width:0;display:grid}.hr-ticket-admin-summary strong{color:#35443a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.hr-ticket-admin-summary>span{color:#87928b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hr-ticket-admin-content{gap:10px;padding:1px 2px 14px;display:grid}.hr-ticket-admin-content>.employee-ticket-message{background:#f7f8f7;border-radius:4px;margin:0;padding:10px 12px}.hr-ticket-admin-reply{grid-template-columns:minmax(130px,.65fr) minmax(0,2fr) auto;align-items:end;gap:9px;padding-top:10px}.hr-ticket-admin-reply>button{min-height:35px}@media (width<=760px){.hr-ticket-admin-reply{grid-template-columns:minmax(0,1fr)}.employee-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-hero-facts>div:nth-child(2n){border-right:0}.employee-hero-facts>div:nth-child(-n+4){border-bottom:1px solid #e7efef}.employee-own-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-ticket-form,.employee-ticket-list{padding:15px}}@media (width<=520px){.topbar-role-tag{padding:5px 7px;font-size:8px}.employee-dashboard{gap:14px}.employee-dashboard .employee-welcome{flex-direction:column;align-items:stretch}.employee-profile-panel{border-radius:9px;padding:17px 15px 0}.employee-documents-panel{padding:15px}.employee-hero-top{align-items:flex-start;gap:11px;padding-bottom:17px}.employee-profile-mark{border-width:3px;border-radius:14px;width:48px;height:48px;font-size:14px}.employee-profile-panel h2{font-size:19px}.employee-account-status{margin-left:auto;padding:5px 7px;font-size:8px}.employee-hero-facts{margin:0 -15px}.employee-hero-facts>div{padding:12px 13px}.employee-own-details{padding:15px}.employee-document-action{padding:0 7px}.employee-own-details dl{grid-template-columns:minmax(0,1fr)}}@media (width>=1500px){.page-content{padding-left:58px;padding-right:58px}}@media (width>=761px) and (width<=1100px){.app-shell:not(.sidebar-collapsed){--sidebar-width:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr)}.stat-card{min-height:123px}.payroll-run-fields,.payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{--sidebar-width:min(290px, calc(100vw - 44px))}.sidebar{width:var(--sidebar-width);z-index:50;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 59px);padding:20px 16px 24px;transition:transform .24s cubic-bezier(.16,1,.3,1);position:fixed;inset:59px auto 0 0;overflow:hidden auto;transform:translate(-100%);box-shadow:14px 0 35px #00000059}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.sidebar-scrim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0e17139e;border:0;display:block;position:fixed;inset:0}.sidebar-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.sidebar-close-button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:inline-flex}.sidebar-close-button:hover{background:#ffffff38}.sidebar-collapsed .sidebar{width:var(--sidebar-width)!important;align-items:stretch!important;padding:20px 16px 24px!important}.sidebar-collapsed .brand{justify-content:flex-start!important;padding:0!important}.sidebar-collapsed .brand-name{display:inline!important}.sidebar-collapsed .nav-caption{margin-top:8px!important;margin-bottom:4px!important;padding:0 11px!important;display:block!important}.sidebar-collapsed .nav-item{justify-content:flex-start!important;gap:13px!important;min-height:44px!important;padding:0 12px!important}.sidebar-collapsed .nav-item .nav-item-label,.sidebar-collapsed .nav-item>.nav-item-label,.sidebar-collapsed .nav-item>span:nth-child(2){color:inherit!important;flex:1!important;font-size:13px!important;font-weight:500!important;display:block!important}.sidebar-collapsed .profile-switch{justify-content:flex-start!important;gap:10px!important;padding:12px 10px!important}.sidebar-collapsed .profile-switch>span:nth-child(2){flex:1!important;display:grid!important}.sidebar-collapsed .nav-tooltip{display:none!important}.topbar{z-index:45;height:59px;padding:0 16px}.sidebar-toggle{margin-right:6px}.breadcrumbs{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;overflow:hidden}.topbar-actions{gap:9px}.search-box{width:clamp(130px,36vw,210px)}.search-box kbd{display:none}.page-content{padding:28px 18px 17px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:28px}.page-heading p{max-width:460px;font-size:11px;line-height:1.5}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.birthdays-panel{min-height:auto}.event-row{min-height:56px}.attendance-panel{min-height:284px}.payroll-total{padding-right:3%}.payroll-two-columns{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=520px){.topbar{padding:0 12px}.breadcrumbs{gap:5px;font-size:10px}.topbar-actions{gap:5px}.topbar-actions>.avatar,.topbar-actions .demo-badge{display:none}.search-box{background:0 0;border:0;justify-content:center;width:34px;height:32px;padding:0}.search-box input{background:#fff;border:1px solid #e5eae6;border-radius:5px;width:calc(100vw - 20px);height:39px;padding:0 12px;display:none;position:absolute;top:52px;right:10px;box-shadow:0 6px 16px #213b2c18}.search-box:focus-within input{display:block}.search-box>svg{flex:none}.notification-button{width:28px}.page-content{padding:24px 13px 14px}.page-heading{gap:10px}.page-heading h1{font-size:25px}.page-heading .button{min-height:33px;padding:0 9px;font-size:9px}.page-heading .button svg{width:14px}.eyebrow{font-size:8px}.stats-grid{gap:8px}.stat-card{min-height:119px;padding:12px 11px}.stat-label{font-size:9px}.stat-value{font-size:24px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:15px;height:15px}.stat-foot{font-size:8px}.sparkline{transform-origin:100% 100%;bottom:10px;right:11px;transform:scale(.8)}.dashboard-grid{gap:9px;margin-top:9px}.attendance-panel,.birthdays-panel{padding:14px 13px 10px}.team-panel{margin-top:9px;padding:14px 12px 3px}.team-heading{align-items:flex-start}.team-heading>.button{min-height:30px;padding:0 8px;font-size:9px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.chart-summary{margin-top:13px}.attendance-chart{height:142px}.full-table-panel{padding:14px 12px 3px}.full-table-panel .team-heading{flex-direction:column;gap:10px}.table-actions{justify-content:space-between;width:100%}.segmented-control button{padding:0 7px;font-size:8px}.filter-button{min-height:29px;padding:0 7px;font-size:8px}.full-table-panel table{min-width:600px}.full-table-panel table th{height:33px}.full-table-panel table td{height:56px}.attendance-stats .stat-card{min-height:107px}.payroll-hero{min-height:168px;padding:17px 15px}.payroll-copy h2{font-size:22px}.payroll-total{padding:0}.payroll-total>strong{font-size:22px}.payroll-total>strong span{font-size:14px}.payroll-total>span{font-size:9px}.payroll-total>small{text-align:right;max-width:90px}.payroll-stats .stat-card{min-height:108px}.payroll-table-panel table{min-width:580px}.payroll-run-panel,.payroll-management-panel{padding:13px}.payroll-run-fields,.payroll-form-grid{gap:9px}.payroll-run-fields label,.payroll-form-grid label,.payroll-form-stack label,.payroll-search{font-size:9px}.payroll-run-actions{flex-wrap:wrap}.payroll-tabs button{padding:0 9px;font-size:9px}.page-footer{gap:15px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.employee-docs-section-container{flex-direction:column;gap:24px;margin-top:24px;display:flex}.employee-detail-subpanel{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #00000008}.subpanel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.subpanel-header h3{color:var(--text,#0f172a);margin:2px 0 4px;font-size:16px;font-weight:700}.subpanel-header p{color:var(--text-muted,#64748b);margin:0;font-size:12px}.s3-security-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.prev-orgs-detail-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.prev-org-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.org-index-badge{color:#475569;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.org-detail-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.org-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.org-title-line strong{color:#0f172a;font-size:14px}.org-role-tag{color:#334155;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.org-dates-line{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.org-letter-action{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.secure-s3-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.no-letter-note{color:#94a3b8;margin-top:4px;font-size:11px;font-style:italic}.docs-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.doc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.doc-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000f}.doc-card-thumb{cursor:pointer;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.doc-card-thumb img{object-fit:cover;width:100%;height:100%}.doc-type-icon{color:#fff;background:#475569;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;font-size:10px;font-weight:700;display:flex}.doc-type-icon.pdf{background:#dc2626}.doc-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.doc-category-tag{text-transform:uppercase;letter-spacing:.04em;color:#0284c7;font-size:10px;font-weight:700}.doc-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.doc-filename{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;overflow:hidden}.doc-actions-row{gap:6px;margin-top:4px;display:flex}.doc-btn{align-items:center!important;gap:4px!important;height:auto!important;padding:2px 8px!important;font-size:11px!important;display:inline-flex!important}.docs-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.docs-empty-state p{margin:0;font-size:13px}.demo-card{gap:16px;padding:19px;display:grid}.demo-card h2,.demo-card h3{color:#35453c;margin:0;font-size:15px;font-weight:600}.demo-card h3{margin-top:14px}.demo-filter-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.demo-filter-row label,.demo-form label{color:#637168;flex:150px;gap:6px;font-size:10px;font-weight:600;display:grid}.demo-filter-row input,.demo-filter-row select,.demo-form input,.demo-form select,.demo-form textarea,.demo-card table input{color:#2f4036;min-width:0;min-height:38px;font:inherit;background:#fff;border:1px solid #dfe7e1;border-radius:5px;padding:8px 10px;font-size:11px}.demo-form textarea{resize:vertical}.demo-form{gap:12px;display:grid}.demo-form>button{justify-self:start}.demo-actions{flex-wrap:wrap;gap:7px;display:flex}.demo-leave-layout,.demo-payroll-columns{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);align-items:start;gap:14px;display:grid}.demo-payroll-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tabs{background:#fff;border:1px solid #e8ece9;border-radius:7px;gap:5px;margin:0 0 15px;padding:4px;display:flex;overflow-x:auto}.demo-tabs button{color:#77847c;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;padding:9px 12px;font-size:10px}.demo-tabs button.selected{color:#315f4b;background:#edf5ef;font-weight:700}.demo-clock-card{grid-template-columns:1fr auto;align-items:center;margin-bottom:14px}.demo-clock-card p,.demo-session-note{color:#849089;margin:5px 0 0;font-size:10px;line-height:1.6}.demo-session-note{margin:0}.demo-empty{color:#7d8981;margin:4px 0;font-size:11px;line-height:1.6}.demo-card table{border-collapse:collapse;text-align:left;width:100%}.demo-card th{color:#929c96;white-space:nowrap;padding:11px 10px;font-size:9px;font-weight:600}.demo-card td{color:#657168;border-top:1px solid #edf0ed;padding:11px 10px;font-size:10px}.demo-card td input{width:90px}.demo-card td .button{min-height:29px;padding:0 8px;font-size:9px}.demo-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.demo-calendar>div{color:#536158;border:1px solid #edf0ed;border-radius:5px;align-content:start;gap:4px;min-height:84px;padding:8px;font-size:10px;display:grid}.demo-calendar small{color:#315f4b;background:#edf5ef;border-radius:3px;padding:3px 4px;font-size:8px}.demo-holiday-row{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.demo-holiday-row>div{gap:5px;display:grid}.demo-holiday-row strong{color:#394940;font-size:11px}.demo-holiday-row small{color:#8a958e;font-size:9px}.demo-line-item{color:#657168;border-top:1px solid #edf0ed;justify-content:space-between;gap:8px;padding-top:9px;font-size:10px;display:flex}.demo-line-item button{color:#9b5444;font:inherit;cursor:pointer;background:0 0;border:0}.demo-person{align-items:center;gap:8px;display:inline-flex}.demo-session-note{background:#f5f7f5;border-radius:5px;padding:10px 12px}.attendance-status{color:#477354;background:#edf5ef;border-radius:12px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.attendance-status.late{color:#806947;background:#fff7e9}.attendance-status.absent{color:#9b5444;background:#fff1ed}.employee-record-detail-panel{gap:16px;margin-top:14px;padding:18px;display:grid}.employee-record-detail-header,.employee-record-detail-actions,.employee-record-history-heading,.employee-history-entry>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-record-detail-header h2{color:#293b31;margin:5px 0 3px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.employee-record-detail-header p{color:#849089;margin:0;font-size:10px}.employee-record-detail-actions{flex-wrap:wrap;justify-content:flex-end}.employee-record-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.employee-record-detail-facts>div{background:#fbfcfb;border:1px solid #e9ede9;border-radius:5px;min-width:0;padding:11px 12px}.employee-record-detail-facts dt,.employee-history-values>div>span{color:#89958d;font-size:9px}.employee-record-detail-facts dd{overflow-wrap:anywhere;color:#394940;margin:5px 0 0;font-size:11px}.employee-record-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.employee-record-edit-grid label{color:#637168;gap:5px;min-width:0;font-size:10px;font-weight:600;display:grid}.employee-record-edit-grid input{color:#2f4036;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #dfe7e1;border-radius:5px;padding:8px 10px;font-size:11px}.employee-record-edit-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.employee-record-history{border-top:1px solid #e9ede9;gap:10px;padding-top:13px;display:grid}.employee-record-history-heading h3{color:#35453c;margin:0;font-size:13px}.employee-record-history-heading span,.employee-history-entry time{color:#89958d;font-size:9px}.employee-history-entry{background:#fbfcfb;border:1px solid #e9ede9;border-radius:5px;gap:9px;padding:11px;display:grid}.employee-history-entry>header{justify-content:flex-start}.employee-history-entry>header strong{color:#45534b;font-size:10px}.employee-history-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-history-values>div{min-width:0}.employee-history-values pre{color:#59675f;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5f2;border-radius:4px;max-height:190px;margin:5px 0 0;padding:9px;font:9px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.employee-record-history-error{color:#9b5444;margin:0;font-size:10px}.employee-id-pill{color:#28543b;letter-spacing:.3px;background:#f1f7f2;border:1px solid #dbe6dd;border-radius:4px;align-items:center;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}@media (width<=780px){.demo-leave-layout,.demo-payroll-columns{grid-template-columns:1fr}.employee-record-detail-facts,.employee-record-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.demo-card{padding:13px}.demo-clock-card{grid-template-columns:1fr}.demo-calendar{gap:3px}.demo-calendar>div{min-height:66px;padding:4px}.employee-record-detail-panel{padding:13px}.employee-record-detail-header{flex-direction:column;align-items:flex-start}.employee-record-detail-actions{justify-content:flex-start;width:100%}.employee-record-edit-grid,.employee-record-detail-facts,.employee-history-values{grid-template-columns:minmax(0,1fr)}}.employee-own-details{margin-top:15px;padding:18px}.employee-own-details>header{margin-bottom:14px}.employee-own-details h2,.employee-leave-form h2,.employee-leave-history h2{color:#35453c;margin:0 0 5px;font-size:14px;font-weight:600}.employee-own-details header p,.employee-leave-form header p,.employee-leave-history header p{color:#8a958e;font-size:10px}.employee-own-details dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 18px;margin:0;display:grid}.employee-own-details dl>div{min-width:0}.employee-own-details dt{color:#89958d;font-size:9px}.employee-own-details dd{overflow-wrap:anywhere;color:#394940;margin:4px 0 0;font-size:11px}.employee-record-error{color:#915c52}.employee-leave-page{gap:13px;display:grid}.employee-leave-page .page-heading{margin-bottom:3px}.employee-leave-tabs{border-bottom:1px solid #dce9e9;gap:4px;display:flex;overflow-x:auto}.employee-leave-tabs button{color:#758987;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:10px;font-weight:600;display:inline-flex}.employee-leave-tabs button:hover{color:#397b83}.employee-leave-tabs button.active{color:#326f74;border-bottom-color:#438c8c}.employee-leave-tab-panel{gap:15px;display:grid}.employee-leave-balances{gap:12px;display:grid}.employee-leave-balances>header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.employee-leave-balances h2{color:#2c4142;margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.employee-leave-balances>header>span{color:#849391;font-size:9px}.employee-leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.employee-leave-balance-card{background:#fff;border:1px solid #dfeaea;border-radius:8px;gap:9px;min-width:0;padding:14px;display:grid;box-shadow:0 5px 18px #274f4a08}.employee-leave-balance-card>span{color:#657b7c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.employee-leave-balance-card>strong{color:#2e656c;font-size:24px;line-height:1}.employee-leave-balance-card>strong small{color:#8c9b99;font-size:9px;font-weight:400}.employee-leave-balance-card>small{color:#98a5a2;font-size:8px}.employee-balance-track{background:#e8f0ef;border-radius:4px;height:4px;overflow:hidden}.employee-balance-track i{border-radius:inherit;background:#5aa3a0;height:100%;display:block}.employee-leave-calendar-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:stretch;gap:12px;display:grid}.employee-leave-calendar,.employee-calendar-agenda{background:#fff;border:1px solid #dfeaea;border-radius:9px;min-width:0;padding:16px}.employee-calendar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.employee-calendar-header h2,.employee-calendar-agenda h2{color:#2d484b;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.employee-calendar-nav{gap:5px;display:flex}.employee-calendar-nav button{color:#557476;cursor:pointer;background:#fff;border:1px solid #e3eceb;border-radius:4px;min-width:30px;min-height:29px;padding:0 8px;font-size:9px}.employee-calendar-nav button:hover{background:#f3f9f8;border-color:#bdd8d6}.employee-calendar-grid{border-top:1px solid #e9efee;border-left:1px solid #e9efee;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.employee-calendar-weekday{color:#92a2a0;border-bottom:1px solid #e9efee;border-right:1px solid #e9efee;place-items:center;min-height:27px;font-size:7px;font-weight:700;display:grid}.employee-calendar-day{color:#5e7473;text-align:left;cursor:pointer;background:#fff;border:1px solid #e9efee;border-top:0;border-left:0;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:66px;padding:4px;display:flex;overflow:hidden}.employee-calendar-day:hover:not(:disabled){background:#f6fbfa}.employee-calendar-day.selected{background:#f0f8f7;box-shadow:inset 0 0 0 1px #62a09c}.employee-calendar-day.today>span:first-child{color:#fff;background:#438c8c;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.employee-calendar-day.empty{cursor:default;background:#fafcfc}.employee-calendar-day>span:first-child{width:fit-content;font-size:9px}.employee-calendar-event{text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:2px 3px;font-size:7px;font-style:normal;overflow:hidden}.employee-calendar-event.pending{color:#8d693c;background:#fbf1e4}.employee-calendar-event.approved{color:#397958;background:#eaf4ed}.employee-calendar-event.declined{color:#915c52;background:#fcf0ed}.employee-calendar-event.holiday{color:#34747b;background:#e3f2f1}.employee-calendar-day>small{color:#8a9996;font-size:7px}.employee-calendar-legend{color:#879693;flex-wrap:wrap;gap:12px;padding-top:11px;font-size:8px;display:flex}.employee-calendar-legend span{align-items:center;gap:5px;display:inline-flex}.employee-calendar-legend i{border-radius:50%;width:7px;height:7px}.employee-calendar-legend .pending{background:#d6a263}.employee-calendar-legend .approved{background:#69a27d}.employee-calendar-legend .declined{background:#bd7668}.employee-calendar-legend .holiday{background:#438c8c}.employee-calendar-agenda h2{margin-bottom:12px}.employee-calendar-agenda article{border-top:1px solid #edf1f0;gap:7px;padding:11px 0;display:grid}.employee-calendar-agenda article>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.employee-calendar-agenda article strong{color:#3d5859;font-size:10px}.employee-calendar-holiday-agenda{border-top-color:#dcebea!important}.employee-calendar-holiday-agenda>div>span{color:#34747b;font-size:8px}.employee-calendar-agenda article p,.employee-calendar-agenda article>small{color:#83928f;font-size:9px;line-height:1.5}.employee-calendar-agenda .employee-leave-empty{margin-top:15px;line-height:1.5}.employee-leave-layout{grid-template-columns:minmax(280px,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.employee-leave-form,.employee-leave-history{gap:13px;padding:18px;display:grid}.employee-leave-form header,.employee-leave-history header{border-bottom:1px solid #edf0ed;padding-bottom:12px}.employee-leave-form header p strong{color:#53645a;font-weight:600}.employee-leave-form label{color:#637168;gap:6px;font-size:10px;font-weight:600;display:grid}.employee-leave-form input,.employee-leave-form select,.employee-leave-form textarea{color:#394940;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #e2e8e3;border-radius:4px;outline:none;padding:8px 10px;font-size:11px;font-weight:400}.employee-leave-form textarea{resize:vertical;line-height:1.5}.employee-leave-form input:focus,.employee-leave-form select:focus,.employee-leave-form textarea:focus{border-color:#83ad94;box-shadow:0 0 0 3px #83ad941c}.employee-leave-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-leave-form>button{justify-self:start}.employee-leave-notice{color:#456c54;background:#f0f7f1;border:1px solid #d9e8dd;border-radius:5px;padding:11px 13px;font-size:10px}.employee-leave-empty{color:#87938b;font-size:11px}.employee-leave-request-list{display:grid}.employee-leave-request-list article{border-bottom:1px solid #edf0ed;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px 0;display:grid}.employee-leave-request-list article>div{gap:4px;display:grid}.employee-leave-request-list article strong{color:#394940;font-size:11px}.employee-leave-request-list article span,.employee-leave-request-list article p{color:#87938b;font-size:10px}.employee-leave-request-list article p{grid-column:1/-1;line-height:1.5}.employee-leave-status{background:#faf2e7;border-radius:4px;align-self:start;padding:5px 7px;font-weight:600;color:#87633f!important;font-size:9px!important}.employee-leave-status.approved{background:#edf5ef;color:#477354!important}.employee-leave-status.declined{background:#fcf2f0;color:#915c52!important}.policy-tab-badge{color:#0369a1;letter-spacing:.03em;background:#e0f2fe;border-radius:999px;align-items:center;margin-left:4px;padding:1px 6px;font-size:8px;font-weight:700;display:inline-flex}.leave-policy-hero{background:linear-gradient(135deg,#f0fdfa 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:10px;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.leave-policy-hero header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.leave-policy-hero h2{color:#0f172a;margin:4px 0 6px;font-size:20px;font-weight:700}.leave-policy-hero p{color:#475569;max-width:650px;margin:0;font-size:12px;line-height:1.5}.leave-cycle-chip{color:#0284c7;background:#fff;border:1px solid #38bdf8;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0ea5e91f}.leave-policy-hero-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:6px;display:grid}.policy-stat-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #fff9;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.policy-stat-item span{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:9px;font-weight:600}.policy-stat-item strong{color:#0f172a;font-size:15px;font-weight:700}.policy-stat-item small{color:#0284c7;font-size:9px}.leave-cl-spotlight-card{background:#fff;border:2px solid #38bdf8;border-radius:10px;gap:16px;padding:20px;display:grid;box-shadow:0 4px 16px #0ea5e914}.leave-cl-spotlight-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.leave-cl-spotlight-header h3{color:#0369a1;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.leave-badge-pulse{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#0284c7;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700}.joiner-rules-comparison{grid-template-columns:1fr 1fr;gap:14px;display:grid}.joiner-rule-box{border-radius:8px;gap:6px;padding:14px;display:grid;position:relative}.joiner-rule-box.first-half{background:#f0fdf4;border:1.5px solid #86efac}.joiner-rule-box.second-half{background:#fffbeb;border:1.5px solid #fde68a}.joiner-rule-date-tag{align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.joiner-rule-box.first-half .joiner-rule-date-tag{color:#15803d}.joiner-rule-box.second-half .joiner-rule-date-tag{color:#b45309}.joiner-rule-amount{font-size:22px;font-weight:800;line-height:1.1}.joiner-rule-box.first-half .joiner-rule-amount{color:#166534}.joiner-rule-box.second-half .joiner-rule-amount{color:#92400e}.joiner-rule-desc{color:#475569;margin:0;font-size:11px;line-height:1.4}.leave-calc-widget{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:10px;padding:14px;display:grid}.leave-calc-input-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.leave-calc-input-row label{color:#334155;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.leave-calc-result-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.leave-policy-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.leave-policy-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:grid}.leave-policy-card:hover{box-shadow:0 6px 20px #0000000d}.leave-policy-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.leave-policy-card-title{color:#0f172a;margin:0;font-size:14px;font-weight:700}.leave-policy-card-code{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.leave-policy-card-quota{align-items:baseline;gap:6px;display:flex}.leave-policy-card-quota strong{color:#0369a1;font-size:18px;font-weight:800}.leave-policy-card-quota span{color:#64748b;font-size:10px}.leave-policy-rules-list{color:#475569;gap:4px;margin:0;padding-left:18px;font-size:11px;line-height:1.45;display:grid}.leave-policy-meta-tags{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.leave-policy-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:600}.leave-duration-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:6px;padding:10px 12px;display:grid}.leave-duration-options{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.leave-duration-options label{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.leave-duration-options label.selected{color:#0369a1;background:#f0f9ff;border-color:#0284c7}.leave-duration-options input{cursor:pointer;width:auto;min-height:auto;margin:0}.leave-policy-tip-box{color:#0369a1;background:#f0f9ff;border-left:3px solid #0284c7;border-radius:0 4px 4px 0;align-items:flex-start;gap:6px;padding:8px 12px;font-size:10px;line-height:1.45;display:flex}.leave-comparison-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.leave-comparison-table{border-collapse:collapse;width:100%;font-size:11px}.leave-comparison-table th{text-align:left;color:#475569;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:10px;font-weight:700}.leave-comparison-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.leave-comparison-table tr:hover td{background:#f8fafc}@media (width<=760px){.joiner-rules-comparison,.leave-duration-options{grid-template-columns:1fr}.employee-leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-leave-calendar-layout,.employee-leave-layout{grid-template-columns:minmax(0,1fr)}.employee-own-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.employee-leave-balances>header{flex-direction:column;align-items:flex-start}.employee-leave-balance-grid{gap:7px}.employee-leave-balance-card,.employee-leave-calendar{padding:11px}.employee-calendar-day{min-height:58px;padding:3px}.employee-calendar-event{font-size:6px}.employee-own-details{padding:14px}.employee-own-details dl{grid-template-columns:minmax(0,1fr)}.employee-leave-form,.employee-leave-history{padding:14px}.employee-leave-dates{grid-template-columns:minmax(0,1fr)}}.payroll-page-container{flex-direction:column;gap:20px;padding-bottom:40px;display:flex}.payroll-nav-tabs{border-bottom:1px solid var(--border-color,#e2e8f0);gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.payroll-tab-btn{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.payroll-tab-btn:hover{color:var(--text-color,#1e293b);border-bottom-color:var(--border-color,#cbd5e1)}.payroll-tab-btn.active{color:#1e40af;border-bottom-color:#2563eb;font-weight:600}.payroll-alert{border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;display:flex}.payroll-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.payroll-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.payroll-alert-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.payroll-hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.payroll-hero-card h2{color:#fff;margin:0 0 6px;font-size:1.5rem}.payroll-hero-card p{opacity:.9;margin:0;font-size:.95rem}.payroll-hero-metric{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:right;background:#ffffff26;border:1px solid #fff3;border-radius:10px;padding:16px 24px}.payroll-hero-metric span{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.85rem;display:block}.payroll-hero-metric strong{margin-top:4px;font-size:1.8rem;font-weight:700;display:block}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.draft{color:#475569;background:#f1f5f9}.status-pill.reviewed{color:#1e40af;background:#dbeafe}.status-pill.approved{color:#166534;background:#dcfce7}.status-pill.locked{color:#9a3412;background:#ffedd5}.payroll-grid-2{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;width:100%;display:grid}@media (width<=768px){.payroll-grid-2{grid-template-columns:1fr;gap:16px}}.salary-calc-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px}.salary-calc-row{border-bottom:1px dashed #cbd5e1;justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.salary-calc-row:last-child{color:#0f172a;border-bottom:none;font-weight:700}.salary-calc-row.highlight{color:#2563eb;font-weight:600}.payslip-sheet,.payslip-sheet *{font-family:Times New Roman,Times,Liberation Serif,serif!important}.payslip-sheet{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #1e3a8a;border-radius:4px;max-width:820px;margin:0 auto;padding:16px 22px;font-size:12pt;line-height:1.35;box-shadow:0 4px 15px #1e3a8a14}.payslip-top-section{text-align:center;border-bottom:2px solid #2563eb;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:8px;padding-bottom:8px;display:flex}.payslip-company-center{text-align:center;width:100%}.payslip-company-name{color:#1e3a8a;letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:0 auto;font-size:14pt;line-height:1.2;display:inline-flex;font-weight:700!important}.payslip-title-inline-logo{vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 2px #0284c726);width:auto;height:28px}.payslip-company-address{color:#334155;margin-top:2px;font-size:10pt;line-height:1.25}.payslip-company-statutory{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px auto 0;padding:2px 10px;font-size:9.5pt;display:inline-flex}.payslip-company-statutory span strong{color:#0f172a;font-weight:700!important}.statutory-divider{color:#cbd5e1;font-weight:400}.status-active-badge{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:3px;padding:1px 6px;font-size:9pt;line-height:1.2;display:inline-block;font-weight:700!important}.payslip-header-period-banner{color:#fff;letter-spacing:.04em;text-align:center;background:#1e40af;border-radius:3px;margin-top:5px;padding:3px 14px;font-size:11pt;display:inline-block;box-shadow:0 1px 2px #1e40af26;font-weight:700!important}.payslip-emp-table{border-collapse:collapse;table-layout:fixed;border:1.5px solid #1e3a8a;border-radius:3px;width:100%;margin-bottom:8px;font-size:11pt;overflow:hidden;background:#fff!important}.payslip-emp-table tr{background:#fff!important}.payslip-emp-table td,.payslip-emp-table td:last-child{vertical-align:middle;border:none;border-bottom:1px solid #e2e8f0;font-size:12pt;text-align:left!important;overflow-wrap:break-word!important;word-break:break-word!important;padding:4px 10px!important}.payslip-emp-table tr:last-child td{border-bottom:none}.payslip-emp-table .emp-lbl{color:#1e293b;white-space:nowrap;border-right:1px solid #e2e8f0;font-size:12pt;text-align:left!important;background:#f8fafc!important;width:18%!important;font-weight:700!important}.payslip-emp-table .emp-lbl:after{content:" :";color:#64748b;font-weight:700}.payslip-emp-table .emp-val{color:#0f172a;font-size:12pt;font-weight:400;text-align:left!important;overflow-wrap:break-word!important;word-break:break-word!important;background:#fff!important;width:32%!important}.payslip-emp-table td:nth-child(2){border-right:1.5px solid #cbd5e1}.payslip-emp-table .emp-val strong{color:#1e3a8a;font-weight:700!important}.payslip-emp-table .emp-val code{color:#0f172a;background:#f1f5f9;border-radius:2px;padding:1px 4px;font-size:12pt;font-family:Times New Roman,Times,serif!important}.payslip-main-table{border-collapse:collapse;table-layout:fixed;border:1.5px solid #1e3a8a;width:100%;margin-bottom:8px;font-size:12pt}.payslip-main-table th{color:#fff;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#1e40af;border:1px solid #1e3a8a;padding:6px 12px;font-size:12pt;text-align:left!important;font-weight:700!important}.payslip-main-table th.num-col,.payslip-main-table td.num-col,.payslip-main-table td:last-child{text-align:right!important;font-family:Times New Roman,Times,serif!important}.payslip-main-table th.num-col{padding-right:14px!important}.payslip-main-table td{color:#1e293b;text-align:left;border:1px solid #cbd5e1;padding:4px 10px;font-size:12pt}.payslip-main-table td.num-col{padding-right:14px!important}.payslip-main-table.standard-4col thead th:nth-child(2){border-right:2px solid #fff!important;padding-right:16px!important}.payslip-main-table.standard-4col tbody td:nth-child(2){border-right:2px solid #94a3b8!important;padding-right:14px!important}.payslip-main-table.standard-4col thead th:nth-child(3){padding-left:16px!important}.payslip-main-table.standard-4col tbody td:nth-child(3){padding-left:14px!important}.payslip-main-table.has-fixed-col thead th:nth-child(3){border-right:2px solid #fff!important;padding-right:16px!important}.payslip-main-table.has-fixed-col tbody td:nth-child(3){border-right:2px solid #94a3b8!important;padding-right:14px!important}.payslip-main-table.has-fixed-col thead th:nth-child(4){padding-left:16px!important}.payslip-main-table.has-fixed-col tbody td:nth-child(4){padding-left:14px!important}.payslip-main-table tr.total-row{background:#f1f5f9;border-top:1.5px solid #1e3a8a;border-bottom:1.5px solid #1e3a8a;font-weight:700!important}.payslip-main-table tr.total-row td{color:#0f172a;font-size:12pt;font-weight:700!important}.payslip-net-row{background:#f8fafc;border:1.5px solid #1e3a8a;border-top:none;margin-top:-8px;margin-bottom:8px;padding:6px 12px}.payslip-net-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.payslip-net-left{align-items:center;gap:8px;display:flex}.payslip-net-label{color:#1e3a8a;letter-spacing:.03em;font-size:12pt;font-weight:700!important}.payslip-net-amount-pill{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;padding:2px 10px;font-size:13pt;font-weight:700!important}.payslip-words-line{color:#1e293b;letter-spacing:.02em;text-transform:uppercase;font-size:10.5pt;font-weight:700!important}.payslip-words-line .words-tag{color:#64748b;margin-right:4px;font-weight:700}.payslip-leave-strip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:3px 10px;font-size:10pt;display:flex}.leave-strip-badge{color:#fff;letter-spacing:.04em;background:#166534;border-radius:3px;padding:1px 6px;font-size:9.5pt;font-weight:700!important}.leave-strip-items{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.strip-dot{color:#86efac;font-weight:700}.payslip-leave-table{border-collapse:collapse;border:1.5px solid #1e3a8a;width:100%;margin-bottom:8px;font-size:10.5pt}.payslip-leave-table .leave-section-hdr{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.03em;background:#1e40af;border:1px solid #1e3a8a;padding:4px 6px;font-size:11pt;font-weight:700!important}.payslip-leave-table th{text-align:center;color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;padding:3px 6px;font-size:10.5pt;font-weight:700!important}.payslip-leave-table td{text-align:center;color:#1e293b;border:1px solid #cbd5e1;padding:3px 6px;font-size:10.5pt}.payslip-leave-table td.leave-name{text-align:left;font-weight:700!important}.payslip-employer-disclosure{color:#1e40af;background:#f8fafc;border:1px dashed #93c5fd;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:10pt}.payslip-employer-disclosure .disclosure-title{color:#1e3a8a;letter-spacing:.03em;margin-right:4px;font-weight:700!important}.payslip-employer-disclosure .disclosure-sub{color:#64748b;margin-right:8px;font-size:9pt}.payslip-employer-disclosure .disclosure-grid{color:#334155;flex-wrap:wrap;gap:14px;margin-top:2px;font-size:9.5pt;display:flex}.payslip-employer-disclosure .disclosure-grid strong{font-weight:700!important}.payslip-password-notice-box{box-sizing:border-box;background:#ecfdf5;border:1.5px solid #10b981;border-radius:4px;width:100%;margin-top:8px;margin-bottom:8px;padding:8px 12px;overflow:hidden}.pwd-notice-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.pwd-notice-title{color:#065f46;letter-spacing:.02em;align-items:center;gap:6px;font-size:9.5pt;display:inline-flex}.pwd-notice-badge{color:#064e3b;background:#fff;border:1px solid #6ee7b7;border-radius:4px;padding:2px 8px;font-size:9pt}.pwd-notice-badge code{letter-spacing:.05em;color:#78350f;background:#fef08a;border:1px solid #fde047;border-radius:3px;padding:1px 6px;font-family:monospace;font-weight:700}.pwd-notice-body{color:#047857;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:8.5pt;line-height:1.35;display:flex}.pwd-formula-tag{color:#065f46}.payslip-footer-text{text-align:center;color:#64748b;margin-top:6px;font-size:9.5pt;line-height:1.3}.payslip-footer-text .footer-line1{color:#475569;margin:0 0 2px;font-style:italic}.payslip-footer-text .footer-line2{color:#94a3b8;margin:0;font-size:9pt}.payroll-page-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;scrollbar-width:thin;background:#fff;border-radius:8px;width:100%;max-width:100%;margin-top:12px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:600px}.table-wrap th,.table-wrap td{white-space:nowrap;padding:10px 14px;font-size:.88rem}.table-wrap th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600}.table-wrap td{color:#1e293b;border-bottom:1px solid #f1f5f9}.table-wrap tr:last-child td{border-bottom:none}.payslip-viewport-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:center;width:100%;max-width:100%;padding:6px 0 24px;display:flex;overflow-x:auto}@media (width<=860px){.payslip-viewport-container{justify-content:flex-start;padding:4px 6px 20px}.payslip-sheet{min-width:680px;margin:0!important}}.payroll-hero-card{box-sizing:border-box;width:100%}.payroll-hero-metrics-group{flex-wrap:wrap;gap:16px;display:flex}@media (width<=680px){.payroll-hero-card{flex-direction:column;align-items:stretch;padding:16px}.payroll-hero-metrics-group{flex-direction:column;gap:10px;width:100%}.payroll-hero-metric{text-align:left;box-sizing:border-box;width:100%;padding:12px 16px}}.payroll-grid-2col{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}@media (width<=580px){.payroll-grid-2col{gap:10px;grid-template-columns:1fr!important}}.payslip-toolbar{box-sizing:border-box;width:100%}@media (width<=768px){.payslip-toolbar{flex-direction:column;align-items:stretch!important;gap:12px!important}.payslip-toolbar label{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.payslip-toolbar select,.payslip-toolbar button{max-width:100%}.payslip-optimizer-bar{border-top:1px solid #e2e8f0;width:100%;padding-top:10px;border-left:none!important;padding-left:0!important}}.panel{box-sizing:border-box;max-width:100%;overflow:hidden}@media (width<=640px){.panel{padding:14px 12px}.panel-heading{flex-direction:column;align-items:flex-start;gap:10px}.panel-heading>div:last-child{flex-wrap:wrap;gap:8px;width:100%;display:flex}.panel-heading select,.panel-heading button{width:100%}.stats-grid{grid-template-columns:1fr!important}}.payroll-page-container input,.payroll-page-container select,.payroll-page-container textarea{box-sizing:border-box;max-width:100%}@media print{@page{size:A4 portrait;margin:6mm 8mm}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:100%!important;margin:0!important;padding:0!important;font-family:Times New Roman,Times,serif!important;overflow:hidden!important}body *{visibility:hidden}.payslip-sheet,.payslip-sheet *{visibility:visible;font-family:Times New Roman,Times,serif!important}.payslip-sheet{position:absolute;top:0;left:0;width:100%!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;page-break-after:avoid!important;page-break-inside:avoid!important;border:1.5px solid #1e3a8a!important;padding:4mm 6mm!important;font-size:12pt!important;overflow:hidden!important}.payslip-top-section{border-bottom:1.5px solid #2563eb!important;margin-bottom:5px!important;padding-bottom:5px!important}.payslip-corp-logo{height:40px!important}.payslip-company-name{font-size:14pt!important;font-weight:700!important}.payslip-company-address{margin-top:1px!important;font-size:10pt!important;line-height:1.2!important}.payslip-company-statutory{margin-top:2px!important;padding:1px 6px!important;font-size:9.5pt!important}.payslip-header-period-banner{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#1e40af!important;border:1px solid #1e40af!important;margin-top:3px!important;padding:2px 8px!important;font-size:11.5pt!important;font-weight:700!important}.payslip-emp-table{border:1.5px solid #1e3a8a!important;margin-bottom:5px!important;font-size:11.5pt!important}.payslip-emp-table td{padding:2.5px 6px!important;font-size:11.5pt!important}.payslip-emp-table .emp-lbl{font-weight:700!important}.payslip-emp-table td,.payslip-emp-table .emp-val{overflow-wrap:break-word!important;word-break:break-word!important}.payslip-main-table{margin-bottom:5px!important;font-size:11.5pt!important}.payslip-main-table th{padding:4px 8px!important;font-size:12pt!important;font-weight:700!important}.payslip-main-table td{padding:2.5px 8px!important;font-size:11.5pt!important}.payslip-main-table.standard-4col thead th:nth-child(2){border-right:2px solid #fff!important;padding-right:12px!important}.payslip-main-table.standard-4col tbody td:nth-child(2){border-right:2px solid #94a3b8!important;padding-right:10px!important}.payslip-main-table.standard-4col thead th:nth-child(3){padding-left:12px!important}.payslip-main-table.standard-4col tbody td:nth-child(3){padding-left:10px!important}.payslip-main-table tr.total-row td{font-size:12pt!important;font-weight:700!important}.payslip-net-row{margin-top:-5px!important;margin-bottom:5px!important;padding:4px 8px!important}.payslip-net-label{font-weight:700!important}.payslip-net-amount-pill{padding:2px 8px!important;font-size:12pt!important;font-weight:700!important}.payslip-words-line{margin-top:2px!important;font-size:10pt!important;font-weight:700!important}.payslip-leave-strip{margin-bottom:5px!important;padding:2px 6px!important;font-size:9.5pt!important}.payslip-employer-disclosure{margin-bottom:5px!important;padding:3px 8px!important;font-size:9.5pt!important}.payslip-footer-text{margin-top:3px!important;font-size:9pt!important}.no-print{display:none!important}}