/*! tailwindcss v4.2.1 | 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-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:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}}.staff-notification-center{z-index:90;position:relative}.staff-notification-button{color:#3d4759;cursor:pointer;background:#fff;border:1px solid #e0dcf2;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:5px 11px;display:flex;position:relative}.staff-notification-button>span{font-size:14px;line-height:1}.staff-notification-button>b{font-size:10px;font-weight:850}.staff-notification-button>i{color:#fff;background:#e13f58;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding-inline:5px;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 3px 8px #b52e4350}.staff-notification-button.has-unread{color:#5b35ca;background:#f8f6ff;border-color:#cfc4f4}.staff-notification-popover{background:#fff;border:1px solid #ddd8ec;border-radius:18px;width:min(410px,100vw - 28px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 70px #181d2c38}.staff-notification-popover>header{background:#fcfbff;border-bottom:1px solid #ece9f3;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px;display:flex}.staff-notification-popover>header h3{color:#252e3e;margin:3px 0 0;font-size:16px}.staff-notification-popover>header button{color:#603cd0;white-space:nowrap;background:#fff;border:1px solid #d8d0f2;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:850}.staff-notification-error{color:#923e48;background:#fff0f2;border-radius:9px;margin:10px 12px 0;padding:9px 10px;font-size:10px;font-weight:700}.staff-notification-loading{color:#737b89;justify-content:center;align-items:center;gap:9px;min-height:120px;font-size:10px;display:flex}.staff-notification-loading .login-spinner{width:17px;height:17px}.staff-notification-list{overscroll-behavior:contain;max-height:min(430px,100vh - 190px);display:grid;overflow-y:auto}.staff-notification-list>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #efedf4;grid-template-columns:38px minmax(0,1fr) 7px 12px;align-items:center;gap:10px;padding:13px 14px;display:grid;position:relative}.staff-notification-list>button:last-child{border-bottom:0}.staff-notification-list>button:hover{background:#faf8ff}.staff-notification-list>button.unread{background:#fbf9ff}.staff-notification-kind{color:#603bd0;background:#eee9ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.staff-notification-list>button.action .staff-notification-kind{color:#8a5a18;background:#fff0d8}.staff-notification-list>button.review .staff-notification-kind{color:#25654b;background:#e4f3ec}.staff-notification-list p{min-width:0;margin:0}.staff-notification-list p b,.staff-notification-list p small,.staff-notification-list p em{display:block}.staff-notification-list p b{color:#263043;font-size:11px}.staff-notification-list p small{color:#667085;margin-top:4px;font-size:9.5px;line-height:1.45}.staff-notification-list p em{color:#8a92a1;margin-top:5px;font-size:8.5px;font-style:normal;font-weight:700}.staff-notification-list>button>i{background:#e13f58;border-radius:999px;width:7px;height:7px}.staff-notification-list>button.read>i{visibility:hidden}.staff-notification-list>button>strong{color:#7c6aa9;font-size:20px;font-weight:500}.staff-notification-empty{justify-content:center;align-items:center;gap:11px;min-height:145px;padding:22px;display:flex}.staff-notification-empty>span{color:#2d7155;background:#e4f3ec;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.staff-notification-empty p{margin:0}.staff-notification-empty b,.staff-notification-empty small{display:block}.staff-notification-empty b{font-size:11px}.staff-notification-empty small{color:#7b8390;margin-top:4px;font-size:9px}.staff-notification-popover>footer{color:#858c99;text-align:center;background:#fcfbff;border-top:1px solid #ece9f3;padding:9px 14px;font-size:8.5px}.staff-account-menu{z-index:90;position:relative}.staff-account-pill>i{color:#7b8494;font-size:11px;font-style:normal;transition:transform .18s}.staff-account-pill[aria-expanded=true]>i{transform:rotate(180deg)}.staff-profile-popover{background:#fff;border:1px solid #ddd8ec;border-radius:16px;width:260px;padding:7px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 70px #181d2c33}.staff-profile-popover>header{border-bottom:1px solid #eeebf4;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:5px;padding:10px;display:grid}.staff-profile-popover>header>span{color:#603bd0;background:#eee9ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.staff-profile-popover p{min-width:0;margin:0}.staff-profile-popover p b,.staff-profile-popover p small{display:block}.staff-profile-popover p b{color:#283245;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.staff-profile-popover p small{color:#838b98;margin-top:3px;font-size:9px}.staff-profile-popover>button{color:#3c475a;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px 10px;display:grid}.staff-profile-popover>button:hover{background:#f7f5ff}.staff-profile-popover>button>span{color:#603bd0;background:#f0ecff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.staff-profile-popover>button.logout{border-top:1px solid #eeebf4;border-radius:0 0 10px 10px;margin-top:5px}.staff-profile-popover>button.logout>span{color:#a33b4b;background:#fff0f2}@media (width<=760px){.top-actions>.staff-notification-center{flex:68px;order:1;min-width:0;min-height:52px;display:flex}.staff-notification-button{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;min-height:52px;padding:5px 4px}.staff-notification-button>span{font-size:15px}.staff-notification-button>b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;font-size:9px!important;display:block!important}.staff-notification-button>i{top:4px;right:5px}.staff-notification-popover{top:max(132px, calc(env(safe-area-inset-top) + 118px));border-radius:17px;width:auto;max-height:calc(100dvh - 216px);position:fixed;left:10px;right:10px}.staff-notification-list{max-height:calc(100dvh - 355px)}.staff-notification-list>button{grid-template-columns:36px minmax(0,1fr) 7px 10px;gap:9px;padding:12px}.staff-notification-kind{width:36px;height:36px}.top-actions>.staff-account-menu{flex:68px;order:1;min-width:0;min-height:52px;display:flex}.staff-account-menu .staff-account-pill{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:4px;width:100%!important;min-width:0!important}.staff-account-menu .staff-account-pill>i{position:absolute;top:7px;right:7px}.staff-profile-popover{top:max(132px, calc(env(safe-area-inset-top) + 118px));width:auto;max-height:calc(100dvh - 216px);position:fixed;left:10px;right:10px;overflow-y:auto}}@media (width<=420px){.top-actions>.staff-notification-center{flex-basis:62px}.staff-notification-popover>header{flex-direction:column;align-items:flex-start}.staff-notification-popover>header button{width:100%}}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#fff;background:var(--navy);flex-direction:column;width:158px;padding:17px 9px 13px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#ff826c,#ff5f55);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:18px;font-style:italic;font-weight:700;display:grid;box-shadow:0 8px 18px #0c172a80}.brand strong{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.02em;font-size:14px;display:block}.brand small,.admin-card small,.sidebar-note small{color:#aeb8ca;letter-spacing:.04em;margin-top:2px;font-size:7px;display:block}.nav-label{color:#74819a;letter-spacing:.17em;margin:19px 7px 7px;font-size:6px;font-weight:800}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#bfc8d7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;padding:6px 7px;font-size:9px;font-weight:650;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;box-shadow:inset 3px 0 var(--coral);background:#ffffff14}.nav-icon{background:#ffffff0d;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:8px;font-weight:800;display:grid}.nav-group{gap:2px;display:grid}.nav-group-toggle{color:#bfc8d7;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;width:100%;padding:6px 7px;font-size:9px;font-weight:650;display:grid}.nav-group-toggle:hover,.nav-group-toggle.active{color:#fff;background:#ffffff0d}.nav-group-toggle>i{color:#77859a;font-size:8px;font-style:normal;transition:transform .18s}.nav-group.open .nav-group-toggle>i{transform:rotate(180deg)}.nav-submenu{border-left:1px solid #ffffff13;gap:1px;margin:1px 0 3px 12px;padding-left:7px;display:grid}.nav-submenu .nav-item{padding-block:5px;font-size:8px}.nav-submenu .nav-icon{background:0 0;flex-basis:18px;width:18px;height:18px}.nav-submenu .nav-item.active{box-shadow:none;color:#fff;background:#ffffff12}.nav-submenu .nav-item.active .nav-icon{color:#ff8b7d;background:0 0}.sidebar-note{background:#0c192c66;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:7px;margin-top:auto;padding:8px;display:flex}.sidebar-note strong{font-size:8px;display:block}.pulse-dot{background:#f4ad63;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #f4ad6320}.admin-card{border-top:1px solid #ffffff10;align-items:center;gap:7px;margin-top:8px;padding:8px 4px 0;display:flex}.admin-card strong{font-size:9px;display:block}.admin-card .more{color:#8d99ad;margin-left:auto}.sidebar-staff-profile{background:linear-gradient(145deg,#ffffff0c,#ffffff05);border:1px solid #ffffff12;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;gap:9px;margin:18px 3px 2px;padding:11px 8px;display:grid}.sidebar-staff-profile>span{color:#eed8ad;background:#ffffff10;border-radius:11px;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:12px;display:grid}.sidebar-staff-profile strong,.sidebar-staff-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-staff-profile strong{color:#fff;font-size:8px}.sidebar-staff-profile small{color:#96a3b7;margin-top:3px;font-size:6px}.staff-secure-note{color:#bed8ce;background:#3d806724;border:1px solid #62b09224;border-radius:10px;grid-template-columns:25px 1fr;align-items:center;gap:8px;margin-top:auto;padding:10px 8px;display:grid}.staff-secure-note>span{background:#58aa8a2b;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.staff-secure-note p{margin:0}.staff-secure-note b,.staff-secure-note small{display:block}.staff-secure-note b{font-size:7px}.staff-secure-note small{color:#91aa9f;margin-top:2px;font-size:6px}.return-admin{color:#aeb9c9;background:0 0;border:1px solid #ffffff12;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px;font-size:7px;font-weight:750;display:flex}.avatar{color:#4e4f73;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:8px;font-style:normal;font-weight:800;display:grid}.avatar-admin{color:#fff;background:#37547e}.lavender{background:#e7e2ff}.peach{background:#ffe1d2}.mint{background:#d7f4eb}.sky{background:#dcedfc}.main{min-height:100vh;margin-left:158px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd9;justify-content:space-between;align-items:center;min-height:74px;padding:13px 22px;display:flex}.eyebrow,.section-kicker{color:#9a8497;letter-spacing:.15em;margin:0 0 6px;font-size:9px;font-weight:850}.topbar h1{letter-spacing:-.03em;margin:0;font-size:21px}.topbar-company{align-items:center;gap:10px;display:flex}.topbar-company-logo{color:#fff;width:34px;height:34px;font-family:var(--font-cormorant), Georgia, serif;background:linear-gradient(145deg,#ff826c,#ff5f55);border-radius:10px;place-items:center;font-size:22px;font-style:italic;font-weight:600;display:grid;box-shadow:0 7px 18px #2431471a}.topbar-company strong{color:#1f2d43;font-family:var(--font-cormorant), Georgia, serif;letter-spacing:-.025em;font-size:21px;font-weight:600}.top-actions,.title-actions{align-items:center;gap:10px;display:flex}.storage-pill{color:#667084;align-items:center;gap:6px;font-size:9px;display:inline-flex}.storage-pill i{background:#a7adba;border-radius:50%;width:6px;height:6px}.storage-pill.demo i{background:#f1a85e}.period-pill{border:1px solid var(--line);color:#7b8293;background:#fff;border-radius:12px;padding:10px 14px;font-size:11px}.period-pill strong{color:var(--ink);margin:0 10px}.icon-button{border:1px solid var(--line);color:#a0a6b3;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:8px;display:grid;position:relative}.notification-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.staff-account-pill{color:#45556c;background:#fff;border:1px solid #dfe4e9;border-radius:99px;align-items:center;gap:7px;padding:4px 9px 4px 4px;font-size:7px;display:flex}.staff-account-pill>span{color:#efdcb8;background:#1b304d;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:8px;display:grid}.staff-account-pill b{white-space:nowrap}.page-content{width:min(1600px,100%);margin:0 auto;padding:20px 22px 42px}.welcome-strip{color:#fff;background:radial-gradient(circle at 70% 130%,#31445f 0,#0000 32%),linear-gradient(115deg,#111e31 0%,#172841 58%,#101c2f 100%);border:1px solid #ffffff12;border-radius:20px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:34px;min-height:196px;padding:30px 32px 30px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 55px #14233b20}.welcome-strip:before{content:"";background:linear-gradient(90deg,#c8aa71,#f0d8a8);border-radius:0 0 5px 5px;width:76px;height:3px;position:absolute;top:0;left:38px}.welcome-strip:after{width:300px;height:300px;box-shadow:0 0 0 48px #ffffff04, 0 0 0 96px #ffffff025;content:"";border:1px solid #ffffff09;border-radius:50%;position:absolute;top:-110px;right:205px}.executive-hero-copy{z-index:1;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.executive-hero-top{align-items:center;gap:10px;display:flex}.executive-label{color:#c9ad79;letter-spacing:.18em;font-size:7px;font-weight:850}.welcome-strip h2{letter-spacing:-.035em;margin:16px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,2.65vw,40px);font-weight:500;line-height:1.04}.welcome-strip p.hero-quote{color:#e6d2ac;max-width:750px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.4vw,20px);font-style:italic;line-height:1.35}.hero-meta{flex-wrap:wrap;gap:8px 18px;margin-top:18px;display:flex}.hero-meta span{color:#aeb9c9;align-items:center;gap:6px;font-size:8px;display:inline-flex}.hero-meta i{background:#c9ad79;border-radius:50%;width:4px;height:4px}.status-chip{color:#d7dfea;background:#ffffff09;border:1px solid #ffffff18;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:8px;display:inline-flex}.status-chip i{background:#62c7a6;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #62c7a617}.executive-summary{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff18;border-radius:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 12px 32px #07111f25}.executive-summary>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.executive-summary>header span{color:#9eabbd;letter-spacing:.16em;font-size:6px;font-weight:850}.executive-summary>header b{color:#e8d5af;font-size:8px}.executive-payday{grid-template-columns:1fr auto;align-items:center;min-height:88px;padding:12px 15px;display:grid}.executive-payday>span{color:#aeb9c9;font-size:8px}.executive-payday strong{color:#fff;grid-area:1/2/3;font-family:Georgia,serif;font-size:46px;font-weight:500;line-height:1}.executive-payday small{color:#c9ad79;font-size:7px}.executive-summary>footer{background:#07111f18;border-top:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);display:grid}.executive-summary>footer span{text-align:center;padding:10px 9px}.executive-summary>footer span+span{border-left:1px solid #ffffff10}.executive-summary>footer b,.executive-summary>footer small{display:block}.executive-summary>footer b{font-family:Georgia,serif;font-size:14px;font-weight:500}.executive-summary>footer small{color:#93a0b3;text-transform:uppercase;margin-top:3px;font-size:5.5px}.daily-brief-grid{grid-template-columns:.8fr 1.35fr 1.1fr;gap:14px;margin-top:18px;display:grid}.daily-brief-grid>.panel{min-width:0;overflow:hidden}.daily-brief-head{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.daily-brief-head>div{min-width:0}.daily-brief-head h3{font-size:13px}.daily-brief-head .section-kicker{margin-bottom:4px;font-size:7px}.daily-brief-head>b{color:#26765d;white-space:nowrap;background:#e2f4eb;border-radius:99px;margin-left:auto;padding:5px 8px;font-size:7px}.daily-brief-head>button{color:#53637a;white-space:nowrap;background:#fff;border:1px solid #d9e0e8;border-radius:8px;margin-left:auto;padding:6px 9px;font-size:7px;font-weight:850}.daily-brief-icon{border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.daily-brief-icon.birthday{background:#fff0e7}.daily-brief-icon.leave{color:#2b8068;background:#e0f4ed}.daily-brief-icon.notice{color:#6756a0;background:#eeeafb}.daily-loading{color:#89919e;margin:0;padding:20px 16px;font-size:8px}.daily-empty{color:#7e8795;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:92px;padding:16px;display:grid}.daily-empty>span{color:#617087;background:#f0f2f5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.daily-empty p{margin:0}.daily-empty b,.daily-empty small{display:block}.daily-empty b{color:#536075;font-size:8px}.daily-empty small{margin-top:4px;font-size:7px;line-height:1.4}.birthday-list>div:not(.daily-empty){border-bottom:1px solid #eff1f4;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 14px;display:grid}.birthday-list>div.today{background:linear-gradient(90deg,#fff7ef,#fff)}.birthday-list>div>span{color:#a86638;background:#ffeadb;border-radius:10px;place-items:center;width:32px;height:32px;font-size:7px;font-weight:900;display:grid}.birthday-list p{min-width:0;margin:0}.birthday-list b,.birthday-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.birthday-list b{color:#455165;font-size:8px}.birthday-list small{color:#8b929e;margin-top:3px;font-size:6px}.birthday-list strong{color:#a56737;white-space:nowrap;font-size:6px}.dashboard-leave-list>div:not(.daily-empty){border-bottom:1px solid #eff1f4;grid-template-columns:5px minmax(105px,.75fr) minmax(145px,1.15fr) auto;align-items:center;gap:9px;padding:10px 14px;display:grid}.dashboard-leave-list>div>i{border-radius:6px;width:5px;height:34px}.dashboard-leave-list b,.dashboard-leave-list small{display:block}.dashboard-leave-list b{color:#455165;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.dashboard-leave-list small{color:#8b929e;margin-top:3px;font-size:6px;line-height:1.35}.dashboard-leave-list em{white-space:nowrap;border-radius:99px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:850}.dashboard-leave-list em.today{color:#a05d2c;background:#ffead8}.dashboard-leave-list em.upcoming{color:#5e5590;background:#eeeafb}.announcement-message{color:#28765e;background:#e6f5ee;border-radius:8px;margin:10px 14px 0;padding:8px 10px;font-size:7px}.announcement-list{max-height:244px;overflow-y:auto}.announcement-list>article{border-bottom:1px solid #eff1f4;border-left:3px solid #72a9d5;padding:12px 14px}.announcement-list>article.important{background:#fffdf8;border-left-color:#e2a34b}.announcement-list>article.urgent{background:#fff9f8;border-left-color:#dc6964}.announcement-list article>div{grid-template-columns:25px 1fr;gap:8px;display:grid}.announcement-list article>div>span{color:#4f6f8f;background:#eaf2f8;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;font-weight:900;display:grid}.announcement-list article.important>div>span{color:#9a681e;background:#fff0d4}.announcement-list article.urgent>div>span{color:#a64f4b;background:#ffe3e0}.announcement-list p{margin:0}.announcement-list b,.announcement-list small{display:block}.announcement-list b{color:#445064;font-size:8px}.announcement-list small{color:#788292;white-space:pre-wrap;margin-top:4px;font-size:7px;line-height:1.45}.announcement-list footer{align-items:center;gap:7px;margin:8px 0 0 33px;display:flex}.announcement-list footer>span{color:#989fab;margin-right:auto;font-size:6px}.announcement-list footer button{color:#3e8395;background:0 0;border:0;padding:3px;font-size:6px}.announcement-list footer button.remove{color:#bd6669}.announcement-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17243c80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.announcement-modal{background:#fff;border-radius:18px;width:min(620px,100%);overflow:hidden;box-shadow:0 25px 80px #15223d35}.announcement-modal>header{border-bottom:1px solid #e9ecf0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.announcement-modal>header h3{margin:0;font-size:17px}.announcement-modal>header p:last-child{color:#7e8794;margin:5px 0 0;font-size:8px}.announcement-modal>header>button{color:#6f7887;background:#f2f4f6;border:0;border-radius:9px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.announcement-form{grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px;display:grid}.announcement-form label{min-width:0}.announcement-form label.full{grid-column:1/-1}.announcement-form label>span{color:#707a89;margin-bottom:5px;font-size:7px;font-weight:850;display:block}.announcement-form input,.announcement-form select,.announcement-form textarea{color:#3f4b5e;width:100%;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:9px 10px;font-size:9px}.announcement-form textarea{resize:vertical;line-height:1.5}.announcement-form label.pin-check{color:#687385;align-items:center;gap:7px;margin-top:16px;font-size:8px;display:flex}.announcement-form label.pin-check input{width:auto}.announcement-modal>footer{background:#fafbfc;border-top:1px solid #e9ecf0;justify-content:flex-end;gap:9px;padding:13px 22px;display:flex}.announcement-modal>footer .primary-button{width:auto}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric{border:1px solid var(--line);background:var(--paper);border-radius:17px;align-items:center;gap:13px;min-height:96px;padding:18px;display:flex;box-shadow:0 6px 22px #25324b08}.metric-icon{color:#fff;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:grid}.metric-icon.purple{background:var(--purple)}.metric-icon.mint{background:var(--mint)}.metric-icon.peach{background:var(--peach)}.metric-icon.sky{background:var(--sky)}.metric small{color:var(--muted);font-size:10px;display:block}.metric strong{letter-spacing:-.03em;margin:3px 0 0;font-size:21px;display:block}.metric p{color:#a2a8b5;margin:2px 0 0;font-size:9px}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px;display:grid}.lower-grid{grid-template-columns:1.5fr 1fr}.panel{border:1px solid var(--line);background:var(--paper);border-radius:18px;box-shadow:0 8px 28px #27334c08}.dashboard-page{padding-top:18px}.dashboard-topbar{background:#fffffff2;border-bottom-color:#e4e8ee;min-height:70px;box-shadow:0 4px 20px #17243a05}.dashboard-topbar h1{color:#1c2a3e;font-family:var(--font-geist-sans), Arial, sans-serif;font-size:18px;font-weight:650}.dashboard-topbar .eyebrow{color:#927d75;letter-spacing:.18em;font-size:6px}.dashboard-page .panel{border-color:#e3e7ed;border-radius:15px;box-shadow:0 10px 32px #17243b0a}.dashboard-page .daily-brief-grid>.panel{border-top-width:2px}.dashboard-page .birthday-brief{border-top-color:#c9a56d}.dashboard-page .leave-brief{border-top-color:#5d9d89}.dashboard-page .announcement-brief{border-top-color:#6b7fa2}.dashboard-page .daily-brief-head{background:linear-gradient(#fff,#fbfcfd)}.dashboard-page .daily-brief-head h3{color:#263449;font-family:var(--font-geist-sans), Arial, sans-serif;font-weight:650}.dashboard-page .daily-brief-head .section-kicker{color:#9a7e65}.dashboard-page .daily-brief-icon{border:1px solid #ffffffa8;box-shadow:0 5px 14px #1a283d0a}.dashboard-page .metric{border-radius:14px;min-height:88px;position:relative;overflow:hidden;box-shadow:0 8px 24px #17243b08}.dashboard-page .metric:after{content:"";opacity:.42;background:linear-gradient(90deg,#0000,#c9ad79,#0000);height:2px;position:absolute;inset:auto 0 0}.dashboard-page .metric-icon{border-radius:11px;box-shadow:inset 0 1px #ffffff40}.dashboard-page .metric-icon.purple{background:linear-gradient(145deg,#516783,#304762)}.dashboard-page .metric-icon.mint{background:linear-gradient(145deg,#56a98f,#347d68)}.dashboard-page .metric-icon.peach{background:linear-gradient(145deg,#c49c68,#9f7543)}.dashboard-page .metric-icon.sky{background:linear-gradient(145deg,#617fa7,#405e86)}.dashboard-page .metric strong{color:#233249;font-family:var(--font-geist-sans), Arial, sans-serif;font-weight:650}.dashboard-page .payroll-progress{border-top:2px solid #c9a56d}.dashboard-page .statutory-card{border-top:2px solid #58799d}.dashboard-page .attendance-card{border-top:2px solid #5b9b87}.dashboard-page .quick-card{background:linear-gradient(145deg,#fff,#fbfaf7);border-top:2px solid #9a7d6e}.dashboard-page .quick-icon{background:linear-gradient(145deg,#263b58,#15243b)}.dashboard-page .primary-button{background:linear-gradient(90deg,#182a43,#263e5f);box-shadow:0 8px 20px #15243b1f}.dashboard-page .primary-button:hover{background:#101d30}.dashboard-page .accent-value{color:#9e7543}.dashboard-page .official-updates{border-top:2px solid #73839e}.payroll-progress,.statutory-card,.attendance-card,.quick-card,.form-panel,.calculation-card,.integration-card,.device-card{padding:23px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel h3{letter-spacing:-.02em;margin:0;font-size:16px}.draft-chip,.source-chip,.offline-chip{color:#8b6a34;background:#fff1cf;border-radius:20px;align-items:center;padding:5px 9px;font-size:8px;font-weight:800;display:inline-flex}.progress-track{background:#eceef3;border-radius:20px;height:6px;margin:22px 0 8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), #ff9a78);width:50%;height:100%;display:block}.progress-copy{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.progress-copy strong{color:#4e5567}.payroll-totals{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;padding:16px 0;display:grid}.payroll-totals div+div{border-left:1px solid var(--line);padding-left:18px}.payroll-totals small{color:#9da3b0;letter-spacing:.08em;margin-bottom:6px;font-size:8px;display:block}.payroll-totals strong{font-size:15px}.accent-value{color:var(--coral-dark)}.primary-button,.secondary-button,.filter-button{border-radius:11px;font-weight:750}.primary-button{color:#fff;background:var(--coral);border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:11px;display:flex;box-shadow:0 8px 18px #ff6d5e25}.primary-button:hover{background:var(--coral-dark)}.primary-button span{margin-left:auto}.primary-button.compact{width:auto}.secondary-button,.filter-button{border:1px solid var(--line);color:#555e72;background:#fff;padding:10px 13px;font-size:10px}.text-button{color:var(--coral-dark);background:0 0;border:0;padding:2px;font-size:9px;font-weight:750}.stat-row{border-bottom:1px solid #f0f1f4;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.stat-logo{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.stat-logo.kwsp{background:#397fcb}.stat-logo.socso{background:#45a78c}.stat-logo.eis{background:#866fda}.stat-row strong,.stat-row small{display:block}.stat-row strong{font-size:10px}.stat-row small{color:var(--muted);margin-top:2px;font-size:8px}.stat-row b{font-size:11px}.stat-total{background:#f5f6f9;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;font-size:9px;display:flex}.stat-total strong{font-size:12px}.scan-list{margin-top:10px}.scan-row{border-bottom:1px solid #f0f1f4;grid-template-columns:34px 1fr auto 74px;align-items:center;gap:10px;padding:10px 0;display:grid}.scan-row:last-child{border:0}.scan-row strong,.scan-row small{display:block}.scan-row strong{font-size:10px}.scan-row small{color:#9da3b0;margin-top:2px;font-family:monospace;font-size:8px}.scan-row time{color:var(--muted);text-align:right;font-size:9px}.in-chip,.out-chip,.active-chip,.ready-chip{border-radius:20px;width:max-content;padding:5px 8px;font-size:8px;display:inline-flex}.in-chip,.active-chip{color:#238568;background:#dcf6ed}.out-chip{color:#9a6b26;background:#fff0cf}.ready-chip{color:#5f54b3;background:#eae7ff}.quick-card{background:linear-gradient(145deg,#fff,#fff8f5);flex-direction:column;justify-content:center;display:flex}.quick-icon{color:#fff;background:var(--coral);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.quick-card h3{margin:14px 0 7px}.quick-card p{color:var(--muted);margin:0 0 18px;font-size:10px;line-height:1.6}.content-title{justify-content:space-between;align-items:flex-end;gap:24px;margin:3px 0 24px;display:flex}.content-title h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:30px;font-weight:500}.content-title>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:11px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:14px 20px;display:flex}.search-box{border:1px solid var(--line);color:#a3a9b5;border-radius:11px;align-items:center;gap:8px;width:min(340px,60%);padding:9px 12px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.staff-table{overflow-x:auto}.table-row{color:#5f6779;border-bottom:1px solid #f0f1f4;grid-template-columns:1.4fr 1.2fr .8fr .7fr 50px;align-items:center;min-width:710px;padding:13px 20px;font-size:10px;display:grid}.table-row:last-child{border:0}.table-header{color:#999fac;letter-spacing:.08em;text-transform:uppercase;background:#fafafd;min-height:40px;font-size:8px;font-weight:800}.person-cell{color:var(--ink);align-items:center;gap:10px;display:flex}.person-cell b{font-size:10px}.table-row>button{color:var(--coral);background:0 0;border:0;justify-self:end}.mono{font-family:monospace;font-size:9px}.muted-row{color:#969ca8}.directory-count{color:#7c8495;font-size:9px;font-weight:800}.staff-no{color:#9ca2ae;margin-top:3px;font-size:7px;display:block}.staff-profile-editor{margin-top:18px;padding:24px}.profile-editor-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.profile-editor-head h3{margin:0;font-size:18px}.profile-editor-head p:last-child{color:var(--muted);margin:5px 0 0;font-size:9px}.profile-section-title{align-items:center;gap:10px;margin:20px 0 12px;display:flex}.profile-section-title>span{color:#fff;background:var(--navy);border-radius:9px;place-items:center;width:29px;height:29px;font-size:8px;font-weight:900;display:grid}.profile-section-title b,.profile-section-title small{display:block}.profile-section-title b{font-size:10px}.profile-section-title small{color:var(--muted);margin-top:3px;font-size:7px}.profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.profile-form-grid label{min-width:0}.profile-form-grid label.wide{grid-column:span 2}.profile-form-grid label>span{color:#747c8d;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.profile-form-grid input,.profile-form-grid select,.profile-money{width:100%;min-height:38px;color:var(--ink);background:#fff;border:1px solid #dfe2e8;border-radius:9px;outline:0;font-size:9px}.profile-form-grid input,.profile-form-grid select{padding:9px 10px}.profile-money{align-items:center;display:flex;overflow:hidden}.profile-money b{color:#9299a7;padding-left:10px;font-size:8px}.profile-money input{border:0;min-height:36px}.profile-editor-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;margin-top:20px;padding-top:16px;display:flex}.profile-editor-actions p{color:#8b92a0;margin:0 auto 0 0;font-size:7px}.profile-editor-actions p b{color:#5c6577}.staff-id-cell{color:#4f5d74;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.resume-ready-chip{color:#287c66;background:#e7f7f1;border-radius:20px;padding:5px 8px;font-size:7px;display:inline-flex}.resume-empty{color:#9ba2af;font-size:7px}.readonly-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#737c8e!important;background:#f4f5f7!important}.profile-form-grid textarea{resize:vertical;width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe2e8;border-radius:9px;outline:0;padding:10px;font-size:9px;line-height:1.55}.resume-upload-card{background:#fafbfd;border:1px dashed #cfd7e3;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:12px 18px;padding:16px;display:grid}.resume-upload-copy{align-items:center;gap:11px;display:flex}.resume-upload-copy b,.resume-upload-copy small{display:block}.resume-upload-copy b{font-size:10px}.resume-upload-copy small{color:var(--muted);margin-top:4px;font-size:7px}.resume-file-icon{color:#fff;background:linear-gradient(145deg, #4b658b, var(--navy));border-radius:9px;place-items:center;width:38px;height:42px;font-size:8px;font-weight:900;display:grid}.resume-upload-actions{align-items:center;gap:8px;display:flex}.resume-upload-button{cursor:pointer}.resume-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.resume-upload-button span,.resume-download{border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-size:8px;font-weight:850;text-decoration:none;display:inline-flex}.resume-upload-button span{color:#fff;background:var(--navy)}.resume-download{color:#526078;background:#fff;border:1px solid #d6dce5}.resume-new-note{color:#806031;background:#fff4df;border-radius:9px;grid-column:1/-1;margin:0;padding:9px 11px;font-size:8px;line-height:1.45}.resume-status{color:#687286;border-top:1px solid #e7eaf0;grid-column:1/-1;align-items:center;gap:7px;padding-top:10px;font-size:8px;display:flex}.resume-status i{background:#93a0b4;border-radius:50%;width:7px;height:7px}.resume-status.reading i,.resume-status.uploading i{background:#e1a349;animation:1s infinite pulse}.resume-status.ready{color:#287c66}.resume-status.ready i{background:#45aa8a}.resume-status.error{color:#b84f4c}.resume-status.error i{background:#d8635e}.resume-detail-grid{grid-template-columns:1fr 1fr 1fr;margin-top:12px}.connection-banner{background:#fff9ed;border:1px solid #f0ddbd;border-radius:15px;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.connection-icon{color:#ad7a31;background:#ffe8bc;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.connection-banner strong{font-size:11px;display:block}.connection-banner p{color:#8c7658;margin:4px 0 0;font-size:9px}.connection-banner button{margin-left:auto}.sync-label{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.attendance-table .table-row{grid-template-columns:.8fr 1.45fr .8fr .85fr 1fr}.verified{color:#278a6d}.attendance-controls{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;padding:16px 18px;display:flex}.attendance-date-fields{flex-wrap:wrap;align-items:flex-end;gap:11px;display:flex}.attendance-date-fields label span{color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.attendance-date-fields input{border:1px solid var(--line);min-height:40px;color:var(--navy);font:inherit;background:#fff;border-radius:11px;padding:0 11px;font-size:11px}.download-attendance{min-height:40px;color:var(--navy);background:#fff;border:1px solid #d9dce4;border-radius:11px;padding:0 15px;font-size:11px;font-weight:850}.download-attendance:disabled{opacity:.45}.attendance-export-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.attendance-export-actions button{min-height:40px;color:var(--navy);background:#fff;border:1px solid #d9dce4;border-radius:11px;padding:0 12px;font-size:10px;font-weight:850}.attendance-export-actions button:hover{color:#6138d8;background:#faf8ff;border-color:#7250df}.attendance-export-actions button:disabled{opacity:.45}.attendance-tabs{gap:8px;margin:0 0 10px;display:flex}.attendance-tabs button{color:#667085;background:#fff;border:1px solid #dfe3e9;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:11px;font-weight:850;display:inline-flex}.attendance-tabs button.active{color:#5d35d2;background:#f3efff;border-color:#6d43e6}.attendance-tabs span{color:#fff;background:#7a57e8;border-radius:999px;place-items:center;min-width:21px;height:21px;font-size:8px;display:inline-grid}.weekly-attendance-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 12px;display:flex}.weekly-attendance-head>div small{color:#7a57e8;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.weekly-attendance-head>div strong{color:var(--navy);margin-top:4px;font-size:16px;display:block}.weekly-attendance-head nav{align-items:center;gap:7px;display:flex}.weekly-attendance-head nav button{color:#516079;background:#fff;border:1px solid #dfe3e9;border-radius:10px;min-width:38px;height:36px;padding:0 11px;font-size:11px;font-weight:850}.weekly-attendance-head nav button:first-child,.weekly-attendance-head nav button:last-child{padding:0;font-size:21px}.weekly-attendance-head nav button:hover{color:#5d35d2;background:#f7f4ff;border-color:#8a6bea}.attendance-week-tabs{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(88px,1fr));gap:8px;padding:0 20px 16px;display:grid;overflow-x:auto}.attendance-week-tabs button{color:#647087;background:#fff;border:1px solid #e1e5eb;border-radius:13px;align-content:center;place-items:center;gap:3px;min-height:76px;padding:9px 7px;display:grid;position:relative}.attendance-week-tabs button small{letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:900}.attendance-week-tabs button b{color:var(--navy);font-size:12px}.attendance-week-tabs button span{color:#627086;background:#f0f3f7;border-radius:999px;place-items:center;min-width:31px;height:20px;padding-inline:6px;font-size:8px;font-weight:900;display:inline-grid}.attendance-week-tabs button.today:after{content:"";background:#6d43e6;border-radius:999px;width:6px;height:6px;position:absolute;top:6px;right:7px}.attendance-week-tabs button.active{color:#5d35d2;background:#f3efff;border-color:#7046e6;box-shadow:0 7px 18px #673dd61f}.attendance-week-tabs button.active b{color:#5d35d2}.attendance-week-tabs button.active span{color:#fff;background:#7046e6}.tuya-log-panel{overflow:hidden}.tuya-log-panel .table-toolbar>div:first-child small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.tuya-log-list{display:grid}.tuya-log-row{color:#566176;border-top:1px solid #eceef2;grid-template-columns:1.15fr .9fr .9fr 1.15fr 1fr .75fr;align-items:center;gap:12px;padding:12px 16px;font-size:10px;display:grid}.tuya-log-row.header{color:#8a93a3;letter-spacing:.06em;text-transform:uppercase;background:#f8f9fb;border-top:0;font-size:8px;font-weight:900}.tuya-log-row.unmatched{background:#fffcf6}.tuya-log-row b,.tuya-log-row small{display:block}.tuya-log-row b{color:var(--navy);font-size:10px}.tuya-log-row small{color:var(--muted);margin-top:3px;font-size:8px}.tuya-log-row em{color:#9b6922;font-style:normal;font-weight:800}.tuya-log-row button{color:#fff;background:#6b42df;border:0;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:850}.tuya-event-chip{color:#5843a0;overflow-wrap:anywhere;background:#eeeaff;border-radius:999px;max-width:100%;padding:6px 8px;font-size:8px;font-style:normal;font-weight:850;display:inline-flex}.linked-chip,.unlinked-chip{border-radius:999px;padding:6px 9px;font-size:8px;font-style:normal;font-weight:850;display:inline-flex}.linked-chip{color:#216348;background:#e6f3ec}.unlinked-chip{color:#885e20;background:#fff1d8}.tuya-link-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17203373;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tuya-link-dialog{background:#fff;border:1px solid #e2e5ea;border-radius:20px;width:min(460px,100%);padding:22px;box-shadow:0 28px 90px #10182735}.tuya-link-dialog header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tuya-link-dialog header small{color:#7759d3;letter-spacing:.12em;font-size:8px;font-weight:900}.tuya-link-dialog h3{margin:4px 0 0;font-size:20px}.tuya-link-dialog header>button{color:#526078;background:#fff;border:1px solid #e3e5e9;border-radius:10px;width:34px;height:34px;font-size:20px}.tuya-link-dialog>p{color:#697386;margin:16px 0;font-size:11px;line-height:1.55}.tuya-link-dialog label span{color:#566176;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.tuya-link-dialog select{width:100%;min-height:44px;color:var(--navy);font:inherit;background:#fff;border:1px solid #d9dde5;border-radius:11px;padding:0 12px;font-size:11px}.tuya-link-dialog footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.attendance-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.attendance-metrics article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px 17px}.attendance-metrics small,.attendance-metrics span{color:var(--muted);font-size:9px;font-weight:800;display:block}.attendance-metrics strong{color:var(--navy);margin-top:5px;font-size:23px;display:inline-block}.attendance-time{color:var(--navy);font-size:12px;font-weight:850}.attendance-status{border-radius:999px;justify-content:center;min-width:78px;padding:7px 10px;font-size:10px;display:inline-flex}.attendance-status.present{color:#216348;background:#e6f3ec}.attendance-status.late{color:#885e20;background:#fff1d8}.attendance-status.absent{color:#963f3f;background:#fae8e8}.attendance-explanation-list{margin-top:14px;padding:18px}.attendance-explanation-list>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.attendance-explanation-list h3{margin:3px 0 0;font-size:17px}.attendance-explanation-list>header>span{color:#885e20;background:#fff1d8;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.attendance-explanation-list>div{gap:8px;display:grid}.attendance-explanation-list article{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(170px,.8fr) minmax(240px,1.5fr) auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.attendance-explanation-list b,.attendance-explanation-list small{display:block}.attendance-explanation-list b{font-size:11px}.attendance-explanation-list small{color:var(--muted);margin-top:4px;font-size:9px}.attendance-explanation-list p{color:#586172;margin:0;font-size:10px;line-height:1.5}.attendance-explanation-list em{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:850}.attendance-explanation-list em.required{color:#885e20;background:#fff1d8}.attendance-explanation-list em.submitted{color:#5342a1;background:#eeeaff}.attendance-explanation-list em.reviewed{color:#216348;background:#e6f3ec}.attendance-explanation-list button{color:#fff;background:var(--navy);border:0;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:850}.payroll-workspace{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);align-items:start;gap:18px;display:grid}.payroll-form-stack{flex-direction:column;gap:18px;display:flex}.source-chip{color:#387b67;background:#e1f6ef}.input-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.money-input>span{color:#727a8c;margin-bottom:6px;font-size:9px;display:block}.money-input>div{border:1px solid var(--line);border-radius:11px;display:flex;overflow:hidden}.money-input b{color:#9399a7;background:#f7f8fa;place-items:center;width:42px;font-size:9px;display:grid}.money-input input{width:100%;color:var(--ink);border:0;outline:0;padding:11px;font-weight:700}.form-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:17px;font-size:10px;display:flex}.form-total strong{font-size:17px}.helper-copy{max-width:570px;color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.6}.law-chip{color:#4f4599;background:#ece9ff;border-radius:20px;align-items:center;padding:6px 10px;font-size:8px;font-weight:800;display:inline-flex}.ot-basis{background:#f7f8fb;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:14px;display:grid}.ot-basis>label,.ot-basis>div{flex-direction:column;justify-content:center;min-width:0;display:flex}.ot-basis span{color:#7e8698;font-size:8px}.ot-basis label>div{background:#fff;border:1px solid #dde0e7;border-radius:9px;align-items:center;width:112px;margin-top:5px;display:flex}.ot-basis input{background:0 0;border:0;outline:0;width:70px;padding:7px 8px;font-weight:800}.ot-basis label b{color:#858c9c;font-size:8px}.ot-basis>div strong{margin-top:4px;font-size:15px}.ot-basis>div small{color:#9ca2af;margin-top:3px;font-size:7px}.ot-grid{gap:9px;margin-top:13px;display:grid}.ot-input{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:45px 1fr 112px;align-items:center;gap:11px;padding:12px;display:grid}.rate-badge{border-radius:9px;place-items:center;width:43px;height:35px;font-size:10px;font-weight:900;display:grid}.rate-badge.normal{color:#5b4db1;background:#ebe8ff}.rate-badge.rest{color:#26795f;background:#dcf5ec}.rate-badge.public{color:#9a5b38;background:#ffeadc}.ot-copy strong,.ot-copy small{display:block}.ot-copy strong{font-size:9px}.ot-copy small{color:var(--coral-dark);margin-top:3px;font-size:8px}.ot-input>div{border:1px solid #dde0e7;border-radius:9px;align-items:center;display:flex;overflow:hidden}.ot-input input{border:0;outline:0;width:72px;padding:8px;font-weight:800}.ot-input b{color:#858c9c;font-size:8px}.overtime-total{color:#fff;background:var(--navy);border-radius:12px;justify-content:space-between;align-items:center;margin-top:13px;padding:15px 16px;display:flex}.overtime-total small,.overtime-total strong{display:block}.overtime-total small{color:#abb5c5;letter-spacing:.1em;font-size:7px}.overtime-total strong{color:#ff9583;margin-top:4px;font-family:Georgia,serif;font-size:21px}.overtime-total p{color:#c2c9d5;margin:0;font-size:8px}.ot-note{color:#8f754d;margin:11px 2px 0;font-size:8px;line-height:1.5}.gross-panel{padding-block:7px}.gross-panel .form-total{border:0;margin:0;padding:15px 0}.gross-panel .form-total span small{color:#969dac;margin-top:4px;font-size:7px;font-weight:400;display:block}.switch{width:42px;height:23px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:#d7dae1;border-radius:22px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0002}.switch input:checked+span{background:var(--mint)}.switch input:checked+span:after{transform:translate(19px)}.calculation-card{position:sticky;top:18px}.calculation-card>h3{margin-bottom:18px}.calculation-gross,.deduction-list>div,.employer-cost>div{justify-content:space-between;gap:15px;display:flex}.calculation-gross{background:#f6f7f9;border-radius:10px;padding:13px;font-size:10px}.deduction-list{padding:12px 2px}.deduction-list>div{color:#60687a;padding:8px 0;font-size:9px}.deduction-list small{color:#9fa5b1}.deduction-list b{color:#7d5560}.net-pay{color:#fff;background:var(--navy);border-radius:14px;padding:18px}.net-pay span,.net-pay small{color:#aeb9ca;letter-spacing:.08em;font-size:8px;display:block}.net-pay strong{color:#ff9786;margin:5px 0;font-family:Georgia,serif;font-size:29px;display:block}.employer-cost{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.employer-cost p{color:#8a91a0;text-transform:uppercase;margin:0 0 6px;font-size:8px;font-weight:800}.employer-cost>div{color:#636b7d;padding:5px 0;font-size:9px}.legal-note{color:#8f754d;background:#fff8e9;border-radius:9px;margin:15px 0 0;padding:10px;font-size:8px;line-height:1.5}.payslip-table .table-row{grid-template-columns:1.3fr .8fr .8fr .8fr .6fr}.role-category b,.role-category small{display:block}.role-category b{color:#5f6779;font-size:10px}.role-category small{color:var(--coral-dark);margin-top:3px;font-size:8px;font-weight:750}.staff-category-inline{color:var(--coral-dark);margin-top:3px;font-size:7px;display:block}.employee-stepper{justify-content:space-between;align-items:flex-end;gap:24px;margin:-4px 0 18px;display:flex}.employee-stepper>div{width:min(330px,46%)}.employee-stepper strong{margin-bottom:10px;font-size:17px;display:block}.employee-stepper strong span{color:#727a8c;font-weight:500}.employee-stepper i{background:#e2e5eb;border-radius:10px;height:5px;display:block;overflow:hidden}.employee-stepper i b{background:var(--coral);width:25%;height:100%;display:block}.employee-stepper label{color:#60687a;align-items:center;gap:12px;font-size:11px;display:flex}.employee-stepper select{min-width:240px;color:var(--ink);background:#fff;border:1px solid #dfe2e8;border-radius:10px;padding:10px 34px 10px 12px;font-weight:700}.payslip-title{grid-template-columns:1fr auto auto;align-items:end;display:grid}.staff-switcher{color:#687184;align-items:center;gap:9px;font-size:9px;display:flex}.staff-switcher select{border:1px solid var(--line);min-width:220px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 30px 10px 11px;font-size:9px;font-weight:750}.payroll-columns{border-radius:13px;grid-template-columns:150px 185px minmax(250px,1.25fr) 190px 205px;min-width:980px;display:grid;overflow:hidden;box-shadow:0 16px 42px #23314b12}.payroll-column{min-width:0;padding:19px 14px}.payroll-column+.payroll-column{border-left:1px solid var(--line)}.payroll-column h3{border-bottom:1px solid var(--line);padding-bottom:15px;font-family:Georgia,serif;font-size:16px;font-weight:500}.employee-column{text-align:center;background:#f8f9fb}.payroll-avatar{border-radius:15px;width:50px;height:50px;margin:3px auto 10px;font-size:13px}.employee-column>h3{color:#3caec8;border:0;padding:0;font-family:Arial,sans-serif;font-size:14px;font-weight:800}.employee-column>p{color:var(--muted);margin:5px 0 18px;font-size:8px}.column-field{text-align:left;margin-top:15px;display:block}.column-field>span{color:#70798a;margin-bottom:6px;font-size:9px;font-weight:750;display:block}.column-field select,.column-money,.column-unit{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2e8;border-radius:8px}.column-field select{outline:0;padding:9px 10px;font-size:10px;font-weight:700}.column-money,.column-unit{align-items:center;display:flex;overflow:hidden}.column-money b,.column-unit b{color:#8c93a2;background:#f4f5f7;align-self:stretch;place-items:center;padding:0 9px;font-size:8px;display:grid}.column-money input,.column-unit input{border:0;outline:0;width:100%;min-width:0;padding:9px;font-size:11px;font-weight:750}.category-benefit{text-align:left;background:#fff4e7;border-radius:10px;margin-top:18px;padding:12px}.category-benefit b,.category-benefit small{display:block}.category-benefit small{color:#947d63;margin-top:4px;font-size:7px;line-height:1.5}.include-payroll{color:#50586a;text-align:left;align-items:center;gap:6px;margin-top:18px;font-size:8px;font-weight:750;display:flex}.large-amount small{color:var(--muted);font-size:8px;display:block}.large-amount strong{margin-top:5px;font-family:Georgia,serif;font-size:22px;font-weight:500;display:inline-block}.large-amount span{color:var(--muted);margin-left:4px;font-size:10px}.hourly-box{background:#f6f7f9;border-radius:9px;margin-top:14px;padding:12px}.hourly-box span,.hourly-box strong,.hourly-box small{display:block}.hourly-box span{color:var(--muted);font-size:8px}.hourly-box strong{margin-top:4px;font-size:15px}.hourly-box small{color:#9da3af;margin-top:3px;font-size:7px}.column-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;display:flex}.column-heading h3{border:0;padding:0}.column-section-label{color:#9a8497;letter-spacing:.09em;margin:16px 0 8px;font-size:7px;font-weight:850}.allowance-payroll-list>div{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.allowance-payroll-list b,.allowance-payroll-list small{display:block}.allowance-payroll-list small{color:#9ca2ae;margin-top:3px;font-size:7px}.allowance-payroll-list>p{color:var(--muted);font-size:8px}.overtime-label{margin-top:19px}.earning-list{gap:7px;display:grid}.earning-row{border-bottom:1px solid #f0f1f4;grid-template-columns:35px 1fr 76px;align-items:center;gap:7px;padding:8px 0;display:grid}.rate-dot{border-radius:8px;place-items:center;min-height:29px;font-size:7px;font-weight:900;display:grid}.rate-dot.normal{color:#5b4db1;background:#ebe8ff}.rate-dot.rest{color:#26795f;background:#dcf5ec}.rate-dot.public{color:#9a5b38;background:#ffeadc}.earning-copy strong,.earning-copy small{display:block}.earning-copy strong{font-size:8px;line-height:1.3}.earning-copy small{color:#35a7c3;margin-top:2px;font-size:7px}.compact-hours{border:1px solid #dfe2e8;border-radius:7px;align-items:center;display:flex;overflow:hidden}.compact-hours input{border:0;outline:0;width:48px;min-width:0;padding:6px;font-size:9px;font-weight:750}.compact-hours b{color:#9298a5;font-size:7px}.column-subtotal{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;font-size:9px;display:flex}.column-subtotal strong{color:var(--coral-dark);font-size:12px}.deduction-controls{grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.deduction-controls label{border-bottom:1px solid #f0f1f4;justify-content:space-between;align-items:center;gap:7px;min-height:56px;display:flex}.deduction-controls label span b,.deduction-controls label span small{display:block}.deduction-controls label span b{font-size:9px}.deduction-controls label span small{color:#9ba1ad;margin-top:3px;font-size:7px}.deduction-controls>strong{color:#7d5560;font-size:8px}.pay-figure{border-bottom:1px solid var(--line);padding:13px 0}.pay-figure span{color:#7e8696;font-size:8px;display:block}.pay-figure strong{margin-top:4px;font-family:Georgia,serif;font-size:19px;font-weight:500;display:block}.final-net{color:#fff;background:var(--navy);border-radius:11px;margin:13px 0;padding:15px}.final-net span,.final-net small{color:#acb7c8;font-size:7px;display:block}.final-net strong{color:#ff9685;margin:5px 0;font-family:Georgia,serif;font-size:23px;display:block}.company-contribution{padding-top:5px}.company-contribution p{color:#8b92a0;margin:8px 0;font-size:8px;font-weight:800}.company-contribution>div{color:#626a7b;justify-content:space-between;padding:5px 0;font-size:8px;display:flex}.payroll-footnote{color:#8f754d;margin:12px 2px 0;font-size:8px;line-height:1.5}.settings-grid{grid-template-columns:1.25fr .85fr;gap:18px;display:grid}.benefit-settings{grid-column:1/-1;padding:23px}.benefit-layout{grid-template-columns:1fr 330px;gap:22px;margin-top:18px;display:grid}.allowance-admin-list{border:1px solid var(--line);border-radius:12px}.allowance-admin-list>div{border-bottom:1px solid #f0f1f4;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.allowance-admin-list>div:last-child{border:0}.benefit-icon{color:#fff;background:var(--mint);border-radius:9px;place-items:center;width:32px;height:32px;font-size:8px;font-weight:900;display:grid}.allowance-admin-list b,.allowance-admin-list small{display:block}.allowance-admin-list b{font-size:10px}.allowance-admin-list small{color:var(--muted);margin-top:3px;font-size:8px}.allowance-admin-list strong{color:#2c9eba;font-size:11px}.allowance-admin-list>p{color:var(--muted);padding:14px;font-size:9px}.allowance-form{background:#f7f8fa;border-radius:12px;padding:16px}.allowance-form h4{margin:0 0 13px;font-size:11px}.allowance-form>label{margin-bottom:11px;display:block}.allowance-form>label>span,.allowance-form legend{color:#747c8d;margin-bottom:5px;font-size:8px;font-weight:750;display:block}.allowance-form>label>input,.allowance-form>label>div{background:#fff;border:1px solid #dde0e6;border-radius:8px;width:100%}.allowance-form>label>input{outline:0;padding:9px;font-size:9px}.allowance-form>label>div{align-items:center;display:flex;overflow:hidden}.allowance-form>label>div b{color:#8d94a3;padding-left:9px;font-size:8px}.allowance-form>label>div input{border:0;outline:0;width:100%;padding:9px;font-size:9px}.allowance-form fieldset{border:0;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0;display:flex}.allowance-form fieldset label{color:#596174;align-items:center;gap:5px;font-size:8px;display:flex}.primary-button:disabled{cursor:not-allowed;opacity:.45}.category-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.category-cards>div{border:1px solid var(--line);border-radius:10px;padding:12px}.category-cards b,.category-cards span,.category-cards small{display:block}.category-cards span{color:var(--coral-dark);margin-top:5px;font-size:9px;font-weight:750}.category-cards small{color:var(--muted);margin-top:4px;font-size:7px}.integration-brand{justify-content:space-between;align-items:center;display:flex}.tuya-logo{color:#ff5a2f;letter-spacing:-.08em;font-size:25px;font-weight:900}.offline-chip{color:#9b6933}.integration-card>h3{margin-top:22px}.integration-card>p{color:var(--muted);font-size:10px;line-height:1.6}.integration-card code,.api-note code{color:#6b56a6;background:#f1edff;border-radius:5px;padding:2px 5px;font-family:monospace;font-size:8px}.requirements{border-block:1px solid var(--line);margin:18px 0}.requirements>div{align-items:flex-start;gap:12px;padding:13px 0;display:flex}.requirements>div+div{border-top:1px solid #f0f1f4}.requirements>div>span{color:#fff;background:var(--navy);border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.requirements p{margin:1px 0}.requirements strong,.requirements small{display:block}.requirements strong{font-size:10px}.requirements small{color:var(--muted);margin-top:4px;font-size:8px}.empty-device{text-align:center;border:1px dashed #d9dce4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;margin:17px 0;display:flex}.empty-device>span{color:#788196;background:#f1f3f7;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.empty-device strong{margin-top:11px;font-size:10px}.empty-device p{max-width:230px;color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.5}.api-note{background:#f7f8fa;border-radius:12px;padding:14px}.api-note strong,.api-note code,.api-note small{display:block}.api-note strong{margin-bottom:8px;font-size:9px}.api-note code{white-space:nowrap;overflow-x:auto}.api-note small{color:var(--muted);margin-top:8px;font-size:8px}.allowance-admin-list>div{grid-template-columns:34px minmax(0,1fr) auto auto;transition:all .18s}.allowance-admin-list>div.editing{box-shadow:inset 3px 0 var(--mint);background:#f1fbf8}.allowance-admin-actions{gap:6px;display:flex!important}.allowance-admin-actions button{color:#506074;background:#fff;border:1px solid #dce1e8;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:800}.allowance-admin-actions button:hover{border-color:#b8c2d0}.allowance-admin-actions button.remove{color:#bd574e;background:#fff7f5}.allowance-form-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.allowance-form-head h4{margin:0}.allowance-form-head button{color:var(--coral-dark);background:0 0;border:0;padding:3px;font-size:8px;font-weight:800}.employer-settings{grid-column:1/-1;padding:23px}.employer-settings .panel-head p{color:var(--muted);margin:5px 0 0;font-size:8px}.employer-form-grid,.owner-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px;display:grid}.employer-form-grid label,.owner-form-grid label,.document-upload-grid label,.kpi-entry-grid label{min-width:0}.employer-form-grid label.wide,.owner-form-grid label.wide{grid-column:span 2}.employer-form-grid label>span,.owner-form-grid label>span,.document-upload-grid label>span,.kpi-entry-grid label>span{color:#747c8d;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.employer-form-grid input,.employer-form-grid select,.employer-form-grid textarea,.owner-form-grid input,.owner-form-grid select,.owner-form-grid textarea,.document-upload-grid input,.document-upload-grid select,.kpi-entry-grid input,.kpi-entry-grid select,.kpi-entry-grid textarea{width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe2e8;border-radius:9px;outline:0;padding:9px 10px;font-size:9px}.employer-form-grid textarea,.owner-form-grid textarea,.kpi-entry-grid textarea{resize:vertical;line-height:1.5}.owner-section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:15px;margin-top:25px;padding-top:21px;display:flex}.owner-section-head h3{margin:3px 0 0;font-size:14px}.ownership-ok,.ownership-warning{border-radius:20px;padding:6px 9px;font-size:7px}.ownership-ok{color:#287c66;background:#e7f7f1}.ownership-warning{color:#956827;background:#fff2d9}.owner-card-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.owner-card{border:1px solid var(--line);background:#fbfbfd;border-radius:13px;padding:16px}.owner-card-head{align-items:center;gap:9px;display:flex}.owner-card-head>span{color:#fff;background:var(--navy);border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.owner-card-head b,.owner-card-head small{display:block}.owner-card-head b{font-size:10px}.owner-card-head small{color:var(--muted);margin-top:3px;font-size:7px}.owner-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px}.owner-percent{background:#fff;border:1px solid #dfe2e8;border-radius:9px;align-items:center;display:flex;overflow:hidden}.owner-percent input{border:0;min-height:36px}.owner-percent b{color:#9299a7;padding-right:10px;font-size:8px}.signatory-check{color:#596477;align-items:center;gap:7px;margin-top:12px;font-size:8px;display:flex}.signatory-check input{accent-color:var(--mint)}.employer-save-row{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:17px;padding-top:15px;display:flex}.employer-save-row p{color:var(--muted);margin:0 auto 0 0;font-size:7px}.employer-save-row p b{color:#5c6577}.cloud-file-empty{background:#fafbfd;border:1px dashed #d3dae5;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.cloud-file-empty>span{color:#fff;background:#607998;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.cloud-file-empty b,.cloud-file-empty small{display:block}.cloud-file-empty b{font-size:9px}.cloud-file-empty small{color:var(--muted);margin-top:4px;font-size:7px}.employee-cloud-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.cloud-record-card{border:1px solid var(--line);background:#fbfbfd;border-radius:13px;min-width:0;padding:16px}.cloud-record-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.cloud-record-head>div{align-items:center;gap:8px;display:flex}.cloud-record-head>div>span{color:#fff;background:#607998;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.cloud-record-head h4{margin:0;font-size:10px}.cloud-record-head>b{color:var(--muted);font-size:7px}.document-upload-grid,.kpi-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.document-upload-grid label.wide,.kpi-entry-grid label.wide{grid-column:span 2}.kpi-entry-grid label.full{grid-column:1/-1}.cloud-file-picker{position:relative}.cloud-file-picker input{opacity:0;width:1px;height:1px;position:absolute}.cloud-file-picker b{color:#627087;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px dashed #cbd3df;border-radius:9px;align-items:center;min-height:38px;padding:9px 10px;font-size:8px;display:flex;overflow:hidden}.cloud-save-button{width:100%;margin-top:10px}.cloud-document-list,.kpi-history{border-top:1px solid var(--line);margin-top:13px}.cloud-document-list>div{border-bottom:1px solid #eceef2;grid-template-columns:34px 1fr auto auto 22px;align-items:center;gap:8px;padding:10px 0;display:grid}.cloud-document-list>p,.kpi-history>p{color:var(--muted);margin:13px 0 0;font-size:8px}.document-type-icon{color:#59687e;background:#eef1f5;border-radius:8px;place-items:center;width:31px;height:31px;font-size:6px;font-weight:900;display:grid}.cloud-document-list span b,.cloud-document-list span small,.kpi-history span b,.kpi-history span small{display:block}.cloud-document-list span b,.kpi-history span b{font-size:8px}.cloud-document-list span small,.kpi-history span small{color:var(--muted);margin-top:3px;font-size:6px}.cloud-document-list a{color:#278a6d;font-size:7px;font-weight:800;text-decoration:none}.cloud-document-list button{color:#bd574e;background:0 0;border:0;font-size:14px}.shared-chip,.private-chip{border-radius:20px;padding:4px 6px;font-size:6px}.shared-chip{color:#287c66;background:#e7f7f1}.private-chip{color:#765ea2;background:#eee9fa}.kpi-score-input{background:#fff;border:1px solid #dfe2e8;border-radius:9px;align-items:center;display:flex;overflow:hidden}.kpi-score-input input{border:0;min-height:36px}.kpi-score-input b{color:#9299a7;padding-right:9px;font-size:8px}.kpi-history>div{border-bottom:1px solid #eceef2;grid-template-columns:39px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.kpi-score-ring{color:#fff;background:var(--navy);border-radius:50%;justify-content:center;align-items:baseline;width:35px;height:35px;padding-top:8px;display:flex}.kpi-score-ring b{font-size:9px!important}.kpi-score-ring small{color:#bec8d6!important;margin:0!important;font-size:5px!important}.cloud-record-message{color:#4e647d;background:#edf4fa;border-radius:9px;grid-column:1/-1;padding:10px 12px;font-size:8px}.cloud-record-message.error{color:#a34d49;background:#fff0ee}.leave-title{margin-bottom:15px}.leave-tabs{border-bottom:1px solid var(--line);gap:3px;margin-bottom:14px;display:flex}.leave-tabs button{color:#777f90;background:0 0;border:0;padding:11px 16px;font-size:10px;font-weight:750;position:relative}.leave-tabs button.active:after{content:"";background:#39a9c0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.leave-tabs button b{color:#fff;background:var(--coral);border-radius:20px;place-items:center;min-width:18px;height:18px;margin-left:5px;font-size:7px;display:inline-grid}.leave-message,.leave-form-error{color:#425e77;background:#eaf4f8;border-radius:10px;margin-bottom:12px;padding:10px 13px;font-size:9px}.leave-loading{color:var(--muted);text-align:center;padding:40px;font-size:10px}.staff-leave-overview{background:linear-gradient(145deg,#fff,#fbfcfd);border:1px solid #e0e5eb;border-radius:15px;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 28px #17243b08}.staff-leave-overview>header{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px 12px;display:flex}.staff-leave-overview h3{color:#26354b;margin-top:3px;font-family:Georgia,serif;font-size:16px;font-weight:500}.staff-leave-overview>header>span{color:#386d5b;background:#e4f2ec;border-radius:99px;padding:6px 9px;font-size:6px;font-weight:850}.staff-leave-overview>div:not(.staff-leave-overview-empty){grid-template-columns:repeat(auto-fit,minmax(310px,1fr));display:grid}.staff-leave-overview article{border-bottom:1px solid #edf0f3;border-right:1px solid #edf0f3;grid-template-columns:36px minmax(100px,1fr) repeat(3,minmax(55px,auto));align-items:center;gap:10px;min-width:0;padding:14px 17px;display:grid}.staff-leave-overview article>i{color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:8px;font-style:normal;font-weight:900;display:grid}.staff-leave-overview article>div b,.staff-leave-overview article>div small,.staff-leave-overview article>span small{display:block}.staff-leave-overview article>div b{color:#3f4c60;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.staff-leave-overview article>div small{color:#89929f;margin-top:3px;font-size:6px}.staff-leave-overview article>span{text-align:right;border-left:1px solid #edf0f3;min-width:48px;padding-left:9px}.staff-leave-overview article>span small{color:#8d95a1;font-size:5px}.staff-leave-overview article>span strong{color:#435064;font-family:Georgia,serif;font-size:15px;font-weight:500}.staff-leave-overview article>span em{color:#8d95a1;margin-left:2px;font-size:5px;font-style:normal}.staff-leave-overview article>span.balance strong{color:#258269}.staff-leave-overview-empty{grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:88px;padding:15px 18px;display:grid}.staff-leave-overview-empty>span{color:#527064;background:#e8f2ee;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.staff-leave-overview-empty p{margin:0}.staff-leave-overview-empty b,.staff-leave-overview-empty small{display:block}.staff-leave-overview-empty b{color:#4c5869;font-size:8px}.staff-leave-overview-empty small{color:#8a929e;margin-top:3px;font-size:6px}.leave-calendar-panel{border-radius:14px;overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;min-height:74px;padding:14px 16px;display:grid}.calendar-toolbar h3{color:#182237;text-align:center;text-transform:capitalize;margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.calendar-month-title{text-align:center}.calendar-month-title>span{color:#27765f;background:#e8f6f0;border-radius:20px;margin-top:4px;padding:4px 8px;font-size:6px;font-weight:850;display:inline-flex}.calendar-nav{gap:5px;display:flex}.calendar-nav button{color:#506074;background:#fff;border:1px solid #dfe3e8;border-radius:8px;min-width:34px;height:34px;padding:0 10px;font-size:14px;font-weight:800}.calendar-nav button:first-child{color:#fff;border-color:var(--navy);background:var(--navy);font-size:8px}.calendar-toolbar>label{color:#757e8e;justify-self:end;align-items:center;gap:8px;font-size:8px;display:flex}.calendar-toolbar select{min-width:150px;color:var(--ink);background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:9px 28px 9px 10px;font-size:8px;font-weight:750}.leave-calendar{overflow-x:auto}.calendar-weekdays{background:#fafbfc;border-bottom:1px solid #dfe3e8;grid-template-columns:repeat(7,1fr);min-width:850px;display:grid}.calendar-weekdays b{color:#4f596b;text-align:center;border-right:1px solid #e4e7eb;padding:8px;font-size:8px}.calendar-grid{grid-template-columns:repeat(7,1fr);min-width:850px;display:grid}.calendar-day{background:#fff;border-bottom:1px solid #e4e7eb;border-right:1px solid #e4e7eb;min-height:104px;padding:22px 4px 4px;position:relative}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fbfbfc}.calendar-day.outside time{color:#c2c6ce}.calendar-day time{color:#606979;font-size:8px;position:absolute;top:5px;right:6px}.calendar-event{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;margin:2px 0;padding:4px 5px;font-size:7px;font-weight:750;line-height:1.2;display:block;overflow:hidden}.calendar-event.pending{color:#fff;background:#aeb4bd}.calendar-event.holiday.special{background:#157d55;box-shadow:inset 3px 0 #f6cf65}.calendar-day>small{color:#788091;margin:4px;font-size:6px;display:block}.holiday-source-note{color:#697386;background:#fafbfc;flex-wrap:wrap;align-items:center;gap:5px 13px;padding:9px 13px;font-size:7px;display:flex}.holiday-source-note a{color:#218aa2;font-weight:800;text-decoration:none}.holiday-source-note small{color:#969da9;margin-left:auto;font-size:6px}.calendar-legend{border-radius:11px;flex-wrap:wrap;align-items:center;gap:15px;margin-top:10px;padding:12px 15px;display:flex}.calendar-legend strong{margin-right:3px;font-size:9px}.calendar-legend span{color:#6e7788;align-items:center;gap:6px;font-size:7px;display:inline-flex}.calendar-legend i{background:#8ebf45;border-radius:3px;width:10px;height:10px}.calendar-legend i.pending{background:#aeb4bd}.calendar-legend i.holiday{background:#2d9e57}.calendar-legend i.company-holiday{background:#7b61a8}.leave-applications-panel,.leave-report-panel{overflow:hidden}.leave-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:19px 20px;display:flex}.leave-panel-head h3{font-size:17px}.leave-panel-head p:last-child{color:var(--muted);margin:5px 0 0;font-size:8px}.approval-controls{align-items:flex-end;gap:8px;display:flex}.approval-controls label span{color:#7d8492;margin-bottom:4px;font-size:6px;font-weight:800;display:block}.approval-controls input,.approval-controls select{min-height:34px;color:var(--ink);background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:8px 10px;font-size:8px}.approval-controls input{width:160px}.leave-application-list article{border-bottom:1px solid #eff1f4;grid-template-columns:40px 1fr 1.4fr .8fr .8fr;align-items:center;gap:12px;padding:14px 20px;display:grid}.leave-type-mark{color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:900;display:grid}.leave-app-person strong,.leave-app-person small,.leave-application-list article>div b,.leave-application-list article>div small{display:block}.leave-app-person strong,.leave-application-list article>div b{color:#384357;font-size:9px}.leave-app-person small,.leave-application-list article>div small{color:#8b92a0;margin-top:3px;font-size:7px}.leave-application-list article p{color:#747d8c;margin:5px 0 0;font-size:7px;line-height:1.4}.leave-proof{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.leave-proof a{color:#218aa2;font-size:7px;font-weight:800;text-decoration:none}.leave-status{border-radius:20px;width:max-content;padding:5px 7px;font-size:6px!important;display:inline-flex!important}.leave-status.pending{color:#786638;background:#fff2ce}.leave-status.approved{color:#27785f;background:#e1f6ee}.leave-status.rejected{color:#a04f49;background:#ffe8e5}.leave-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.leave-actions button{color:#fff;border:0;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:800}.leave-actions .approve{background:#35a47f}.leave-actions .reject{background:#e36c62}.leave-actions .cancel{color:#687184;background:#fff;border:1px solid #dfe3e8}.leave-empty{color:#7d8594;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.leave-empty span{color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.leave-empty b{font-size:9px}.leave-report-metrics{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px;display:grid}.leave-report-metrics article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:34px 1fr;gap:2px 10px;padding:14px;display:grid}.leave-report-metrics article>span{color:#fff;background:var(--navy);border-radius:10px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.leave-report-metrics small{color:#858d9a;font-size:7px}.leave-report-metrics strong{font-size:17px}.leave-balance-table{overflow-x:auto}.leave-balance-row{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(140px,1fr));align-items:center;min-width:780px;display:grid}.leave-balance-row>span{color:#4e596c;border-bottom:1px solid #eef0f3;padding:13px 17px;font-size:9px}.leave-balance-row>span+span{border-left:1px solid #eef0f3}.leave-balance-row.header{color:#fff;background:var(--navy)}.leave-balance-row.header>span{color:#d6dce5;border-color:#ffffff10;font-size:7px;font-weight:850}.leave-balance-row span b,.leave-balance-row span small{display:block}.leave-balance-row span small{color:#939aa7;margin-top:3px;font-size:6px}.company-holiday-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.company-holiday-form,.company-holiday-list-panel{overflow:hidden}.company-holiday-fields{grid-template-columns:1fr 1fr 90px;gap:10px;padding:17px 20px;display:grid}.company-holiday-fields label.wide{grid-column:span 2}.company-holiday-fields label>span{color:#747c8d;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.company-holiday-fields input{width:100%;min-height:38px;color:var(--ink);background:#fff;border:1px solid #dfe2e8;border-radius:9px;outline:0;padding:9px 10px;font-size:9px}.company-holiday-fields input.holiday-color-input{cursor:pointer;padding:4px}.company-holiday-save{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 20px;display:flex}.company-holiday-save>span{color:#737c8c;align-items:center;gap:6px;margin-right:auto;font-size:7px;display:inline-flex}.company-holiday-save i,.company-holiday-list>div>i{border-radius:3px;width:11px;height:11px}.company-holiday-list{padding:0 20px 13px}.company-holiday-list>div:not(.leave-empty){border-bottom:1px solid #edf0f3;grid-template-columns:12px 1fr auto auto;align-items:center;gap:9px;padding:12px 0;display:grid}.company-holiday-list span b,.company-holiday-list span small{display:block}.company-holiday-list span b{color:#3d485b;font-size:9px}.company-holiday-list span small{color:#8a929f;margin-top:4px;font-size:7px;line-height:1.4}.company-holiday-list button{color:#586477;background:#fff;border:1px solid #dfe3e8;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:800}.company-holiday-list button.danger{color:#b4554d;background:#fff7f6;border-color:#f1d2cf}.leave-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d1729b8;place-items:start center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.leave-modal{background:#fff;border-radius:15px;width:min(650px,100%);box-shadow:0 24px 70px #0004}.leave-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:19px 21px;display:flex}.leave-modal header h3{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.leave-modal header p:last-child{color:var(--muted);margin:4px 0 0;font-size:8px}.leave-modal header>button{color:#7a8290;background:0 0;border:0;font-size:22px}.leave-form-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:18px 21px;display:grid}.leave-form-grid>label>span,.half-day-options legend{color:#717a8b;margin-bottom:5px;font-size:7px;font-weight:850;display:block}.leave-form-grid input,.leave-form-grid select,.leave-form-grid textarea{width:100%;min-height:38px;color:var(--ink);background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:9px 10px;font-size:9px}.leave-form-grid textarea{resize:vertical;min-height:72px}.leave-form-grid .full{grid-column:1/-1}.half-day-options{border:1px solid #e1e4e9;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:11px 12px;display:flex}.half-day-options legend{padding:0 4px}.half-day-options label{color:#4f596b;align-items:center;gap:5px;font-size:8px;display:inline-flex}.half-day-options label.disabled{opacity:.45}.half-day-options input{accent-color:#35a47f;width:13px;min-height:13px}.half-day-options small{color:#8d94a1;flex-basis:100%;font-size:6px}.leave-balance-preview{background:#f5f7f9;border-radius:10px;grid-template-columns:7px repeat(3,1fr);display:grid;overflow:hidden}.leave-balance-preview>span{background:#8ebf45}.leave-balance-preview>div{padding:10px 12px}.leave-balance-preview small,.leave-balance-preview strong{display:block}.leave-balance-preview small{color:#858d9a;font-size:6px}.leave-balance-preview strong{color:#344055;margin-top:4px;font-size:11px}.mc-upload{background:#fafbfc;border:1px dashed #cfd6df;border-radius:10px;padding:13px}.mc-upload>div:first-child b,.mc-upload>div:first-child small{display:block}.mc-upload>div:first-child b{font-size:9px}.mc-upload>div:first-child small{color:#8b93a0;margin-top:3px;font-size:7px}.mc-upload>div:nth-child(2){gap:7px;margin-top:10px;display:flex}.mc-upload label{position:relative;overflow:hidden}.mc-upload label input{opacity:0;width:1px;height:1px;position:absolute}.mc-upload label span{color:#425267;cursor:pointer;background:#fff;border:1px solid #dce1e7;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:800;display:inline-flex}.mc-upload p{color:#2f8b6d;margin:9px 0 0;font-size:7px}.leave-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 21px;display:flex}.leave-modal .leave-form-error{color:#a04f49;background:#fff0ee;margin:0 21px 5px}.staff-leave-overview article.ineligible{background:#fafbfc}.staff-leave-overview article.ineligible>i{filter:grayscale(.7);opacity:.55}.staff-leave-overview article.ineligible>div small{color:#a5655e;font-weight:800}.toast{z-index:60;color:#fff;background:var(--navy);border-radius:12px;align-items:center;gap:10px;max-width:340px;padding:13px 16px;font-size:10px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 38px #0d172940}.toast span{background:var(--mint);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1729b8;place-items:start center;padding:30px;display:grid;position:fixed;inset:0;overflow:auto}.modal-actions{justify-content:flex-end;gap:10px;margin-bottom:10px;display:flex}.modal-actions>button:first-child{color:#fff;background:0 0;border:0}.payslip-paper{background:#fff;border-radius:12px;padding:38px;box-shadow:0 20px 60px #0004}.payslip-paper header{border-bottom:2px solid var(--navy);align-items:center;gap:12px;padding-bottom:22px;display:flex}.payslip-paper header h2{margin:0;font-family:Georgia,serif;font-size:18px}.payslip-paper header p{color:var(--muted);margin:3px 0 0;font-size:8px}.payslip-label{text-align:right;margin-left:auto}.payslip-label strong,.payslip-label span{display:block}.payslip-label strong{color:var(--coral);font-size:15px}.payslip-label span{margin-top:3px;font-size:9px}.employee-meta{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;padding:20px 0;display:grid}.employee-meta small,.employee-meta strong,.employee-meta b{display:block}.employee-meta small{color:#9ca2ae;letter-spacing:.08em;margin:7px 0 3px;font-size:7px}.employee-meta strong,.employee-meta b{font-size:10px}.slip-columns{grid-template-columns:1fr 1fr;gap:35px;padding:22px 0;display:grid}.slip-columns h3{color:#8f95a3;letter-spacing:.1em;margin:0 0 12px;font-size:8px}.slip-columns p{color:#626a7a;justify-content:space-between;margin:9px 0;font-size:9px;display:flex}.slip-columns .slip-total{border-top:1px solid var(--line);color:var(--ink);margin-top:16px;padding-top:12px}.slip-net{color:#fff;background:var(--navy);border-radius:12px;padding:18px 20px}.slip-net span,.slip-net small{color:#b5bdcb;font-size:8px;display:block}.slip-net strong{color:#ff9a89;margin:5px 0;font-family:Georgia,serif;font-size:25px;display:block}.payslip-paper footer{color:#a4a9b3;justify-content:space-between;margin-top:25px;font-size:7px;display:flex}.allowance-payroll-list>label{cursor:pointer;border-bottom:1px dashed #e5e7eb;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.allowance-payroll-list>label input{width:14px;height:14px;accent-color:var(--mint)}.allowance-payroll-list>label.excluded{opacity:.62}.allowance-payroll-list>label.excluded strong{color:#9ca2ae;text-decoration:line-through}.slip-row-actions{justify-content:flex-end;gap:7px;display:flex}.slip-row-actions .email{color:#278a6d}.email-sendbar{background:#fff;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 8px 24px #0b172535}.email-icon{color:#fff;background:var(--mint);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.email-sendbar label span{color:#6e7688;margin-bottom:4px;font-size:8px;font-weight:750;display:block}.email-sendbar input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;padding:7px 9px;font-size:9px}.email-sendbar button{color:#fff;background:var(--mint);border:0;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800}.email-sendbar button:disabled{cursor:not-allowed;opacity:.45}.period-picker{border:1px solid var(--line);color:#737b8d;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:7px 9px 7px 12px;font-size:9px;font-weight:750;display:flex}.period-picker input{width:128px;color:var(--ink);background:0 0;border:0;outline:0;padding:4px 6px;font-size:10px;font-weight:800}.legacy-comparison{grid-template-columns:1.15fr repeat(2,minmax(125px,.8fr)) minmax(240px,1.2fr);align-items:end;gap:13px;padding:18px 20px;display:grid}.legacy-comparison h3{font-size:14px}.legacy-comparison p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.5}.legacy-comparison label span{color:#858c9b;letter-spacing:.05em;margin-bottom:6px;font-size:7px;font-weight:800;display:block}.legacy-comparison label div{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;display:flex}.legacy-comparison label b{color:#959ba7;padding-left:9px;font-size:8px}.legacy-comparison input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:9px 8px;font-size:9px;font-weight:750}.variance-box{background:#f6f7f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:7px 14px;min-height:57px;padding:9px 11px;display:grid}.variance-box span{color:#858c9b;font-size:7px}.variance-box strong{color:#4e586c;margin-top:4px;font-size:11px;display:block}.variance-box small{color:#999fac;grid-column:1/-1;font-size:6px}.official-updates{grid-column:1/-1;padding:22px 23px}.official-updates .panel-head p{color:var(--muted);margin:5px 0 0;font-size:9px}.official-update-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.official-update-card{border:1px solid var(--line);min-height:116px;color:var(--ink);background:#fbfbfd;border-radius:12px;flex-direction:column;padding:14px;text-decoration:none;transition:all .18s;display:flex}.official-update-card:hover{border-color:#cfd4df;transform:translateY(-1px);box-shadow:0 8px 20px #27334c0b}.official-update-card span{color:#fff;background:#397fcb;border-radius:20px;width:max-content;padding:4px 7px;font-size:7px;font-weight:850}.official-update-card span.perkeso{background:#45a78c}.official-update-card strong{margin-top:10px;font-size:9px;line-height:1.5}.official-update-card small{color:#9299a7;margin-top:auto;padding-top:8px;font-size:7px}.crawler-note{color:#9299a7;margin:12px 1px 0;font-size:7px}.corporate-slip{color:#243047;border-radius:8px;padding:30px 34px;font-family:Arial,Helvetica,sans-serif}.corp-slip-header{grid-template-columns:54px 1fr auto;border-bottom:3px solid var(--navy)!important;align-items:center!important;gap:15px!important;padding-bottom:17px!important;display:grid!important}.corp-logo{color:#fff;background:linear-gradient(145deg, var(--navy), #2d4d77);border-radius:13px;place-items:center;width:50px;height:50px;font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:800;display:grid}.corp-company h2{color:var(--navy);letter-spacing:.02em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:850}.corp-company b{color:#4aa6b8;margin-top:2px;font-size:8px;display:block}.corp-company p,.corp-company span{color:#7b8391;margin:4px 0 0;font-size:7px;line-height:1.45;display:block}.corp-period{text-align:right;border-left:1px solid #dfe4ea;min-width:145px;padding:11px 14px}.corp-period small,.corp-period strong,.corp-period span{display:block}.corp-period small{color:#4aa6b8;letter-spacing:.16em;font-size:7px;font-weight:850}.corp-period strong{color:var(--navy);margin-top:5px;font-family:Georgia,serif;font-size:14px}.corp-period span{color:#7c8594;margin-top:4px;font-size:7px}.corp-employee{border-bottom:1px solid #dfe4ea;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:15px;padding:16px 0;display:grid}.employee-name small{color:#4aa6b8;letter-spacing:.1em;font-size:6px;font-weight:850}.employee-name h3{color:var(--navy);margin:4px 0 5px;font-size:13px}.employee-name span{color:#7c8594;font-size:7px}.employee-detail p{justify-content:space-between;gap:7px;margin:0 0 6px;font-size:7px;display:flex}.employee-detail p span{color:#858d9a}.employee-detail p b{color:#465267;text-align:right}.corp-net-box{color:#fff;background:var(--navy);border-radius:10px;flex-direction:column;justify-content:center;min-height:78px;padding:12px 14px;display:flex}.corp-net-box small{color:#aebaca;letter-spacing:.12em;font-size:6px;font-weight:850}.corp-net-box strong{color:#ff9a89;margin:5px 0;font-family:Georgia,serif;font-size:18px}.corp-table-section{border:1px solid #dfe4ea;border-radius:8px;margin-top:13px;overflow:hidden}.corp-table-head,.corp-table-row{grid-template-columns:1fr 125px 125px;align-items:center;display:grid}.corp-table-head{color:#fff;background:var(--navy);min-height:29px}.corp-table-head h3{color:#fff;letter-spacing:.04em;margin:0;padding:0 12px;font-size:8px}.corp-table-head span{color:#bcc6d3;text-align:right;padding:0 11px;font-size:6px;font-weight:800}.corp-table-row{color:#606b7c;border-top:1px solid #eef0f3;min-height:25px;font-size:7px}.corp-table-row>span{padding:0 12px}.corp-table-row>b{color:#39465c;text-align:right;padding:0 11px;font-size:7px}.corp-table-row.sub>span{color:#8b92a0;padding-left:22px}.corp-table-row.total{background:#f2f5f7;min-height:29px;font-weight:850}.corp-ot-head,.corp-ot-row{grid-template-columns:1fr 100px 90px 125px;align-items:center;display:grid}.corp-ot-head{color:#fff;background:#367d8f;min-height:29px}.corp-ot-head h3{color:#fff;margin:0;padding:0 12px;font-size:8px}.corp-ot-head span{color:#d9edf1;text-align:right;padding:0 10px;font-size:6px;font-weight:800}.corp-ot-row{border-top:1px solid #eef0f3;min-height:25px;font-size:7px}.corp-ot-row span{color:#596678;padding:0 12px}.corp-ot-row b{color:#39465c;text-align:right;padding:0 10px}.corp-empty-row{color:#9299a6;padding:10px 12px;font-size:7px}.corp-slip-footer{border-top:1px solid #dfe4ea;grid-template-columns:1fr auto auto;gap:18px;padding-top:10px;color:#8e96a4!important;margin-top:15px!important;font-size:6px!important;display:grid!important}.corp-slip-footer p{margin:0}.mobile-nav{display:none}.calendar-event.holiday.required{background:#176747;box-shadow:inset 3px 0 #f4c866}.calendar-event.holiday.selected{background:#2d9e57}.calendar-event.holiday.unselected{color:#697386;background:#f4f6f8;border:1px dashed #b9c0ca;font-weight:650}.calendar-legend i.holiday.required{background:#176747;box-shadow:inset 3px 0 #f4c866}.calendar-legend i.holiday.unselected{background:#f4f6f8;border:1px dashed #9ea7b4}.holiday-compliance-panel{margin-bottom:14px;overflow:hidden}.holiday-compliance-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7fbf9,#fff);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.holiday-compliance-head h3{margin:3px 0 6px;font-family:Georgia,serif;font-size:20px;font-weight:500}.holiday-compliance-head p:last-child{color:#6c7585;font-size:8px;line-height:1.55}.holiday-law-badge{color:#945e1c;background:#fff0d9;border-radius:999px;flex:none;padding:8px 11px;font-size:7px;font-weight:850}.holiday-law-badge.ready{color:#176747;background:#e3f4eb}.holiday-selection-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.holiday-selection-summary small,.holiday-selection-summary span{color:#7c8492;font-size:7px;display:block}.holiday-selection-summary strong{color:var(--ink);margin:4px 0 2px;font-family:Georgia,serif;font-size:24px;font-weight:500;display:block}.holiday-selection-summary strong b{color:#7e8794;margin-left:5px;font-family:Inter,Arial,sans-serif;font-size:7px}.statutory-holiday-section{border-bottom:1px solid var(--line);padding:18px 22px}.statutory-section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:11px;display:flex}.statutory-section-head b,.statutory-section-head small{display:block}.statutory-section-head b{color:#354154;font-size:10px}.statutory-section-head small{color:#808895;margin-top:3px;font-size:7px}.statutory-section-head>span{color:#218aa2;font-size:7px;font-weight:850}.statutory-holiday-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.statutory-holiday-option{cursor:pointer;background:#fff;border:1px solid #e0e4e8;border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:55px;padding:9px 10px;display:grid}.statutory-holiday-option:hover{border-color:#a9cbd1}.statutory-holiday-option.locked{cursor:default;background:#f5fbf8;border-color:#d5e9de}.statutory-holiday-option.selected{background:#f3fbf7;border-color:#6ab58a;box-shadow:inset 3px 0 #2d9e57}.statutory-holiday-option input{accent-color:#218f5a}.statutory-holiday-option span b,.statutory-holiday-option span small{display:block}.statutory-holiday-option span b{color:#3c4758;font-size:8px;line-height:1.3}.statutory-holiday-option span small{color:#858d99;margin-top:3px;font-size:7px}.statutory-holiday-option em{color:#71808b;white-space:nowrap;background:#eff2f4;border-radius:99px;padding:4px 6px;font-size:6px;font-style:normal;font-weight:850}.statutory-holiday-option.locked em,.statutory-holiday-option.selected em{color:#176747;background:#dcf1e6}.gazette-actions{background:#fafbfc;grid-template-columns:1fr minmax(190px,.35fr) auto;align-items:end;gap:14px;padding:17px 22px;display:grid}.gazette-actions>div>a{color:#218aa2;margin-top:5px;font-size:7px;font-weight:800;text-decoration:none;display:inline-block}.gazette-actions label span{color:#747c8d;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.gazette-actions input{background:#fff;border:1px solid #dfe2e8;border-radius:9px;width:100%;min-height:38px;padding:9px 10px}.gazette-status b,.gazette-status span{display:block}.gazette-status b{color:#176747;font-size:8px}.gazette-status span{color:#7e8694;margin-top:3px;font-size:7px}.gazette-status.draft b{color:#9a691e}.staff-entitlement-workspace{padding-bottom:18px}.staff-leave-notice{background:#fffaf0;border:1px solid #f0ddb8;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.staff-leave-notice>span{background:#fff0cf;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.staff-leave-notice b,.staff-leave-notice small{display:block}.staff-leave-notice b{color:#63522e;font-size:9px}.staff-leave-notice small{color:#8a7854;margin-top:3px;font-size:7px;line-height:1.45}.staff-leave-notice a{color:#218aa2;white-space:nowrap;font-size:7px;font-weight:850;text-decoration:none}.staff-leave-group{margin-top:16px}.staff-leave-group>header{justify-content:space-between;align-items:flex-end;gap:15px;padding:0 2px 3px;display:flex}.staff-leave-group>header b,.staff-leave-group>header small{display:block}.staff-leave-group>header b{color:#354154;font-size:10px}.staff-leave-group>header small{color:#818997;margin-top:3px;font-size:7px}.staff-leave-group>header>span{color:#506374;white-space:nowrap;background:#eef2f5;border-radius:99px;padding:5px 8px;font-size:6px;font-weight:850}.staff-entitlement-list{padding:0}.staff-entitlement-list article{background:#fff;border:1px solid #e5e8ec;border-radius:10px;grid-template-columns:7px minmax(230px,1fr) minmax(115px,.45fr) minmax(130px,.5fr) 78px auto;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:grid}.staff-entitlement-list article.ineligible{opacity:.82;background:#f8f9fa}.staff-entitlement-list article>i{border-radius:5px;width:7px;height:42px}.entitlement-copy>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.entitlement-copy b,.entitlement-copy small{display:block}.entitlement-copy b{color:#3d485b;font-size:9px}.entitlement-copy small{color:#838b98;margin-top:3px;font-size:7px;line-height:1.4}.entitlement-copy em{border-radius:99px;padding:3px 6px;font-size:6px;font-style:normal;font-weight:850}.entitlement-copy em.statutory{color:#176747;background:#e1f4ea}.entitlement-copy em.company{color:#715998;background:#eee9f7}.eligibility-toggle small,.entitlement-input small,.entitlement-system small,.entitlement-balance small{color:#838b98;margin-bottom:4px;font-size:7px;display:block}.eligibility-toggle>span{align-items:center;gap:7px;min-height:35px;display:flex}.eligibility-toggle input{accent-color:#218f5a;width:16px;height:16px}.eligibility-toggle b{color:#21805f;font-size:8px}.ineligible .eligibility-toggle b{color:#8a919d}.entitlement-input>span{grid-template-columns:1fr 30px;display:grid}.entitlement-input input{border:1px solid #dde2e6;border-radius:8px 0 0 8px;width:100%;min-height:35px;padding:7px 9px}.entitlement-input input:disabled{color:#9da3ad;background:#eff1f3}.entitlement-input>span b{color:#7c8592;background:#f7f8fa;border:1px solid #dde2e6;border-left:0;border-radius:0 8px 8px 0;place-items:center;min-height:35px;font-size:6px;display:grid}.entitlement-system b{color:#596778;max-width:125px;font-size:7px;line-height:1.35;display:block}.entitlement-balance b{color:#218aa2;font-size:9px;display:block}.staff-entitlement-list button{padding:8px 11px;font-size:7px}.payroll-sync-chip{color:#176747;background:#e5f5ec;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:850}.overtime-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.overtime-metrics article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:15px 18px}.overtime-metrics small,.overtime-metrics span{color:#7e8794;font-size:7px;display:block}.overtime-metrics strong{color:var(--ink);margin:4px 0 2px;font-family:Georgia,serif;font-size:21px;font-weight:500;display:block}.overtime-entry-grid{grid-template-columns:1.15fr 1fr 1.15fr .7fr;align-items:end;gap:11px;padding:16px 20px 20px;display:grid}.overtime-entry-grid label>span{color:#747c8d;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.overtime-entry-grid input,.overtime-entry-grid select{color:#3e495b;background:#fff;border:1px solid #dfe3e8;border-radius:9px;width:100%;min-height:39px;padding:8px 10px}.ot-hours-input{grid-template-columns:1fr 34px;display:grid}.ot-hours-input b{color:#7b8591;background:#f7f8fa;border:1px solid #dfe3e8;border-left:0;border-radius:0 9px 9px 0;place-items:center;font-size:7px;display:grid}.overtime-application-list article{border-top:1px solid #edf0f3;grid-template-columns:42px minmax(130px,.8fr) minmax(190px,1.2fr) 90px 80px auto;align-items:center;gap:12px;padding:13px 18px;display:grid}.overtime-application-list span b,.overtime-application-list span small{display:block}.overtime-application-list span>b{color:#3f4a5b;font-size:8px}.overtime-application-list span>small{color:#848c99;margin-top:3px;font-size:7px}.overtime-application-list p{color:#687385;margin-top:4px;font-size:7px}.ot-rate-badge{color:#a96222;background:#ffead7;border-radius:10px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.ot-rate-badge.rest{color:#19785a;background:#def4e9}.ot-rate-badge.public{color:#6a55a1;background:#ece7fa}.ot-estimate{text-align:right}.ot-estimate b{color:#218aa2!important}.ot-payment-table{margin-bottom:13px;overflow:hidden}.ot-payment-table .leave-panel-head label{color:#7d8694;gap:5px;font-size:7px;display:grid}.ot-payment-table select{background:#fff;border:1px solid #dfe3e9;border-radius:8px;min-width:220px;padding:8px 10px;font-size:8px}.ot-payment-list{border-top:1px solid #edf0f3;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ot-payment-list article{border-right:1px solid #edf0f3;min-width:0;padding:16px}.ot-payment-list article:last-child{border-right:0}.ot-payment-list article>span:not(.ot-rate-badge),.ot-payment-list article>strong{display:block}.ot-payment-list article>span:nth-child(2){min-height:55px;margin:9px 0}.ot-payment-list b{color:#39465a;font-size:8px}.ot-payment-list small{color:#8a929f;margin-top:4px;font-size:6px;line-height:1.35;display:block}.ot-payment-list strong{color:#258aa1;margin-top:9px;font-family:Georgia,serif;font-size:16px;display:block}.ot-payment-footer{background:#fafbfc;border-top:1px solid #edf0f3;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:13px 17px;display:grid}.ot-payment-footer b,.ot-payment-footer small{display:block}.ot-payment-footer b{color:#4b5667;font-size:8px}.ot-payment-footer small{color:#8a929f;margin-top:3px;font-size:6px}.ot-payment-footer strong{color:#425064;font-size:10px}.ot-payment-footer button{color:#258aa1;background:0 0;border:0;font-size:7px;font-weight:850}.ot-type-settings{margin-bottom:13px;overflow:hidden}.ot-type-admin{border-top:1px solid #edf0f3;grid-template-columns:1.2fr .8fr;display:grid}.ot-type-admin>div:first-child{padding:8px 17px}.ot-type-admin article{border-bottom:1px solid #edf0f3;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:9px 0;display:grid}.ot-type-admin article b,.ot-type-admin article small{display:block}.ot-type-admin article b{color:#435064;font-size:8px}.ot-type-admin article small{color:#8a929f;margin-top:3px;font-size:6px}.ot-type-admin article label{color:#687385;font-size:7px}.ot-type-admin article em{color:#66549a;background:#eeeafb;border-radius:99px;padding:4px 6px;font-size:6px;font-style:normal}.ot-type-form,.deduction-admin-form{background:#fafbfc;border-left:1px solid #edf0f3;align-content:start;gap:9px;padding:17px;display:grid}.ot-type-form h4,.deduction-admin-form h4{color:#39465a;margin:0 0 3px;font-size:10px}.ot-type-form label,.deduction-admin-form label{color:#77818f;gap:4px;font-size:7px;display:grid}.ot-type-form input,.ot-type-form select,.deduction-admin-form input,.deduction-admin-form select{background:#fff;border:1px solid #dfe3e9;border-radius:8px;width:100%;padding:8px 9px;font-size:8px}.overtime-title{margin-bottom:14px}.overtime-title>div>p:last-child{font-weight:650}.overtime-metrics article{align-items:center;gap:13px;min-height:76px;padding:13px 16px;display:flex}.overtime-metrics article>div{min-width:0}.overtime-metrics small{color:#77818f;font-size:8px;font-weight:800}.overtime-metrics strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:19px;overflow:hidden}.ot-metric-icon{background:#fff0d9;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;color:#a06b27!important;font-size:11px!important;display:grid!important}.ot-metric-icon.approved{background:#def4e9;color:#19785a!important}.ot-metric-icon.amount{background:#ece8fb;color:#5f50a0!important;font-size:8px!important}.ot-compact-head{align-items:center;min-height:68px;padding-top:13px;padding-bottom:13px}.ot-head-copy{align-items:center;gap:11px;display:flex}.ot-head-copy h3{margin:0;font-size:15px}.ot-head-copy small{color:#7e8794;margin-top:3px;font-size:7px;font-weight:750;display:block}.ot-section-icon{color:#218aa2;background:#e7f5f8;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.ot-payment-list article{grid-template-columns:38px 1fr;gap:8px 10px;padding:14px;display:grid}.ot-payment-list article>span:nth-child(2){align-self:center;min-height:0;margin:0}.ot-payment-list article>span:nth-child(3){grid-column:1/-1}.ot-payment-list article>strong{grid-column:1/-1;margin-top:0}.ot-payment-list b{font-size:8px}.ot-payment-list article>span:nth-child(3) b{color:#7c8593;font-size:7px}.ot-payment-footer{padding-block:11px}.ot-payment-footer small{font-weight:750}.overtime-entry-panel .ot-compact-head,.overtime-approval-panel .ot-compact-head,.ot-type-settings .ot-compact-head{border-bottom:1px solid #edf0f3}.overtime-entry-grid label>span,.ot-type-form label,.ot-payment-table .leave-panel-head label{font-size:8px}.overtime-entry-grid input,.overtime-entry-grid select,.overtime-application-list span>b{font-size:9px}.overtime-application-list span>small,.overtime-application-list p{font-size:7px;font-weight:650}.overtime-application-list .leave-actions button{min-width:58px;font-weight:850}.ot-type-admin article b,.ot-type-admin article label{font-size:8px}.ot-type-admin article small{font-size:7px;font-weight:650}.ot-type-form h4{font-size:11px}.custom-ot-row{border-top:1px solid #edf0f3;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.custom-ot-row b,.custom-ot-row small{display:block}.custom-ot-row b{color:#445064;font-size:8px}.custom-ot-row small{color:#8a929f;margin-top:3px;font-size:6px}.custom-ot-row strong{color:#258aa1;font-size:8px}.rate-dot.custom{color:#66549a;background:#eeeafb}.deduction-extra-label{margin-top:15px!important}.other-deduction-list{gap:8px;display:grid}.other-deduction-list>div{opacity:.68;background:#fafbfc;border:1px solid #e5e8ed;border-radius:9px;grid-template-columns:1fr 80px;gap:6px 8px;padding:9px;display:grid}.other-deduction-list>div.active{opacity:1;background:#f7fbfd;border-color:#cfdce8}.other-deduction-list>div>label{grid-template-columns:15px 1fr;align-items:start;gap:6px;display:grid}.other-deduction-list b,.other-deduction-list small{display:block}.other-deduction-list label b{color:#3e4b5e;font-size:7px}.other-deduction-list label small{color:#87909e;margin-top:3px;font-size:6px;line-height:1.35}.deduction-amount{background:#fff;border:1px solid #dfe3e9;border-radius:7px;grid-template-columns:20px 1fr;align-items:center;display:grid;overflow:hidden}.deduction-amount>b{text-align:center;color:#9299a5;font-size:6px}.deduction-amount input{border:0;width:100%;min-width:0;padding:7px 5px;font-size:7px}.deduction-reference{border:1px solid #dfe3e9;border-radius:7px;grid-column:1/-1;width:100%;padding:7px 8px;font-size:7px}.deduction-settings{overflow:hidden}.deduction-admin-layout{border-top:1px solid #edf0f3;grid-template-columns:1.2fr .8fr;display:grid}.deduction-admin-list{padding:9px 17px}.deduction-admin-list>div{border-bottom:1px solid #edf0f3;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.deduction-admin-list b,.deduction-admin-list small{display:block}.deduction-admin-list b{color:#435064;font-size:8px}.deduction-admin-list small{color:#858e9b;margin-top:3px;font-size:6px;line-height:1.35}.deduction-code{color:#657286;background:#edf0f4;border-radius:8px;place-items:center;min-height:30px;padding:4px;font-size:6px;font-weight:900;display:grid}.deduction-code.pcb_rebate{color:#29795f;background:#e0f2ea}.deduction-code.additional_tax{color:#a05d30;background:#ffeadb}.deduction-admin-list em{color:#81739a;font-size:6px;font-style:normal}.deduction-admin-list button{color:#bf5d63;background:0 0;border:0;font-size:6px}.deduction-admin-form label>div{background:#fff;border:1px solid #dfe3e9;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;display:grid;overflow:hidden}.deduction-admin-form label>div b{text-align:center;color:#8a929f;font-size:7px}.deduction-admin-form label>div input{border:0;border-left:1px solid #edf0f3;border-radius:0}.deduction-admin-form .reference-check{align-items:center;gap:6px;display:flex}.deduction-admin-form .reference-check input{width:auto}.deduction-guardrail{color:#7c6b48;background:#fffbf3;border-top:1px solid #edf0f3;margin:0;padding:12px 17px;font-size:7px;line-height:1.45}.official-update-card span.hasil{background:#b13e57}.official-update-card span.jtksm{background:#7c64b8}.official-update-card span.ssm{background:#c28332}.payroll-rule-chip{color:#68549f;background:#eeeafb;border-radius:99px;margin-top:9px;padding:5px 8px;font-size:7px;font-weight:850;display:inline-flex}.payroll-compliance-note{background:#f8faff;border:1px solid #d9e2f1;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:13px 15px;display:grid}.payroll-compliance-note>span{background:#eae8fb;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.payroll-compliance-note b,.payroll-compliance-note small{display:block}.payroll-compliance-note b{color:#39465a;font-size:9px}.payroll-compliance-note p{color:#6f7888;margin:4px 0 0;font-size:7px;line-height:1.5}.payroll-compliance-note small{color:#9a6d31;margin-top:4px;font-size:7px}.payroll-compliance-note a{color:#2b8398;white-space:nowrap;font-size:7px;font-weight:850;text-decoration:none}.compliance-title{margin-bottom:16px}.compliance-safety-banner{color:#294b3f;background:linear-gradient(100deg,#f2faf6,#f8fbfd);border:1px solid #d9e6df;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;padding:15px 18px;display:grid}.compliance-safety-banner>span{background:#dff1e8;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.compliance-safety-banner strong{font-size:10px;display:block}.compliance-safety-banner p{color:#65776f;margin:4px 0 0;font-size:8px;line-height:1.45}.compliance-safety-banner>b{color:#33745e;white-space:nowrap;background:#e1f2e9;border-radius:99px;padding:6px 9px;font-size:7px}.compliance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:13px 0;display:grid}.compliance-metrics article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 18px;box-shadow:0 5px 18px #27334c08}.compliance-metrics article.needs-review{background:#fffbf4;border-color:#f1d4a9}.compliance-metrics small,.compliance-metrics span{color:#848d9b;font-size:7px;display:block}.compliance-metrics strong{margin:5px 0 3px;font-family:Georgia,serif;font-size:25px;font-weight:500;display:block}.compliance-metrics .needs-review strong{color:#c07925}.compliance-period{grid-template-columns:1fr auto;align-items:center;gap:13px;padding:18px 20px;display:grid}.compliance-period h3{font-size:14px}.compliance-period p:not(.section-kicker){color:#7a8392;margin:5px 0 0;font-size:8px}.rule-version-chip{color:#6652a0;background:#ede9fb;border-radius:99px;padding:7px 10px;font-size:7px;font-weight:850}.period-rule-strip{border-top:1px solid #edf0f3;grid-column:1/-1;gap:7px;padding-top:11px;display:flex;overflow-x:auto}.period-rule-strip span{color:#727c8a;background:#f5f7f9;border-radius:8px;min-width:max-content;padding:7px 9px;font-size:7px}.period-rule-strip span b{color:#3b4759;margin-right:5px}.compliance-layout{grid-template-columns:minmax(0,1.75fr) minmax(280px,.7fr);gap:13px;margin-top:13px;display:grid}.compliance-rules-panel{overflow:hidden}.compliance-rules-panel>.panel-head{border-bottom:1px solid var(--line);align-items:center;padding:17px 19px}.compliance-filter{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.compliance-filter button{color:#737c89;background:#fff;border:1px solid #e1e4e9;border-radius:99px;padding:5px 7px;font-size:6px}.compliance-filter button.active{color:#fff;background:#7768b5;border-color:#7768b5}.compliance-rule-list article{border-bottom:1px solid #edf0f3;grid-template-columns:36px minmax(0,1fr) 115px;gap:12px;padding:16px 18px;display:grid}.agency-mark{color:#fff;background:#397fcb;border-radius:10px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:900;display:grid}.agency-mark.perkeso{background:#45a78c}.agency-mark.hasil{background:#b13e57}.agency-mark.jtksm{background:#7c64b8}.agency-mark.ssm{background:#c28332}.rule-copy>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.rule-copy>div b{color:#4a5567;font-size:7px}.rule-copy em{color:#697687;background:#eef1f4;border-radius:99px;padding:3px 5px;font-size:6px;font-style:normal;font-weight:800}.rule-copy em.verified{color:#176747;background:#dcf1e6}.rule-copy em.pending_validation{color:#9a681c;background:#fff0d0}.rule-copy em.monitor_only{color:#6c5899;background:#eee9f7}.rule-copy h4{color:#263449;margin:7px 0 4px;font-size:10px}.rule-copy p{color:#707a8a;margin:0;font-size:7px;line-height:1.5}.rule-copy>small{color:#87909e;margin-top:6px;font-size:6px;line-height:1.45;display:block}.rule-meta{border-left:1px solid #edf0f3;padding-left:12px}.rule-meta>*{display:block}.rule-meta>small{color:#949ba7;font-size:6px}.rule-meta>b{color:#424e60;margin-top:4px;font-size:8px}.rule-meta>span{color:#848c98;margin-top:3px;font-size:6px}.rule-meta a{color:#218aa2;margin-top:8px;font-size:6px;text-decoration:none}.rule-meta button{background:#fff;border:1px solid #d9dde4;border-radius:7px;margin-top:8px;padding:5px 7px;font-size:6px}.rule-meta em{color:#247759;margin-top:8px;font-size:6px;font-style:normal}.compliance-side{align-content:start;gap:13px;display:grid}.source-monitor,.compliance-protocol,.compliance-audit{padding:17px}.monitor-live,.monitor-wait{color:#25805f;font-size:7px;font-weight:850}.monitor-wait{color:#9b702d}.source-monitor article{border-bottom:1px solid #edf0f3;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.source-dot{background:#dda04e;border-radius:50%;width:7px;height:7px}.source-dot.ok{background:#45b18d}.source-monitor article b,.source-monitor article small{display:block}.source-monitor article b{color:#485467;font-size:7px}.source-monitor article small{color:#9097a2;margin-top:3px;font-size:6px}.source-monitor-actions{justify-items:end;gap:5px;display:grid}.source-monitor article a{color:#218aa2;white-space:nowrap;background:#f4fbfd;border:1px solid #cfe5eb;border-radius:7px;padding:5px 7px;font-size:6px;font-weight:850;text-decoration:none}.source-monitor article button{color:#905f18;background:#fff0d1;border:0;border-radius:7px;padding:5px 7px;font-size:6px}.compliance-protocol ol{margin:12px 0 0;padding:0;list-style:none}.compliance-protocol li{gap:9px;padding:8px 0;display:flex}.compliance-protocol li>b{color:#6858a0;background:#eeeafb;border-radius:8px;place-items:center;width:24px;height:24px;font-size:7px;display:grid}.compliance-protocol li strong,.compliance-protocol li small{display:block}.compliance-protocol li strong{color:#4b5667;font-size:8px}.compliance-protocol li small{color:#8a929f;margin-top:2px;font-size:6px}.compliance-audit>p:not(.section-kicker){border-top:1px solid #edf0f3;margin:11px 0 0;padding-top:10px}.compliance-audit>p b,.compliance-audit>p span,.compliance-audit>p small{display:block}.compliance-audit>p b{color:#4d596b;font-size:7px}.compliance-audit>p span{color:#747e8e;margin-top:3px;font-size:6px}.compliance-audit>p small{color:#9a9faa;margin-top:4px;font-size:6px}.audit-empty{color:#818a98;background:#f6f7f9;border-radius:9px;margin-top:11px;padding:12px;font-size:7px;line-height:1.5}.dashboard-simple{position:relative}.simple-hero{color:#fff;background:radial-gradient(circle at 82% 125%,#344967 0,#0000 37%),linear-gradient(115deg,#111e31,#1b2e49 65%,#122038);border:1px solid #ffffff10;border-radius:17px;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:22px;min-height:158px;padding:25px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #17243b18}.simple-hero:before{content:"";background:#d0b47e;border-radius:0 0 5px 5px;width:64px;height:3px;position:absolute;top:0;left:28px}.simple-hero:after{content:"";border:1px solid #ffffff08;border-radius:50%;width:270px;height:270px;position:absolute;top:-130px;right:90px;box-shadow:0 0 0 43px #ffffff03}.simple-hero>div,.simple-hero>aside{z-index:1;position:relative}.simple-date{color:#aeb9c9;letter-spacing:.025em;align-items:center;gap:6px;font-size:7px;font-weight:550;display:inline-flex}.simple-date i{background:#5fc4a3;border-radius:50%;width:5px;height:5px}.simple-greeting{color:#e8edf4;letter-spacing:.035em;margin:13px 0 6px;font-size:clamp(12px,.9vw,14px);font-style:normal;font-weight:650}.simple-hero h2.simple-motivation{color:#edcf94;max-width:850px;font-family:var(--font-cormorant), Georgia, "Times New Roman", serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(28px,3vw,43px);font-style:italic;font-weight:500;line-height:.98}.simple-hero>aside{background:#ffffff08;border:1px solid #ffffff14;border-radius:13px;align-content:center;place-items:center;min-height:104px;display:grid}.simple-hero>aside small,.simple-hero>aside span{color:#a9b5c5;letter-spacing:.1em;font-size:6px}.simple-hero>aside strong{margin:3px 0;font-size:39px;font-weight:600;line-height:1}.simple-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.simple-kpis>article,.simple-kpis>button{min-width:0;min-height:67px;color:inherit;text-align:left;background:#fff;border:1px solid #e2e6eb;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 14px;display:grid;box-shadow:0 6px 19px #17243b07}.simple-kpis>button:hover{background:#fcfcfd;border-color:#cdd5df}.kpi-dot{color:#fff;background:#4f6687;border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid}.simple-kpis small,.simple-kpis strong{display:block}.simple-kpis small{color:#87909d;font-size:6px}.simple-kpis em{color:#8a929e;white-space:nowrap;font-size:6px;font-style:normal}.simple-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:12px;display:grid}.simple-payroll-card,.simple-today-card,.simple-leave-card,.simple-announcement-card,.simple-statutory-card{overflow:hidden}.simple-payroll-card>header,.simple-today-card>header,.simple-info-grid article>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.simple-payroll-card header small{color:#9a8060;letter-spacing:.12em;font-size:6px;font-weight:800}.simple-payroll-card h3{margin-top:3px;font-size:15px}.simple-payroll-card header>span{color:#8b672f;background:#f7ecd7;border-radius:99px;padding:5px 8px;font-size:6px;font-weight:800}.simple-progress{background:#edf0f3;border-radius:99px;height:5px;margin:17px 0 12px;overflow:hidden}.simple-progress i{border-radius:inherit;background:linear-gradient(90deg,#caa76f,#ddc694);height:100%;display:block}.simple-payroll-values{border-block:1px solid #edf0f3;grid-template-columns:repeat(3,1fr);padding:12px 0;display:grid}.simple-payroll-values>div+div{border-left:1px solid #edf0f3;padding-left:15px}.simple-payroll-values small,.simple-payroll-values strong{display:block}.simple-payroll-values div:last-child strong{color:#947040}.simple-payroll-card>footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.simple-payroll-card>footer button{color:#fff;background:#203550;border:0;border-radius:8px;padding:7px 10px;font-size:7px;font-weight:800}.simple-today-card h3,.simple-info-grid h3,.simple-update-strip h3{font-size:12px;font-weight:670}.simple-today-card header button{color:#597086;background:0 0;border:0;padding:2px;font-size:6px}.simple-today-card>div{border-bottom:1px solid #edf0f3;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:9px 0;display:grid}.simple-today-card>div:last-child{border:0}.today-icon{color:#487860;background:#e1f0e9;border-radius:9px;place-items:center;width:30px;height:30px;font-size:8px;display:grid}.today-icon.blue{color:#4e668a;background:#e6ecf4}.today-icon.gold{color:#956c34;background:#f5e8d1}.simple-today-card p{margin:0}.simple-today-card b,.simple-today-card small{display:block}.simple-info-grid{grid-template-columns:1fr 1.15fr .8fr;gap:12px;margin-top:12px;display:grid}.simple-info-grid article>header>span{color:#87909d;font-size:6px}.simple-leave-card>div{border-bottom:1px solid #edf0f3;grid-template-columns:5px 1fr auto;align-items:center;gap:9px;padding:8px 0;display:grid}.simple-leave-card>div>i{border-radius:5px;width:5px;height:28px}.simple-leave-card p,.simple-announcement-card p{margin:0}.simple-leave-card b,.simple-leave-card small{display:block}.simple-leave-card b{color:#455266;font-size:7px}.simple-leave-card small{color:#8b939f;margin-top:3px;font-size:6px}.simple-leave-card em{color:#718096;font-size:6px;font-style:normal}.simple-loading,.simple-empty{color:#89919e;margin:0;padding:23px 0;font-size:7px}.simple-announcement-card>header>button{color:#52647c;background:#fff;border:1px solid #dfe3e8;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.simple-announcement-card>div{border-bottom:1px solid #edf0f3;grid-template-columns:25px 1fr auto;gap:8px;padding:8px 0;display:grid}.simple-announcement-card>div>span{color:#4f6e8e;background:#e9f0f6;border-radius:8px;place-items:center;width:25px;height:25px;font-size:7px;display:grid}.simple-announcement-card>div>span.important{color:#946821;background:#f8ecd4}.simple-announcement-card>div>span.urgent{color:#a85255;background:#fae3e1}.simple-announcement-card b,.simple-announcement-card small{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.simple-announcement-card b{color:#435064;-webkit-line-clamp:1;font-size:7px}.simple-announcement-card small{color:#89919e;-webkit-line-clamp:2;margin-top:3px;font-size:6px;line-height:1.35}.simple-announcement-card footer{align-items:flex-start;gap:4px;display:flex}.simple-announcement-card footer button{color:#48778b;background:0 0;border:0;padding:2px;font-size:5px}.simple-statutory-card>div,.simple-statutory-card>footer{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.simple-statutory-card>footer{border:0;margin-top:2px}.simple-update-strip{grid-template-columns:135px 1fr 30px;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:grid;border-radius:13px!important}.simple-update-strip header{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.simple-update-strip header span{color:#3d785f;font-size:6px}.simple-update-strip>div{gap:7px;min-width:0;display:flex;overflow-x:auto}.simple-update-strip a{color:#556174;background:#fafbfc;border:1px solid #e4e7eb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;min-width:170px;padding:7px 8px;text-decoration:none;display:grid}.simple-update-strip a b{color:#365d85;font-size:5px}.simple-update-strip a span{text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.simple-update-strip a i{color:#8a929f;font-size:6px;font-style:normal}.simple-update-strip>button{color:#52657c;background:#fff;border:1px solid #dfe3e8;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.simple-slip-shortcut{display:none}.nav-item{font-size:9.5px}.simple-kpis small,.simple-kpis em,.simple-payroll-card header small,.simple-payroll-card header>span,.simple-payroll-values small{font-size:7px}.simple-payroll-values strong{font-size:14px}.simple-today-card b,.simple-leave-card b,.simple-announcement-card b{font-size:8px}.simple-today-card small,.simple-leave-card small,.simple-announcement-card small,.simple-statutory-card>div b,.simple-statutory-card>footer b,.simple-update-strip a span{font-size:7px}.simple-update-strip a b{font-size:6px}.simple-greeting{letter-spacing:.025em;font-size:clamp(15px,1.1vw,17px)}.simple-hero h2.simple-motivation{letter-spacing:-.03em;font-size:clamp(26px,2.65vw,38px);line-height:1}.directory-tools,.directory-filters{align-items:center;gap:8px;display:flex}.directory-filters{gap:4px}.directory-filters button{color:#697487;background:#fff;border:1px solid #e1e5ea;border-radius:8px;padding:6px 9px;font-size:7px;font-weight:750}.directory-filters button b{margin-left:3px}.directory-filters button.active{color:#fff;background:#263d5d;border-color:#263d5d}.former-staff-row{color:#7f8794;background:#fbfbfc}.former-chip{color:#697386;background:#e9ecf1;border-radius:20px;width:max-content;padding:5px 8px;font-size:8px;display:inline-flex}.exit-date-cell b,.exit-date-cell small{display:block}.exit-date-cell b{color:#4f5b6e;font-size:8px}.exit-date-cell small{color:#8a929f;margin-top:3px;font-size:6px}.employment-exit-panel{background:#fffcf7;border:1px solid #eadfcf;border-radius:12px;margin-top:13px;padding:14px}.employment-exit-note{grid-template-columns:32px 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.employment-exit-note>span{color:#89662f;background:#f4e6cc;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.employment-exit-note b,.employment-exit-note small{display:block}.employment-exit-note b{color:#5a4d39;font-size:9px}.employment-exit-note small{color:#877a67;margin-top:3px;font-size:7px}.self-service-page,.approval-page{max-width:1500px}.self-service-title,.approval-title{align-items:center}.staff-preview-picker{color:#7c8593;gap:5px;min-width:260px;font-size:7px;font-weight:800;display:grid}.staff-preview-picker select{color:#344154;background:#fff;border:1px solid #dfe3e9;border-radius:10px;min-height:39px;padding:8px 11px;font-size:9px}.self-service-hero{color:#fff;background:radial-gradient(circle at 82% 110%,#334866 0,#0000 34%),linear-gradient(120deg,#111f33,#1d314e);border:1px solid #ffffff10;border-radius:18px;grid-template-columns:70px minmax(0,1fr) 150px;align-items:center;gap:21px;min-height:156px;padding:25px 29px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #17253c1c}.self-service-hero:before{content:"";background:linear-gradient(#d9be8a,#a98048);width:4px;position:absolute;inset:0 auto 0 0}.self-service-hero:after{content:"";border:1px solid #ffffff08;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:70px;box-shadow:0 0 0 38px #ffffff03}.self-profile-mark{z-index:1;color:#f2dfb8;background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #ffffff1f;border-radius:21px;place-items:center;width:70px;height:70px;font-family:Georgia,serif;font-size:23px;display:grid;position:relative}.self-profile-copy{z-index:1;position:relative}.self-profile-copy>span{color:#cdb27f;letter-spacing:.16em;font-size:7px;font-weight:850}.self-profile-copy h3{margin:7px 0 3px;font-family:Georgia,serif;font-size:27px;font-weight:500}.self-profile-copy p{color:#aeb9c8;margin:0;font-size:9px}.self-profile-copy>div{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.self-profile-copy>div b{color:#cbd3df;background:#ffffff08;border:1px solid #fff1;border-radius:99px;padding:5px 8px;font-size:6px;font-weight:750}.self-service-hero>aside{z-index:1;text-align:center;border-left:1px solid #ffffff14;padding:14px 18px;position:relative}.self-service-hero>aside small,.self-service-hero>aside span{color:#9fabbc;letter-spacing:.1em;font-size:6px;display:block}.self-service-hero>aside strong{margin:5px 0 3px;font-family:Georgia,serif;font-size:43px;font-weight:500;line-height:1;display:block}.self-service-hero>aside span{color:#d8bd89}.self-service-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.self-service-metrics article{background:#fff;border:1px solid #e2e6eb;border-radius:14px;align-items:center;gap:11px;min-width:0;min-height:84px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #17243b08}.self-metric-icon{color:#fff;background:#526b8b;border-radius:11px;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:8px;font-weight:900;display:grid}.self-metric-icon.annual{background:#5b987f}.self-metric-icon.pending{color:#8b652e;background:#f4e6ca}.self-metric-icon.overtime{background:#a37b49}.self-metric-icon.pay{background:#314c70}.self-service-metrics small,.self-service-metrics p{color:#87909d;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:6px;display:block;overflow:hidden}.self-service-metrics strong{color:#26354b;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-family:Georgia,serif;font-size:17px;font-weight:500;display:block;overflow:hidden}.self-service-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:14px;display:grid}.self-service-main,.self-service-side{align-content:start;gap:14px;display:grid}.self-actions-panel,.self-activity-panel,.clock-card,.staff-notice-card{border-radius:15px;overflow:hidden}.self-actions-panel>header,.self-activity-panel>header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:16px 18px 13px;display:flex}.self-actions-panel h3,.self-activity-panel h3{font-family:Georgia,serif;font-size:14px;font-weight:500}.self-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.self-action-grid button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:95px;padding:16px 18px;display:grid;position:relative}.self-action-grid button:nth-child(odd){border-right:1px solid #edf0f3}.self-action-grid button:hover{background:#fafbfc}.self-action-grid button>span{color:#3b795f;background:#e2f2eb;border-radius:12px;grid-row:1/3;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.self-action-grid button>span.ot{color:#89612f;background:#f7ead4}.self-action-grid button>span.attendance{color:#49698f;background:#e4ebf4}.self-action-grid button>span.slip{color:#645585;background:#ece8f4}.self-action-grid b{color:#354256;font-size:9px}.self-action-grid small{color:#8a929e;font-size:7px}.self-action-grid i{color:#a1a8b2;grid-area:1/3/3;font-style:normal}.self-activity-panel>header>span{color:#617086;background:#eef1f4;border-radius:99px;padding:5px 8px;font-size:6px;font-weight:800}.self-activity-panel>div>article{border-bottom:1px solid #edf0f3;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:11px 16px;display:grid}.self-activity-panel>div>article>span{color:#3d7b65;background:#e2f2eb;border-radius:10px;place-items:center;width:32px;height:32px;font-size:7px;font-weight:900;display:grid}.self-activity-panel>div>article>span.ot{color:#89612f;background:#f7ead4}.self-activity-panel p{margin:0}.self-activity-panel b,.self-activity-panel small{display:block}.self-activity-panel b{color:#435064;font-size:8px}.self-activity-panel small{color:#89919e;margin-top:3px;font-size:6px}.self-activity-panel em{border-radius:99px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:850}.self-activity-panel em.pending{color:#9a6b25;background:#fff0d1}.self-activity-panel em.approved{color:#26765d;background:#def2e9}.self-activity-panel em.rejected{color:#a75759;background:#ffe3e1}.portal-loading{color:#86909e;margin:0;padding:26px 18px;font-size:8px}.portal-empty{grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:92px;padding:16px;display:grid}.portal-empty>span{color:#3c7d66;background:#e3f2ec;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.portal-empty p{margin:0}.portal-empty b,.portal-empty small{display:block}.portal-empty b{color:#4c5869;font-size:8px}.portal-empty small{color:#8a929e;margin-top:3px;font-size:6px}.portal-empty.compact{padding:14px 0}.clock-card{border-top:2px solid #5c927f;padding:18px}.clock-status{align-items:center;gap:9px;display:flex}.clock-status>i{background:#55ad8c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #55ad8c18}.clock-status small,.clock-status b{display:block}.clock-status small{color:#8d96a3;letter-spacing:.11em;font-size:6px}.clock-status b{color:#405064;margin-top:3px;font-size:8px}.clock-card>strong{color:#22344b;margin:17px 0 2px;font-family:Georgia,serif;font-size:34px;font-weight:500;display:block}.clock-card>p{color:#89919d;margin:0;font-size:7px}.clock-card>button{color:#3d7565;background:0 0;border:0;margin-top:15px;padding:7px 0;font-size:7px;font-weight:850}.staff-notice-card{border-top:2px solid #6d7e9d;padding:17px}.staff-notice-card>header{justify-content:space-between;align-items:center;display:flex}.staff-notice-card>header span{color:#5c6680;background:#eef0f5;border-radius:99px;padding:4px 7px;font-size:6px}.staff-notice-card>div:not(.portal-empty){border-bottom:1px solid #edf0f3;grid-template-columns:5px 1fr;gap:9px;padding:11px 0;display:grid}.staff-notice-card>div>i{background:#6d8cb0;border-radius:5px;width:5px}.staff-notice-card>div>i.important{background:#d39c4c}.staff-notice-card>div>i.urgent{background:#cf6661}.staff-notice-card p{margin:0}.staff-notice-card b,.staff-notice-card small{display:block}.staff-notice-card b{color:#435064;font-size:7px}.staff-notice-card small{color:#858e9b;margin-top:4px;font-size:6px;line-height:1.45}.staff-company-banner{color:#273a52;background:linear-gradient(120deg,#f7fbff,#eef4fa);border:1px solid #dbe4ee;border-left:5px solid #54779c;border-radius:16px;grid-template-columns:54px minmax(0,1fr) 120px;align-items:center;gap:17px;min-height:112px;margin-top:14px;padding:20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 11px 30px #17243b0b}.staff-company-banner:after{content:"";border:1px solid #58789a0b;border-radius:50%;width:180px;height:180px;position:absolute;top:-75px;right:115px;box-shadow:0 0 0 28px #58789a06}.staff-company-banner.important{background:linear-gradient(120deg,#fffdf8,#fbf3e4);border-color:#eadfc8 #eadfc8 #eadfc8 #c79745}.staff-company-banner.urgent{background:linear-gradient(120deg,snow,#fbecea);border-color:#efd8d5 #efd8d5 #efd8d5 #c75c58}.staff-company-banner.empty{background:linear-gradient(120deg,#fbfdfc,#f1f7f4);border-color:#dfe5e8 #dfe5e8 #dfe5e8 #719182}.company-banner-icon{z-index:1;color:#fff;background:#496b90;border-radius:16px;place-items:center;width:54px;height:54px;font-family:Georgia,serif;font-size:22px;font-weight:650;display:grid;position:relative;box-shadow:0 8px 18px #496b9026}.staff-company-banner.important .company-banner-icon{background:#b98535;box-shadow:0 8px 18px #b9853526}.staff-company-banner.urgent .company-banner-icon{background:#b94e4a;box-shadow:0 8px 18px #b94e4a26}.staff-company-banner.empty .company-banner-icon{background:#5e8774;box-shadow:0 8px 18px #5e877426}.company-banner-copy{z-index:1;min-width:0;position:relative}.company-banner-copy>span{color:#577494;letter-spacing:.13em;font-size:7px;font-weight:900;display:block}.staff-company-banner.important .company-banner-copy>span{color:#9b702f}.staff-company-banner.urgent .company-banner-copy>span{color:#a54845}.staff-company-banner.empty .company-banner-copy>span{color:#507563}.company-banner-copy h3{color:#263a54;font-family:var(--font-cormorant), Georgia, serif;margin:6px 0 4px;font-size:clamp(19px,1.7vw,25px);font-weight:600;line-height:1}.company-banner-copy p{color:#5e6e80;max-width:950px;margin:0;font-size:9px;font-weight:550;line-height:1.55}.staff-company-banner>aside{z-index:1;text-align:center;border-left:1px solid #cbd7e3;padding-left:18px;position:relative}.staff-company-banner.important>aside{border-left-color:#dfcfaf}.staff-company-banner.urgent>aside{border-left-color:#e2c2bf}.staff-company-banner>aside strong,.staff-company-banner>aside small,.staff-company-banner>aside span{display:block}.staff-company-banner>aside strong{color:#2f4c6e;font-family:Georgia,serif;font-size:27px;font-weight:500;line-height:1}.staff-company-banner>aside small{color:#718093;margin-top:3px;font-size:6px;font-weight:800}.staff-company-banner>aside span{color:#8a6a3c;margin-top:7px;font-size:6px}.self-service-layout.no-side{grid-template-columns:1fr}.self-service-layout.no-side .self-service-main{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}.late-explanation-panel{background:#fffaf1;border:1px solid #edcf9f;border-radius:14px;margin-top:14px;overflow:hidden}.late-explanation-panel>header{border-bottom:1px solid #f0ddbd;align-items:center;gap:13px;padding:16px 18px;display:flex}.late-explanation-panel>header>span{color:#fff;background:#b87925;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.late-explanation-panel h3{color:#49371e;margin:3px 0;font-size:17px}.late-explanation-panel header p{color:#806b4e;margin:0;font-size:10px}.late-explanation-panel>div{gap:9px;padding:13px;display:grid}.late-explanation-panel article{background:#fff;border:1px solid #eadcc6;border-radius:11px;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.5fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.late-explanation-panel article b,.late-explanation-panel article span{display:block}.late-explanation-panel article b{font-size:11px}.late-explanation-panel article span{color:#8b7250;margin-top:4px;font-size:9px}.late-explanation-panel textarea{width:100%;color:var(--navy);font:inherit;resize:vertical;background:#fff;border:1px solid #ded6ca;border-radius:10px;outline:0;padding:10px 11px;font-size:10px}.late-explanation-panel button{color:#fff;background:#2c3d55;border:0;border-radius:10px;min-height:38px;padding:0 13px;font-size:10px;font-weight:850}.late-explanation-panel button:disabled{opacity:.45}.staff-attendance-page{gap:16px;display:grid}.staff-attendance-title{align-items:center}.staff-attendance-person{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 13px;display:flex}.staff-attendance-person>span{color:#6334da;background:#eee8ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:900;display:grid}.staff-attendance-person p,.staff-attendance-person b,.staff-attendance-person small{margin:0;display:block}.staff-attendance-person b{font-size:12px}.staff-attendance-person small{color:var(--muted);margin-top:3px;font-size:10px}.staff-attendance-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.staff-attendance-metrics article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px #1d2b4410}.staff-attendance-metrics small,.staff-attendance-metrics span{display:block}.staff-attendance-metrics small{color:#7a8495;letter-spacing:.04em;font-size:10px;font-weight:850}.staff-attendance-metrics strong{color:var(--navy);margin:7px 0 3px;font-size:26px;display:block}.staff-attendance-metrics span{color:var(--muted);font-size:10px}.staff-attendance-status button{color:#fff;white-space:nowrap;background:#6737df;border:0;border-radius:11px;min-height:40px;padding:0 14px;font-size:10px;font-weight:850}.staff-attendance-status button:disabled{opacity:.45}.staff-attendance-records{padding:0;overflow:hidden}.staff-attendance-records>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.staff-attendance-records>header h3{margin:3px 0 0;font-size:18px}.staff-attendance-records>header>span{color:#6545af;background:#f0ebff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.staff-attendance-records>div{gap:10px;padding:15px;display:grid}.staff-attendance-records article{border:1px solid var(--line);background:#fff;border-left:4px solid #d3c6f5;border-radius:13px;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.4fr) auto;align-items:center;gap:16px;padding:15px;display:grid}.staff-attendance-records article.required{border-left-color:#c8862e}.staff-attendance-records article.submitted{border-left-color:#7145dc}.staff-attendance-records article.reviewed{border-left-color:#3b926c}.staff-attendance-date b,.staff-attendance-date small{display:block}.staff-attendance-date b{font-size:12px}.staff-attendance-date small{color:var(--muted);margin-top:6px;font-size:10px}.staff-attendance-date small strong{color:#344056}.staff-attendance-reason label{color:#637087;margin-bottom:6px;font-size:10px;font-weight:850;display:block}.staff-attendance-reason textarea{width:100%;color:var(--navy);font:inherit;resize:vertical;border:1px solid #d7dce5;border-radius:10px;outline:0;padding:11px 12px;font-size:11px;line-height:1.5}.staff-attendance-reason textarea:focus{border-color:#7951df;box-shadow:0 0 0 3px #7951df14}.staff-attendance-reason p{color:#303b50;margin:0;font-size:11px;line-height:1.5}.staff-attendance-reason small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.staff-attendance-status{justify-items:end;gap:10px;display:grid}.staff-attendance-status em{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:9px;font-style:normal;font-weight:850}.staff-attendance-status em.required{color:#895f20;background:#fff0d7}.staff-attendance-status em.submitted{color:#5837a5;background:#eee8ff}.staff-attendance-status em.reviewed{color:#24664b;background:#e3f3eb}.approval-live{color:#34745f;background:#f2f9f5;border:1px solid #dce6e1;border-radius:99px;align-items:center;gap:7px;padding:8px 11px;font-size:7px;font-weight:850;display:inline-flex}.approval-live i{background:#54aa89;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #54aa8918}.approval-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.approval-metrics article{background:#fff;border:1px solid #e2e6eb;border-radius:14px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #17243b08}.approval-metrics article:after{content:"";background:#c5a66f;width:3px;position:absolute;inset:0 auto 0 0}.approval-metrics article:nth-child(2):after{background:#65957f}.approval-metrics article:nth-child(3):after{background:#5c7598}.approval-metrics span,.approval-metrics small{color:#87909d;font-size:6px;display:block}.approval-metrics strong{color:#26354b;margin:6px 0 3px;font-family:Georgia,serif;font-size:23px;font-weight:500;display:block}.approval-layout{grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr);gap:14px;display:grid}.approval-queue{border-radius:15px;overflow:hidden}.approval-queue>header{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;display:flex}.approval-queue>header h3{font-family:Georgia,serif;font-size:15px;font-weight:500}.approval-filters{gap:5px;display:flex}.approval-filters button{color:#697486;background:#fff;border:1px solid #dfe3e8;border-radius:99px;padding:6px 8px;font-size:6px}.approval-filters button b{margin-left:3px}.approval-filters button.active{color:#fff;background:#263d5d;border-color:#263d5d}.approval-list>article{border-bottom:1px solid #edf0f3;grid-template-columns:38px minmax(115px,.7fr) minmax(190px,1.3fr) 100px auto;align-items:center;gap:11px;padding:14px 17px;display:grid}.approval-list>article:hover{background:#fcfcfd}.approval-kind{color:#34765f;background:#e0f1e9;border-radius:11px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:900;display:grid}.approval-kind.overtime{color:#8b642e;background:#f5e8d0}.approval-person b,.approval-person small,.approval-request b,.approval-request small,.approval-time b,.approval-time small{display:block}.approval-person b,.approval-request b{color:#3f4c60;font-size:8px}.approval-person small,.approval-request small,.approval-time small{color:#89929f;margin-top:3px;font-size:6px;line-height:1.4}.approval-request p{color:#697587;margin:5px 0 0;font-size:7px}.approval-request a{color:#357f91;margin-top:5px;font-size:6px;text-decoration:none;display:inline-block}.approval-time b{color:#566274;margin-top:3px;font-size:7px}.approval-time span{color:#99713e;margin-top:6px;font-family:Georgia,serif;font-size:11px;display:block}.approval-actions{gap:5px;display:flex}.approval-actions button{border:0;border-radius:8px;padding:7px 8px;font-size:6px;font-weight:850}.approval-actions button.approve{color:#fff;background:#347c64}.approval-actions button.reject{color:#a75658;background:#fbe7e5}.approval-actions button:disabled{cursor:wait;opacity:.55}.approval-empty{text-align:center;align-content:center;place-items:center;min-height:280px;padding:30px;display:grid}.approval-empty>span{color:#347c64;background:#e1f1eb;border-radius:16px;place-items:center;width:48px;height:48px;font-size:17px;display:grid}.approval-empty h3{margin:13px 0 5px;font-family:Georgia,serif;font-weight:500}.approval-empty p{color:#87909d;margin:0;font-size:8px}.approval-sidebar{align-content:start;gap:12px;display:grid}.approval-reviewer{border-top:2px solid #c5a66f;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:16px;display:grid}.reviewer-mark{color:#e8d5ae;background:#243a59;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:13px;display:grid}.approval-reviewer p{margin:0}.approval-reviewer small,.approval-reviewer b,.approval-reviewer span{display:block}.approval-reviewer small{color:#959da8;letter-spacing:.1em;font-size:5px}.approval-reviewer b{color:#3f4b5e;margin-top:3px;font-size:8px}.approval-reviewer span{color:#89919e;margin-top:2px;font-size:6px}.approval-reviewer>i{color:#2f765e;background:#e0f1e9;border-radius:99px;padding:4px 6px;font-size:5px;font-style:normal;font-weight:850}.approval-note{padding:17px}.approval-note h3{margin-bottom:11px;font-family:Georgia,serif;font-size:14px;font-weight:500}.approval-note textarea{color:#465265;resize:vertical;width:100%;font:inherit;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:10px;font-size:8px;line-height:1.5}.approval-note>small{color:#8c949f;margin-top:7px;font-size:6px;line-height:1.4;display:block}.approval-policy{color:#665538;background:#fffcf6;border-color:#eadfc9;grid-template-columns:35px 1fr;gap:10px;padding:15px;display:grid}.approval-policy>span{background:#f4e8cf;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.approval-policy b{color:#64563d;font-size:8px}.approval-policy p{color:#82765f;margin:4px 0 0;font-size:6px;line-height:1.45}.self-action-grid button>span.claim,.self-activity-panel>div>article>span.claim{color:#7e5d3c;background:#f5e9dc}.approval-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.approval-metrics article:nth-child(4):after{background:#b18463}.approval-metrics article:nth-child(5):after{background:#8c7b9f}.approval-kind.claim{color:#7e5d3c;background:#f5e9dc}.claim-policy-chip{color:#7b6346;background:#fffaf3;border:1px solid #e8dccb;border-radius:99px;align-self:center;padding:8px 11px;font-size:7px;font-weight:850}.claim-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.claim-metrics article{background:#fff;border:1px solid #e2e6eb;border-radius:14px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #17243b08}.claim-metrics article:before{content:"";background:#bd8c61;width:3px;position:absolute;inset:0 auto 0 0}.claim-metrics article:nth-child(2):before{background:#5e947c}.claim-metrics article:nth-child(3):before{background:#607b9f}.claim-metrics small,.claim-metrics span{color:#87909d;font-size:6px;display:block}.claim-metrics strong{color:#26354b;margin:6px 0 3px;font-family:Georgia,serif;font-size:23px;font-weight:500;display:block}.claim-entry-panel,.claim-list-panel{border-radius:15px;margin-bottom:14px;overflow:hidden}.claim-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:17px 19px 19px;display:grid}.claim-entry-grid label{color:#6e7888;align-content:start;gap:6px;font-size:7px;display:grid}.claim-entry-grid label.wide{grid-column:span 2}.claim-entry-grid input,.claim-entry-grid select{color:#3e4a5d;width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:9px 10px;font-size:8px}.claim-entry-grid input:focus,.claim-entry-grid select:focus{border-color:#a9825b;box-shadow:0 0 0 3px #b88c6014}.claim-amount{grid-template-columns:39px 1fr;display:grid}.claim-amount>b{color:#8a6a48;background:#faf6f1;border:1px solid #dfe3e8;border-right:0;border-radius:9px 0 0 9px;place-items:center;font-size:7px;display:grid}.claim-amount input{border-radius:0 9px 9px 0}.claim-receipt{background:#fffcf8;border:1px dashed #d8c8b7;border-radius:11px;grid-column:span 3;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.claim-receipt b,.claim-receipt small{display:block}.claim-receipt b{color:#554a3f;font-size:8px}.claim-receipt small{color:#8a8077;margin-top:3px;font-size:6px}.claim-receipt label{display:block}.claim-receipt input{opacity:0;width:1px;height:1px;position:absolute}.claim-receipt label span{color:#765d43;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dfcfbe;border-radius:8px;max-width:220px;padding:8px 10px;font-size:7px;font-weight:800;display:inline-flex;overflow:hidden}.claim-entry-grid>button{place-self:center end}.claim-filters{gap:5px;display:flex}.claim-filters button{color:#6e7888;background:#fff;border:1px solid #dfe3e8;border-radius:99px;padding:6px 9px;font-size:6px}.claim-filters button.active{color:#fff;background:#263d5d;border-color:#263d5d}.claim-list>article{border-bottom:1px solid #edf0f3;grid-template-columns:38px minmax(120px,.7fr) minmax(190px,1.35fr) 95px 76px auto;align-items:center;gap:11px;padding:14px 17px;display:grid}.claim-list>article:hover{background:#fcfcfd}.claim-mark{color:#7e5d3c;background:#f5e9dc;border-radius:11px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:900;display:grid}.claim-person b,.claim-person small,.claim-copy b,.claim-copy small{display:block}.claim-person b,.claim-copy b{color:#3f4c60;font-size:8px}.claim-person small,.claim-copy small{color:#89929f;margin-top:3px;font-size:6px}.claim-copy p{color:#697587;margin:5px 0 0;font-size:7px}.claim-copy a{color:#357f91;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:5px;font-size:6px;text-decoration:none;display:inline-block;overflow:hidden}.claim-list>article>strong{color:#2f4159;font-family:Georgia,serif;font-size:12px;font-weight:500}.claim-list em{border-radius:99px;justify-self:start;padding:5px 7px;font-size:6px;font-style:normal;font-weight:850}.claim-list em.pending{color:#9a6b25;background:#fff0d1}.claim-list em.approved{color:#26765d;background:#def2e9}.claim-list em.rejected{color:#a75759;background:#ffe3e1}.claim-actions{align-items:center;gap:5px;display:flex}.claim-actions button{border:0;border-radius:8px;padding:7px 8px;font-size:6px;font-weight:850}.claim-actions button.approve{color:#fff;background:#347c64}.claim-actions button.reject{color:#a75658;background:#fbe7e5}.claim-actions button.cancel{color:#6e7888;background:#edf0f3}.claim-actions small{color:#89929f;max-width:160px;font-size:6px;line-height:1.45}@media (width<=1050px){.welcome-strip{grid-template-columns:minmax(0,1fr) 285px;gap:24px;padding:28px 26px 28px 30px}.simple-info-grid{grid-template-columns:1fr 1fr}.simple-statutory-card{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:0 18px;display:grid}.simple-statutory-card>header,.simple-statutory-card>footer{grid-column:1/-1}.self-service-metrics,.approval-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.self-service-layout,.approval-layout{grid-template-columns:1fr}.self-service-side{grid-template-columns:1fr 1fr}.approval-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-list>article{grid-template-columns:38px minmax(110px,.65fr) minmax(170px,1.2fr) 95px auto}.self-service-layout.no-side .self-service-main{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.daily-brief-grid{grid-template-columns:.8fr 1.2fr}.announcement-brief{grid-column:1/-1}.dashboard-grid,.lower-grid,.settings-grid,.payroll-workspace{grid-template-columns:1fr}.calculation-card{position:static}.payroll-columns{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.payroll-column+.payroll-column{border-left:0}.payroll-column{border-bottom:1px solid var(--line)}.pay-column{grid-column:1/-1}.benefit-layout,.company-holiday-workspace{grid-template-columns:1fr}.profile-form-grid,.resume-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-detail-grid label:last-child{grid-column:1/-1}.employer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-card-grid,.employee-cloud-grid{grid-template-columns:1fr}.legacy-comparison{grid-template-columns:repeat(2,1fr)}.legacy-comparison>div:first-child{grid-column:1/-1}.official-update-grid,.compliance-metrics{grid-template-columns:repeat(2,1fr)}.compliance-layout{grid-template-columns:1fr}.corp-employee{grid-template-columns:repeat(2,1fr)}.corp-net-box{grid-column:1/-1}.payslip-title{grid-template-columns:1fr auto}.payslip-title>div{grid-column:1/-1}.staff-switcher{justify-self:start}.leave-application-list article{grid-template-columns:40px 1fr 1.4fr}.leave-proof,.leave-actions{grid-column:span 1}.leave-report-metrics{grid-template-columns:repeat(2,1fr)}.statutory-holiday-grid,.overtime-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overtime-entry-grid label.wide{grid-column:span 2}.overtime-application-list article{grid-template-columns:42px 1fr 1.2fr}.overtime-application-list .ot-estimate,.overtime-application-list .leave-status,.overtime-application-list .leave-actions{grid-column:auto}.ot-payment-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ot-payment-list article:nth-child(3){border-right:0}.ot-payment-list article{border-bottom:1px solid #edf0f3}.ot-type-admin,.deduction-admin-layout{grid-template-columns:1fr}.ot-type-form,.deduction-admin-form{border-top:1px solid #edf0f3;border-left:0}.claim-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-entry-grid label.wide{grid-column:span 2}.claim-receipt{grid-column:span 1}.claim-list>article{grid-template-columns:38px minmax(105px,.65fr) minmax(170px,1.2fr) 90px auto}.claim-list>article>em{grid-column:4}.claim-actions{grid-area:1/5/3}}@media (width<=760px){.sidebar{display:none}.main{margin-left:0;padding-bottom:70px}.topbar{min-height:78px;padding:14px 17px}.topbar h1{font-size:20px}.eyebrow{font-size:7px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.period-picker{padding:6px 7px}.period-picker span{display:none}.period-picker input{width:112px}.period-pill{padding:9px}.period-pill strong{margin:0 5px}.icon-button,.storage-pill{display:none}.page-content{padding:18px 14px 36px}.dashboard-page{padding-top:14px}.welcome-strip{grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 20px}.welcome-strip:before{left:20px}.welcome-strip:after{top:-130px;right:-80px}.executive-hero-top{flex-direction:column;align-items:flex-start;gap:8px}.welcome-strip h2{margin-top:14px;font-size:29px}.welcome-strip p.hero-quote{max-width:none;font-size:16px;line-height:1.45}.hero-meta{flex-direction:column;gap:7px;margin-top:15px}.executive-summary{width:100%}.executive-summary>footer small{font-size:6px}.simple-hero{grid-template-columns:minmax(0,1fr) 83px;gap:10px;min-height:145px;padding:21px 18px}.simple-hero:before{left:18px}.simple-hero:after{right:-100px}.simple-greeting{margin-top:11px;font-size:11px}.simple-hero h2.simple-motivation{font-size:clamp(23px,7.4vw,31px);line-height:1.02}.simple-hero>aside{min-height:88px}.simple-hero>aside strong{font-size:32px}.simple-kpis{grid-template-columns:1fr 1fr;gap:8px}.simple-kpis>article,.simple-kpis>button{grid-template-columns:31px 1fr;gap:8px;padding:10px}.simple-kpis em{display:none}.kpi-dot{width:31px;height:31px}.simple-dashboard-grid,.simple-info-grid{grid-template-columns:1fr}.simple-payroll-values strong{font-size:11px}.simple-statutory-card{grid-column:auto;display:block}.simple-update-strip{grid-template-columns:1fr 30px}.simple-update-strip>div{grid-area:2/1/auto/-1}.simple-update-strip>button{grid-area:1/2}.simple-slip-shortcut{display:none}.self-service-title,.approval-title{align-items:stretch}.staff-preview-picker{width:100%;min-width:0}.self-service-hero{grid-template-columns:54px 1fr;gap:14px;padding:21px 18px}.self-profile-mark{border-radius:16px;width:54px;height:54px;font-size:18px}.self-profile-copy h3{font-size:22px}.self-service-hero>aside{text-align:left;border-top:1px solid #ffffff14;border-left:0;grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0 0;display:grid}.self-service-hero>aside strong{margin:0;font-size:30px}.self-service-metrics,.approval-metrics,.self-service-side,.approval-sidebar,.self-action-grid{grid-template-columns:1fr}.self-action-grid button:nth-child(odd){border-right:0}.approval-queue>header{flex-direction:column;align-items:flex-start}.approval-filters{width:100%}.approval-filters button{flex:1}.approval-list>article{grid-template-columns:36px 1fr;align-items:start}.approval-request,.approval-time,.approval-actions{grid-column:2}.approval-actions{justify-content:flex-start}.approval-actions button{padding:8px 12px}.approval-live{align-self:flex-start}.staff-company-banner{grid-template-columns:44px 1fr;gap:12px;min-height:0;padding:17px 15px}.staff-company-banner:after{display:none}.company-banner-icon{border-radius:13px;width:44px;height:44px;font-size:18px}.company-banner-copy h3{font-size:20px;line-height:1.08}.company-banner-copy p{font-size:8px}.staff-company-banner>aside{text-align:left;border-top:1px solid #d9e1e8;border-left:0;grid-column:2;align-items:baseline;gap:5px;padding:9px 0 0;display:flex}.staff-company-banner>aside strong{font-size:17px}.staff-company-banner>aside small,.staff-company-banner>aside span{margin:0}.daily-brief-grid{grid-template-columns:1fr}.announcement-brief{grid-column:auto}.dashboard-leave-list>div:not(.daily-empty){grid-template-columns:5px 1fr auto}.dashboard-leave-list>div>span:nth-of-type(2){grid-column:2/-1}.dashboard-leave-list em{grid-area:1/3}.announcement-list footer{flex-wrap:wrap;align-items:flex-start}.announcement-list footer>span{width:100%;margin:0}.announcement-form{grid-template-columns:1fr;padding:15px}.announcement-form label.full{grid-column:auto}.announcement-form label.pin-check{margin-top:0}.announcement-modal>footer button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:90px;padding:13px}.metric-icon{flex-basis:34px;width:34px;height:34px}.metric strong{font-size:16px}.dashboard-grid{gap:12px}.payroll-totals{grid-template-columns:1fr}.payroll-totals div+div{border:0;border-top:1px solid var(--line);padding:9px 0 0}.scan-row{grid-template-columns:34px 1fr auto}.scan-row time{display:none}.content-title{flex-direction:column;align-items:flex-start;margin-bottom:18px}.content-title h2{font-size:27px}.title-actions{width:100%}.title-actions button{flex:1}.payslip-title{display:flex}.staff-switcher{flex-direction:column;align-items:stretch;width:100%}.staff-switcher select{width:100%;min-width:0}.leave-title .primary-button{width:100%}.leave-tabs{overflow-x:auto}.leave-tabs button{flex:none;padding-inline:12px}.calendar-toolbar{flex-direction:column;align-items:stretch;display:flex}.calendar-toolbar h3{text-align:left}.calendar-month-title{text-align:left;order:-1}.calendar-toolbar>label{justify-content:space-between;justify-self:auto}.calendar-toolbar select{flex:1}.calendar-weekdays,.calendar-grid{min-width:760px}.calendar-day{min-height:90px}.holiday-source-note small{width:100%;margin-left:0}.calendar-legend{flex-direction:column;align-items:flex-start;gap:8px}.leave-panel-head,.approval-controls{flex-direction:column;align-items:stretch}.approval-controls input{width:100%}.leave-application-list article{grid-template-columns:36px 1fr;align-items:start;padding:13px 14px}.leave-application-list article>div:nth-of-type(2),.leave-proof,.leave-actions{grid-column:1/-1}.leave-actions{justify-content:flex-start}.leave-report-metrics{grid-template-columns:1fr 1fr}.company-holiday-fields{grid-template-columns:1fr;padding:15px}.company-holiday-fields label.wide{grid-column:auto}.company-holiday-save{flex-direction:column;align-items:stretch}.company-holiday-save button{width:100%}.leave-modal-backdrop{padding:10px}.leave-form-grid{grid-template-columns:1fr;padding:15px}.leave-form-grid .full{grid-column:auto}.half-day-options{flex-direction:column;align-items:flex-start}.leave-balance-preview{grid-template-columns:6px 1fr}.leave-balance-preview>span{grid-row:1/4}.mc-upload>div:nth-child(2){flex-direction:column}.mc-upload label span{justify-content:center;width:100%}.leave-modal>footer{padding:12px 15px}.leave-modal>footer button{flex:1}.staff-leave-overview>header{align-items:flex-start;padding-inline:14px}.staff-leave-overview>div:not(.staff-leave-overview-empty){grid-template-columns:1fr}.staff-leave-overview article{grid-template-columns:34px minmax(85px,1fr) repeat(3,minmax(42px,auto));gap:7px;padding:12px 13px}.staff-leave-overview article>i{width:34px;height:34px}.staff-leave-overview article>span{min-width:40px;padding-left:6px}.staff-leave-overview article>span strong{font-size:13px}.staff-profile-editor{padding:19px 15px}.profile-editor-head{gap:10px}.profile-form-grid,.resume-detail-grid{grid-template-columns:1fr}.profile-form-grid label.wide,.resume-detail-grid label:last-child{grid-column:auto}.resume-upload-card{grid-template-columns:1fr}.resume-upload-actions{width:100%}.resume-upload-button,.resume-upload-button span,.resume-download{flex:1}.profile-editor-actions{flex-direction:column;align-items:stretch}.profile-editor-actions p{margin:0 0 5px}.profile-editor-actions button{width:100%}.holiday-compliance-head{flex-direction:column}.holiday-selection-summary{grid-template-columns:1fr}.holiday-selection-summary article+article{border-top:1px solid var(--line);border-left:0}.statutory-holiday-grid{grid-template-columns:1fr}.gazette-actions{grid-template-columns:1fr;align-items:stretch}.gazette-actions button{width:100%}.staff-leave-notice{grid-template-columns:34px 1fr}.staff-leave-notice a{grid-column:2}.staff-leave-group>header{align-items:flex-start}.staff-entitlement-list article{grid-template-columns:7px 1fr}.staff-entitlement-list article>:not(i){grid-column:2}.staff-entitlement-list article>button{width:100%}.entitlement-system b{max-width:none}.overtime-metrics{grid-template-columns:1fr}.overtime-entry-grid{grid-template-columns:1fr;padding:15px}.overtime-entry-grid label.wide{grid-column:auto}.overtime-entry-grid button{width:100%}.overtime-application-list article{grid-template-columns:42px 1fr}.overtime-application-list article>span:nth-child(3),.overtime-application-list .ot-estimate,.overtime-application-list .leave-status,.overtime-application-list .leave-actions{text-align:left;grid-column:2}.ot-payment-table .leave-panel-head{flex-direction:column;align-items:stretch}.ot-payment-table select{width:100%;min-width:0}.ot-payment-list{grid-template-columns:1fr}.ot-payment-list article{border-right:0;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.ot-payment-list article>span:nth-child(2){min-height:0;margin:0}.ot-payment-list article>span:nth-child(3){grid-column:2}.ot-payment-list article>strong{grid-area:1/3/3;margin:0}.ot-payment-footer{grid-template-columns:1fr auto}.ot-payment-footer button{grid-column:1/-1;justify-self:start}.ot-type-admin article{grid-template-columns:38px 1fr auto}.ot-type-admin article em{grid-column:2}.deduction-admin-list>div{grid-template-columns:40px 1fr}.deduction-admin-list>div>:last-child{grid-column:2;justify-self:start}.claim-policy-chip{align-self:flex-start}.claim-metrics{grid-template-columns:1fr}.claim-entry-grid{grid-template-columns:1fr;padding:15px}.claim-entry-grid label.wide,.claim-receipt{grid-column:auto}.claim-receipt{grid-template-columns:1fr}.claim-receipt label span{max-width:100%}.claim-entry-grid>button{justify-self:stretch;width:100%}.claim-list-panel .leave-panel-head{flex-direction:column;align-items:stretch}.claim-filters{overflow-x:auto}.claim-filters button{flex:1}.claim-list>article{grid-template-columns:36px 1fr auto;align-items:start}.claim-copy{grid-column:2/-1}.claim-list>article>strong{grid-column:2}.claim-list>article>em{grid-area:1/3}.claim-actions{grid-area:auto/2/auto/-1;justify-content:flex-start}.claim-actions button{padding:8px 12px}.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid{grid-template-columns:1fr}.employer-form-grid label.wide,.owner-form-grid label.wide,.document-upload-grid label.wide,.kpi-entry-grid label.wide,.kpi-entry-grid label.full{grid-column:auto}.owner-section-head,.employer-save-row{flex-direction:column;align-items:stretch}.employer-save-row button{width:100%}.cloud-document-list>div{grid-template-columns:31px 1fr auto 20px}.cloud-document-list>div>b{grid-column:2}.cloud-document-list a{grid-area:1/3}.connection-banner{flex-wrap:wrap;align-items:flex-start}.connection-banner button{margin-left:56px}.input-grid,.ot-basis{grid-template-columns:1fr}.ot-input{grid-template-columns:45px 1fr 96px}.ot-input>div{width:96px}.ot-input input{width:60px}.employee-stepper{flex-direction:column;align-items:stretch}.employee-stepper>div{width:100%}.employee-stepper label{flex-direction:column;align-items:stretch;gap:6px}.employee-stepper select{width:100%;min-width:0}.payroll-columns{grid-template-columns:1fr}.pay-column{grid-column:auto}.payroll-column{padding:20px 16px}.employee-column{text-align:left}.payroll-avatar{margin:0 0 10px}.category-cards{grid-template-columns:1fr}.mobile-nav{z-index:30;border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);height:65px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -7px 25px #14223c10}.mobile-nav.seven-items{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{color:#8c93a2;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px;display:flex}.mobile-nav button span{font-size:12px}.mobile-nav button small{text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:7px;overflow:hidden}.mobile-nav button.active{color:var(--coral)}.payslip-paper{padding:22px 18px}.payslip-paper header{align-items:flex-start}.payslip-label{font-size:9px}.employee-meta,.slip-columns{grid-template-columns:1fr;gap:10px}.slip-columns{gap:22px}.modal-backdrop{padding:12px}.email-sendbar{grid-template-columns:30px 1fr}.email-sendbar button{grid-column:1/-1}.legacy-comparison,.official-update-grid{grid-template-columns:1fr}.legacy-comparison>div:first-child{grid-column:auto}.compliance-safety-banner{grid-template-columns:40px 1fr}.compliance-safety-banner>b{grid-column:2;justify-self:start}.compliance-metrics{grid-template-columns:1fr 1fr}.compliance-period{grid-template-columns:1fr}.rule-version-chip{justify-self:start}.compliance-rule-list article{grid-template-columns:34px 1fr}.rule-meta{border-top:1px solid #edf0f3;border-left:0;grid-column:2;padding:10px 0 0}.compliance-rules-panel>.panel-head{flex-direction:column;align-items:flex-start}.compliance-filter{justify-content:flex-start}.payroll-compliance-note{grid-template-columns:36px 1fr}.payroll-compliance-note a{grid-column:2}.corporate-slip{padding:20px 16px}.corp-slip-header{grid-template-columns:45px 1fr!important}.corp-logo{width:42px;height:42px}.corp-period{text-align:left;border-top:1px solid #dfe4ea;border-left:0;grid-column:1/-1;padding:10px 0 0}.corp-employee{grid-template-columns:1fr}.corp-net-box{grid-column:auto}.corp-table-head,.corp-table-row{grid-template-columns:1fr 92px 92px}.corp-ot-head,.corp-ot-row{grid-template-columns:1fr 64px 50px 92px}.corp-slip-footer{gap:5px;grid-template-columns:1fr!important}.toast{bottom:78px;left:14px;right:14px}}.payroll-review-page{gap:18px;display:grid}.payroll-review-title{margin-bottom:0}.payroll-workflow{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:12px;padding:20px 24px;display:grid}.payroll-workflow article{color:#778098;align-items:center;gap:12px;min-width:0;display:flex}.payroll-workflow article>span{background:#f8f9fc;border:2px solid #dfe2eb;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:grid}.payroll-workflow article b,.payroll-workflow article small{display:block}.payroll-workflow article b{color:#29344d;font-size:15px}.payroll-workflow article small{margin-top:3px;font-size:12px;line-height:1.35}.payroll-workflow article.done>span{color:#fff;background:#6b38ee;border-color:#6b38ee}.payroll-workflow article.active>span{color:#5a29dc;background:#f0eaff;border-color:#6b38ee;box-shadow:0 0 0 5px #6b38ee1a}.payroll-workflow>i{background:#e1e4ec;height:2px}.payroll-workflow.review>i:first-of-type,.payroll-workflow.closed>i{background:#8b64ef}.payroll-review-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.payroll-review-metrics article{background:#fff;border:1px solid #e4e1e8;border-radius:17px;padding:18px 20px;box-shadow:0 8px 24px #1c22370a}.payroll-review-metrics small,.payroll-review-metrics span{display:block}.payroll-review-metrics small{color:#667087;text-transform:uppercase;font-size:12px;font-weight:800}.payroll-review-metrics strong{color:#18233a;margin:7px 0 5px;font-size:clamp(22px,2vw,30px);line-height:1;display:block}.payroll-review-metrics span{color:#747d91;font-size:12px}.payroll-review-metrics article.net{background:linear-gradient(135deg,#fff9fb,#fff);border-color:#ead8e0}.payroll-review-metrics article.net strong{color:#8c174d}.payroll-review-metrics article.overtime{background:linear-gradient(135deg,#f7fcf8,#fff);border-color:#d8e6dc}.payroll-review-metrics article.overtime strong{color:#276449}.payroll-review-audit{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 24px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.payroll-review-audit:before{content:"";background:#6b38ee;width:5px;position:absolute;inset:0 auto 0 0}.payroll-review-audit.closed:before{background:#14835f}.payroll-review-audit h3{margin:7px 0 4px;font-size:22px}.payroll-review-audit p{color:#657087;margin:0;font-size:14px;line-height:1.5}.payroll-status-pill{color:#5a28d5;letter-spacing:.05em;background:#eee8ff;border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.payroll-review-audit.closed .payroll-status-pill{color:#147253;background:#e4f7ef}.payroll-review-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.payroll-review-actions button{min-height:45px}.payroll-close-button{background:#158060!important;box-shadow:0 8px 20px #15806033!important}.payroll-block-note,.payroll-email-audit{border-radius:9px;grid-column:1/-1;padding:10px 12px;font-size:12px;line-height:1.45}.payroll-block-note{color:#8a5a08;background:#fff5df}.payroll-email-audit{color:#28644f;background:#eef8f4}.payroll-review-list{overflow:hidden}.payroll-review-list>header{border-bottom:1px solid #e8e5eb;justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;display:flex}.payroll-review-list>header h3{margin:3px 0 0;font-size:20px}.payroll-review-list>header>span{color:#5e3aab;background:#f0ecf9;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.payroll-review-table{overflow-x:auto}.payroll-review-row{color:#354058;border-bottom:1px solid #eeebf0;grid-template-columns:minmax(210px,1.35fr) minmax(95px,.6fr) minmax(150px,.9fr) repeat(3,minmax(105px,.65fr)) minmax(145px,.8fr) minmax(205px,1.15fr);align-items:center;gap:12px;min-width:1280px;padding:15px 24px;font-size:13px;display:grid}.payroll-review-row:last-child{border-bottom:0}.payroll-review-row.approved{background:linear-gradient(90deg,#e6f9f1ad,#fff0 38%)}.payroll-review-row.head{color:#737c91;letter-spacing:.06em;text-transform:uppercase;background:#f8f7fa;min-height:42px;padding-block:10px;font-size:10px;font-weight:900}.payroll-review-row>span:first-child b,.payroll-review-row>span:first-child small,.payroll-review-row>span:nth-child(7) small{display:block}.payroll-review-row>span:first-child b{color:#19243b;font-size:14px}.payroll-review-row>span:first-child small{color:#788195;margin-top:3px;font-size:11px}.payroll-review-ot b,.payroll-review-ot small{display:block}.payroll-review-ot b{color:#276449}.payroll-review-ot small{color:#718079;max-width:180px;margin-top:4px;font-size:9px;line-height:1.35}.payroll-review-row>span:nth-child(7) i{color:#147054;background:#e8f7f1;border-radius:999px;align-items:center;min-height:27px;padding:0 9px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.payroll-review-row.missing>span:nth-child(7) i{color:#98630a;background:#fff1dd}.payroll-review-row.approved>span:nth-child(7) i{color:#0b7652;background:#dff6ec}.payroll-review-row>span:nth-child(7) small{color:#6c7589;margin-top:5px;font-size:10px}.payroll-review-row button{color:#5f32c7;cursor:pointer;background:#fff;border:1px solid #d8d2e5;border-radius:9px;min-height:34px;padding:0 10px;font-size:11px;font-weight:800}.payroll-review-row button:disabled{cursor:not-allowed;opacity:.55}.payroll-review-row-actions{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.payroll-review-row-actions label{gap:4px;display:grid}.payroll-review-row-actions label small{color:#68748b;text-transform:uppercase;font-size:9px;font-weight:800}.payroll-review-row-actions input[type=date]{color:#27334a;width:100%;min-height:35px;font:inherit;background:#fff;border:1px solid #d8d2e5;border-radius:9px;padding:5px 8px}.payroll-review-row-actions .confirm-payroll{color:#fff;background:#642ee8;border-color:#5b2dcc}.payroll-review-row-actions .send-payslip{color:#fff;background:#18825f;border-color:#17785a}.payroll-draft-notice{grid-template-columns:38px minmax(0,1fr)}.payroll-draft-notice>div{min-width:0}.payroll-draft-notice b,.payroll-draft-notice>div>span{display:block}.payroll-draft-notice b{color:#28334a;font-size:13px}.payroll-draft-notice>div>span{color:#6b7488;margin-top:3px;font-size:12px;line-height:1.45}@media (width<=900px){.payroll-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-review-audit{grid-template-columns:1fr}.payroll-review-actions{justify-content:flex-start}}@media (width<=760px){.payroll-review-page{gap:13px}.payroll-review-title .title-actions,.payroll-review-title .payroll-period-control{width:100%}.payroll-workflow{grid-template-columns:1fr;gap:5px;padding:16px}.payroll-workflow article{padding:7px 0}.payroll-workflow article>span{flex-basis:34px;width:34px;height:34px}.payroll-workflow>i{width:2px;height:15px;margin-left:16px}.payroll-review-metrics{grid-template-columns:1fr 1fr;gap:9px}.payroll-review-metrics article{border-radius:13px;padding:14px}.payroll-review-metrics strong{font-size:20px}.payroll-review-metrics small,.payroll-review-metrics span{font-size:10px}.payroll-review-audit{gap:14px;padding:18px}.payroll-review-actions{grid-template-columns:1fr;width:100%;display:grid}.payroll-review-actions button{white-space:normal;width:100%}.payroll-review-list>header{padding:17px}.payroll-review-table{padding:0 13px 13px;overflow:visible}.payroll-review-row{background:#fff;border:1px solid #e7e3eb;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px 14px;min-width:0;margin-top:12px;padding:16px;display:grid}.payroll-review-row.head{display:none}.payroll-review-row>span{min-width:0}.payroll-review-row>span:before{color:#7b8498;content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.payroll-review-row>span:first-child,.payroll-review-row>span:nth-child(7),.payroll-review-row>span:last-child{grid-column:1/-1}.payroll-review-row>span:last-child button{width:100%;min-height:41px}.simple-greeting{font-size:12px}.simple-hero h2.simple-motivation{font-size:clamp(22px,6.8vw,29px)}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-box{width:100%;max-width:none}.directory-tools{justify-content:space-between;overflow-x:auto}.directory-filters{flex:none}}.staff-portal-shell .main{background:linear-gradient(#f6f7fa,#f2f4f7)}.staff-portal-shell .topbar{background:#fffffff0;border-bottom-color:#e2e6eb}.staff-portal-shell .page-content{max-width:1400px}.staff-calendar-chip{color:#3c745f;background:#e5f3ed;border-radius:99px;place-self:center end;padding:7px 10px;font-size:7px;font-weight:850}.locked-staff-field{background:#f4faf7;border:1px solid #dbe5df;border-radius:9px;align-content:center;min-height:39px;padding:7px 10px;display:grid}.locked-staff-field>span,.locked-staff-field>small{color:#778b81;font-size:6px;display:block}.locked-staff-field>b{color:#315f50;margin:2px 0;font-size:8px}.attendance-empty{color:#87909d;text-align:center;grid-column:1/-1;padding:24px 16px;font-size:8px}.staff-attendance-banner{background:#f7fbf9;border-color:#dce9e4}.staff-attendance-banner .connection-icon{color:#347c65;background:#e1f2eb}@media (width<=760px){.staff-account-pill{padding-right:4px}.staff-account-pill b{display:none}.staff-calendar-chip{align-self:flex-start}.locked-staff-field{min-height:42px}}.sidebar .nav-label{font-size:8px;font-weight:900}.sidebar .nav-item,.sidebar .nav-group-toggle{font-size:10px;font-weight:700}.sidebar .nav-submenu .nav-item{font-size:9px;font-weight:700}.sidebar small,.sidebar .return-admin{font-size:8px;font-weight:650;line-height:1.35}.main small{font-weight:600;line-height:1.4;font-size:9px!important}.simple-date{font-size:9px;font-weight:650}.simple-hero>aside span,.simple-kpis em,.simple-payroll-card>footer span,.simple-payroll-card>footer button,.simple-today-card header button,.simple-leave-card em,.simple-loading,.simple-empty,.simple-announcement-card footer button,.simple-update-strip header span,.simple-update-strip a b,.simple-update-strip a span,.simple-update-strip a i{font-size:8px;font-weight:700}.simple-today-card b,.simple-leave-card b,.simple-announcement-card b{font-size:10px;font-weight:700}.simple-statutory-card>div b,.simple-statutory-card>footer b{font-size:8px;font-weight:750}.simple-statutory-card>div strong{font-size:10px}.self-service-metrics small,.self-service-metrics p,.self-action-grid small,.self-activity-panel small,.portal-empty small{font-size:9px;font-weight:600}.self-action-grid b,.self-activity-panel b,.portal-empty b{font-size:10px;font-weight:700}.self-activity-panel>header>span,.self-activity-panel em{font-size:8px;font-weight:850}.company-banner-copy>span{font-size:9px;font-weight:900}.company-banner-copy p{font-size:11px;font-weight:600}.staff-company-banner>aside span{font-size:8px;font-weight:700}.overtime-page{max-width:none}.overtime-title{align-items:center;margin-bottom:18px}.overtime-title h2{letter-spacing:-.8px;margin:0;font-size:34px}.overtime-title .secondary-button{border-radius:14px;min-height:44px;padding-inline:18px;font-size:10px;font-weight:850}.overtime-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.overtime-metrics article{border:0;border-radius:22px;gap:16px;min-height:116px;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 32px #1b294512}.overtime-metrics article:after{content:"";border:18px solid #ffffff38;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-46px;right:-28px}.overtime-metrics .ot-metric-icon{z-index:1;background:#ffffff76;border:1px solid #ffffff85;border-radius:17px;flex-basis:54px;width:54px;height:54px;box-shadow:inset 0 1px #fff;color:inherit!important;font-size:18px!important}.overtime-metrics article>div{z-index:1}.overtime-metrics small{color:inherit;font-weight:850;font-size:11px!important}.overtime-metrics strong{color:inherit;margin-top:5px;font-family:Inter,Arial,sans-serif;font-size:30px;font-weight:900}.overtime-entry-panel,.overtime-approval-panel,.ot-type-settings{border:0;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #17233d10}.overtime-entry-panel{margin-bottom:18px}.overtime-entry-panel .ot-compact-head,.overtime-approval-panel .ot-compact-head,.ot-type-settings .ot-compact-head{background:#fff;min-height:82px;padding:16px 20px}.overtime-entry-panel .ot-section-icon{color:#fff;background:linear-gradient(135deg,#ff7a66,#ff507b)}.overtime-approval-panel .ot-section-icon{color:#fff;background:linear-gradient(135deg,#5e73e7,#7657d8)}.ot-type-settings .ot-section-icon{color:#fff;background:linear-gradient(135deg,#2b9fb0,#177a91)}.ot-head-copy h3{font-size:19px;font-weight:850}.overtime-entry-grid{background:#f6f7fb;grid-template-columns:1.05fr 1fr 1.05fr .7fr;gap:14px;padding:18px 20px 22px}.overtime-entry-grid>label,.overtime-entry-grid>.locked-staff-field{background:#fff0eb;border:0;border-radius:17px;min-width:0;padding:14px;box-shadow:0 7px 18px #24344e0a}.overtime-entry-grid>label:nth-of-type(2){background:#e9f8f4}.overtime-entry-grid>label:nth-of-type(3){background:#f0ebff}.overtime-entry-grid>label:nth-of-type(4),.overtime-entry-grid>label.wide{background:#fff6d9}.overtime-entry-grid label>span,.locked-staff-field>span{color:#4e596b;margin-bottom:8px;font-weight:850;font-size:10px!important}.overtime-entry-grid input,.overtime-entry-grid select{color:#263449;background:#ffffffd9;border:1px solid #fff;border-radius:12px;min-height:46px;font-size:11px;font-weight:750;box-shadow:0 3px 10px #24344e0a}.ot-hours-input{grid-template-columns:1fr 42px}.ot-hours-input b{background:#ffffffd9;border-color:#fff;border-radius:0 12px 12px 0;font-size:9px}.overtime-entry-grid label.wide{grid-column:span 3}.overtime-entry-grid>button{background:linear-gradient(135deg,#ff725f,#ff4d79);border-radius:17px;min-height:76px;font-size:11px;font-weight:900;box-shadow:0 12px 25px #ff62733b}.overtime-application-list{background:#f6f7fb;border-top:0;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:15px;padding:20px;display:grid}.overtime-application-list .ot-request-card{background:#fff;border:0;border-radius:20px;min-width:0;padding:19px;display:block;box-shadow:0 10px 25px #1b29450d}.overtime-application-list .ot-request-card.pending{background:linear-gradient(#fffaf0,#fff 42%);border-top:6px solid #f6b93b}.overtime-application-list .ot-request-card.approved{background:linear-gradient(#f0fff8,#fff 42%);border-top:6px solid #35be8b}.overtime-application-list .ot-request-card.rejected{background:linear-gradient(#fff3f5,#fff 42%);border-top:6px solid #f06c83}.ot-request-card>header{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ot-request-card .ot-rate-badge{border-radius:16px;width:52px;height:52px;font-size:11px}.ot-request-card>header span:nth-child(2){min-width:0}.ot-request-card>header small,.ot-request-card>header b{display:block}.ot-request-card>header small{color:#7a8494;text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden;font-size:9px!important}.ot-request-card>header span:nth-child(2)>b{color:#253247;margin-top:4px;font-size:14px;line-height:1.25}.ot-request-card .leave-status{padding:7px 9px;font-size:9px}.ot-request-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.ot-request-facts>span{background:#f2f4f8;border-radius:14px;grid-template-columns:32px 1fr;align-items:center;min-width:0;padding:11px;display:grid}.ot-request-facts i{color:#5267bc;background:#e3e8fb;border-radius:8px;grid-row:1/3;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;font-weight:900;display:grid}.ot-request-facts small{color:#858e9d;font-weight:800;font-size:8px!important}.ot-request-facts b{color:#39465a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ot-request-card>p{color:#5e6878;background:#f8f9fb;border-radius:12px;min-height:37px;margin:12px 0 0;padding:10px 12px;font-size:10px;font-weight:650;line-height:1.45}.ot-request-card>footer{justify-content:flex-end;align-items:center;gap:7px;min-height:38px;margin-top:14px;display:flex}.ot-request-card>footer button{border-radius:10px;min-width:68px;min-height:35px;font-size:9px;font-weight:850}.ot-request-card>footer small{color:#758091;font-weight:750;font-size:9px!important}.role-preview-button{color:#d8e5ff;background:#ffffff12;border:1px solid #ffffff20;border-radius:9px;place-items:center;width:27px;height:27px;margin-left:auto;font-size:7px;font-weight:900;display:grid}.supervisor-profile>span{color:#dff8ff;background:#228ea636}.supervisor-note{background:#1f819634;border-color:#56b9ce30}.access-role-chip{color:#526171;background:#edf1f5;border-radius:999px;align-items:center;min-height:26px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.access-role-chip.supervisor{color:#17677a;background:#dff4f8}.access-role-chip.employer{color:#725020;background:#fff0c9}.ot-workspace-tabs{background:#fff;border:1px solid #e4e8ef;border-radius:14px;gap:5px;margin:-4px 0 16px;padding:5px;display:inline-flex;box-shadow:0 8px 22px #1b29450a}.ot-workspace-tabs button{color:#6f7989;background:0 0;border:0;border-radius:10px;min-height:39px;padding:8px 15px;font-size:10px;font-weight:850}.ot-workspace-tabs button.active{color:#fff;background:linear-gradient(135deg,#243b66,#14243f)}.ot-workspace-tabs b{min-width:20px;height:20px;color:inherit;background:#fff2;border-radius:7px;place-items:center;margin-left:5px;font-size:8px;display:inline-grid}.saturday-roster-panel{border:0;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #17233d10}.saturday-roster-head{background:linear-gradient(135deg,#182a4a,#244369);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.saturday-roster-head h3,.saturday-roster-head p{color:#fff;margin:0}.saturday-roster-head h3{font-size:22px}.saturday-roster-head p:last-child{color:#c8d5e8;margin-top:6px;font-size:10px;font-weight:650}.saturday-roster-head>span{color:#fff;background:#ffffff12;border:1px solid #ffffff28;border-radius:13px;place-items:center;min-width:72px;height:42px;font-size:10px;font-weight:900;display:grid}.roster-rule-strip{color:#435168;background:#f5f7fb;align-items:center;gap:10px;padding:13px 24px;font-size:9px;display:flex}.roster-rule-strip span{border-radius:10px;place-items:center;min-width:40px;height:30px;font-size:9px;font-weight:900;display:grid}.roster-rule-strip .normal{color:#136d54;background:#d9f7e9}.roster-rule-strip .overtime{color:#84304d;background:#ffe0e8}.roster-rule-strip i{color:#9aa4b3;font-style:normal}.saturday-roster-grid{background:#eef1f6;grid-template-columns:repeat(5,minmax(225px,1fr));gap:12px;padding:18px 20px;display:grid;overflow-x:auto}.saturday-roster-day{background:#fff;border-radius:18px;min-width:225px;overflow:hidden;box-shadow:0 8px 20px #20304b0c}.saturday-roster-day>header{color:#fff;background:linear-gradient(135deg,#6255b4,#8a62d1);grid-template-columns:1fr auto;gap:2px 8px;padding:15px;display:grid;position:relative}.saturday-roster-day>header span{font-size:9px;font-weight:850}.saturday-roster-day>header strong{grid-area:1/2/3;font-family:Georgia,serif;font-size:29px}.saturday-roster-day>header small{color:#e7e2fb;font-size:8px}.saturday-roster-day>header em{background:#ffffff1f;border-radius:7px;grid-column:1/-1;width:max-content;margin-top:7px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:850}.saturday-roster-day>div{gap:7px;padding:10px;display:grid}.saturday-roster-day label{cursor:pointer;border:1px solid #edf0f4;border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.saturday-roster-day input{accent-color:#624fb9;width:17px;height:17px}.saturday-roster-day label span{min-width:0}.saturday-roster-day label b,.saturday-roster-day label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saturday-roster-day label b{color:#334156;font-size:9px}.saturday-roster-day label small{color:#8a93a1;margin-top:2px;font-size:7px}.saturday-roster-day label em{color:#25775e;background:#d8f4e9;border-radius:7px;grid-column:2;width:max-content;padding:4px 7px;font-size:7px;font-style:normal;font-weight:900}.saturday-roster-day label.overtime em{color:#a13f5c;background:#ffdbe4}.roster-summary-row{background:#fff;border-top:1px solid #e6eaf0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:18px 20px 22px;display:grid}.roster-summary-row article{background:#f4f6f9;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.roster-summary-row article>span{color:#5d50aa;background:#e9e5fb;border-radius:11px;place-items:center;width:38px;height:38px;font-size:8px;font-weight:900;display:grid}.roster-summary-row b,.roster-summary-row small{display:block}.roster-summary-row b{font-size:9px}.roster-summary-row small{color:#7e8795;margin-top:3px;font-size:7px}.roster-summary-row strong{color:#4f5d72;font-size:17px}.roster-summary-row strong small{display:inline}.roster-summary-row article.has-overtime{background:#fff0f4}.roster-summary-row article.has-overtime strong{color:#ba4565}.staff-saturday-roster{background:#f2f4f8;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px;padding:20px;display:grid}.staff-saturday-roster article{background:#fff;border-radius:18px;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 8px 22px #1b29450c}.staff-saturday-roster article.overtime{border-top:6px solid #ef6e92}.staff-saturday-roster article.normal{border-top:6px solid #43bd91}.roster-date-mark{color:#fff;background:linear-gradient(135deg,#6f58bd,#a16cda);border-radius:15px;place-items:center;width:50px;height:50px;font-family:Georgia,serif;font-size:22px;display:grid}.staff-saturday-roster small,.staff-saturday-roster b{display:block}.staff-saturday-roster small{color:#818b99;font-size:8px}.staff-saturday-roster b{margin-top:4px;font-size:11px}.staff-saturday-roster em{color:#1d7559;background:#dff6eb;border-radius:9px;padding:6px 9px;font-size:8px;font-style:normal;font-weight:900}.staff-saturday-roster article.overtime em{color:#a23c5d;background:#ffe0e8}.staff-saturday-roster button{color:#fff;background:#ef5c83;border:0;border-radius:10px;grid-column:2/-1;min-height:34px;font-size:9px;font-weight:900}@media (width<=1100px){.overtime-metrics,.overtime-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overtime-entry-grid label.wide{grid-column:span 2}.overtime-entry-grid>button{width:100%}.saturday-roster-grid{grid-template-columns:repeat(5,235px)}}@media (width<=760px){.overtime-title{align-items:stretch}.overtime-title h2{font-size:30px}.overtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overtime-metrics article{min-height:100px;padding:15px}.overtime-metrics .ot-metric-icon{border-radius:14px;flex-basis:44px;width:44px;height:44px}.overtime-metrics strong{font-size:25px}.overtime-entry-grid{grid-template-columns:1fr;padding:14px}.overtime-entry-grid label.wide{grid-column:auto}.overtime-application-list{grid-template-columns:1fr;padding:14px}.ot-request-card>header{grid-template-columns:48px minmax(0,1fr)}.ot-request-card .leave-status{grid-column:2;justify-self:start}.saturday-roster-head{align-items:flex-start;padding:18px}.saturday-roster-head h3{font-size:19px}.roster-rule-strip{padding-inline:16px}.saturday-roster-grid{padding:14px}.roster-summary-row{grid-template-columns:1fr;padding:14px}}@media (width<=430px){.overtime-metrics{grid-template-columns:1fr}}.announcement-ticker{color:#26365b;background:#fff;border:1px solid #d9e1f2;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:50px;margin:12px 0;padding:0 16px;display:grid;overflow:hidden;box-shadow:0 8px 24px #1f2b460f}.announcement-ticker.important{background:#fffaf0;border-color:#ead9aa}.announcement-ticker.urgent{background:#fff6f6;border-color:#efc4c7}.announcement-ticker>strong{white-space:nowrap;font-size:12.5px}.announcement-ticker>em{color:#fff;background:#5363d4;border-radius:99px;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;font-weight:850;display:grid}.announcement-ticker-window{min-width:0;overflow:hidden}.announcement-ticker-track{width:max-content;animation:linear infinite lovely-announcement-scroll;display:flex}.announcement-ticker-group{flex:none;align-items:center;gap:34px;padding-right:34px;display:flex}.announcement-ticker-item{color:#5a6474;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.announcement-ticker-item b{color:#26365b;font-size:12.5px}.announcement-ticker-item.important b{color:#94661e}.announcement-ticker-item.urgent b{color:#b23f4c}.announcement-ticker-item i{color:#aab3c2;font-style:normal}.announcement-ticker:hover .announcement-ticker-track,.announcement-ticker:focus-within .announcement-ticker-track{animation-play-state:paused}@keyframes lovely-announcement-scroll{to{transform:translate(-50%)}}.dashboard-approval-route,.approval-route{align-self:center;gap:4px;display:grid}.dashboard-approval-route b,.approval-route b{color:#364258;font-size:12px}.dashboard-approval-route small,.approval-route small{color:#7a8494;font-size:11px;line-height:1.35}.dashboard-approval-list em.ready{color:#147356;background:#d9f8e9}.dashboard-approval-list em.employer-only{color:#96591f;background:#ffedca}.company-leave-settings{grid-column:1/-1;padding:22px;overflow:hidden}.company-leave-tabs{background:#f5f6fa;border-radius:12px;align-items:center;gap:8px;margin:18px 0;padding:6px;display:flex}.company-leave-tabs>button{color:#657084;background:0 0;border:0;border-radius:9px;min-height:40px;padding:0 15px;font-size:12px;font-weight:800}.company-leave-tabs>button.active{color:#fff;background:#26365b;box-shadow:0 5px 14px #26365b2e}.company-leave-tabs>label{color:#6c7585;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:750;display:flex}.company-leave-tabs input{background:#fff;border:1px solid #dce1ea;border-radius:8px;width:90px;min-height:38px;padding:7px 9px;font-size:12px}.leave-settings-message{color:#315c4e;background:#edf8f3;border-radius:9px;margin:0 0 14px;padding:11px 13px;font-size:12px;font-weight:700}.company-calendar-settings .holiday-compliance-panel{border:1px solid var(--line);border-radius:12px}.company-calendar-settings .statutory-holiday-grid{padding:16px 20px}.company-calendar-settings .gazette-actions{grid-template-columns:1fr auto}.holiday-law-links{flex-wrap:wrap;gap:12px;display:flex}.holiday-law-links a{color:#355cc2;font-size:11px;font-weight:800;text-decoration:none}.company-calendar-settings .company-holiday-workspace{margin-top:14px}.company-calendar-settings .company-holiday-form,.company-calendar-settings .company-holiday-list-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.company-calendar-settings .company-holiday-fields{padding:14px 0}.company-calendar-settings .company-holiday-form>.primary-button{margin-left:auto}.leave-rule-settings{grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);gap:15px;display:grid}.leave-rule-settings>aside{align-content:start;gap:6px;display:grid}.leave-rule-settings>aside>button{text-align:left;background:#fff;border:1px solid #e1e5ec;border-radius:10px;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;display:grid}.leave-rule-settings>aside>button.active{background:#f4f5ff;border-color:#5363d4;box-shadow:inset 3px 0 #5363d4}.leave-rule-settings>aside i{border-radius:99px;width:10px;height:32px}.leave-rule-settings>aside b,.leave-rule-settings>aside small{display:block}.leave-rule-settings>aside b{color:#344055;font-size:12px}.leave-rule-settings>aside small{color:#7a8494;margin-top:3px;font-size:10.5px}.leave-rule-settings>aside em{color:#5363d4;background:#e9ebff;border-radius:99px;place-items:center;min-width:25px;height:25px;font-size:10px;font-style:normal;font-weight:850;display:grid}.leave-rule-settings>section{background:#fbfcfe;border:1px solid #e1e5ec;border-radius:12px;min-width:0;padding:17px}.leave-rule-settings>section>header,.leave-rule-settings>section>footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.leave-rule-settings>section>header h3{margin:2px 0 4px}.leave-rule-settings>section>header p:last-child,.leave-rule-settings>section>footer p{color:#717b8c;margin:0;font-size:11px}.leave-rule-list{gap:10px;margin:15px 0;display:grid}.leave-rule-list>article{background:#fff;border:1px solid #e1e5ec;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.leave-rule-number{color:#fff;background:#5363d4;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.leave-rule-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.leave-rule-fields label.wide,.leave-rule-fields .leave-rule-multiselect.wide{grid-column:span 2}.leave-rule-fields label>span{color:#667085;margin-bottom:5px;font-size:10.5px;font-weight:800;display:block}.leave-rule-fields input,.leave-rule-fields select{color:#344055;background:#fff;border:1px solid #dbe0e8;border-radius:8px;width:100%;min-height:40px;padding:8px 9px;font-size:12px}.leave-rule-multiselect{background:#fff;border:1px solid #dbe0e8;border-radius:9px;min-width:0;margin:0;padding:8px 10px 9px}.leave-rule-multiselect legend{color:#667085;padding:0 4px;font-size:10.5px;font-weight:850}.leave-rule-multiselect legend small{color:#8a93a1;margin-left:4px;font-size:9px;font-weight:650}.leave-rule-multiselect>div{flex-wrap:wrap;gap:6px;display:flex}.leave-rule-multiselect>div>label{color:#687386;cursor:pointer;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:5px 8px;display:inline-flex}.leave-rule-multiselect>div>label.selected{color:#4e3ca7;background:#eeeaff;border-color:#7b6bd1;box-shadow:inset 0 0 0 1px #7b6bd124}.leave-rule-multiselect input{accent-color:#604bc2;width:15px;min-height:15px;padding:0}.leave-rule-multiselect>div>label span{color:inherit;margin:0;font-size:10px;font-weight:850}.leave-rule-multiselect>small{color:#7d8796;margin-top:7px;font-size:9px;line-height:1.35;display:block}.rule-days{border:1px solid #dbe0e8;border-radius:8px;align-items:center;display:flex;overflow:hidden}.rule-days input{border:0}.rule-days b{color:#7a8494;padding-right:9px;font-size:10.5px}.leave-rule-actions{align-content:space-between;justify-items:end;gap:10px;display:grid}.leave-rule-actions label{color:#315c4e;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.leave-rule-actions button{color:#a34852;background:#fff7f7;border:1px solid #efcdd0;border-radius:8px;padding:7px 9px;font-size:10.5px;font-weight:800}.staff-entitlement-workspace .manual-override-chip{color:#7b5a18;background:#fff1c8}.entitlement-save-actions{gap:5px;display:grid}.entitlement-save-actions>button:last-child{color:#5363d4;background:0 0;border:0;font-size:10px;font-weight:800}@media (width<=900px){.leave-rule-settings{grid-template-columns:1fr}.leave-rule-settings>aside,.leave-rule-fields,.company-calendar-settings .statutory-holiday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.announcement-ticker{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:0 12px}.announcement-ticker>em{display:none}.announcement-ticker>strong,.announcement-ticker-item,.announcement-ticker-item b{font-size:11.5px}.company-leave-tabs{flex-wrap:wrap;align-items:stretch}.company-leave-tabs>button{flex:1}.company-leave-tabs>label{justify-content:flex-end;width:100%;margin-left:0}.leave-rule-settings>aside,.leave-rule-fields,.company-calendar-settings .statutory-holiday-grid{grid-template-columns:1fr}.leave-rule-fields label.wide,.leave-rule-fields .leave-rule-multiselect.wide{grid-column:auto}.leave-rule-list>article{grid-template-columns:30px minmax(0,1fr)}.leave-rule-actions{grid-column:2;grid-template-columns:1fr auto;place-items:center start}.leave-rule-settings>section>header,.leave-rule-settings>section>footer{flex-direction:column;align-items:flex-start}.approval-request,.approval-route,.approval-time,.approval-actions,.dashboard-request-detail,.dashboard-approval-route{grid-column:2}}@media (prefers-reduced-motion:reduce){.announcement-ticker-window{overflow-x:auto}.announcement-ticker-track{animation:none!important}.announcement-ticker-group[aria-hidden=true]{display:none}}:root{--cube-yellow:linear-gradient(135deg, #fff1ad, #ffd967);--cube-green:linear-gradient(135deg, #d9fae9, #75dfb2);--cube-pink:linear-gradient(135deg, #ffe1e7, #ff93a6);--cube-purple:linear-gradient(135deg, #eee7ff, #b79cf8);--cube-blue:linear-gradient(135deg, #dff3ff, #7fc9f5);--cube-coral:linear-gradient(135deg, #ffe7dc, #ffad8a);--cube-shadow:0 15px 36px #1d2a4612}body{background:#f3f5fa}.topbar{border-bottom:0;box-shadow:0 8px 24px #16233b0a}.page-content{width:min(1800px,100%);padding-top:24px}.content-title{align-items:center;margin-bottom:19px}.content-title h2{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.05em;font-size:34px;font-weight:850}.content-title>div>p:last-child{color:#687386;max-width:720px;font-size:11px;font-weight:650;line-height:1.45}.section-kicker{color:#756690;font-size:9px;font-weight:900}.panel{box-shadow:var(--cube-shadow);border:0;border-radius:22px}.panel h3{font-family:var(--font-geist-sans), Arial, sans-serif;font-size:18px;font-weight:850}.panel-head,.leave-panel-head,.daily-brief-head{background:#fff;border-bottom:1px solid #edf0f4;align-items:center;min-height:76px;padding:16px 19px}.primary-button{background:linear-gradient(135deg,#ff765f,#ff4d7b);border-radius:14px;min-height:42px;font-size:10px;font-weight:900;box-shadow:0 11px 24px #ff62743a}.primary-button:hover{background:linear-gradient(135deg,#ff604f,#ef3f70);transform:translateY(-1px)}.secondary-button,.filter-button{background:#fff;border:0;border-radius:13px;min-height:40px;font-size:9px;font-weight:850;box-shadow:0 7px 18px #1f2e480d}.filter-button.active,.directory-filters button.active,.approval-filters button.active{background:linear-gradient(135deg,#5f73df,#7658d5);border-color:#0000;box-shadow:0 8px 18px #655dca2c}.nav-item.active,.nav-submenu .nav-item.active{background:linear-gradient(100deg,#ff6f61,#9a62d6);box-shadow:0 9px 22px #08132538}.nav-item.active{box-shadow:none}.nav-item.active .nav-icon{background:#ffffff2c}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){border:0;gap:14px}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{background:var(--cube-yellow);min-height:104px;box-shadow:var(--cube-shadow);border:0;border-radius:21px;padding:18px;position:relative;overflow:hidden}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:after{content:"";pointer-events:none;background:0 0;border:20px solid #ffffff35;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-54px;right:-34px}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:first-child{background:var(--cube-yellow)}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(2){background:var(--cube-green)}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(3){background:var(--cube-pink)}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4){background:var(--cube-purple)}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(5){background:var(--cube-blue)}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) :is(small,span,p,em){z-index:1;color:#49566a;font-weight:750;position:relative}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) strong{z-index:1;color:#243146;font-family:var(--font-geist-sans), Arial, sans-serif;font-size:25px;font-weight:900;position:relative}.simple-kpis>article,.simple-kpis>button{text-align:left;grid-template-columns:46px 1fr auto;gap:13px}.simple-kpis strong{font-size:23px}.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span{color:#334359;border:1px solid #ffffff7d;border-radius:15px;width:46px;height:46px;box-shadow:inset 0 1px #fff;background:#ffffff76!important}.claim-metrics article:before,.approval-metrics article:after{display:none}.holiday-selection-summary article+article{border-left:0}.holiday-selection-summary article{padding:18px}.holiday-selection-summary strong{font-size:27px}.simple-dashboard-grid>.panel,.simple-info-grid>.panel,.daily-brief-grid>.panel,.settings-grid>.panel,.dashboard-grid>.panel,.approval-sidebar>.panel,.self-service-side>.panel{border-radius:22px;border-top:0!important}.simple-dashboard-grid>.panel:first-child,.daily-brief-grid>.panel:first-child{background:linear-gradient(#fffaf0,#fff 42%)}.simple-dashboard-grid>.panel:nth-child(2),.daily-brief-grid>.panel:nth-child(2){background:linear-gradient(#f0fff8,#fff 42%)}.simple-info-grid>.panel:first-child,.daily-brief-grid>.panel:nth-child(3){background:linear-gradient(#f3f0ff,#fff 42%)}.simple-info-grid>.panel:nth-child(2){background:linear-gradient(#fff2f5,#fff 42%)}.simple-info-grid>.panel:nth-child(3){background:linear-gradient(#edf8ff,#fff 42%)}.simple-info-grid article>header h3,.simple-today-card h3,.simple-payroll-card h3{font-size:16px;font-weight:850}.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{background:linear-gradient(135deg,#5f73df,#7658d5);border-radius:12px;box-shadow:0 8px 18px #655dca25}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions){background:#f5f7fb;gap:12px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset,.claim-receipt,.mc-upload,.leave-balance-preview){background:#fff0ea;border:0;border-radius:16px;min-width:0;margin:0;padding:13px;box-shadow:0 7px 18px #24344e08}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset):nth-child(3n+2){background:#eaf9f3}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset):nth-child(3n){background:#f0ebff}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) :is(input,select,textarea){background:#fffd;border-color:#fff;border-radius:11px;min-height:43px;font-size:10px;font-weight:650;box-shadow:0 3px 10px #24344e08}.allowance-form,.ot-type-form,.deduction-admin-form{background:linear-gradient(145deg,#f0ebff,#fff);border:0;border-radius:18px;padding:18px}.allowance-form>label,.ot-type-form label,.deduction-admin-form label{background:#ffffffb8;border-radius:13px;padding:10px}.resume-upload-card,.cloud-file-empty,.empty-device{background:linear-gradient(145deg,#edf8ff,#f5f1ff);border:0;border-radius:18px}:is(.leave-application-list,.claim-list,.approval-list,.company-holiday-list,.allowance-admin-list,.deduction-admin-list,.compliance-rule-list){background:#f5f7fb;border:0;gap:10px;padding:14px;display:grid}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article,.company-holiday-list>div:not(.leave-empty),.allowance-admin-list>div,.deduction-admin-list>div{background:#fff;border:0;border-radius:17px;margin:0;padding:15px;box-shadow:0 8px 22px #1d2a460c}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article:nth-child(4n+1),.allowance-admin-list>div:nth-child(4n+1){background:linear-gradient(110deg,#fff8e9,#fff 42%)}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article:nth-child(4n+2),.allowance-admin-list>div:nth-child(4n+2){background:linear-gradient(110deg,#edfff7,#fff 42%)}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article:nth-child(4n+3),.allowance-admin-list>div:nth-child(4n+3){background:linear-gradient(110deg,#fff0f3,#fff 42%)}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article:nth-child(4n),.allowance-admin-list>div:nth-child(4n){background:linear-gradient(110deg,#f2edff,#fff 42%)}.staff-entitlement-list{background:#f5f7fb;gap:10px;padding:12px;display:grid}.staff-entitlement-list article{border:0;border-radius:17px;margin:0;padding:15px;box-shadow:0 8px 22px #1d2a460c}.cloud-record-card{box-shadow:var(--cube-shadow);background:#fff;border:0;border-radius:20px}.cloud-document-list,.kpi-history{border-top:0;gap:8px;display:grid}.cloud-document-list>div,.kpi-history>div{background:#f5f7fb;border:0;border-radius:13px;padding:11px}.staff-table{background:#f5f7fb;padding:10px}.table-row{background:#fff;border:0;border-radius:14px;margin-bottom:8px;padding:14px 16px;box-shadow:0 6px 18px #1d2a4609}.table-row.table-header{color:#fff;background:linear-gradient(100deg,#233954,#6957a7);box-shadow:0 8px 20px #26395524}.table-row.table-header>*{color:#fff}.leave-balance-table{background:#f5f7fb;padding:10px}.leave-balance-row{background:#fff;border-radius:13px;margin-bottom:7px;overflow:hidden;box-shadow:0 6px 18px #1d2a4608}.leave-balance-row>span,.leave-balance-row>span+span{border:0}.leave-balance-row.header{background:linear-gradient(100deg,#233954,#6957a7)}.calendar-weekdays{background:0 0;border:0;gap:5px}.calendar-weekdays b{background:#fff;border:0;border-radius:10px}.calendar-grid{gap:5px}.calendar-day{border:0;border-radius:14px;box-shadow:0 5px 15px #1d2a4608}.calendar-day.today{background:var(--cube-yellow);box-shadow:0 7px 18px #d2a64020}.calendar-event{border-radius:8px;padding:5px 7px}.category-cards>div{background:var(--cube-yellow);min-height:105px;box-shadow:var(--cube-shadow);border:0;border-radius:18px;padding:16px}.category-cards>div:nth-child(2){background:var(--cube-green)}.category-cards>div:nth-child(3){background:var(--cube-purple)}.category-cards span{color:#37455b;font-size:11px}.category-cards small{color:#536075}.integration-card,.employer-settings,.benefit-settings,.company-holiday-form,.company-holiday-list-panel,.claim-entry-panel,.claim-list-panel,.leave-calendar-panel,.leave-applications-panel,.leave-report-panel{border-radius:22px}.leave-status,.claim-list em,.self-activity-panel em{border-radius:99px;padding:7px 9px;font-weight:850;font-size:8px!important}.leave-actions .approve,.approval-actions button.approve{background:linear-gradient(135deg,#43c392,#279e75)}.leave-actions .reject,.approval-actions button.reject{background:linear-gradient(135deg,#f07d79,#df5b69)}.main small{font-size:9.5px!important}.dashboard-approval-inbox{background:#fff;margin:14px 0;overflow:hidden}.dashboard-approval-inbox>header{color:#fff;background:radial-gradient(circle at 88% 120%,#8f6ee7 0,#0000 32%),linear-gradient(110deg,#1d3150,#293d62);justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:17px 20px;display:flex}.dashboard-approval-inbox>header>div:first-child{align-items:center;gap:13px;display:flex}.approval-inbox-icon{background:#ffffff18;border:1px solid #ffffff35;border-radius:15px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.dashboard-approval-inbox>header small{color:#bdc9da;letter-spacing:.12em;font-weight:900;font-size:9px!important}.dashboard-approval-inbox>header h3{color:#fff;margin:3px 0 0;font-size:20px}.approval-inbox-summary{grid-template-columns:auto auto auto;align-items:center;gap:12px;display:grid}.approval-inbox-summary span{color:#c8d1df;font-size:10px;font-weight:750}.approval-inbox-summary button{color:#fff;background:#ffffff12;border:1px solid #ffffff2a;border-radius:12px;min-height:38px;padding:0 14px;font-size:9px;font-weight:850}.dashboard-approval-list{background:#f3f5fa;gap:9px;padding:13px;display:grid}.dashboard-approval-list>article{background:linear-gradient(105deg,#fff7df,#fff 42%);border-radius:17px;grid-template-columns:68px minmax(130px,.8fr) minmax(170px,1fr) minmax(175px,.65fr) 90px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;display:grid;box-shadow:0 7px 20px #1d2a460b}.dashboard-approval-list>article.overtime{background:linear-gradient(105deg,#e9fff5,#fff 42%)}.dashboard-approval-list>article.claim{background:linear-gradient(105deg,#f1ebff,#fff 42%)}.dashboard-request-kind{color:#695423;background:#ffd66e;border-radius:12px;place-items:center;min-height:40px;font-size:10px;font-weight:900;display:grid}.overtime .dashboard-request-kind{color:#12694f;background:#85e0b6}.claim .dashboard-request-kind{color:#59438e;background:#bda6f5}.dashboard-request-person b,.dashboard-request-person small,.dashboard-request-detail b,.dashboard-request-detail small{display:block}.dashboard-request-person b,.dashboard-request-detail b{color:#29374c;font-size:10px}.dashboard-request-person small,.dashboard-request-detail small{color:#6e798a;margin-top:4px}.dashboard-approval-list label,.approval-assignee{gap:4px;display:grid}.dashboard-approval-list label>span,.approval-assignee>span{color:#6d7889;font-size:8px;font-weight:850}.dashboard-approval-list select,.approval-assignee select{color:#334156;background:#fff;border:1px solid #dfe4ec;border-radius:11px;width:100%;min-height:38px;padding:0 10px;font-size:9px;font-weight:750}.dashboard-approval-list em{border-radius:99px;justify-self:end;padding:7px 9px;font-size:8px;font-style:normal;font-weight:900}.dashboard-approval-list em.assigned{color:#147356;background:#d9f8e9}.dashboard-approval-list em.unassigned{color:#9a6722;background:#fff0cb}.approval-inbox-state{color:#707c8d;place-items:center;min-height:100px;margin:0;font-size:10px;font-weight:750;display:grid}.approval-inbox-state.error{grid-template-columns:1fr auto;padding:20px}.approval-inbox-state button{color:#fff;background:#695fd2;border:0;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:850}.approval-inbox-empty{background:#f4f8f6;justify-content:center;align-items:center;gap:11px;min-height:100px;display:flex}.approval-inbox-empty>span{color:#147356;background:#d9f8e9;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.approval-inbox-empty b,.approval-inbox-empty small{display:block}.approval-inbox-empty b{color:#334156;font-size:11px}.approval-inbox-empty small{color:#748091;margin-top:3px}.approval-list>article{grid-template-columns:38px minmax(115px,.65fr) minmax(180px,1fr) minmax(145px,.65fr) 80px auto}.approval-assignee{align-self:center}.approval-assignee select{min-width:0}.approval-settings{overflow:hidden}.approval-settings-message{color:#277258;background:#e4f7ef;border-radius:11px;margin:12px 16px 0;padding:9px 11px;font-size:9px;font-weight:750}.approval-settings-body{background:#f4f6fa;gap:17px;padding:17px;display:grid}.approval-settings-body>section>header{justify-content:space-between;align-items:center;margin:0 2px 9px;display:flex}.approval-settings-body>section>header b{color:#354359;font-size:12px}.approval-settings-body>section>header span{color:#5e6b7c;background:#e7ebf1;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850}.approver-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.approver-card-grid>article{background:linear-gradient(140deg,#fff1bc,#fff);border:2px solid #0000;border-radius:18px;padding:14px;overflow:hidden;box-shadow:0 8px 22px #1d2a460b}.approver-card-grid>article:nth-child(3n+2){background:linear-gradient(140deg,#daf8e9,#fff)}.approver-card-grid>article:nth-child(3n){background:linear-gradient(140deg,#eee7ff,#fff)}.approver-card-grid>article.active{border-color:#6fd6aa}.approver-card-grid>article.default{border-color:#8269db;box-shadow:0 10px 24px #705cca22}.approver-card-grid article>header{grid-template-columns:38px 1fr auto;align-items:center;gap:9px;display:grid}.approver-card-grid article>header>span{color:#fff;background:linear-gradient(135deg,#344f75,#6b5cc2);border-radius:12px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.approver-card-grid article>header b,.approver-card-grid article>header small{display:block}.approver-card-grid article>header b{color:#29384d;font-size:10px}.approver-card-grid article>header small{color:#6f7b8d;margin-top:3px}.approver-master{justify-items:end;gap:3px;display:grid}.approver-master input{accent-color:#44b889;width:18px;height:18px}.approver-master i{color:#657185;font-size:7px;font-style:normal;font-weight:800}.approver-rights{grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0 10px;display:grid}.approver-rights label{color:#45536a;background:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:8px;font-weight:850;display:flex}.approver-rights input{accent-color:#685dcf}.approver-default{color:#5f54bb;background:#eeeaff;border:0;border-radius:10px;width:100%;min-height:34px;font-size:8px;font-weight:900}.approver-default:disabled{color:#687486;background:#ffffff93}.approval-settings>footer{background:#fff;border-top:1px solid #e7eaf0;align-items:center;gap:10px;padding:13px 17px;display:flex}.approval-settings>footer>span{color:#177255;background:#def6ea;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.approval-settings>footer b,.approval-settings>footer small{display:block}.approval-settings>footer b{color:#38465a;font-size:9px}.approval-settings>footer small{color:#758092;margin-top:3px;line-height:1.45}@media (width<=1100px){:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-approval-list>article{grid-template-columns:64px 1fr 1fr minmax(150px,.75fr)}.dashboard-approval-list em{display:none}.approver-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page-content{padding-inline:14px}.content-title h2{font-size:30px}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{min-height:96px;padding:14px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions){grid-template-columns:1fr}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>*{grid-column:auto!important}.simple-kpis>article,.simple-kpis>button{grid-template-columns:40px 1fr}.simple-kpis em{display:none}.dashboard-approval-inbox>header{flex-direction:column;align-items:flex-start}.approval-inbox-summary{grid-template-columns:auto 1fr auto;width:100%}.dashboard-approval-list>article{grid-template-columns:58px 1fr}.dashboard-request-detail,.dashboard-approval-list label{grid-column:2}.approver-card-grid{grid-template-columns:1fr}}@media (width<=430px){:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){grid-template-columns:1fr}}body{color:var(--ink);font-family:var(--font-geist-sans), Jost, Arial, sans-serif;font-size:13px}:is(h1,h2,h3,h4,.content-title h2,.panel h3,.calendar-toolbar h3,.company-banner-copy h3){font-family:var(--font-cormorant), "DM Sans", Arial, sans-serif;letter-spacing:-.025em;font-style:normal}.sidebar{background:#000;width:158px;padding:18px 10px 14px}.brand-mark{color:#000;width:31px;height:31px;box-shadow:none;font-family:var(--font-cormorant), "DM Sans", sans-serif;background:#fff;border:1px solid #ffffff35;border-radius:7px;flex-basis:31px;font-size:17px;font-style:normal}.brand strong{color:#fff;font-family:var(--font-cormorant), "DM Sans", sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.nav-submenu{border-left-color:#ffffff24;margin-left:11px}.nav-submenu .nav-item,.sidebar .nav-submenu .nav-item{font-size:10px}.sidebar-note,.sidebar-staff-profile,.staff-secure-note{background:#ffffff09;border-color:#ffffff1c;border-radius:10px}.role-preview-button,.return-admin{background:#ffffff08;border-color:#fff2}.topbar-company-logo{color:#fff;box-shadow:none;font-family:var(--font-cormorant), "DM Sans", sans-serif;background:#000;border-radius:7px;font-style:normal}.topbar h1{color:#262626;font-family:var(--font-cormorant), "DM Sans", sans-serif;font-size:21px;font-weight:700}.period-picker,.period-pill,.icon-button,.staff-account-pill{box-shadow:none;background:#fff;border-color:#dfd9d3;border-radius:9px}.page-content{width:min(1780px,100%);padding:22px 24px 44px}.content-title{margin-bottom:20px}.content-title h2{color:#262626;font-size:30px;font-weight:720}.content-title>div>p:last-child{color:#70685f;font-size:12px;font-weight:450}.panel-head,.leave-panel-head,.daily-brief-head{border-bottom-color:var(--line);background:#fff;min-height:72px}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{color:#fff;min-height:42px;box-shadow:none;background:#000;border:1px solid #000;border-radius:8px;font-size:11px;font-weight:700}.secondary-button,.filter-button,.daily-brief-head>button{min-height:40px;box-shadow:none;background:#fff;border:1px solid #dfd9d3;border-radius:8px;font-size:10px}.filter-button.active,.directory-filters button.active,.approval-filters button.active,.ot-workspace-tabs button.active{color:#fff;box-shadow:none;background:#000;border-color:#000}.simple-hero{background:#000;border:0;border-radius:14px;min-height:168px;box-shadow:0 14px 34px #0000001a}.simple-hero h2.simple-motivation{color:#fff;font-family:var(--font-cormorant), "DM Sans", sans-serif;font-size:clamp(25px,2.25vw,34px);font-style:normal;font-weight:650;line-height:1.08}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{border:1px solid var(--line);border-radius:12px;min-height:96px;padding:16px;box-shadow:0 6px 20px #26262608;background:#fff!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:after{display:none}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(2n){border-top:3px solid #b7aca2}.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span{color:#262626;box-shadow:none;border:0;border-radius:10px;background:#ece8e4!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) :is(small,span,p,em){color:#70685f}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) strong{color:#262626;font-family:var(--font-cormorant), "DM Sans", sans-serif;font-size:24px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions){background:#f7f6f4}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset,.claim-receipt,.mc-upload,.leave-balance-preview),:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset):nth-child(n){box-shadow:none;background:#fff;border:1px solid #e8e3de;border-radius:10px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) label>span{color:#5e5751;font-size:10px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) :is(input,select,textarea){min-height:42px;box-shadow:none;background:#fff;border:1px solid #ddd7d1;border-radius:7px;font-size:12px}.allowance-form,.ot-type-form,.deduction-admin-form,.resume-upload-card,.cloud-file-empty,.empty-device{border:1px solid var(--line);background:#f7f6f4;border-radius:10px}:is(.leave-application-list,.claim-list,.approval-list,.company-holiday-list,.allowance-admin-list,.deduction-admin-list,.compliance-rule-list),.staff-entitlement-list,.staff-table,.leave-balance-table{background:#f7f6f4}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article,.company-holiday-list>div:not(.leave-empty),.allowance-admin-list>div,.deduction-admin-list>div,:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article:nth-child(n),.allowance-admin-list>div:nth-child(n),.staff-entitlement-list article,.table-row,.leave-balance-row{box-shadow:none;background:#fff;border:1px solid #e7e2dd;border-radius:10px}.table-row.table-header,.leave-balance-row.header,.corp-table-head{color:#fff;box-shadow:none;background:#000}.table-row.table-header>*,.leave-balance-row.header>*{color:#fff}.dashboard-approval-inbox>header{color:#fff;background:#000;min-height:84px}.dashboard-approval-inbox>header small{color:#b7aca2}.approval-inbox-icon{border-radius:9px}.dashboard-approval-list,.approval-settings-body{background:#f7f6f4}.dashboard-approval-list>article,.dashboard-approval-list>article.overtime,.dashboard-approval-list>article.claim{box-shadow:none;background:#fff;border:1px solid #e7e2dd;border-radius:10px}.saturday-roster-panel{border:1px solid var(--line);box-shadow:var(--cube-shadow);border-radius:12px}.roster-rule-strip,.saturday-roster-grid{background:#f7f6f4}.saturday-roster-day{box-shadow:none;border:1px solid #e7e2dd;border-radius:10px}.saturday-roster-day label{border-radius:8px}.roster-date-mark{font-family:var(--font-cormorant), "DM Sans", sans-serif;background:#262626;border-radius:10px}.calendar-weekdays b,.calendar-day{box-shadow:none;background:#fff;border:1px solid #e5dfd9;border-radius:8px}.calendar-event{border-radius:5px}.category-cards>div,.category-cards>div:nth-child(n){border:1px solid var(--line);min-height:98px;box-shadow:none;background:#fff;border-radius:10px}.category-cards>div:nth-child(2){border-top:3px solid #b7aca2}.category-cards>div:nth-child(3){border-top:3px solid #262626}.cloud-record-card{border:1px solid var(--line);box-shadow:var(--cube-shadow);border-radius:12px}.simple-update-strip{box-shadow:var(--cube-shadow);border-radius:12px!important}.staff-company-banner{box-shadow:var(--cube-shadow);background:#fff;border-color:#ddd7d1 #ddd7d1 #ddd7d1 #000;border-radius:12px}.company-banner-icon{box-shadow:none;background:#000;border-radius:10px}.simple-dashboard-grid>.panel:nth-child(n),.simple-info-grid>.panel:nth-child(n),.daily-brief-grid>.panel:nth-child(n){background:#fff}.overtime-metrics article,.overtime-metrics article.pending,.overtime-metrics article.approved,.overtime-metrics article.rejected,.overtime-metrics article.hours{border:1px solid var(--line);color:#262626;min-height:104px;box-shadow:var(--cube-shadow);background:#fff;border-radius:12px;padding:18px}.overtime-metrics article.pending{border-top:3px solid #b7aca2}.overtime-metrics article.approved{border-top:3px solid #31815e}.overtime-metrics article.rejected{border-top:3px solid #a24f5d}.overtime-metrics article.hours{border-top:3px solid #262626}.overtime-metrics article:after{display:none}.overtime-metrics .ot-metric-icon{box-shadow:none;background:#ece8e4;border:0;border-radius:10px;color:#262626!important}.overtime-entry-grid{background:#f7f6f4}.overtime-entry-grid>label,.overtime-entry-grid>label:nth-of-type(n),.overtime-entry-grid>.locked-staff-field{box-shadow:none;background:#fff;border:1px solid #e7e2dd;border-radius:10px}.overtime-entry-grid input,.overtime-entry-grid select{box-shadow:none;background:#fff;border-color:#ddd7d1;border-radius:7px;font-size:12px}.ot-hours-input input{border-radius:7px 0 0 7px}.ot-hours-input b{background:#f7f6f4;border-color:#ddd7d1;border-radius:0 7px 7px 0}.overtime-entry-grid>button{box-shadow:none;background:#000;border:1px solid #000;border-radius:8px}.overtime-application-list{background:#f7f6f4}.overtime-application-list .ot-request-card,.overtime-application-list .ot-request-card.pending,.overtime-application-list .ot-request-card.approved,.overtime-application-list .ot-request-card.rejected{box-shadow:none;background:#fff;border:1px solid #e7e2dd;border-radius:10px}.ot-request-facts>span,.ot-request-card>p{background:#f7f6f4;border-radius:8px}.ot-workspace-tabs{box-shadow:none;border-color:#ddd7d1;border-radius:9px}.ot-workspace-tabs button{border-radius:7px}.staff-saturday-roster{background:#f7f6f4}.staff-saturday-roster article{box-shadow:none;border:1px solid #e7e2dd;border-radius:10px}.staff-saturday-roster button{background:#000;border-radius:8px}@media (width<=760px){.main{margin-left:0}.page-content{padding-inline:14px}.simple-hero{min-height:150px}.simple-greeting{font-size:14px}.simple-hero h2.simple-motivation{font-size:clamp(22px,6.3vw,29px)}.content-title h2{font-size:27px}}.brand-mark{color:#fff;background:linear-gradient(145deg,#c9808f,#9b5567);border:0;border-radius:10px;flex-basis:34px;width:34px;height:34px;font-size:18px;box-shadow:0 8px 20px #120d123d}.brand strong{letter-spacing:.045em;font-size:12px}.nav-label,.sidebar .nav-label{color:#bba9b0;letter-spacing:.13em;margin-top:18px;font-size:9.5px}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{color:#eadfe3;border-radius:10px;min-height:39px;padding:8px;font-size:11.5px;font-weight:700;line-height:1.25}.nav-icon{border-radius:7px;flex-basis:24px;width:24px;height:24px;font-size:10px}.nav-submenu{border-left-color:#ffffff20;margin-left:9px;padding-left:5px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfbf0;min-height:66px;padding:10px 18px}.topbar-company-logo{background:linear-gradient(145deg,#ac6373,#704354);border-radius:9px;box-shadow:0 7px 16px #70435428}.content-title h2{font-size:clamp(27px,2.05vw,35px);line-height:1.08}.content-title>div>p:last-child{max-width:780px;color:var(--muted);font-size:13px;line-height:1.5}.panel,.dashboard-page .panel,.simple-dashboard-grid>.panel,.simple-info-grid>.panel,.daily-brief-grid>.panel,.settings-grid>.panel,.dashboard-grid>.panel,.approval-sidebar>.panel,.self-service-side>.panel{border-color:var(--line);background:var(--paper);box-shadow:var(--cube-shadow);border-radius:14px}.panel h3{font-size:19px;line-height:1.22}.panel p,.panel label,.panel li{font-size:13px}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{background:linear-gradient(135deg,#ad6677,#865064);border-color:#945264;border-radius:10px;min-height:44px;padding-inline:16px;font-size:12px;box-shadow:0 8px 18px #8650642e}.secondary-button,.filter-button,.daily-brief-head>button{border-color:#ded1d5;border-radius:10px;min-height:42px;font-size:11.5px}.simple-hero{background:radial-gradient(circle at 87% 25%,#d9a3ad3d 0 15%,#0000 36%),linear-gradient(118deg,#342a35 0%,#543744 57%,#794c5b 100%);border-radius:16px;min-height:178px;padding:24px 28px;box-shadow:0 16px 36px #4223302b}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){gap:10px}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{border-color:var(--line);min-height:108px;box-shadow:var(--cube-shadow);border-radius:14px;padding:16px;background:linear-gradient(145deg,#fffdfb,#fbf4f2)!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n+2){border-top-color:#c67d8d;background:linear-gradient(145deg,#fffdfb,#f9e9ec)!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n+3){border-top:3px solid #75917f;background:linear-gradient(145deg,#fffdfb,#edf6ef)!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n){border-top:3px solid #81708a;background:linear-gradient(145deg,#fffdfb,#f1ebf4)!important}.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span{color:#744353;border-radius:11px;background:#f2dfe3!important}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) :is(small,span,p,em){color:#74676d;font-size:11.5px}:is(.metric-grid,.simple-kpis,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) strong{font-size:27px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset,.claim-receipt,.mc-upload,.leave-balance-preview){border-color:#e5dadd;border-radius:11px;padding:12px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) label>span{color:#674f57;font-size:11.5px;font-weight:750}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) :is(input,select,textarea),.main :is(input,select,textarea){border-color:#dacdd1;border-radius:9px;min-height:44px;font-size:13px}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article,.company-holiday-list>div:not(.leave-empty),.allowance-admin-list>div,.deduction-admin-list>div,.staff-entitlement-list article,.table-row,.leave-balance-row{border-color:#e7dcdf;border-radius:11px;padding:13px 14px}.table-row{min-height:54px}.table-row.table-header,.leave-balance-row.header,.corp-table-head{background:linear-gradient(110deg,#4b3440,#75505f)}.table-row :is(b,strong),.leave-balance-row :is(b,strong){font-size:12.5px}.dashboard-approval-inbox{border-radius:14px}.dashboard-approval-list,.approval-settings-body{background:#f8f3f1;padding:10px}.dashboard-approval-list>article,.dashboard-approval-list>article.overtime,.dashboard-approval-list>article.claim{border-color:#e7dcdf;border-radius:11px;min-height:82px}.dashboard-request-kind,.overtime .dashboard-request-kind,.claim .dashboard-request-kind{color:#57313e;background:#f1d5da;min-height:44px;font-size:11px}.dashboard-request-person b,.dashboard-request-detail b{font-size:12px}.dashboard-request-person small,.dashboard-request-detail small,.dashboard-approval-list label>span,.approval-assignee>span{font-size:10.5px}.dashboard-approval-list select,.approval-assignee select{min-height:42px;font-size:11.5px}.dashboard-approval-list em{font-size:10px}.saturday-roster-day label{border-radius:9px;min-height:50px}.calendar-weekdays b,.calendar-day{border-color:#e5d9dc;border-radius:10px}.calendar-weekdays b{padding:9px 4px;font-size:11.5px}.calendar-day{min-height:112px;padding:8px;font-size:12px}.category-cards>div,.category-cards>div:nth-child(n){border-color:var(--line);background:linear-gradient(145deg,#fffdfb,#faedef);border-radius:12px;min-height:110px;padding:15px}.category-cards>div:nth-child(2){background:linear-gradient(145deg,#fffdfb,#edf6ef);border-top-color:#76937f}.category-cards>div:nth-child(3){background:linear-gradient(145deg,#fffdfb,#f0eaf3);border-top-color:#78617b}.overtime-metrics{gap:10px}.overtime-metrics article,.overtime-metrics article.pending,.overtime-metrics article.approved,.overtime-metrics article.rejected,.overtime-metrics article.hours{background:linear-gradient(145deg,#fffdfb,#f8eeec);border-radius:14px;min-height:112px;padding:16px}.overtime-metrics article.pending{border-top-color:#c47c8d}.overtime-metrics article.approved{border-top-color:#5d876e}.overtime-metrics article.rejected{border-top-color:#a95261}.overtime-metrics article.hours{border-top-color:#735a76}.overtime-metrics small{font-size:11.5px}.overtime-metrics strong{font-size:29px}.overtime-entry-panel,.overtime-approval-panel,.ot-type-settings{border-radius:14px}.overtime-entry-panel .ot-section-icon,.overtime-approval-panel .ot-section-icon,.ot-type-settings .ot-section-icon{background:linear-gradient(135deg,#aa6374,#744859)}.overtime-entry-grid>label,.overtime-entry-grid>label:nth-of-type(n),.overtime-entry-grid>.locked-staff-field{border-radius:11px;padding:12px}.overtime-entry-grid input,.overtime-entry-grid select{font-size:13px}.ot-request-facts>span,.ot-request-card>p{background:#f8f3f1;border-radius:9px;padding:10px}.leave-status,.claim-list em,.self-activity-panel em{font-size:10px!important}.leave-actions button,.claim-actions button,.approval-actions button{min-height:38px;padding-inline:13px;font-size:10.5px}.approver-card-grid article>header b,.approver-card-grid article>header small{font-size:11.5px}.approver-rights label,.approver-default,.approval-settings-message,.approval-settings>footer b{font-size:10.5px}.approval-settings>footer small{font-size:10.5px!important}.main button{font-size:11.5px}.main :is(input,select,textarea,button){font-family:var(--font-geist-sans), Jost, Arial, sans-serif}@media (width<=1100px){.sidebar{width:132px}.main{margin-left:132px}.page-content{padding-inline:14px}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{font-size:11px}}@media (width<=760px){.main{margin-left:0}.page-content{padding:12px 11px 28px}.topbar{min-height:61px;padding-inline:12px}.simple-hero{min-height:164px;padding:20px 17px}.simple-greeting{font-size:16px}.simple-hero h2.simple-motivation{font-size:clamp(23px,6.4vw,30px)}.content-title h2{font-size:28px}.panel-head,.leave-panel-head,.daily-brief-head{padding:13px}.calendar-day{min-height:86px;padding:5px}}:root{--navy:#17233c;--navy-2:#243452;--ink:#243044;--muted:#657287;--line:#e3e9f2;--paper:#fff;--canvas:#f4f7fb;--coral:#ff6b6b;--coral-dark:#e75563;--purple:#7865dc;--mint:#20ae88;--peach:#ffb267;--sky:#4f91e8;--cube-yellow:#fff6dd;--cube-green:#eaf9f3;--cube-pink:#fff0f2;--cube-purple:#f2efff;--cube-blue:#edf5ff;--cube-coral:#fff1ec;--cube-shadow:0 8px 24px #1e325412}body{color:var(--ink);font-family:var(--font-geist-sans), Jost, Arial, sans-serif;font-size:14px;line-height:1.45}:is(h1,h2,h3,h4,.content-title h2,.panel h3,.calendar-toolbar h3,.company-banner-copy h3){font-family:var(--font-geist-sans), Jost, Arial, sans-serif;letter-spacing:-.025em;font-style:normal;font-weight:750}.sidebar{background:linear-gradient(#17233c,#111a2e);width:128px;padding:13px 8px 11px;box-shadow:8px 0 24px #17233c14}.brand-mark{color:#fff;background:linear-gradient(145deg,#ff826e,#ff5573);border-radius:11px;flex-basis:34px;width:34px;height:34px;font-family:inherit;font-size:16px;font-style:normal;box-shadow:0 8px 18px #07101f55}.brand strong{letter-spacing:.03em;font-family:inherit;font-size:12px;font-weight:850}.brand small,.admin-card small,.sidebar-note small{color:#aebbd0;font-size:10px;line-height:1.35}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{color:#c9d2e1;border-radius:10px;gap:7px;min-height:38px;padding:7px;font-size:11px;font-weight:700;line-height:1.2}.sidebar nav>:first-child .nav-icon{color:#ff978d;background:#ff6b6b20}.sidebar nav>:nth-child(2) .nav-icon{color:#79aef5;background:#4f91e820}.sidebar nav>:nth-child(3) .nav-icon{color:#ffd078;background:#f1b44c20}.sidebar nav>:nth-child(4) .nav-icon{color:#77d4ba;background:#20ae8820}.sidebar nav>:nth-child(5) .nav-icon{color:#70d9c0;background:#20ae8820}.sidebar nav>:nth-child(6) .nav-icon{color:#aa9af0;background:#7865dc22}.sidebar nav>:nth-child(7) .nav-icon{color:#ff9cb1;background:#ff6b8d20}.sidebar nav>:nth-child(8) .nav-icon{color:#7bc4ee;background:#40a9dc20}.sidebar nav>:nth-child(9) .nav-icon{color:#ffd078;background:#f1b44c20}.nav-item.active,.nav-submenu .nav-item.active{color:#fff;background:linear-gradient(135deg,#ff725f,#ff5578);box-shadow:0 8px 20px #080e1c45}.nav-submenu{margin-left:8px;padding-left:4px}.sidebar-note,.sidebar-staff-profile,.staff-secure-note{background:#ffffff07;border-color:#ffffff12;border-radius:10px;padding:9px}.sidebar-note strong,.admin-card strong,.sidebar-staff-profile strong,.staff-secure-note b{font-size:10.5px}.sidebar-staff-profile small,.staff-secure-note small,.sidebar .return-admin{font-size:9.5px}.topbar{border-bottom:1px solid var(--line);background:#fffffff2;min-height:62px;padding:9px 14px;box-shadow:0 3px 14px #1b32500a}.topbar-company-logo{color:#fff;background:linear-gradient(145deg,#ff7d67,#ff5574);border-radius:10px;width:34px;height:34px;font-family:inherit;font-size:16px;font-style:normal;font-weight:850;box-shadow:0 7px 16px #ff64752b}.topbar-company strong{color:var(--ink);font-family:inherit;font-size:18px;font-weight:800}.eyebrow,.section-kicker{color:#6573c5;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:850}.top-actions,.title-actions{gap:8px}.storage-pill{font-size:11px}.period-picker,.period-pill,.icon-button,.staff-account-pill{background:#fff;border-color:#dfe5ee;border-radius:10px;min-height:40px}.content-title{align-items:center;gap:14px;margin:2px 0 14px}.content-title h2{color:#202c40;margin:0;font-size:clamp(27px,2vw,32px);line-height:1.08}.content-title>div>p:last-child{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}.panel-head,.leave-panel-head,.daily-brief-head{border-bottom:1px solid var(--line);background:#fff;min-height:62px;padding:12px 14px}.panel h3,.panel-head h3,.leave-panel-head h3{color:#263248;font-size:17px;line-height:1.25}.main :is(p,label,input,select,textarea,button,a){font-size:12.5px}.main small{line-height:1.4;font-size:11.5px!important}.main [class*=-chip],.main :is(.leave-status,.claim-list em,.dashboard-approval-list em){font-size:10.5px!important}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{color:#fff;background:linear-gradient(135deg,#ff725f,#f45476);border:0;border-radius:10px;min-height:41px;padding-inline:14px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #f45c7130}.primary-button:hover,.simple-payroll-card>footer button:hover,.simple-announcement-card>header>button:hover,.simple-update-strip>button:hover{background:linear-gradient(135deg,#f66155,#df4768)}.secondary-button,.filter-button,.daily-brief-head>button{color:#526076;background:#fff;border-color:#dfe5ee;border-radius:10px;min-height:39px;padding:9px 12px;font-size:11.5px}.simple-hero{background:radial-gradient(circle at 82% 20%,#5067e85c 0 12%,#0000 32%),radial-gradient(circle at 56% 120%,#ff6b6b45 0 22%,#0000 46%),linear-gradient(120deg,#17233c 0%,#27365a 58%,#4e4ea1 100%);border:0;border-radius:16px;min-height:150px;padding:20px 24px;box-shadow:0 14px 34px #17233c24}.simple-hero:after{border-color:#ffffff12;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff03}.simple-greeting{color:#cbd5ec;margin:12px 0 4px;font-size:clamp(16px,1.15vw,19px);font-weight:700}.simple-hero h2.simple-motivation{color:#fff;max-width:980px;margin:0;font-family:inherit;font-size:clamp(25px,2.05vw,34px);font-style:normal;font-weight:800;line-height:1.12}.simple-hero>aside{background:#ffffff10;border-color:#ffffff24;border-radius:12px}.simple-kpis{gap:9px;margin:10px 0}.simple-kpis>article,.simple-kpis>button{border:1px solid var(--line);border-radius:14px;grid-template-columns:42px 1fr auto;gap:11px;min-height:82px;padding:12px 14px;box-shadow:0 6px 18px #20395d0a}.simple-kpis>:first-child{background:linear-gradient(135deg,#fff,#fff1ed)}.simple-kpis>:nth-child(2){background:linear-gradient(135deg,#fff,#eaf9f3)}.simple-kpis>:nth-child(3){background:linear-gradient(135deg,#fff,#fff6df)}.simple-kpis>:nth-child(4){background:linear-gradient(135deg,#fff,#eef1ff)}.kpi-dot{color:#fff;border-radius:12px;width:42px;height:42px;font-size:11px;box-shadow:0 7px 16px #ff697028;background:linear-gradient(145deg,#ff7d67,#ff586e)!important}.kpi-dot.present{background:linear-gradient(145deg,#35c49c,#159879)!important}.kpi-dot.leave{background:linear-gradient(145deg,#ffc55f,#efa52d)!important}.kpi-dot.payroll{background:linear-gradient(145deg,#6979ee,#4e5ecb)!important}.simple-kpis small{color:#667287;font-weight:700;font-size:11.5px!important}.simple-kpis strong{color:#243044;margin-top:1px;font-size:23px;font-weight:850}.simple-kpis em{color:#768195;font-size:11px;font-weight:650}.dashboard-approval-inbox{border-radius:14px;margin:10px 0}.dashboard-approval-inbox>header{background:linear-gradient(110deg,#26365b,#5363d4);min-height:76px;padding:13px 16px}.dashboard-approval-inbox>header h3{font-size:19px}.dashboard-approval-inbox>header small{color:#d7dff6;font-size:10px!important}.approval-inbox-icon{background:#ffffff18;border-radius:12px;width:43px;height:43px}.approval-inbox-summary b{font-size:27px}.approval-inbox-summary span,.approval-inbox-summary button{font-size:11px}.dashboard-approval-list{background:#f4f7fb;gap:8px;padding:9px}.dashboard-approval-list>article,.dashboard-approval-list>article.overtime,.dashboard-approval-list>article.claim{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:72px;padding:10px 12px}.simple-dashboard-grid{gap:10px}.simple-info-grid{gap:10px;margin-top:10px}.simple-payroll-card{padding:15px 17px;border-top:4px solid #ffb64f!important}.simple-payroll-card header small{color:#9a6c23;font-size:10.5px!important}.simple-payroll-card h3,.simple-today-card h3,.simple-info-grid h3,.simple-update-strip h3{font-size:16px}.simple-payroll-card header>span{color:#95651f;background:#fff2cf;padding:5px 9px;font-size:10.5px}.simple-progress{height:6px;margin:13px 0 10px}.simple-payroll-values{padding:10px 0}.simple-payroll-values small{color:#7b8698;font-size:11px!important}.simple-payroll-values strong{color:#2b374b;margin-top:4px;font-size:15px}.simple-payroll-card>footer{margin-top:10px}.simple-payroll-card>footer span{color:#758095;font-size:11px}.simple-payroll-card>footer button{min-height:36px;padding:7px 12px;font-size:11.5px}.simple-today-card{padding:14px 16px;border-top:4px solid #20ae88!important}.simple-today-card header{margin-bottom:4px}.simple-today-card header button{color:#fff;background:#5364d8;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.simple-today-card>div{grid-template-columns:34px 1fr;gap:9px;padding:7px 0}.today-icon{border-radius:10px;width:34px;height:34px;font-size:11px}.simple-today-card b{color:#3d4a5f;font-size:12px}.simple-today-card small{color:#7d8797;margin-top:2px;font-size:11px!important}.simple-info-grid>article{min-height:142px;padding:13px 15px}.simple-leave-card{border-top:4px solid #4f91e8!important}.simple-announcement-card{border-top:4px solid #7865dc!important}.simple-statutory-card{border-top:4px solid #ff9b5d!important}.simple-info-grid article>header{margin-bottom:6px}.simple-info-grid article>header>span{font-size:11px}.simple-leave-card>div{padding:7px 0}.simple-leave-card b,.simple-announcement-card b{color:#3e4a5f;font-size:12px}.simple-leave-card small,.simple-announcement-card small{color:#7a8597;margin-top:2px;font-size:11px!important}.simple-leave-card em{font-size:10.5px}.simple-loading,.simple-empty{color:#768296;padding:18px 0;font-size:11.5px}.simple-announcement-card>header>button{border:0;border-radius:9px;width:30px;height:30px;min-height:30px;padding:0;font-size:16px}.simple-announcement-card>div{grid-template-columns:28px 1fr auto;gap:8px;padding:7px 0}.simple-announcement-card>div>span{border-radius:9px;width:28px;height:28px;font-size:10px}.simple-announcement-card footer{gap:3px}.simple-announcement-card footer button{color:#5a67ca;background:#eff1ff;border-radius:7px;place-items:center;width:25px;height:25px;padding:0;font-size:13px;display:grid}.simple-statutory-card>div,.simple-statutory-card>footer{padding:7px 0}.simple-statutory-card>div b,.simple-statutory-card>footer b{color:#657187;font-size:11.5px}.simple-statutory-card>div strong,.simple-statutory-card>footer strong{color:#354156;font-size:12px}.simple-statutory-card>footer strong{color:#e06f3d;font-size:13px}.simple-update-strip{margin-top:10px;border-radius:14px!important}.simple-update-strip a{font-size:11.5px}.simple-update-strip>button{min-height:34px}.simple-slip-shortcut{border-radius:12px}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary){gap:9px}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{border:1px solid var(--line);min-height:92px;box-shadow:var(--cube-shadow);border-radius:14px;padding:13px 14px;background:#fff!important}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n+1){border-top:4px solid #ff6b6b}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n+2){border-top:4px solid #20ae88}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n+3){border-top:4px solid #4f91e8}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>:nth-child(4n){border-top:4px solid #7865dc}.metric-icon,.self-metric-icon,.leave-report-metrics article>span{color:#fff;border-radius:11px;background:linear-gradient(145deg,#6475eb,#4d5dc9)!important}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) :is(small,span,p,em){color:#6d788a;font-size:11.5px}:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) strong{color:#253147;font-size:24px;font-weight:850}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions){background:#f5f8fc;gap:9px;padding:11px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset,.claim-receipt,.mc-upload,.leave-balance-preview){background:#fff;border:1px solid #e1e7f0;border-radius:11px;padding:11px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) :is(input,select,textarea),.main :is(input,select,textarea){color:#344156;background:#fff;border:1px solid #dce3ed;border-radius:9px;min-height:42px;font-size:12.5px}:is(.leave-application-list,.claim-list,.approval-list,.company-holiday-list,.allowance-admin-list,.deduction-admin-list,.compliance-rule-list),.staff-entitlement-list,.staff-table,.leave-balance-table{background:#f5f8fc;gap:8px;padding:9px}:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article,.company-holiday-list>div:not(.leave-empty),.allowance-admin-list>div,.deduction-admin-list>div,.staff-entitlement-list article,.table-row,.leave-balance-row{background:#fff;border:1px solid #e3e9f2;border-radius:11px;padding:12px 13px}.table-row.table-header,.leave-balance-row.header,.corp-table-head{color:#fff;background:linear-gradient(105deg,#26365b,#5262d5)}.table-row :is(b,strong),.leave-balance-row :is(b,strong){color:#344156;font-size:12.5px}.table-row.table-header :is(span,b,strong),.leave-balance-row.header :is(span,b,strong){color:#fff;font-size:11px}.table-row span,.leave-balance-row span{font-size:12px}.staff-directory-table .table-row{grid-template-columns:72px 1.35fr 1.15fr .62fr .65fr .62fr .68fr .56fr 28px;column-gap:9px;min-width:1030px}.avatar{border-radius:10px;flex-basis:34px;width:34px;height:34px;font-size:10px}.active-chip,.ready-chip,.former-chip,.access-role-chip,.resume-ready-chip{font-size:10.5px!important}.overtime-metrics{gap:9px;margin-bottom:12px}.overtime-metrics article,.overtime-metrics article.pending,.overtime-metrics article.approved,.overtime-metrics article.rejected,.overtime-metrics article.hours{min-height:94px;box-shadow:var(--cube-shadow);border:0;border-radius:14px;padding:14px}.overtime-metrics article.pending{color:#9a5d11;background:linear-gradient(135deg,#fff8e0,#ffe5a7)}.overtime-metrics article.approved{color:#16765d;background:linear-gradient(135deg,#edfff8,#bdeedc)}.overtime-metrics article.rejected{color:#a34558;background:linear-gradient(135deg,#fff2f4,#ffcbd3)}.overtime-metrics article.hours{color:#5947aa;background:linear-gradient(135deg,#f4f1ff,#d8ceff)}.overtime-metrics .ot-metric-icon{border-radius:13px;flex-basis:46px;width:46px;height:46px;color:inherit!important;background:#ffffffa8!important;font-size:14px!important}.overtime-metrics small{color:inherit;font-size:11.5px!important}.overtime-metrics strong{color:inherit;font-family:inherit;font-size:25px}.overtime-entry-panel,.overtime-approval-panel,.ot-type-settings{border:1px solid var(--line);box-shadow:var(--cube-shadow);border-radius:14px}.overtime-entry-panel .ot-section-icon{background:linear-gradient(145deg,#ff765f,#f25378)}.overtime-approval-panel .ot-section-icon{background:linear-gradient(145deg,#6878ed,#5261cb)}.ot-type-settings .ot-section-icon{background:linear-gradient(145deg,#29b58f,#168c72)}.overtime-entry-grid,.overtime-application-list{background:#f5f8fc;gap:9px;padding:11px}.overtime-entry-grid>label,.overtime-entry-grid>label:nth-of-type(n),.overtime-entry-grid>.locked-staff-field{background:#fff;border:1px solid #e1e7f0;border-radius:11px;padding:11px}.overtime-entry-grid>button,.staff-saturday-roster button{background:linear-gradient(135deg,#ff725f,#f45476)}.overtime-application-list .ot-request-card,.overtime-application-list .ot-request-card.pending,.overtime-application-list .ot-request-card.approved,.overtime-application-list .ot-request-card.rejected{border-radius:12px;padding:13px}.leave-calendar{background:#f1f5fa;padding:7px}.calendar-weekdays b,.calendar-day{background:#fff;border:1px solid #e0e7f0;border-radius:10px}.calendar-weekdays b{color:#526076;padding:8px 4px;font-size:11.5px}.calendar-day{color:#526076;min-height:104px;padding:7px;font-size:12px}.calendar-event{border-radius:7px;padding:5px 7px;font-size:10.5px;font-weight:750}.saturday-roster-head{background:linear-gradient(105deg,#26365b,#5262d5)}.saturday-roster-head .section-kicker{color:#d7def7}.roster-rule-strip,.saturday-roster-grid,.staff-saturday-roster{background:#f5f8fc}.saturday-roster-day{border-color:#e0e7f0;border-radius:11px}.saturday-roster-day>header{background:#33456b}.saturday-roster-day label.normal{background:#edfaf5;border-color:#9dd8c3}.saturday-roster-day label.overtime{background:#fff1f4;border-color:#f1b1be}.category-cards{gap:9px}.category-cards>div,.category-cards>div:nth-child(n){border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fff1ed);border-radius:12px;min-height:100px;padding:13px}.category-cards>div:nth-child(2){background:linear-gradient(145deg,#fff,#edfaf5);border-top:4px solid #20ae88}.category-cards>div:nth-child(3){background:linear-gradient(145deg,#fff,#f2efff);border-top:4px solid #7865dc}.category-cards b{font-size:13px}.category-cards span,.category-cards small{font-size:11.5px}.staff-company-banner{background:linear-gradient(105deg,#fff,#f3f5ff);border:1px solid #dce3ee;border-left:5px solid #5364d8;border-radius:14px}.company-banner-icon{background:linear-gradient(145deg,#6575e7,#4e5ecb);border-radius:11px}.self-service-hero{background:linear-gradient(115deg,#17233c,#344b7a);border-radius:16px}.self-action-grid button{border-radius:13px}.approval-title .approval-live{font-size:11.5px}.approval-metrics article strong{font-size:24px}.approval-filters button,.claim-filters button{min-height:34px;padding:7px 10px;font-size:11px}.approval-queue>header{padding:13px 15px}.approval-list>article{padding:12px}.leave-actions button,.claim-actions button,.approval-actions button{border-radius:9px;min-height:36px;padding-inline:11px;font-size:10.5px}.approval-inbox-state,.approval-inbox-empty{min-height:70px;font-size:11.5px}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{font-size:11.5px}.payroll-columns{grid-template-columns:140px 170px minmax(300px,1fr) 235px 190px;min-width:1040px}.payroll-column h3{padding-bottom:12px;font-family:inherit;font-size:17px;font-weight:800}.employee-column>h3{font-family:inherit;font-size:14px}.employee-column>p{margin:4px 0 14px;font-size:11.5px}.payroll-avatar{width:48px;height:48px;margin-bottom:8px}.column-field{margin-top:12px}.column-field>span{color:#5c687b;margin-bottom:5px;font-size:11px}.column-field select{min-height:42px;padding:8px 9px;font-size:12px}.column-money b,.column-unit b{padding-inline:8px;font-size:10.5px}.column-money input,.column-unit input{min-height:42px;padding:8px;font-size:12.5px}.category-benefit{background:#fff5df;border-left:4px solid #ffb34f;margin-top:14px;padding:11px}.category-benefit b{color:#8c5b16;font-size:11.5px}.category-benefit small{color:#786744;font-size:10.5px!important}.include-payroll{color:#445168;margin-top:14px;font-size:11px}.large-amount{padding:14px 0}.large-amount small{font-size:11px!important}.large-amount strong{font-family:inherit;font-size:21px;font-weight:650}.large-amount span{font-size:10.5px}.hourly-box{background:#f2f5f9;margin-top:11px;padding:10px}.hourly-box span{font-size:10.5px}.hourly-box strong{font-size:14px}.hourly-box small{font-size:10px!important}.column-heading{padding-bottom:12px}.column-section-label{color:#6774a8;margin:13px 0 7px;font-size:10px;line-height:1.35}.allowance-payroll-list>label{grid-template-columns:17px 1fr auto;padding:8px 0}.allowance-payroll-list b{font-size:11.5px}.allowance-payroll-list small{font-size:10px!important}.allowance-payroll-list strong{color:#15977b;font-size:11.5px}.earning-list{gap:4px}.earning-row{grid-template-columns:36px 1fr 78px;gap:7px;padding:7px 0}.rate-dot{border-radius:9px;min-height:31px;font-size:9.5px}.earning-copy strong{color:#3b485d;font-size:11px}.earning-copy small{color:#168c9e;font-size:9.5px!important}.compact-hours input{min-height:38px;font-size:11.5px}.compact-hours b{font-size:9.5px}.column-subtotal{margin-top:11px;padding-top:10px;font-size:11px}.column-subtotal strong{font-size:13px}.deduction-controls{column-gap:7px}.deduction-controls label{gap:6px;min-height:57px}.deduction-controls label span b{color:#354257;font-size:11.5px}.deduction-controls label span small{color:#7a8597;margin-top:2px;line-height:1.3;font-size:10px!important}.deduction-controls>strong{color:#a34457;white-space:nowrap;font-size:10px}.other-deduction-list{gap:7px}.other-deduction-list>div{grid-template-columns:1fr 82px;padding:8px}.other-deduction-list label b{font-size:10.5px}.other-deduction-list label small{font-size:9.5px!important}.deduction-amount>b,.deduction-amount input,.deduction-reference{font-size:10px}.pay-figure{padding:11px 0}.pay-figure span{color:#6d788b;font-size:10.5px}.pay-figure strong{margin-top:3px;font-family:inherit;font-size:17px;font-weight:650}.final-net{background:linear-gradient(135deg,#17233c,#344d7f);border-radius:11px;margin:11px 0;padding:13px}.final-net span,.final-net small{color:#c6d0e2;font-size:10px!important}.final-net strong{color:#ff9c8b;margin:5px 0;font-family:inherit;font-size:21px;font-weight:800}.company-contribution p{font-size:10.5px}.company-contribution>div{font-size:10px}.legal-note{color:#7b6339;background:#fff6df;margin-top:11px;padding:9px;font-size:10px}.payroll-footnote{color:#6e7889;font-size:11px}.payroll-rounding{border-bottom:1px solid var(--line);color:#687386;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:9px;display:flex}.payroll-rounding strong{color:#7b4d1f;font-size:10px}.payroll-compliance-note p,.payroll-compliance-note small{font-size:11px!important}.corp-table-head h3{font-size:10px}.corp-table-head span{font-size:8px}.corp-table-row{min-height:29px;font-size:8.5px}.corp-table-row>b{font-size:8.5px}@media (width<=1100px){.sidebar{width:118px}.main{margin-left:118px}.page-content{padding-inline:11px}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{font-size:10.5px}.simple-info-grid{grid-template-columns:1fr 1fr}.simple-info-grid>:last-child{grid-column:1/-1}}@media (width<=760px){.main{margin-left:0}.page-content{padding:10px 9px 26px}.topbar{min-height:58px;padding-inline:10px}.simple-hero{min-height:158px;padding:18px 15px}.simple-greeting{font-size:15px}.simple-hero h2.simple-motivation{font-size:clamp(22px,6vw,29px)}.content-title h2{font-size:27px}.simple-info-grid{grid-template-columns:1fr}.simple-info-grid>:last-child{grid-column:auto}.calendar-day{min-height:82px;padding:5px}}@media print{.sidebar,.main,.mobile-nav,.modal-actions,.email-sendbar{display:none!important}.modal-backdrop{background:#fff;padding:0;display:block;position:static}.payslip-modal{width:100%}.payslip-paper{box-shadow:none}.corporate-slip{padding:18mm 15mm}.corp-employee{grid-template-columns:1.05fr 1fr 1fr 1fr}.corp-net-box{grid-column:auto}}html,body{background:var(--canvas)}body{color:var(--ink);font-size:14px;line-height:1.5}.sidebar{color:#f7f1f3;background:#30272c;width:142px;padding:15px 10px 12px;box-shadow:8px 0 26px #30272c14}.main{background:var(--canvas);margin-left:142px}.brand{gap:9px;padding:1px 2px 5px}.brand-mark,.topbar-company-logo{color:#fff;width:35px;height:35px;box-shadow:none;letter-spacing:-.04em;background:linear-gradient(145deg,#bc7850 0%,#9e2f61 92%);border:1px solid #ffffff47;border-radius:10px;flex-basis:35px;font-family:Georgia,serif;font-size:12px;font-style:normal;font-weight:800}.brand strong{color:#fff;letter-spacing:.03em;font-size:12px;font-weight:750}.nav-label,.sidebar .nav-label{color:#95888f;letter-spacing:.13em;margin:17px 7px 7px;font-size:9px}.sidebar nav{gap:3px}.nav-item,.nav-group-toggle,.sidebar .nav-item,.sidebar .nav-group-toggle{color:#d8cfd3;border-radius:9px;min-height:38px;padding:7px 8px;font-size:11.5px;font-weight:650}.nav-item:hover,.nav-group-toggle:hover{color:#fff;background:#ffffff0d}.nav-item.active,.nav-submenu .nav-item.active{color:#fff;box-shadow:none;background:#9e2f61}.nav-item.active .nav-icon,.nav-submenu .nav-item.active .nav-icon{color:#fff;background:#ffffff18}.nav-icon{color:#e4d9de;background:#ffffff09;border-radius:7px;flex-basis:23px;width:23px;height:23px;font-size:9.5px}.sidebar .nav-item .nav-icon,.sidebar .nav-group-toggle .nav-icon{color:#e8dde2!important;background:#ffffff08!important}.nav-submenu .nav-item,.sidebar .nav-submenu .nav-item{min-height:35px;font-size:10.5px}.sidebar-note,.sidebar-staff-profile,.staff-secure-note{box-shadow:none;background:#ffffff06;border-color:#ffffff12}.pulse-dot{background:#c68a55;box-shadow:0 0 0 4px #c68a551c}.avatar-admin,.reviewer-mark{color:#fff;background:#9e2f61}.topbar{border-bottom:1px solid var(--line);min-height:65px;box-shadow:none;background:#fffffff0;padding:10px 19px}.topbar-company-logo{color:#fff}.topbar-company strong{color:var(--ink);font-size:18px;font-weight:750}.eyebrow,.section-kicker{color:#9e2f61;letter-spacing:.115em;font-size:10px;font-weight:800}.topbar h1{color:var(--ink);font-size:21px;font-weight:750}.storage-pill{color:#787175;font-size:10.5px}.storage-pill.saved i{background:#547b69}.period-picker,.period-pill,.icon-button,.staff-account-pill{min-height:40px;box-shadow:none;background:#fff;border:1px solid #e3dcdf;border-radius:9px}.page-content{width:100%;max-width:none;padding:15px 18px 34px}.content-title{gap:14px;margin-bottom:14px}.content-title h2{color:var(--ink);letter-spacing:-.035em;font-size:clamp(27px,2vw,33px);font-weight:750}.panel,.dashboard-page .panel,.simple-dashboard-grid>.panel,.simple-info-grid>.panel,.daily-brief-grid>.panel,.settings-grid>.panel,.dashboard-grid>.panel,.approval-sidebar>.panel,.self-service-side>.panel{border:1px solid var(--line);box-shadow:var(--cube-shadow);background:#fff;border-radius:12px}.panel-head,.leave-panel-head,.daily-brief-head{border-bottom-color:var(--line);background:#fff;min-height:64px;padding:13px 15px}.panel h3{color:var(--ink);font-size:18px;font-weight:750}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{color:#fff;min-height:41px;box-shadow:none;background:#9e2f61;border:1px solid #9e2f61;border-radius:8px;padding-inline:15px;font-size:11.5px;font-weight:750}.secondary-button,.filter-button,.daily-brief-head>button{color:#514b4e;min-height:39px;box-shadow:none;background:#fff;border-color:#ded7da;border-radius:8px}.simple-hero{min-height:158px;color:var(--ink);box-shadow:var(--cube-shadow);background:linear-gradient(105deg,#fff 0% 68%,#fbf2f6 100%);border:1px solid #eadfe4;border-left:5px solid #9e2f61;border-radius:13px;grid-template-columns:minmax(0,1fr) 176px;gap:24px;padding:24px 25px}.simple-hero:before{background:#c28b55;width:54px;height:2px;top:0;left:25px}.simple-hero:after{border-color:#9e2f6108;right:210px;box-shadow:0 0 0 42px #9e2f6104,0 0 0 84px #9e2f6103}.simple-date{color:#827a7e;font-size:10.5px}.simple-date i{background:#9e2f61}.simple-greeting{color:#685e63;font-size:clamp(15px,1.15vw,17px);font-weight:550}.simple-hero h2.simple-motivation{color:#302a2d;max-width:930px;font-size:clamp(24px,2.15vw,32px);font-weight:650;line-height:1.1}.simple-hero>aside{color:var(--ink);box-shadow:none;background:#fff;border:1px solid #eadce2;border-radius:10px}.simple-hero>aside span{color:#8d6b7a}.simple-hero>aside small{color:#8a8185}.simple-kpis{gap:10px;margin-top:10px}.simple-kpis>article,.simple-kpis>button,:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{border:1px solid var(--line);min-height:88px;color:var(--ink);box-shadow:var(--cube-shadow);border-radius:11px;padding:14px 15px;border-top:1px solid var(--line)!important;background:#fff!important}.simple-kpis>button:hover{border-color:#cdbcc3;transform:translateY(-1px)}.simple-kpis>article:nth-child(n),.simple-kpis>button:nth-child(n){border-top:1px solid var(--line)!important;background:#fff!important}.simple-kpis .kpi-dot:nth-child(n),.simple-kpis .kpi-dot.staff,.simple-kpis .kpi-dot.present,.simple-kpis .kpi-dot.leave,.simple-kpis .kpi-dot.payroll{color:#9e2f61!important;background:#fbf1f5!important}.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span{box-shadow:none;border:1px solid #eadce2;border-radius:9px;color:#9e2f61!important;background:#fbf1f5!important}.simple-kpis small,:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) :is(small,span,p,em){color:#7b7478;font-size:11px}.simple-kpis strong,:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary) strong{color:var(--ink);font-size:23px;font-weight:800}.simple-kpis em{color:#8a8286}.dashboard-approval-inbox>header,.saturday-roster-head,.corp-table-head,.table-row.table-header,.leave-balance-row.header{color:#fff;box-shadow:none;background:#3a2d34}.dashboard-approval-inbox>header{min-height:73px;padding:13px 16px}.dashboard-approval-inbox>header small,.saturday-roster-head .section-kicker{color:#d9cbd1}.approval-inbox-icon{background:#ffffff0c;border:1px solid #ffffff20;border-radius:9px}.dashboard-approval-list,.approval-settings-body,.roster-rule-strip,.saturday-roster-grid,.staff-saturday-roster{background:#fbf8f9}.dashboard-approval-list>article,.dashboard-approval-list>article.overtime,.dashboard-approval-list>article.claim{border-color:var(--line);background:#fff}.approval-inbox-state button,.approval-inbox-empty button{color:#fff;background:#9e2f61;border-color:#9e2f61}.simple-dashboard-grid,.simple-info-grid{gap:10px}.simple-payroll-card,.simple-today-card,.simple-leave-card,.simple-announcement-card,.simple-statutory-card{border-top:1px solid var(--line)!important}.simple-payroll-card header small,.simple-payroll-card header>span{color:#8a6576}.simple-payroll-card header>span{background:#f8ebf1}.simple-progress{background:#eee8ea}.simple-progress i{background:#9e2f61}.simple-payroll-values strong,.simple-today-card b,.simple-leave-card b,.simple-announcement-card b,.simple-statutory-card>div strong,.simple-statutory-card>footer strong{color:var(--ink)}.simple-today-card header button,.simple-announcement-card>header>button{color:#fff;background:#9e2f61}.today-icon,.simple-announcement-card>div>span{color:#9e2f61;background:#f8ebf1}.simple-today-card .today-icon:nth-child(n){color:#9e2f61!important;background:#f8ebf1!important}.simple-announcement-card footer button{color:#7f234d;background:#f8ebf1}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions),:is(.leave-application-list,.claim-list,.approval-list,.company-holiday-list,.allowance-admin-list,.deduction-admin-list,.compliance-rule-list),.staff-entitlement-list,.staff-table,.leave-balance-table,.overtime-entry-grid,.overtime-application-list{background:#fbf8f9;gap:8px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions)>:is(label,fieldset,.claim-receipt,.mc-upload,.leave-balance-preview),.overtime-entry-grid>label,.overtime-entry-grid>label:nth-of-type(n),.overtime-entry-grid>.locked-staff-field,:is(.leave-application-list,.claim-list,.approval-list,.compliance-rule-list)>article,.company-holiday-list>div:not(.leave-empty),.allowance-admin-list>div,.deduction-admin-list>div,.staff-entitlement-list article,.table-row,.leave-balance-row{box-shadow:none;background:#fff;border:1px solid #e8e1e4;border-radius:9px}:is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions) label>span,.overtime-entry-grid label>span,.locked-staff-field>span{color:#5f575b;font-weight:750;font-size:11px!important}.main :is(input,select,textarea){min-height:41px;color:var(--ink);box-shadow:none;background:#fff;border:1px solid #ded6da;border-radius:8px;font-size:12.5px}.main :is(input,select,textarea):focus{border-color:#a83b6b;outline:3px solid #a83b6b12}.table-row{color:#5e585b;min-height:51px;font-size:12px}.table-row.table-header :is(span,b,strong),.leave-balance-row.header :is(span,b,strong){color:#fff}.active-chip,.ready-chip,.access-role-chip,.resume-ready-chip{color:#526d60;background:#edf4f0}.former-chip{color:#6c6267;background:#eee9eb}.leave-calendar{background:#f5f0f2}.calendar-weekdays b,.calendar-day{background:#fff;border-color:#e4dce0;border-radius:8px}.category-cards>div,.category-cards>div:nth-child(n){border:1px solid var(--line);border-top:1px solid var(--line);box-shadow:none;background:#fff;border-radius:10px}.category-cards>div:nth-child(2),.category-cards>div:nth-child(3){border-top:1px solid var(--line)}.staff-company-banner{box-shadow:var(--cube-shadow);background:#fff;border:1px solid #e4dce0;border-left:4px solid #9e2f61}.company-banner-icon{color:#fff;box-shadow:none;background:#9e2f61}.overtime-metrics article,.overtime-metrics article.pending,.overtime-metrics article.approved,.overtime-metrics article.rejected,.overtime-metrics article.hours{border:1px solid var(--line);border-top:1px solid var(--line);min-height:91px;color:var(--ink);box-shadow:var(--cube-shadow);background:#fff;border-radius:11px;padding:14px}.overtime-metrics .ot-metric-icon{border:1px solid #eadce2;border-radius:9px;flex-basis:43px;width:43px;height:43px;color:#9e2f61!important;background:#fbf1f5!important}.overtime-metrics small{color:#7b7478}.overtime-metrics strong{color:var(--ink);font-size:24px}.overtime-entry-panel .ot-section-icon,.overtime-approval-panel .ot-section-icon,.ot-type-settings .ot-section-icon{color:#fff;background:#9e2f61}.overtime-entry-grid>button,.staff-saturday-roster button{box-shadow:none;background:#9e2f61}.overtime-application-list .ot-request-card,.overtime-application-list .ot-request-card.pending,.overtime-application-list .ot-request-card.approved,.overtime-application-list .ot-request-card.rejected{border:1px solid var(--line);background:#fff;border-radius:10px}.payroll-columns{border-color:var(--line);box-shadow:var(--cube-shadow);background:#fff}.payroll-column{background:#fff}.payroll-column+.payroll-column{border-left-color:var(--line)}.payroll-column h3{color:var(--ink);border-bottom-color:var(--line)}.category-benefit b,.legal-note b{color:#7f234d}.rate-dot,.hourly-box,.ot-request-facts>span,.ot-request-card>p{color:#594f54;background:#f5f0f2}.allowance-payroll-list strong{color:#6a4d5b}.earning-copy small{color:#8e6577}.deduction-controls>strong{color:#7f234d}.pay-column{background:#fcfafb}.final-net{background:#3a2d34;border:1px solid #3a2d34;border-radius:9px}.modal-backdrop{background:#201b1dc7}.payslip-modal{width:min(920px,100%)}.payslip-paper.corporate-slip{color:#171717;background:#fff;border:1px solid #d8d4d5;border-radius:4px;padding:34px 38px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 24px 70px #0000003d}.corp-slip-header{grid-template-columns:50px minmax(0,1fr) 178px;border-bottom:2px solid #111!important;gap:16px!important;padding-bottom:16px!important}.corp-logo{color:#111;background:#fff;border:1px solid #111;border-radius:2px;width:46px;height:46px;font-family:Georgia,serif;font-size:16px;font-style:normal}.corp-company h2{color:#111;letter-spacing:.025em;font-size:17px;font-weight:850}.corp-company b{color:#333;font-size:8px}.corp-company p,.corp-company span{color:#555;font-size:7.5px}.corp-period{border-left:1px solid #bbb;min-width:0;padding:9px 0 9px 16px}.corp-period small{color:#111;letter-spacing:.17em;font-size:7px}.corp-period strong{color:#111;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:800}.corp-period span{color:#555;font-size:7.5px}.corp-employee{border-bottom:1px solid #bbb;grid-template-columns:1.08fr 1fr 1fr 1.04fr;gap:16px;padding:17px 0}.employee-name small{color:#333;letter-spacing:.13em;font-size:6.5px}.employee-name h3{color:#111;font-size:13px}.employee-name span,.employee-detail p span{color:#666}.employee-name span,.employee-detail p{font-size:7.5px}.employee-detail p b{color:#222}.corp-net-box{color:#111;background:#fff;border:1px solid #111;border-radius:2px;min-height:78px;padding:12px 14px}.corp-net-box small{color:#555;font-size:6.5px}.corp-net-box strong{color:#111;margin:4px 0;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:850}.corp-net-box span{color:#555;font-size:7px}.corp-table-section{border:1px solid #bfbfbf;border-radius:0;margin-top:12px}.corp-table-head,.corp-ot-head{color:#111;background:#ededed;border-bottom:1px solid #aaa;min-height:30px}.corp-table-head h3,.corp-ot-head h3{color:#111;text-transform:uppercase;letter-spacing:.055em;font-size:8.5px;font-weight:850}.corp-table-head span,.corp-ot-head span{color:#444;font-size:7px}.corp-table-row,.corp-ot-row{color:#333;border-top:1px solid #e3e3e3;min-height:27px;font-size:8px}.corp-table-row>b,.corp-ot-row b{color:#111;font-size:8px}.corp-table-row.sub>span{color:#555}.corp-table-row.total{color:#111;background:#f5f5f5;border-top:1px solid #aaa;min-height:30px}.corp-table-row.total span,.corp-table-row.total b{color:#111}.corp-empty-row{color:#666;font-size:8px}.corp-slip-footer{border-top:1px solid #aaa;padding-top:10px;color:#555!important;margin-top:16px!important;font-size:7px!important}.corp-slip-footer b{color:#111}@media (width<=1100px){.sidebar{width:118px}.main{margin-left:118px}}@media (width<=760px){.main{margin-left:0}.page-content{padding:10px 9px 26px}.simple-hero{grid-template-columns:1fr;min-height:154px;padding:18px 16px}.simple-hero>aside{display:none}.simple-hero h2.simple-motivation{font-size:clamp(22px,6vw,28px)}}@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;min-height:297mm;color:#000!important;background:#fff!important}.sidebar,.main,.mobile-nav,.modal-actions,.email-sendbar{display:none!important}.modal-backdrop{padding:0;display:block;position:static;background:#fff!important}.payslip-modal{width:100%}.payslip-paper.corporate-slip{width:210mm;min-height:297mm;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;border-radius:0;padding:14mm 15mm;color:#000!important;background:#fff!important}.corp-slip-header{border-bottom-color:#000!important}.corp-logo,.corp-net-box{color:#000!important;background:#fff!important;border-color:#000!important}.corp-table-section{break-inside:avoid;border-color:#888}.corp-table-head,.corp-ot-head,.corp-table-row.total{color:#000!important;background:#eee!important}.corp-table-head *,.corp-ot-head *,.corp-table-row *,.corp-ot-row *,.corp-company *,.corp-period *,.corp-employee *,.corp-slip-footer *{color:#000!important}}html,body,.main{background:var(--canvas)}.brand-mark,.topbar-company-logo{background:linear-gradient(145deg,#d8a271 0%,#d46786 48%,#a23e63 100%);border-color:#ffffff38}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button{background:#b9476c;border-color:#b9476c}.primary-button:hover,.simple-payroll-card>footer button:hover,.simple-announcement-card>header>button:hover,.simple-update-strip>button:hover{background:#923754;border-color:#923754}.filter-button.active,.directory-filters button.active,.approval-filters button.active,.ot-workspace-tabs button.active{background:#b9476c;border-color:#b9476c}.simple-hero{background:radial-gradient(circle at 78% 20%,#f9dbe431 0 18%,#0000 19%),linear-gradient(105deg,#fff 0% 62%,#fdf0f4 100%);border-color:#eedbe2 #eedbe2 #eedbe2 #c45478}.simple-hero>aside{background:#fffafb;border-color:#ecd8df}.simple-kpis .kpi-dot:nth-child(n),.simple-kpis .kpi-dot.staff,.simple-kpis .kpi-dot.present,.simple-kpis .kpi-dot.leave,.simple-kpis .kpi-dot.payroll,.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span{border-color:#efd8e0;color:#b9476c!important;background:#fcecf1!important}.dashboard-approval-inbox>header,.saturday-roster-head,.table-row.table-header,.leave-balance-row.header{background:linear-gradient(105deg,#593043,#8f3d5d)}.dashboard-request-kind,.overtime .dashboard-request-kind,.claim .dashboard-request-kind{color:#82405a;background:#f7e5eb}.approval-inbox-state button,.approval-inbox-empty button{background:#b9476c;border-color:#b9476c}.simple-payroll-card header>span,.today-icon,.simple-announcement-card>div>span,.simple-today-card .today-icon:nth-child(n),.simple-announcement-card footer button{color:#a64163!important;background:#f9e8ee!important}.simple-today-card header button,.simple-announcement-card>header>button{background:#b9476c}.simple-statutory-card>footer strong{color:#a64163}.staff-company-banner{background:linear-gradient(105deg,#fff,#fff5f8);border-left-color:#c45478}.overtime-metrics .ot-metric-icon{border-color:#efd8e0;color:#b9476c!important;background:#fcecf1!important}.overtime-entry-panel .ot-section-icon,.overtime-approval-panel .ot-section-icon,.ot-type-settings .ot-section-icon,.overtime-entry-grid>button,.staff-saturday-roster button{background:#b9476c}.category-benefit,.legal-note{background:#fdf0f4;border-left-color:#c45478}.portal-logout-mini{color:#e8dce1;background:#ffffff08;border:1px solid #ffffff20;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;font-size:11px;display:grid}.portal-logout-mini:hover{color:#fff;background:#ffffff12}.staff-portal-shell .main,.supervisor-portal-shell .main{background:#fff8fa}.staff-portal-shell .topbar,.supervisor-portal-shell .topbar{background:#fffffff2}.staff-portal-shell .self-service-hero{background:radial-gradient(circle at 82% 20%,#ffffff10 0 18%,#0000 19%),linear-gradient(115deg,#512d3d 0%,#7c3a55 58%,#a64a69 100%);border:1px solid #744057;box-shadow:0 16px 36px #5f2d4226}.staff-portal-shell .self-service-hero:after{border-color:#ffffff12}.staff-portal-shell .staff-company-banner{background:linear-gradient(105deg,#fff 0%,#fff5f8 100%)!important;border-color:#ead9e0 #ead9e0 #ead9e0 #c45478!important}.staff-portal-shell .self-service-metrics>article:nth-child(n){background:#fff!important;border:1px solid #eadde2!important}.portal-login-shell{color:#412f37;background:#fff7f9;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);min-height:100vh;display:grid}.portal-login-story{color:#fff;background:linear-gradient(145deg,#542c3f 0%,#71354f 52%,#9e4564 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,5vw,76px);display:flex;position:relative;overflow:hidden}.portal-login-story:before,.portal-login-story:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.portal-login-story:before{border:1px solid #ffffff18;width:460px;height:460px;top:-150px;right:-120px;box-shadow:0 0 0 72px #ffffff08,0 0 0 144px #ffffff04}.portal-login-story:after{background:radial-gradient(circle at 65% 35%,#f1c2ce55,#0000 62%);width:340px;height:340px;bottom:40px;left:-170px}.portal-login-brand,.portal-login-copy,.portal-login-story blockquote{z-index:1;position:relative}.portal-login-brand{align-items:center;gap:13px;display:flex}.portal-login-brand>span{background:linear-gradient(145deg,#dfa56f,#d56585 55%,#a53e62);border:1px solid #ffffff4a;border-radius:14px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:15px;font-weight:800;display:grid;box-shadow:0 12px 34px #2d142030}.portal-login-brand b,.portal-login-brand small{display:block}.portal-login-brand b{letter-spacing:-.02em;font-size:19px}.portal-login-brand small{color:#e6ced8;letter-spacing:.07em;margin-top:3px;font-size:11px}.portal-login-copy{max-width:720px;margin-block:auto;padding-block:70px}.portal-login-copy p{color:#e8c8d4;letter-spacing:.17em;margin:0 0 17px;font-size:11px;font-weight:850}.portal-login-copy h1{letter-spacing:-.055em;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(43px,5vw,76px);font-weight:500;line-height:.98}.portal-login-copy>span{color:#f1e3e8;max-width:540px;margin-top:24px;font-size:15px;line-height:1.65;display:block}.portal-login-story blockquote{color:#ead6de;border-left:2px solid #d8a06d;max-width:610px;margin:0;padding:18px 0 0 20px;font-family:Georgia,serif;font-size:14px;font-style:italic;line-height:1.55}.portal-login-panel{background:radial-gradient(circle at 90% 8%,#f8dfe744 0 18%,#0000 19%),#fff8fa;place-items:center;min-height:100vh;padding:34px;display:grid}.portal-login-card{background:#fff;border:1px solid #ebdce2;border-radius:22px;width:min(500px,100%);padding:34px;box-shadow:0 24px 70px #69334b1f}.portal-login-card>header{border:0;padding:0 0 25px;display:block}.login-flower{color:#aa4265;background:#fbe9ef;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:20px;display:grid}.portal-login-card>header p{color:#ad4164;letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:850}.portal-login-card>header h2{color:#3d3035;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:550}.portal-login-card>header small{color:#807278;margin-top:7px;font-size:12.5px;display:block}.portal-choice{grid-template-columns:1fr 1fr;gap:11px;display:grid}.portal-choice button{color:#5e4d54;text-align:left;background:#fff;border:1px solid #e8dde1;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-content:center;align-items:center;gap:2px 10px;min-height:112px;padding:15px;transition:all .18s;display:grid}.portal-choice button>span{color:#a33e60;background:#fae9ef;border-radius:11px;grid-row:1/3;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.portal-choice button b{font-size:14px}.portal-choice button small{color:#8b7d83;font-size:10.5px}.portal-choice button:hover{border-color:#dcb9c6;transform:translateY(-1px)}.portal-choice button.active{background:#fff6f8;border-color:#bd4b70;box-shadow:inset 0 0 0 1px #bd4b70}.portal-account-state{background:#fcfafb;border:1px solid #eee3e7;border-radius:12px;grid-template-columns:39px 1fr;align-items:center;gap:11px;min-height:64px;margin-top:16px;padding:11px 13px;display:grid}.portal-account-state b,.portal-account-state small{display:block}.portal-account-state b{color:#4c3c43;font-size:12px}.portal-account-state small{color:#8a7d82;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10.5px;overflow:hidden}.login-avatar,.login-spinner{color:#fff;background:#6f344d;border-radius:10px;place-items:center;width:39px;height:39px;font-size:11px;font-weight:800;display:grid}.login-spinner{background:0 0;border:3px solid #f1dbe3;border-top-color:#bd4b70;border-radius:50%;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.portal-login-error,.portal-login-help{border-radius:9px;margin:11px 0 0;padding:10px 12px;font-size:10.5px;line-height:1.45}.portal-login-error{color:#934055;background:#fff0f2}.portal-login-help{color:#785f4d;background:#fff7e9}.portal-login-submit{color:#fff;background:#b6466b;border:1px solid #b6466b;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:15px;padding:12px 15px;font-size:12.5px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 10px 22px #b6466b2e}.portal-login-submit:hover{background:#963753;border-color:#963753}.portal-login-submit:disabled{cursor:not-allowed;opacity:.45}.portal-login-submit span{font-size:17px}.portal-login-card>footer{color:#95878d;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:9.5px;display:flex}.portal-login-card>footer span{color:#76907e;font-size:8px}@media (width<=920px){.portal-login-shell{grid-template-columns:1fr}.portal-login-story{min-height:330px;padding:30px}.portal-login-copy{padding:55px 0 35px}.portal-login-copy h1{max-width:650px;font-size:clamp(38px,8vw,60px)}.portal-login-story blockquote{display:none}.portal-login-panel{min-height:auto;padding:28px 20px 50px}}@media (width<=560px){.portal-login-story{min-height:280px;padding:22px 20px}.portal-login-copy{padding:38px 0 18px}.portal-login-copy p{margin-bottom:11px;font-size:9px}.portal-login-copy h1{font-size:38px}.portal-login-copy>span{margin-top:15px;font-size:12.5px}.portal-login-panel{padding:18px 12px 35px}.portal-login-card{border-radius:17px;padding:23px 17px}.portal-login-card>header h2{font-size:31px}.portal-choice{gap:8px}.portal-choice button{grid-template-columns:34px 1fr;min-height:104px;padding:11px}.portal-choice button>span{width:34px;height:34px}}:root{--navy:#1d1916;--navy-2:#332a24;--ink:#1d1916;--muted:#6f665e;--line:#ddd2c5;--paper:#fffdf9;--canvas:#f5ede3;--coral:#1d1916;--coral-dark:#0f0d0c;--purple:#786958;--mint:#66746a;--peach:#c9aa82;--sky:#756c64;--cube-shadow:0 12px 34px #2b221b11}html,body,.main,.staff-portal-shell .main,.supervisor-portal-shell .main{background:var(--canvas)}body{color:var(--ink)}.sidebar{background:#1d1916;box-shadow:8px 0 24px #221b161a}.brand-mark,.topbar-company-logo{color:#fff;background:#1d1916;border-color:#ffffff36;border-radius:50%}.nav-item.active,.nav-submenu .nav-item.active{color:#1d1916;background:#d8c2a5}.avatar-admin,.reviewer-mark,.company-banner-icon{color:#fff;background:#1d1916}.topbar,.staff-portal-shell .topbar,.supervisor-portal-shell .topbar{border-bottom-color:var(--line);background:#fffdf9f5}.notification-dot{background:#a47d4d}.panel,.dashboard-page .panel,.simple-dashboard-grid>.panel,.simple-info-grid>.panel,.daily-brief-grid>.panel,.settings-grid>.panel,.dashboard-grid>.panel,.approval-sidebar>.panel,.self-service-side>.panel,.simple-kpis>article,.simple-kpis>button,:is(.metric-grid,.self-service-metrics,.approval-metrics,.claim-metrics,.leave-report-metrics,.compliance-metrics,.holiday-selection-summary)>*{border-color:var(--line);box-shadow:var(--cube-shadow);border-radius:2px;background:var(--paper)!important}.panel-head,.leave-panel-head,.daily-brief-head{border-bottom-color:var(--line);background:var(--paper)}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button,.simple-today-card header button,.approval-inbox-state button,.approval-inbox-empty button,.overtime-entry-grid>button,.staff-saturday-roster button{color:#fff;box-shadow:none;background:#1d1916;border-color:#1d1916;border-radius:2px}.primary-button:hover,.simple-payroll-card>footer button:hover,.simple-announcement-card>header>button:hover,.simple-update-strip>button:hover{background:#3b312a;border-color:#3b312a;transform:none}.secondary-button,.filter-button,.daily-brief-head>button,.period-picker,.period-pill,.icon-button,.staff-account-pill,.main :is(input,select,textarea){border-color:var(--line);background:var(--paper);border-radius:2px}.simple-hero{border:1px solid var(--line);color:var(--ink);background:linear-gradient(105deg,#fffdf9 0% 68%,#eee1d2 100%);border-left:4px solid #b08b5f;border-radius:2px}.simple-hero:before{background:#1d1916}.simple-date i,.simple-progress i{background:#987650}.simple-hero>aside{border-color:var(--line);background:#f5ede3;border-radius:2px}.simple-hero>aside strong{color:#1d1916}.simple-kpis .kpi-dot:nth-child(n),.simple-kpis .kpi-dot.staff,.simple-kpis .kpi-dot.present,.simple-kpis .kpi-dot.leave,.simple-kpis .kpi-dot.payroll,.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span,.overtime-metrics .ot-metric-icon{border-color:#dfd1c1;border-radius:2px;color:#765b3c!important;background:#f1e4d4!important}.dashboard-approval-inbox>header,.saturday-roster-head,.table-row.table-header,.leave-balance-row.header,.corp-table-head{color:#fff;background:#1d1916}.dashboard-request-kind,.overtime .dashboard-request-kind,.claim .dashboard-request-kind,.simple-payroll-card header>span,.today-icon,.simple-announcement-card>div>span,.simple-today-card .today-icon:nth-child(n),.simple-announcement-card footer button{color:#6f5435!important;background:#efe1cf!important}.calendar-event.company-holiday{background:#1d1916}.staff-company-banner{border-color:var(--line);background:var(--paper);border-left-color:#a88358;border-radius:2px}.category-benefit,.legal-note{color:#5e5144;background:#f3e7d8;border-left-color:#a88358}.category-benefit b,.legal-note b,.deduction-controls>strong{color:#5d452d}.payslip-table .avatar,.staff-directory-table .avatar{color:#5f4932;background:#eee0cf}.final-net{background:#1d1916;border-color:#1d1916}.staff-portal-shell .self-service-hero{background:linear-gradient(118deg,#1d1916 0%,#2b241f 66%,#4b3a2f 100%);border:1px solid #1d1916;border-radius:2px;box-shadow:0 16px 36px #231b1624}.staff-portal-shell .staff-company-banner{border-color:var(--line)!important;background:var(--paper)!important;border-left-color:#a88358!important}.staff-portal-shell .company-banner-icon{background:#1d1916}.staff-portal-shell .self-service-metrics>article:nth-child(n){border-color:var(--line)!important;background:var(--paper)!important}.staff-portal-shell .self-service-metrics .self-metric-icon:nth-child(n){border-color:#dfd1c1;color:#6f5435!important;background:#efe1cf!important}.staff-portal-shell .self-action-grid button{border-color:var(--line);background:var(--paper)}.staff-portal-shell .self-action-grid button:hover{background:#faf4ec;border-color:#b9a28a}.portal-login-shell{color:#1d1916;background:#f1e7da;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);align-items:stretch;min-height:100vh;padding:clamp(24px,5vw,72px)}.portal-login-story{color:#1d1916;background:#fffdf9;min-height:calc(100vh - clamp(48px,10vw,144px));padding:clamp(36px,5vw,68px)}.portal-login-story:before,.portal-login-story:after{display:none}.portal-login-brand{gap:12px}.portal-login-brand>span{color:#fff;width:46px;height:46px;box-shadow:none;background:#1d1916;border:0;border-radius:50%;font-family:Arial,Helvetica,sans-serif;font-size:14px}.portal-login-brand b{color:#9a7952;letter-spacing:.18em;font-size:12px;font-weight:800}.portal-login-brand small{color:#1d1916;letter-spacing:0;margin-top:1px;font-size:13px;font-weight:750}.portal-login-copy{max-width:700px;padding-block:64px}.portal-login-copy p{color:#9a7952;letter-spacing:.17em;margin-bottom:16px;font-size:11px}.portal-login-copy h1{color:#1d1916;max-width:620px;font-family:var(--font-script), "Segoe Script", "Brush Script MT", cursive;letter-spacing:-.018em;font-size:clamp(29px,2.8vw,40px);font-weight:600;line-height:1.22}.portal-login-copy>span{color:#6f665e;letter-spacing:.04em;margin-top:24px;font-size:13px;font-weight:600}.portal-login-story blockquote{color:#948a81;letter-spacing:.13em;border:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-style:normal;font-weight:700}.portal-login-panel{background:#1d1916;min-height:calc(100vh - clamp(48px,10vw,144px));padding:clamp(34px,4.5vw,62px)}.portal-login-card{color:#fff;width:min(520px,100%);min-height:610px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.portal-login-card>header{min-height:170px;padding:0 0 26px}.login-flower{color:#c9aa82;background:0 0;border-radius:0;place-items:start;width:auto;height:auto;margin-bottom:23px;font-size:18px}.portal-login-card>header p{color:#c9aa82;letter-spacing:.16em;font-size:10px}.portal-login-card>header h2{color:#fff;letter-spacing:-.035em;font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:800}.portal-login-card>header small{color:#cfc5bb;font-size:12px}.portal-choice{gap:12px}.portal-choice button{box-sizing:border-box;color:#fff;background:#2b241f;border:1px solid #5c5148;border-radius:0;min-height:112px;transition:border-color .16s,background-color .16s,color .16s;transform:none!important}.portal-choice button:hover{background:#332a24;border-color:#bea17d;transform:none!important}.portal-choice button.active{color:#1d1916;box-shadow:none;background:#d6b78f;border-color:#d6b78f;transform:none!important}.portal-account-state{background:#29231f;border-color:#52483f;border-radius:0;min-height:64px}.portal-account-state b{color:#fff}.portal-account-state small{color:#bdb2a8}.login-avatar{color:#1d1916;background:#d6b78f;border-radius:0}.login-spinner{border-color:#d6b78f #51463d #51463d}.portal-login-feedback{align-items:start;min-height:58px;display:grid}.portal-login-error,.portal-login-help{color:#e7d8c7;background:#332a24;border:1px solid #665548;border-radius:0;min-height:46px;margin:10px 0 0}.portal-login-submit{color:#1d1916;min-height:49px;box-shadow:none;background:#d6b78f;border-color:#d6b78f;border-radius:0;margin-top:0}.portal-login-submit:hover{color:#1d1916;background:#ead4b6;border-color:#ead4b6}.portal-login-card>footer{color:#a99e94;margin-top:18px}@media (width<=920px){.portal-login-shell{grid-template-columns:1fr;padding:20px}.portal-login-story,.portal-login-panel{min-height:auto}.portal-login-story{padding:32px}.portal-login-copy{padding:48px 0 34px}.portal-login-panel{padding:36px 30px}.portal-login-card{min-height:0}}@media (width<=560px){.portal-login-shell{padding:10px}.portal-login-story{min-height:300px;padding:24px 20px}.portal-login-copy{padding:38px 0 22px}.portal-login-copy h1{font-size:clamp(27px,8vw,35px);line-height:1.22}.portal-login-panel{padding:28px 20px}.portal-login-card>header{min-height:154px}.portal-choice button{min-height:104px}}.simple-hero h2.simple-motivation{font-family:var(--font-script), "Segoe Script", "Brush Script MT", cursive;letter-spacing:-.018em;font-size:clamp(25px,2.15vw,34px);font-style:normal;font-weight:600;line-height:1.18}.brand-mark,.topbar-company-logo,.corp-logo,.portal-login-logo,.company-logo-preview{overflow:hidden}.brand-mark img,.topbar-company-logo img,.corp-logo img,.portal-login-logo img,.company-logo-preview img{object-fit:contain;width:100%;height:100%;display:block}.portal-login-logo img{border-radius:50%}:is(.brand-mark:has(img),.topbar-company-logo:has(img),.portal-login-logo:has(img),.corp-logo:has(img)){background:#fff;padding:3px}.company-logo-setting{border:1px solid var(--line);background:#faf6f0;grid-template-columns:76px minmax(240px,1fr) auto auto;align-items:center;gap:14px;margin:18px 0 4px;padding:16px;display:grid}.company-logo-preview{color:#fff;background:#1d1916;border:1px solid #d7c8b7;place-items:center;width:72px;height:72px;padding:5px;font-size:17px;font-weight:850;display:grid}.company-logo-setting>div>b,.company-logo-setting>div>small,.company-logo-setting>div>em{display:block}.company-logo-setting>div>b{font-size:13px}.company-logo-setting>div>small{max-width:600px;color:var(--muted);margin-top:5px;line-height:1.5;font-size:10.5px!important}.company-logo-setting>div>em{color:#735a3f;margin-top:5px;font-size:10px;font-style:normal;font-weight:750}.company-logo-upload,.company-logo-setting>button{color:#fff;cursor:pointer;background:#1d1916;border:1px solid #1d1916;border-radius:2px;min-height:40px;padding:0 14px;font-size:10.5px;font-weight:800}.company-logo-upload{place-items:center;display:grid}.company-logo-upload input{opacity:0;width:1px;height:1px;position:absolute}.company-logo-setting>button{color:#1d1916;background:#fff}.company-logo-setting>button:disabled{cursor:wait;opacity:.55}.company-logo-upload:has(input:disabled){cursor:wait;opacity:.55}.approval-settings{grid-column:1/-1;width:100%}.approval-settings-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.approver-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.approver-card-grid>article{border-radius:2px;background:#fff!important}.approver-card-grid>article.automatic{border-color:#b99b76}.approver-master input:disabled,.approver-rights input:disabled{opacity:.8}.approver-empty{color:var(--muted);text-align:center;border:1px dashed #d8cbbb;grid-column:1/-1;margin:0;padding:20px;font-size:11px}@media (width<=900px){.approval-settings-body{grid-template-columns:1fr}.company-logo-setting{grid-template-columns:72px 1fr}.company-logo-upload,.company-logo-setting>button{width:100%}}@media (width<=560px){.simple-hero h2.simple-motivation{font-size:clamp(22px,6.8vw,29px)}.company-logo-setting{grid-template-columns:1fr}.company-logo-preview{width:66px;height:66px}}@media print{.corp-logo img{filter:grayscale()contrast(1.15)}}.staff-directory-table .table-row{grid-template-columns:72px 1.35fr 1.15fr .62fr .65fr .62fr .68fr .56fr 96px;min-width:1120px}.row-action-button{color:#fff;cursor:pointer;background:#1d1916;border:1px solid #1d1916;border-radius:2px;min-height:36px;padding:0 12px;font-size:10.5px;font-weight:800}.row-action-button:hover{background:#44372e}.staff-profile-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d1916b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.staff-profile-modal-backdrop .staff-profile-editor{border-radius:4px;width:min(1180px,100%);max-height:calc(100vh - 48px);margin:0;padding:24px;overflow-y:auto;box-shadow:0 30px 90px #00000047}.staff-profile-modal-backdrop .profile-editor-head{z-index:3;background:#fffdf9;margin:-24px -24px 0;padding:20px 24px 17px;position:sticky;top:-24px}.staff-profile-modal-backdrop .profile-editor-actions{z-index:3;background:#fffdf9;margin:20px -24px -24px;padding:15px 24px;position:sticky;bottom:-24px;box-shadow:0 -12px 28px #2a201912}.logo-crop-backdrop{z-index:110;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d1916c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.logo-crop-dialog{background:#fffdf9;border:1px solid #d9cbbc;border-radius:4px;width:min(720px,100%);overflow:hidden;box-shadow:0 30px 90px #0000004d}.logo-crop-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.logo-crop-dialog h3{margin:2px 0 4px;font-size:20px}.logo-crop-dialog header small{color:var(--muted);font-size:10.5px!important}.logo-crop-dialog header>button{color:#6f6257;cursor:pointer;background:0 0;border:0;font-size:25px}.logo-crop-workspace{grid-template-columns:300px 1fr;gap:22px;padding:22px;display:grid}.logo-crop-frame{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 50% / 20px 20px;border:2px solid #1d1916;width:300px;height:300px;position:relative;overflow:hidden}.logo-crop-frame img{object-fit:fill;max-width:none;display:block;position:absolute}.logo-crop-controls{align-content:center;gap:16px;display:grid}.logo-crop-controls label{gap:7px;display:grid}.logo-crop-controls label span{color:#51463d;font-size:11px;font-weight:800}.logo-crop-controls input{accent-color:#1d1916;width:100%}.logo-crop-controls>button{color:#43372e;cursor:pointer;background:#f5ede3;border:1px solid #cdbda9;min-height:38px;font-size:10.5px;font-weight:800}.logo-crop-dialog>footer{border-top:1px solid var(--line);background:#faf6f0;justify-content:flex-end;gap:10px;padding:15px 22px;display:flex}.corp-slip-header{grid-template-columns:72px minmax(0,1fr) 178px}.corp-logo{width:68px;height:68px}@media (width<=760px){.staff-profile-modal-backdrop{padding:8px}.staff-profile-modal-backdrop .staff-profile-editor{max-height:calc(100vh - 16px);padding:18px 14px}.staff-profile-modal-backdrop .profile-editor-head{margin:-18px -14px 0;padding:17px 14px 14px;top:-18px}.staff-profile-modal-backdrop .profile-editor-actions{margin:18px -14px -18px;padding:13px 14px;bottom:-18px}.logo-crop-workspace{grid-template-columns:1fr}.logo-crop-frame{aspect-ratio:1;justify-self:center;width:min(300px,100%);height:auto}.logo-crop-dialog{max-height:calc(100vh - 20px);overflow-y:auto}.logo-crop-dialog>footer{flex-direction:column;align-items:stretch}.logo-crop-dialog>footer button{width:100%}.corp-slip-header{grid-template-columns:62px 1fr!important}.corp-logo{width:58px;height:58px}}@media print{.corp-slip-header{grid-template-columns:72px minmax(0,1fr) 178px!important}.corp-logo{width:68px!important;height:68px!important}}.topbar-logout{color:#302821;white-space:nowrap;cursor:pointer;background:#fffdf9;border:1px solid #cdbda9;border-radius:2px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10.5px;font-weight:800;display:inline-flex}.topbar-logout span{font-size:13px}.topbar-logout:hover{background:#f5ede3;border-color:#1d1916}.payslip-archive-page{max-width:1380px}.payslip-archive-filter{grid-template-columns:170px 190px minmax(280px,1fr);align-items:end;gap:14px;margin-bottom:14px;padding:18px 20px;display:grid}.payslip-archive-filter label>span,.payslip-locked-staff small{color:#756c70;margin-bottom:6px;font-weight:800;display:block;font-size:10px!important}.payslip-archive-filter select{color:#2e292b;background:#fff;border:1px solid #d8ced3;border-radius:7px;width:100%;min-height:44px;padding:9px 12px;font-size:12px;font-weight:750}.payslip-locked-staff{background:#f8f4f6;border:1px solid #d8ced3;border-radius:7px;min-height:44px;padding:9px 12px}.payslip-locked-staff small{margin:0}.payslip-locked-staff b,.payslip-locked-staff span{display:block}.payslip-locked-staff b{font-size:12px}.payslip-locked-staff span{color:#7b7377;margin-top:2px;font-size:10px}.archived-slip-card{grid-template-columns:48px minmax(220px,1fr) minmax(130px,.42fr) minmax(130px,.42fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.archived-slip-mark{color:#fff;background:#30262b;border-radius:10px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.archived-slip-card>div:nth-child(2) small,.archived-slip-card>span small,.historical-payroll-card>span small{color:#887e83;letter-spacing:.06em;font-weight:800;display:block;font-size:9px!important}.archived-slip-card h3,.historical-payroll-card h3{margin:3px 0;font-size:17px}.archived-slip-card p,.historical-payroll-card p{color:#756e71;margin:0;font-size:10px;line-height:1.5}.archived-slip-card>span{border-left:1px solid #e5dde1;padding-left:16px}.archived-slip-card>span b,.historical-payroll-card>span b{margin-top:5px;font-size:15px;display:block}.archived-slip-card>span.net b{color:#7f234d}.archived-slip-empty{grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:25px 22px;display:grid}.archived-slip-empty>span{color:#756e71;background:#f2ecef;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.archived-slip-empty b,.archived-slip-empty small{display:block}.archived-slip-empty b{font-size:13px}.archived-slip-empty small{color:#7d7579;margin-top:4px;font-size:10px!important}.archived-slip-empty button{margin-top:12px}.historical-payroll-card{background:linear-gradient(100deg,#fffaf1,#fff);border-left:4px solid #b38850;grid-template-columns:minmax(260px,1fr) minmax(130px,.38fr) minmax(130px,.38fr) auto;align-items:center;gap:18px;margin-top:14px;padding:20px;display:grid}.historical-payroll-card>span{border-left:1px solid #eadfca;padding-left:16px}.employee-detail p{grid-template-columns:1fr;justify-content:start;gap:1px;margin-bottom:8px;display:grid}.employee-detail p span{letter-spacing:.02em;text-align:left;font-size:7.5px;font-weight:700}.employee-detail p b{text-align:left;overflow-wrap:anywhere;font-size:8.5px;line-height:1.35}@media (width<=760px){.topbar-logout{min-width:74px;padding:0 10px}.payslip-archive-filter{grid-template-columns:1fr 1fr;padding:15px}.payslip-archive-filter .wide,.payslip-locked-staff{grid-column:1/-1}.archived-slip-card{grid-template-columns:42px 1fr;gap:11px;padding:16px}.archived-slip-mark{width:40px;height:40px}.archived-slip-card>span{border-top:1px solid #e5dde1;border-left:0;padding:10px 0 0}.archived-slip-card>span:first-of-type{grid-column:1}.archived-slip-card>span.net{grid-column:2}.archived-slip-card>button{grid-column:1/-1;width:100%}.historical-payroll-card{grid-template-columns:1fr 1fr;padding:16px}.historical-payroll-card>div,.historical-payroll-card>button{grid-column:1/-1}.historical-payroll-card>span{border-top:1px solid #eadfca;border-left:0;padding:10px 0 0}.historical-payroll-card>button{width:100%}}.panel,.dashboard-page .panel,.simple-dashboard-grid>.panel,.simple-info-grid>.panel,.daily-brief-grid>.panel,.settings-grid>.panel,.dashboard-grid>.panel,.approval-sidebar>.panel,.self-service-side>.panel,.simple-kpis>article,.simple-kpis>button,.owner-card,.company-logo-setting,.approver-card-grid>article,.staff-profile-modal-backdrop .staff-profile-editor,.logo-crop-dialog{border-radius:18px}.simple-hero,.simple-hero>aside{border-radius:20px}.table-row,.dashboard-approval-list>article,.leave-balance-row,.cloud-document-list>div,.kpi-history>div{border-radius:15px}.main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),.search-box,.owner-percent,.locked-staff-field{border-radius:13px}.primary-button,.secondary-button,.filter-button,.row-action-button,.directory-filters button,.approval-filters button,.ot-workspace-tabs button,.company-logo-upload,.company-logo-setting>button,.topbar-logout,.period-picker,.period-pill,.staff-account-pill,.leave-actions button,.claim-actions button,.approval-actions button,.logo-crop-controls>button{border-radius:999px}.icon-button{border-radius:50%}.company-logo-preview,.brand-mark,.topbar-company-logo{border-radius:14px}.company-save-message{color:#6d5d4f;margin-top:7px;font-size:10.5px;font-weight:750;display:block}.company-save-message.success{color:#2f765d}.company-save-message.error{color:#a43c3c}.employer-save-row>div{margin-right:auto}.employer-save-row>div>p{margin:0}.directory-empty{color:#786b60;background:#fffdf9;border:1px dashed #d8cbbb;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:110px;margin:8px;padding:18px;display:flex}.directory-empty>span{background:#f2e9de;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.directory-empty b,.directory-empty small{display:block}.directory-empty b{color:#302821;font-size:12px}.directory-empty small{margin-top:4px;font-size:10px!important}.lovely-login-fields{gap:14px;margin-top:18px;display:grid}.lovely-login-fields>label{gap:7px;display:grid}.lovely-login-fields>label>span{color:#d7ccc1;letter-spacing:.03em;font-size:11px;font-weight:800}.lovely-login-fields input{box-sizing:border-box;color:#fff;background:#2b241f;border:1px solid #5c5148;border-radius:13px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:13px}.lovely-login-fields input:focus{border-color:#d6b78f;box-shadow:0 0 0 3px #d6b78f1f}.lovely-login-fields>label>div{background:#2b241f;border:1px solid #5c5148;border-radius:13px;grid-template-columns:1fr auto;display:grid;overflow:hidden}.lovely-login-fields>label>div:focus-within{border-color:#d6b78f;box-shadow:0 0 0 3px #d6b78f1f}.lovely-login-fields>label>div input{box-shadow:none;border:0;border-radius:0}.lovely-login-fields>label>div button{color:#d6b78f;cursor:pointer;background:0 0;border:0;min-width:64px;font-size:10.5px;font-weight:850}.account-settings{grid-column:1/-1}.account-settings-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;margin-top:18px;display:grid}.account-message{color:#4f473f;background:#faf6f0;border:1px solid #d9cbbc;border-radius:13px;margin:14px 0 0;padding:11px 13px;font-size:11px;font-weight:750}.account-list,.account-form{border:1px solid var(--line);background:#fffdf9;border-radius:17px}.account-list>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.account-list>header b{font-size:12px}.account-list>header span{color:var(--muted);font-size:10.5px;font-weight:750}.account-list>article{border-bottom:1px solid #eee7df;grid-template-columns:42px minmax(160px,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 15px;display:grid}.account-list>article:last-child{border-bottom:0}.account-avatar{color:#fff;background:#1d1916;border-radius:12px;place-items:center;width:38px;height:38px;font-size:10.5px;font-weight:900;display:grid}.account-list article b,.account-list article small{display:block}.account-list article b{color:#2f2823;font-size:11.5px}.account-list article small{color:var(--muted);margin-top:3px;font-size:10px!important}.account-list article em{border-radius:999px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:850}.account-list article em.active{color:#2f765d;background:#e8f3ed}.account-list article em.inactive{color:#8b5a3c;background:#f5ebe2}.account-list article button{color:#453a31;cursor:pointer;background:#fff;border:1px solid #d4c6b7;border-radius:999px;min-height:34px;padding:0 11px;font-size:9.5px;font-weight:800}.account-list article button:hover{border-color:#1d1916}.account-state{color:var(--muted);padding:20px;font-size:11px}.account-form{background:#f8f2ea;align-content:start;gap:12px;padding:17px;display:grid}.account-form h4{margin:0 0 2px;font-size:14px}.account-form label{gap:6px;display:grid}.account-form label span{color:#62574e;font-size:10px;font-weight:800}.account-form input,.account-form select{box-sizing:border-box;color:#302821;background:#fff;border:1px solid #d7cabb;outline:none;width:100%;min-height:42px;padding:0 11px;font-size:11px}.account-form>small{color:var(--muted);line-height:1.45;font-size:9.5px!important}.connection-state{border-radius:999px;padding:6px 10px;font-size:9.5px;font-weight:850}.connection-state.connected,.connection-state.online{color:#2d684f;background:#e6f1eb}.connection-state.offline{color:#805b3f;background:#f3e9df}.tuya-summary{grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0;display:grid}.tuya-summary>span{border:1px solid var(--line);background:#fffdf9;border-radius:14px;padding:13px}.tuya-summary b,.tuya-summary small{display:block}.tuya-summary b{color:#2f2823;font-size:15px}.tuya-summary small{color:var(--muted);margin-top:4px;font-size:9.5px!important}.tuya-missing{background:#f7efe6;border-radius:13px;padding:10px 12px;color:#6f5845!important;margin:0 0 14px!important}.tuya-connect-card{padding:26px}.tuya-connect-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin:22px 0 18px;display:flex}.tuya-connect-heading h3{margin:0;font-size:19px}.tuya-connect-heading p{max-width:520px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.tuya-connect-heading a{color:#4338a8;background:#fff;border:1px solid #d8dce5;border-radius:12px;flex:none;padding:10px 14px;font-size:11px;font-weight:750;text-decoration:none}.tuya-connect-heading a:hover{background:#f8f7ff;border-color:#a79cf2}.tuya-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.tuya-form-grid>label>span{color:#4c5362;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.tuya-form-grid input,.tuya-form-grid select{color:#222938;width:100%;min-height:45px;font:inherit;background:#fff;border:1px solid #d9dde6;border-radius:12px;outline:0;padding:0 13px;font-size:12px}.tuya-form-grid input:focus,.tuya-form-grid select:focus{border-color:#7964e8;box-shadow:0 0 0 3px #eeeaff}.tuya-secret-field{background:#fff;border:1px solid #d9dde6;border-radius:12px;display:flex;overflow:hidden}.tuya-secret-field:focus-within{border-color:#7964e8;box-shadow:0 0 0 3px #eeeaff}.tuya-secret-field input{border:0;border-radius:0;box-shadow:none!important}.tuya-secret-field button{color:#5e47cf;background:0 0;border:0;padding:0 13px;font-size:10px;font-weight:800}.tuya-security-note{background:#f4fbf7;border:1px solid #ddebe4;border-radius:13px;align-items:center;gap:11px;margin:16px 0;padding:12px 14px;display:flex}.tuya-security-note>span{color:#267253;background:#dff2e8;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.tuya-security-note p{margin:0}.tuya-security-note b,.tuya-security-note small{display:block}.tuya-security-note b{color:#235b46;font-size:11px}.tuya-security-note small{color:#557064;margin-top:3px;font-size:10px;line-height:1.4}.tuya-form-message{border-radius:12px;padding:11px 13px;font-weight:700;margin:0 0 16px!important;font-size:11px!important}.tuya-form-message.success{background:#e9f7ef;color:#246447!important}.tuya-form-message.error{background:#fff0f0;color:#9b3d3d!important}.tuya-diagnostic{background:snow;border:1px solid #ead8d8;border-radius:14px;margin:-5px 0 18px;padding:14px}.tuya-diagnostic header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tuya-diagnostic header b{color:#713838;font-size:12px}.tuya-diagnostic header span{color:#843f3f;background:#f7e5e5;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.tuya-diagnostic>p{color:#594a4a;margin:8px 0 11px;font-size:11px;line-height:1.55}.tuya-diagnostic>div{border-top:1px solid #f2e5e5;grid-template-columns:105px 1fr;gap:10px;padding:7px 0;font-size:10.5px;display:grid}.tuya-diagnostic>div span{color:#8a7272}.tuya-diagnostic>div strong{overflow-wrap:anywhere;color:#4d3f3f}.tuya-diagnostic>small{color:#8a7272;margin-top:7px;font-size:9.5px;display:block}.tuya-device-list{flex-wrap:wrap;gap:7px;margin:-5px 0 16px;display:flex}.tuya-device-list span{color:#5c4ca3;text-overflow:ellipsis;background:#f1edff;border-radius:9px;max-width:100%;padding:7px 9px;font:10px/1.2 monospace;overflow:hidden}@media (width<=760px){.tuya-connect-heading{flex-direction:column}.tuya-form-grid{grid-template-columns:1fr}.tuya-connect-heading a{text-align:center;width:100%}}.integration-actions{flex-wrap:wrap;gap:9px;display:flex}.empty-device.ready{background:#f2f8f4;border-style:solid;border-color:#c6d8cd}.attendance-message{color:#51463d;background:#fffaf4;border:1px solid #d7cabb;border-radius:14px;margin:0 0 16px;padding:11px 14px;font-size:11px;font-weight:750}.scan-chip,.unmatched{color:#7b573c}.scan-chip{background:#f3e9df;border-radius:999px;padding:5px 9px;display:inline-flex}.unmatched{font-size:10px;font-weight:850}@media (width<=980px){.account-settings-layout{grid-template-columns:1fr}.account-list>article{grid-template-columns:42px 1fr auto}.account-list>article>button{grid-column:auto}}@media (width<=640px){.account-list>article{grid-template-columns:38px 1fr}.account-list>article>em{justify-self:start}.account-list>article>button{grid-column:1/-1;width:100%}}:root{--navy:#1d2738;--navy-2:#2f3b4d;--ink:#1f2937;--muted:#697386;--line:#e7e9ee;--paper:#fff;--canvas:#f6f7f9;--coral:#673de6;--coral-dark:#5528d6;--purple:#673de6;--mint:#4f8a72;--peach:#a37c65;--sky:#63758f}html,body{color:var(--ink);background:var(--canvas)}body{font-family:var(--font-geist-sans), Inter, Arial, Helvetica, sans-serif}.sidebar{color:#374151;border-right:1px solid var(--line);background:#fff;box-shadow:8px 0 24px #141b2d06}.brand{color:#111827}.brand-mark,.topbar-company-logo{color:#673de6;box-shadow:none;background:#f2efff;border:1px solid #e4defc}.brand strong{color:#111827}.brand small,.admin-card small,.sidebar-note small{color:#8a93a3;font-size:9px}.nav-label{color:#9aa1ad;font-size:8px}.nav-item,.nav-group-toggle{color:#566074;font-size:10.5px;font-weight:700}.nav-item:hover,.nav-group-toggle:hover,.nav-group-toggle.active{color:#302268;background:#f5f3ff}.nav-item.active{color:#5130c8;background:#f0edff;box-shadow:inset 3px 0 #673de6}.nav-icon,.nav-item.active .nav-icon{color:#667085;background:#f3f4f6}.nav-item.active .nav-icon{color:#673de6;background:#e9e3ff}.nav-group-toggle>i{color:#9aa1ad}.nav-submenu{border-left-color:#e6e8ec}.nav-submenu .nav-item.active{color:#5130c8;background:#f5f3ff}.nav-submenu .nav-item.active .nav-icon{color:#673de6}.sidebar-note,.sidebar-staff-profile,.staff-secure-note{color:#4b5563;background:#f8f9fb;border-color:#e4e7ec}.sidebar-note strong,.sidebar-staff-profile strong,.staff-secure-note b{color:#283244}.sidebar-staff-profile small,.staff-secure-note small{color:#7b8494}.sidebar-staff-profile>span,.staff-secure-note>span{color:#673de6;background:#ece8ff}.admin-card{border-top-color:#eceef2}.admin-card strong{color:#293244}.return-admin{color:#5f6879;background:#fff;border-color:#e4e7ec}.return-admin:hover{color:#5130c8;background:#f5f3ff}.main{background:#f6f7f9}.topbar{background:#fffffff0;border-bottom-color:#e7e9ee;box-shadow:0 1px 10px #141b2d06}.topbar h1,.topbar-company strong{color:#1d2738}.eyebrow,.section-kicker{color:#7b8494}.storage-pill,.period-pill{color:#667085}.period-pill,.icon-button,.staff-account-pill,.topbar-logout{background:#fff;border-color:#e2e5ea}.staff-account-pill>span{color:#673de6;background:#ece8ff}.topbar-logout{color:#4b5563}.topbar-logout:hover{color:#5130c8;background:#f7f5ff;border-color:#cfc5fa}.page-content{width:min(1720px,100%)}.content-title h2,.panel h3{color:#1d2738}.content-title>div>p:last-child,.panel-head p,.helper-copy{color:#697386}.panel,.simple-kpis>article,.simple-kpis>button,.metric,.self-service-metrics>article,.approval-metrics>article,.claim-metrics>article,.leave-report-metrics>article,.compliance-metrics>article,.holiday-selection-summary>article{background:#fff!important;border-color:#e5e7ec!important;border-radius:14px!important;box-shadow:0 5px 18px #141b2d09!important}.panel-head,.leave-panel-head,.daily-brief-head{background:#fff;border-bottom-color:#eceef2}.primary-button,.simple-payroll-card>footer button,.simple-announcement-card>header>button,.simple-update-strip>button,.simple-today-card header button,.approval-inbox-state button,.approval-inbox-empty button,.overtime-entry-grid>button,.staff-saturday-roster button,.portal-login-submit{color:#fff;background:#673de6;border-color:#673de6;border-radius:10px;box-shadow:0 5px 14px #673de629}.primary-button:hover,.simple-payroll-card>footer button:hover,.simple-announcement-card>header>button:hover,.simple-update-strip>button:hover,.portal-login-submit:hover{color:#fff;background:#5528d6;border-color:#5528d6}.secondary-button,.filter-button,.daily-brief-head>button,.period-picker,.main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){color:#344054;background:#fff;border-color:#dfe3e8;border-radius:10px}.main :is(input,select,textarea):focus{border-color:#8e72ed;outline-color:#673de61f}.filter-button.active,.directory-filters button.active,.approval-filters button.active,.ot-workspace-tabs button.active{color:#5130c8;background:#f0edff;border-color:#d5ccfa}.simple-hero,.welcome-strip{color:#1f2937;background:linear-gradient(110deg,#fff 0% 70%,#f2f0fb 100%);border:1px solid #e2e5ea;border-left:4px solid #673de6;border-radius:16px;box-shadow:0 8px 26px #141b2d0b}.simple-hero:before,.welcome-strip:before{background:#673de6}.simple-hero h2,.welcome-strip h2{color:#1d2738}.simple-hero .simple-motivation,.welcome-strip p.hero-quote{color:#4a5568}.simple-date,.hero-meta span,.status-chip{color:#687386}.simple-date i,.simple-progress i,.status-chip i{background:#673de6}.simple-hero>aside,.executive-summary{color:#344054;box-shadow:none;background:#f7f7fa;border-color:#e1e4ea}.simple-hero>aside strong,.executive-payday strong{color:#1d2738}.executive-summary>header,.executive-summary>footer{background:#f7f7fa;border-color:#e3e6eb}.kpi-dot,.metric-icon,.self-metric-icon,.leave-report-metrics article>span,.overtime-metrics .ot-metric-icon,.daily-brief-icon,.today-icon,.simple-today-card .today-icon:nth-child(n),.dashboard-request-kind,.overtime .dashboard-request-kind,.claim .dashboard-request-kind{color:#5b3bc4!important;background:#f0edff!important;border-color:#e1dbfa!important}.table-row.table-header,.leave-balance-row.header,.corp-table-head,.dashboard-approval-inbox>header,.saturday-roster-head{color:#536074;background:#f7f8fa;border-color:#e8eaee}.table-row,.dashboard-approval-list>article,.leave-balance-row,.cloud-document-list>div,.kpi-history>div{border-color:#eceef2}.table-row:hover,.dashboard-approval-list>article:hover{background:#fafaff}.final-net{color:#1d2738;background:#f6f7f9;border-color:#dfe3e8}.staff-portal-shell .self-service-hero{color:#1f2937;background:linear-gradient(110deg,#fff 0% 72%,#f0edff 100%);border:1px solid #e2e5ea;border-left:4px solid #673de6;border-radius:16px;box-shadow:0 8px 26px #141b2d0b}.staff-portal-shell .self-service-hero :is(h2,strong,b){color:#1d2738}.staff-portal-shell .self-service-hero :is(p,small,span){color:#697386}.staff-company-banner{background:#fff!important;border-color:#e3e6eb #e3e6eb #e3e6eb #673de6!important}.staff-portal-shell .company-banner-icon{color:#673de6;background:#ece8ff}.staff-portal-shell .self-action-grid button{background:#fff;border-color:#e3e6eb}.staff-portal-shell .self-action-grid button:hover{color:#5130c8;background:#f7f5ff;border-color:#cfc5fa}.leave-tabs button.active{color:#5130c8}.leave-tabs button.active:after,.leave-tabs button b{background:#673de6}.portal-login-shell{color:#1f2937;background:#f3f4f6;padding:clamp(20px,4vw,58px)}.portal-login-story{color:#1f2937;background:linear-gradient(145deg,#fff 0% 70%,#f4f2fc 100%);border:1px solid #e4e6eb;border-right:0;border-radius:18px 0 0 18px}.portal-login-brand b,.portal-login-copy p{color:#673de6}.portal-login-brand small,.portal-login-copy h1{color:#1d2738}.portal-login-copy>span,.portal-login-story blockquote{color:#7b8494}.portal-login-panel{background:#fafbfc;border:1px solid #e4e6eb;border-left:0;border-radius:0 18px 18px 0}.portal-login-card{color:#1f2937;background:#fff;border:1px solid #e1e4ea;border-radius:16px;min-height:0;padding:34px;box-shadow:0 18px 50px #141b2d12}.portal-login-card>header{min-height:150px}.login-flower,.portal-login-card>header p{color:#673de6}.portal-login-card>header h2{color:#1d2738}.portal-login-card>header small{color:#7b8494}.portal-choice button{color:#344054;background:#fff;border-color:#e1e4ea;border-radius:12px}.portal-choice button>span{color:#667085;background:#f1f3f5;border-radius:9px}.portal-choice button b{color:#293244}.portal-choice button small{color:#7b8494}.portal-choice button:hover{background:#faf9ff;border-color:#cfc5fa}.portal-choice button.active{color:#4b2bbb;background:#f0edff;border-color:#bfb0f5}.portal-choice button.active>span{color:#fff;background:#673de6}.portal-choice button.active b{color:#4b2bbb}.portal-choice button.active small{color:#6d5c9c}.lovely-login-fields>label>span{color:#596275}.lovely-login-fields input,.lovely-login-fields>label>div{color:#273244;background:#fff;border-color:#dfe3e8}.lovely-login-fields>label>div button{color:#673de6}.lovely-login-fields input:focus,.lovely-login-fields>label>div:focus-within{border-color:#8e72ed;box-shadow:0 0 0 3px #673de61a}.portal-login-error{color:#9b2c2c;background:#fff5f5;border-color:#f0cece}.portal-login-help{color:#5d4a20;background:#fffbeb;border-color:#eadfbf}.portal-login-card>footer{color:#87909f}.portal-login-card>footer span{color:#4f8a72}@media (width<=920px){.portal-login-story{border-right:1px solid #e4e6eb;border-radius:18px 18px 0 0}.portal-login-panel{border-top:0;border-left:1px solid #e4e6eb;border-radius:0 0 18px 18px}}@media (width<=560px){.portal-login-card{padding:24px 18px}}html{font-size:16px}body{font-size:15px;line-height:1.55}.sidebar{width:154px;height:100dvh;min-height:100dvh;padding:16px 10px max(22px, env(safe-area-inset-bottom));scrollbar-color:#d7dbe3 transparent;scrollbar-width:thin;overflow:hidden auto}.main{margin-left:154px}.sidebar .brand{flex:none;gap:10px;padding:2px 3px 8px}.sidebar .brand-mark{border-radius:11px;flex-basis:38px;width:38px;height:38px}.sidebar .brand strong{color:#172033;letter-spacing:.02em;font-size:14px;font-weight:800}.sidebar .brand small,.sidebar .admin-card small,.sidebar .sidebar-note small{color:#667085;font-size:10.5px;font-weight:650;line-height:1.35}.sidebar .nav-label{color:#667085;letter-spacing:.12em;margin:18px 8px 8px;font-size:10px;font-weight:850}.sidebar nav{flex:none;gap:4px}.sidebar .nav-item,.sidebar .nav-group-toggle{gap:8px;min-height:42px;padding:8px 9px;font-size:12.5px;font-weight:750;line-height:1.25;color:#344054!important}.sidebar .nav-submenu .nav-item{min-height:39px;font-size:12px;color:#475467!important}.sidebar .nav-item:hover,.sidebar .nav-group-toggle:hover,.sidebar .nav-group-toggle.active{background:#f5f3ff;color:#352273!important}.sidebar .nav-item.active,.sidebar .nav-submenu .nav-item.active{background:#f0edff;color:#4f2bc7!important}.sidebar .nav-item .nav-icon,.sidebar .nav-group-toggle .nav-icon{flex-basis:25px;width:25px;height:25px;font-size:10.5px;color:#475467!important;background:#f2f4f7!important}.sidebar .nav-item.active .nav-icon,.sidebar .nav-submenu .nav-item.active .nav-icon{color:#5b36d4!important;background:#e9e3ff!important}.sidebar-note,.sidebar-staff-profile,.staff-secure-note{flex:none;margin-top:14px;padding:11px}.sidebar-note strong,.admin-card strong,.sidebar-staff-profile strong,.staff-secure-note b{color:#253047;font-size:11.5px;line-height:1.35}.admin-card{flex:none;margin:10px 0 8px;padding:11px 4px 2px}.portal-logout-mini{color:#4b5565;background:#f7f8fa;border-color:#dfe3e8;flex:0 0 30px}.topbar{min-height:72px;padding:12px 20px}.topbar h1{font-size:23px}.topbar-company strong{font-size:20px}.topbar .eyebrow,.main .section-kicker{color:#667085;font-size:11px}.storage-pill,.period-picker,.topbar-logout,.staff-account-pill{font-size:12px}.page-content{padding:20px 22px 44px}.content-title>div>p:last-child{color:#475467;font-size:14px}.main .panel:not(.payslip-paper) :is(p,small){color:#667085;line-height:1.5;font-size:11.5px!important}.main .panel:not(.payslip-paper) :is(b,label){font-size:12px}.main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:13px}.primary-button,.secondary-button,.filter-button,.daily-brief-head>button{font-size:12.5px}.simple-kpis small,.simple-today-card small,.simple-leave-card small,.simple-announcement-card small,.simple-statutory-card small,.simple-update-strip :is(span,b),.dashboard-approval-list :is(small,em){color:#667085;font-size:11px!important}.simple-today-card b,.simple-leave-card b,.simple-announcement-card b,.simple-statutory-card b{color:#344054;font-size:12px}.employee-stepper{margin-bottom:12px}.employee-stepper strong{font-size:15px}.employee-stepper strong span,.employee-stepper label>span{color:#667085;font-size:12px}.employee-stepper select{min-width:330px;min-height:44px;font-size:13px}.payroll-person-card{grid-template-columns:52px minmax(210px,1.15fr) minmax(145px,.75fr) minmax(140px,.65fr) minmax(190px,.95fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:15px 18px;display:grid}.payroll-person-card .payroll-avatar{border-radius:14px;width:48px;height:48px;margin:0;font-size:13px}.payroll-person-copy{min-width:0}.payroll-person-copy small{letter-spacing:.1em;font-weight:850;color:#6b4fd3!important;font-size:10px!important}.payroll-person-copy h3{color:#1d2738;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 1px;font-size:18px;overflow:hidden}.payroll-person-copy p{color:#667085;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden;font-size:12px!important}.payroll-person-field{gap:5px;display:grid}.payroll-person-field>span{color:#5f697a;font-size:11px;font-weight:800}.payroll-person-field select{min-height:42px;padding:8px 10px}.payroll-person-benefit{background:#f8f6ff;border:1px solid #e5e0f8;border-radius:11px;min-width:0;padding:10px 12px}.payroll-person-benefit b,.payroll-person-benefit small{display:block}.payroll-person-benefit b{color:#48349a;font-size:12px}.payroll-person-benefit small{margin-top:2px}.payroll-person-include{color:#344054;white-space:nowrap;margin:0;font-size:12px}.payroll-columns{grid-template-columns:minmax(190px,.82fr) minmax(300px,1.35fr) minmax(235px,1fr) minmax(225px,.9fr);min-width:0;overflow:visible}.payroll-column{padding:22px 18px}.payroll-column h3{font-size:18px}.column-field>span,.column-section-label,.deduction-controls label span small,.allowance-payroll-list small,.earning-copy small,.pay-figure span,.company-contribution,.legal-note{font-size:11.5px!important}.allowance-payroll-list b,.earning-copy strong,.deduction-controls label span b,.other-deduction-list label b{font-size:12.5px}.large-amount strong{font-size:23px}.pay-figure strong{font-size:19px}.final-net strong{font-size:24px}@media (width<=1200px){.payroll-person-card{grid-template-columns:52px minmax(210px,1fr) repeat(2,minmax(150px,.65fr))}.payroll-person-benefit{grid-column:2/4}.payroll-person-include{justify-self:end}.payroll-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-column:nth-child(odd){border-left:0}}@media (width<=920px){.sidebar{width:144px}.main{margin-left:144px}.payroll-person-card{grid-template-columns:48px 1fr}.payroll-person-field,.payroll-person-benefit,.payroll-person-include{grid-column:1/-1}.payroll-person-include{justify-self:start}}@media (width<=760px){.sidebar{display:none}.main{padding-bottom:calc(82px + env(safe-area-inset-bottom));margin-left:0}.page-content{padding:16px 12px 34px}.topbar{min-height:64px;padding:10px 12px}.employee-stepper select{width:100%;min-width:0}.payroll-columns{grid-template-columns:1fr}.payroll-column{border-top:1px solid var(--line);border-left:0!important}.payroll-column:first-child{border-top:0}}.admin-menu-sections{align-content:start;display:grid}.admin-menu-sections .nav-label:first-child{margin-top:12px}.salary-nav-group{margin-top:7px}.sidebar-settings-dock{background:#fff;border-top:1px solid #e7e9ee;flex:none;margin-top:auto;padding-top:10px}.sidebar-settings-dock .nav-submenu{max-height:250px;overflow-y:auto}.topbar-tuya,.topbar-user{color:#344054;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e1e4ea;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:12px;display:inline-flex}.topbar-tuya:hover,.topbar-user:hover{color:#5130c8;background:#f8f6ff;border-color:#cfc5fa}.topbar-tuya>span{color:#673de6;font-size:16px;font-weight:900}.topbar-tuya>i{background:#c4cad4;border-radius:50%;width:7px;height:7px}.topbar-tuya.connected>i{background:#36a77a;box-shadow:0 0 0 3px #e3f4ed}.topbar-user>span{color:#fff;background:#673de6;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:900;display:grid}.topbar-user>b{text-overflow:ellipsis;max-width:130px;overflow:hidden}.settings-section-company,.settings-section-access,.settings-section-approvals{grid-template-columns:1fr}.settings-section-company>.employer-settings,.settings-section-access>.account-settings,.settings-section-approvals>.approval-settings{grid-column:1/-1}.settings-section-benefits{grid-template-columns:1fr}.settings-section-benefits>.benefit-settings,.settings-section-benefits>.deduction-settings{grid-column:1/-1}.settings-section-tuya{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)}.account-settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr)}.account-list article .password-pending{color:#7b5a24;background:#fff5d9;margin-top:6px;padding:4px 8px;font-size:9px;font-style:normal;font-weight:800;display:inline-flex}.account-actions{justify-content:flex-end;gap:7px;display:flex}.account-form-actions{grid-template-columns:1fr;gap:8px;display:grid}.account-form-actions>button{width:100%;min-height:42px}.account-credentials{background:#f8f6ff;border:1px solid #d9d2fb;border-radius:16px;grid-template-columns:minmax(230px,1fr) minmax(360px,1.5fr) auto;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:grid}.account-credentials>div:first-child{align-items:center;gap:10px;display:flex}.account-credentials>div:first-child>span{color:#fff;background:#673de6;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.account-credentials p{margin:0}.account-credentials p b,.account-credentials p small{display:block}.account-credentials p b{color:#29223f;font-size:12px}.account-credentials p small{color:#6c6680;margin-top:2px;font-size:10px!important}.account-credentials dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.account-credentials dl>div{background:#fff;border:1px solid #e3def8;border-radius:11px;min-width:0;padding:8px 10px}.account-credentials dt{color:#7d758e;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.account-credentials dd{color:#34295c;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;font-weight:800;overflow:hidden}.account-credentials>button{color:#5130c8;cursor:pointer;background:#fff;border:1px solid #c9bdf4;border-radius:999px;min-height:38px;padding:0 13px;font-size:10px;font-weight:850}.password-dialog-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1519237a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.password-dialog{background:#fff;border:1px solid #e1e4ea;border-radius:20px;width:min(480px,100%);overflow:hidden;box-shadow:0 28px 70px #141b2d2e}.password-dialog>header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 22px 16px;display:flex}.password-dialog>header h3{color:#1d2738;margin:3px 0 4px;font-size:20px}.password-dialog>header small{color:#697386;font-size:11px}.password-dialog>header>button{color:#596275;cursor:pointer;background:#f2f4f7;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.password-dialog-fields{gap:13px;padding:18px 22px;display:grid}.password-dialog-fields>label{color:#4b5565;gap:6px;font-size:11px;font-weight:800;display:grid}.password-dialog-fields input:not([type=checkbox]){box-sizing:border-box;border:1px solid #dfe3e8;border-radius:12px;outline:0;width:100%;min-height:45px;padding:0 12px;font-size:13px}.password-dialog-fields input:focus{border-color:#8e72ed;box-shadow:0 0 0 3px #673de61a}.password-dialog-fields .password-show{align-items:center;gap:8px;font-weight:650;display:flex}.password-dialog-message{color:#9b2c2c;background:#fff1f1;border-radius:11px;margin:0;padding:10px 12px;font-size:11px;font-weight:750}.password-dialog>footer{background:#fafbfc;border-top:1px solid #eceef2;justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}@media (width<=1180px){.storage-pill,.topbar-user>b{display:none}.account-credentials{grid-template-columns:1fr}.account-credentials dl{grid-template-columns:repeat(3,minmax(0,1fr))}.account-credentials>button{justify-self:start}}@media (width<=980px){.settings-section-tuya,.account-settings-layout{grid-template-columns:1fr}.account-list>article{grid-template-columns:42px minmax(0,1fr) auto}.account-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=760px){.topbar-tuya b,.topbar-user b,.topbar-logout b{display:none}.topbar-tuya,.topbar-user,.topbar-logout{width:42px;min-width:42px;padding:0}.account-credentials dl{grid-template-columns:1fr}.password-dialog>footer{flex-direction:column-reverse;align-items:stretch}.password-dialog>footer button{width:100%}}@media (width<=540px){.account-list>article{grid-template-columns:38px minmax(0,1fr)}.account-list>article>em:not(.password-pending){grid-column:2;justify-self:start}.account-actions{grid-column:1/-1}.account-actions button{flex:1}}.sidebar-settings-dock{border-top:0;margin-top:8px;padding-top:0}.sidebar-settings-dock .nav-label{margin-top:12px}.sidebar-settings-dock nav{gap:4px;display:grid}.account-list>article{grid-template-columns:42px minmax(180px,1fr) auto minmax(250px,auto)}.account-username-edit{grid-template-columns:auto minmax(110px,1fr) auto auto;align-items:center;gap:6px;margin-top:5px;display:grid}.account-username-edit>span{color:#7c8492;font-size:12px;font-weight:800}.account-username-edit>input{color:#273244;background:#fff;border:1px solid #d9dce4;border-radius:9px;outline:0;min-width:0;height:34px;padding:0 9px;font-size:11px}.account-username-edit>input:focus{border-color:#8e72ed;box-shadow:0 0 0 3px #673de617}.account-username-edit>button{min-height:32px!important;padding:0 9px!important}.staff-approval-panel{background:#f8fafc;border:1px solid #e1e5eb;border-radius:16px;margin:16px 0 4px;padding:16px}.staff-approval-panel.active{background:#faf9ff;border-color:#d7d0f6}.staff-approval-heading{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.staff-approval-heading>span{color:#6b7280;background:#eef1f5;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.staff-approval-panel.active .staff-approval-heading>span{color:#fff;background:#673de6}.staff-approval-heading>div b,.staff-approval-heading>div small{display:block}.staff-approval-heading>div b{color:#273244;font-size:13px}.staff-approval-heading>div small{color:#6d788a;margin-top:3px;font-size:11px!important}.staff-approval-heading>label{color:#4c5668;cursor:pointer;background:#fff;border:1px solid #dde2e9;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:11px;display:flex}.staff-approval-heading input,.staff-approval-options input{accent-color:#673de6}.staff-approval-panel>p{color:#697386;background:#fff;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:11px}.staff-approval-options{border-top:1px solid #e6e8ed;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px;padding-top:13px;display:grid}.staff-approval-options>label{cursor:pointer;background:#fff;border:1px solid #e0e4ea;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:54px;padding:9px 10px;display:grid}.staff-approval-options span b,.staff-approval-options span small{display:block}.staff-approval-options span b{color:#344054;font-size:11px}.staff-approval-options span small{color:#7a8494;margin-top:2px;font-size:9px!important}.dashboard-compliance-summary{margin-top:12px;overflow:hidden}.dashboard-compliance-summary>header{border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.dashboard-compliance-summary>header>div{align-items:center;gap:10px;display:flex}.dashboard-compliance-summary>header>div:first-child>span{color:#5130c8;background:#efebff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.dashboard-compliance-summary>header small,.dashboard-compliance-summary>header h3{margin:0;display:block}.dashboard-compliance-summary>header small{color:#7c8492;letter-spacing:.11em;font-size:9px;font-weight:850}.dashboard-compliance-summary>header h3{color:#253147;margin-top:2px;font-size:15px}.dashboard-compliance-summary>header>div:last-child b{color:#33745e;font-size:10px}.dashboard-compliance-summary>header button{color:#5130c8;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:999px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800}.dashboard-compliance-body{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px;padding:14px 17px 17px;display:grid}.dashboard-compliance-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dashboard-compliance-metrics>span{background:#fafbfc;border:1px solid #e3e7ed;border-radius:12px;padding:12px}.dashboard-compliance-metrics b,.dashboard-compliance-metrics small{display:block}.dashboard-compliance-metrics b{color:#253147;font-size:21px}.dashboard-compliance-metrics small{color:#6d788a;margin-top:3px;font-size:9px!important}.dashboard-compliance-metrics .attention{background:#fffaf0;border-color:#eed8af}.dashboard-compliance-metrics .attention b{color:#9a681c}.dashboard-compliance-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-compliance-rules article{background:#fff;border:1px solid #e5e8ed;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;display:grid}.dashboard-compliance-rules article>span{color:#4f3d92;text-align:center;background:#f0edfb;border-radius:8px;min-width:42px;padding:5px 7px;font-size:8px;font-weight:900}.dashboard-compliance-rules p{min-width:0;margin:0}.dashboard-compliance-rules p b,.dashboard-compliance-rules p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-compliance-rules p b{color:#354154;font-size:10.5px}.dashboard-compliance-rules p small{color:#7f8896;margin-top:3px;font-size:9px!important}.dashboard-compliance-rules i{color:#b08a3e;font-size:9px;font-style:normal}.dashboard-compliance-rules i.verified{color:#35a477}.dashboard-compliance-rules i.pending_validation{color:#d2902e}.dashboard-compliance-rules i.monitor_only{color:#8069bd}.dashboard-compliance-empty{color:#697386;margin:0;padding:18px;font-size:11px}@media (width<=1100px){.account-list>article{grid-template-columns:42px minmax(0,1fr) auto}.account-actions{grid-column:2/-1;justify-content:flex-start}.staff-approval-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-compliance-body{grid-template-columns:1fr}}@media (width<=700px){.staff-approval-heading{grid-template-columns:38px 1fr}.staff-approval-heading>label{grid-column:1/-1;justify-self:start}.staff-approval-options,.dashboard-compliance-rules{grid-template-columns:1fr}.dashboard-compliance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-compliance-summary>header{flex-direction:column;align-items:flex-start}}.attendance-metrics strong,.attendance-time,.tuya-log-row b,.tuya-log-row .mono,.attendance-export-actions button,.download-attendance{color:#1d2738}.attendance-export-actions button:not(:disabled){opacity:1}.tuya-log-row .tuya-event-chip{color:#5130c8}@media (width<=460px){.dashboard-compliance-metrics{grid-template-columns:1fr}.account-username-edit{grid-template-columns:auto 1fr}.account-username-edit>button{grid-row:2}}.simple-hero .simple-greeting{font-size:clamp(18px,1.35vw,21px)}.topbar-company{display:none}@media (width<=760px){.topbar-company{display:flex}}@media (width<=700px){.simple-hero .simple-greeting{font-size:17px}.attendance-controls{flex-direction:column;align-items:stretch}.attendance-date-fields{grid-template-columns:1fr 1fr;display:grid}.attendance-date-fields .secondary-button{grid-column:1/-1}.download-attendance{width:100%}.attendance-metrics{grid-template-columns:repeat(2,1fr)}.attendance-table{overflow-x:auto}.attendance-table .table-row{min-width:720px}.attendance-explanation-list article,.late-explanation-panel article{grid-template-columns:1fr}}.portal-login-card.auto-role-login>header{min-height:0;padding-bottom:24px}.portal-login-card.auto-role-login .lovely-login-fields{margin-top:0}@media (width<=760px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0;font-size:15px}.app-shell,.main,.page-content{width:100%;min-width:0;max-width:100%}.main{padding-bottom:calc(82px + env(safe-area-inset-bottom));overflow-x:clip}.topbar{z-index:50;min-height:0;padding:max(9px, env(safe-area-inset-top)) 12px 9px;background:#fffffff7;display:block;position:sticky;top:0;box-shadow:0 6px 22px #17203314}.topbar-company{min-width:0;margin-bottom:8px}.topbar-company-logo{flex:0 0 34px;width:34px;height:34px}.topbar-company strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.top-actions{grid-template-columns:minmax(0,1fr) repeat(4,42px);gap:6px;width:100%;min-width:0;display:grid}.storage-pill{display:none}.period-picker{width:100%;min-width:0;min-height:42px;padding:5px 9px}.period-picker>span{display:none}.period-picker input{width:100%;min-width:0;padding:4px 2px;font-size:13px}.topbar-tuya,.topbar-user,.topbar-logout,.icon-button,.staff-account-pill{border-radius:13px;width:42px;min-width:42px;min-height:42px;padding:0}.page-content{padding:15px 12px 30px}.content-title{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.content-title h2{font-size:28px}.content-title>div>p:last-child{font-size:13px;line-height:1.55}.content-title>.primary-button,.content-title>.secondary-button{justify-content:center;width:100%;min-height:44px}.panel,.connection-banner{border-radius:16px;min-width:0}.main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){width:100%;min-width:0;max-width:100%;font-size:14px}.primary-button,.secondary-button,.filter-button{min-height:42px;font-size:13px}.simple-hero{grid-template-columns:1fr;gap:14px;padding:20px 18px}.simple-hero>aside{min-height:82px}.simple-kpis,.self-service-metrics,.approval-metrics,.leave-report-metrics,.claim-metrics,.overtime-metrics,.compliance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-dashboard-grid,.simple-info-grid,.self-service-layout,.approval-layout,.compliance-layout,.settings-grid,.dashboard-grid,.company-holiday-workspace,.deduction-admin-layout,.ot-type-admin-layout{grid-template-columns:1fr}.simple-info-grid>:last-child{grid-column:auto}.simple-kpis>article,.simple-kpis>button{padding:12px}.attendance-controls{padding:14px}.attendance-date-fields{grid-template-columns:1fr 1fr;width:100%}.attendance-date-fields label,.attendance-date-fields input{width:100%;min-width:0}.attendance-date-fields .secondary-button{grid-column:1/-1;width:100%}.attendance-metrics{gap:9px}.attendance-metrics article{min-width:0;padding:13px 14px}.attendance-metrics strong{font-size:24px}.attendance-metrics .attendance-window{white-space:nowrap;font-size:18px}.attendance-table{overflow:visible}.attendance-table .table-header{display:none}.attendance-table .table-row:not(.table-header){background:#fff;border:1px solid #e3e7ed;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;min-width:0;margin:9px;padding:14px;display:grid}.attendance-table .table-row:not(.table-header)>span{border:0;min-width:0;padding:0}.attendance-table .table-row:not(.table-header)>span:first-child{grid-area:2/1}.attendance-table .table-row:not(.table-header)>span:nth-child(2){grid-area:1/1/auto/-1}.attendance-table .table-row:not(.table-header)>span:nth-child(3){text-align:right;grid-area:2/2}.attendance-table .table-row:not(.table-header)>span:nth-child(4){grid-area:3/1}.attendance-table .table-row:not(.table-header)>span:nth-child(5){text-align:right;grid-area:3/2;align-self:center}.attendance-status{min-width:0}.attendance-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.attendance-tabs{grid-template-columns:1fr 1fr;display:grid}.attendance-tabs button{justify-content:center;padding-inline:8px}.weekly-attendance-head{flex-direction:column;align-items:stretch;padding:15px 14px 11px}.weekly-attendance-head nav{grid-template-columns:42px minmax(0,1fr) 42px;width:100%;display:grid}.weekly-attendance-head nav button{width:100%}.attendance-week-tabs{grid-template-columns:repeat(7,84px);padding:0 14px 14px}.attendance-week-tabs button{min-height:72px}.tuya-log-list{gap:9px;padding:9px}.tuya-log-row.header{display:none}.tuya-log-row{border:1px solid #e3e7ed;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px}.tuya-log-row>span:first-child{grid-column:1/-1}.tuya-log-row>span:nth-child(2){grid-column:1}.tuya-log-row>span:nth-child(3){text-align:right;grid-column:2}.tuya-log-row>span:nth-child(4){grid-column:1}.tuya-log-row>span:nth-child(5){text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.tuya-log-row>span:nth-child(6){text-align:right;grid-area:3/2/span 2;align-self:center}.payroll-person-card{gap:12px;padding:14px}.payroll-person-copy h3{white-space:normal}.payroll-columns{overflow:visible}.payroll-column{padding:18px 14px}.claim-list>article,.approval-list>article,.overtime-application-list>article,.account-list>article{min-width:0}.calendar-shell,.leave-balance-table,.table-panel{max-width:100%}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffffa;grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav.seven-items{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{min-width:0;padding:7px 2px 5px}.mobile-nav button span{font-size:14px}.mobile-nav button small{max-width:100%;font-size:9px;font-weight:750}.toast{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:none;left:12px}}@media (width<=430px){.top-actions{grid-template-columns:minmax(0,1fr) repeat(4,40px);gap:5px}.topbar-tuya,.topbar-user,.topbar-logout,.icon-button,.staff-account-pill{width:40px;min-width:40px;min-height:40px}.page-content{padding-inline:10px}.simple-kpis,.self-service-metrics,.approval-metrics,.leave-report-metrics,.claim-metrics,.overtime-metrics,.compliance-metrics{grid-template-columns:1fr}.attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-date-fields{grid-template-columns:1fr}.attendance-date-fields .secondary-button{grid-column:auto}.mobile-nav button small{font-size:9px}}:root{--lovely-text-base:14px;--lovely-text-body:13px;--lovely-text-small:12px;--lovely-text-label:12.5px;--lovely-text-control:13px;--lovely-text-chip:11.5px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{color:#1d2738;font-size:var(--lovely-text-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}.main :is(h1,h2,h3,h4),.portal-login-shell :is(h1,h2,h3,h4){color:#172033;text-wrap:balance;line-height:1.2}.main h1{font-size:32px}.main h2{font-size:28px}.main h3{font-size:18px}.main h4{font-size:15px}.main :is(p,li,dd),.portal-login-shell :is(p,li){font-size:var(--lovely-text-body)!important;line-height:1.55!important}.main small,.portal-login-shell small{font-size:var(--lovely-text-small)!important;line-height:1.45!important}.main :is(label,legend,dt),.portal-login-shell :is(label,legend){line-height:1.4;font-size:var(--lovely-text-label)!important}.main :is(button,input,select,textarea),.portal-login-shell :is(button,input,select,textarea){line-height:1.35;font-size:var(--lovely-text-control)!important}.main :is(input,select,textarea)::placeholder,.portal-login-shell :is(input,textarea)::placeholder{color:#7a8494;opacity:1}.main :is(a,time,code),.portal-login-shell a{font-size:max(var(--lovely-text-small), 1em)}.main :is(.eyebrow,.section-kicker,.nav-label,.sync-label,.executive-label,.column-section-label,.payslip-label,.progress-copy,.helper-copy,.directory-count,.staff-id-cell,.staff-no,.mono){letter-spacing:.045em;line-height:1.4;font-size:var(--lovely-text-small)!important}.main :is([class*=-chip],[class*=-badge],[class*=-status],.leave-status,.connection-state,.monitor-live,.monitor-wait,.unmatched,.approval-kind,.dashboard-request-kind,.rate-dot){line-height:1.3;font-size:var(--lovely-text-chip)!important}.main :is([class*=-metrics],[class*=-summary],[class*=-meta],[class*=-facts],[class*=-values],[class*=-copy],[class*=-detail]) :is(small,span,p,em,time,a),.main :is([class*=-list],[class*=-card],[class*=-panel]) :is(small,p,em,time,a){line-height:1.45;font-size:var(--lovely-text-small)!important}.main :is([class*=-list],[class*=-card],[class*=-panel]) :is(b,strong){font-size:max(var(--lovely-text-body), 1em);line-height:1.35}.main :is(.table-row,.tuya-log-row,.corp-table-row,.corp-ot-row,.leave-balance-row,.deduction-list>div){line-height:1.45;font-size:12.5px!important}.main :is(.table-header,.tuya-log-row.header,.leave-balance-row.header,.corp-table-head span,.corp-ot-head span){letter-spacing:.055em;line-height:1.35;font-size:11.5px!important}.main :is(.attendance-week-tabs button span,.attendance-week-tabs button small,.attendance-date-fields label span,.weekly-attendance-head>div small,.attendance-metrics small,.attendance-metrics span,.tuya-log-row small,.tuya-log-row b,.tuya-event-chip){font-size:var(--lovely-text-small)!important}.main :is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions,.overtime-entry-grid,.ot-type-form,.deduction-admin-form,.allowance-form,.account-form) label>span{line-height:1.4;font-size:var(--lovely-text-label)!important}.main :is(.profile-form-grid,.resume-detail-grid,.employer-form-grid,.owner-form-grid,.document-upload-grid,.kpi-entry-grid,.company-holiday-fields,.leave-form-grid,.claim-entry-grid,.announcement-form,.legacy-comparison,.gazette-actions,.overtime-entry-grid,.ot-type-form,.deduction-admin-form,.allowance-form,.account-form) :is(input,select,textarea){min-height:42px;font-size:var(--lovely-text-control)!important}.main textarea{min-height:92px}.sidebar{font-size:13px;line-height:1.4}.sidebar :is(.nav-item,.nav-group-toggle){min-height:40px;font-weight:750;font-size:13px!important}.sidebar .nav-submenu .nav-item{font-size:12.5px!important}.sidebar .nav-label{letter-spacing:.075em;font-size:11px!important}.sidebar :is(small,.return-admin){line-height:1.4;font-size:11.5px!important}.sidebar :is(.brand strong,.sidebar-staff-profile strong){font-size:14px!important}.sidebar :is(.admin-card strong,.sidebar-note strong,.staff-secure-note b),.topbar :is(button,input,select,.period-picker,.storage-pill,.topbar-user,.topbar-logout,.staff-account-pill){font-size:12.5px!important}.topbar :is(small,.topbar-user>span){line-height:1.35;font-size:11.5px!important}.portal-login-card>header h1,.portal-login-copy h1{font-size:clamp(28px,3vw,38px)}.portal-login-card>header p,.portal-login-copy p,.portal-login-story blockquote{font-size:14px!important;line-height:1.6!important}.portal-login-card :is(label,input,button){font-size:14px!important}.portal-login-card>footer{font-size:12px!important}.payslip-paper :is(p,small,span,time,footer),.payslip-paper :is(.corp-table-row,.corp-ot-row,.corp-slip-footer){line-height:1.4;font-size:10.5px!important}.payslip-paper :is(.corp-table-head span,.corp-ot-head span){font-size:10px!important}.payslip-paper :is(h3,.corp-table-head h3,.corp-ot-head h3){font-size:13px!important}.main :is([class$=-icon],.today-icon,.benefit-icon,.document-type-icon,.self-metric-icon,.claim-mark,.agency-mark,.attendance-status-icon){font-size:16px!important}@media (width<=760px){:root{--lovely-text-base:15px;--lovely-text-body:13.5px;--lovely-text-small:12.5px;--lovely-text-label:13px;--lovely-text-control:14px;--lovely-text-chip:11.5px}.main h1{font-size:29px}.main h2,.content-title h2{font-size:25px}.main h3{font-size:18px}.main h4{font-size:15px}.page-content{line-height:1.55}.primary-button,.secondary-button,.filter-button{min-height:44px}.mobile-nav{height:calc(74px + env(safe-area-inset-bottom))}.mobile-nav button{padding:7px 2px 6px}.mobile-nav button span{font-size:15px!important}.mobile-nav button small{line-height:1.15;font-size:10.5px!important}.toast{bottom:calc(84px + env(safe-area-inset-bottom));line-height:1.45;font-size:12.5px!important}.attendance-table .table-row:not(.table-header),.tuya-log-row{font-size:13px!important}}@media (width<=430px){.mobile-nav.seven-items button small{letter-spacing:-.01em;font-size:10px!important}}.leave-calendar-panel{background:#f8f4f3;border:1px solid #eadfe1;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px #4a2a3514}.calendar-toolbar{background:radial-gradient(circle at 48% -30%,#ffffffeb,#0000 48%),linear-gradient(135deg,#fff9f7 0%,#f8edef 54%,#f1e6df 100%);border-bottom:1px solid #eadfe1;min-height:96px;padding:18px 22px}.calendar-toolbar h3,.calendar-month-title h3{color:#452b35;letter-spacing:-.025em;font-weight:700;font-size:26px!important}.calendar-month-title>span{color:#346b58;background:#ffffffd1;border:1px solid #d8e8df;margin-top:7px;padding:6px 11px;box-shadow:0 4px 12px #30665212;font-size:12px!important}.calendar-nav{gap:7px}.calendar-nav button{color:#593644;background:#ffffffe6;border-color:#e1d7d9;border-radius:12px;min-width:42px;height:42px;box-shadow:0 5px 14px #42263012}.calendar-nav button:hover{background:#fff;border-color:#bc8797;transform:translateY(-1px)}.calendar-nav button:first-child{background:linear-gradient(135deg,#704055,#4f2c3a);border-color:#6c3b4e;padding-inline:15px;font-size:12.5px!important}.calendar-toolbar>label{color:#624b54;gap:10px;font-weight:800;font-size:12.5px!important}.calendar-toolbar select{border-color:#dfd3d6;border-radius:11px;min-width:175px;min-height:42px;padding:9px 34px 9px 12px;box-shadow:0 5px 14px #4226300d;font-size:13px!important}.staff-calendar-chip{color:#356c59;background:#fffc;border:1px solid #d3e6dc;padding:8px 12px;font-size:12px!important}.leave-calendar{scrollbar-color:#c9aeb5 #eee6e6;scrollbar-width:thin;overscroll-behavior-x:contain;background:#f8f4f3;padding:14px 16px 18px;overflow-x:auto}.leave-calendar::-webkit-scrollbar{height:9px}.leave-calendar::-webkit-scrollbar-track{background:#eee6e6;border-radius:99px}.leave-calendar::-webkit-scrollbar-thumb{background:#b995a0;border:2px solid #eee6e6;border-radius:99px}.calendar-weekdays{background:0 0;border:0;gap:7px;min-width:980px;margin-bottom:7px}.calendar-weekdays b{color:#634650;letter-spacing:.015em;background:#ffffffdb;border:1px solid #eadfe1;border-radius:11px;padding:11px 8px;font-weight:850;box-shadow:0 5px 13px #4a2a350b;font-size:13px!important}.calendar-grid{background:0 0;gap:7px;min-width:980px}.calendar-day{background:#fff;border:1px solid #e8dfe1;border-radius:14px;min-height:142px;padding:46px 8px 9px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 6px 18px #3f27300e}.calendar-day:hover{z-index:1;border-color:#d3b7be;transform:translateY(-2px);box-shadow:0 12px 26px #4728331c}.calendar-day:nth-child(7n+6),.calendar-day:nth-child(7n){background:#fffcfb}.calendar-day.outside{opacity:.68;background:#f5f1f1}.calendar-day.outside:hover{opacity:.9}.calendar-day.today{background:linear-gradient(#fff7f9,#fff);border-color:#b75b78;box-shadow:inset 0 0 0 2px #b75b781f,0 10px 24px #8f3d581f}.calendar-day time{color:#543a44;background:#f4edef;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:900;display:grid;top:9px;left:9px;right:auto;font-size:13px!important}.calendar-day.today time{color:#fff;background:linear-gradient(135deg,#c96684,#91415e);box-shadow:0 5px 12px #91415e40}.calendar-day.outside time{color:#9c8f94;background:#eee9e9}.calendar-event{color:#fff;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;border:1px solid #ffffff57;border-radius:9px;-webkit-box-orient:vertical;min-height:32px;margin:4px 0;padding:7px 8px;font-weight:850;line-height:1.3;display:-webkit-box;overflow:hidden;box-shadow:0 4px 10px #2c22261c;font-size:12.5px!important}.calendar-event.pending{background:linear-gradient(135deg,#c5914f,#9d6e35)}.calendar-event.birthday{background:linear-gradient(135deg,#cf6d92,#a83f69);box-shadow:inset 4px 0 #ffffff73,0 4px 10px #6e2b4824}.calendar-event.holiday{background:linear-gradient(135deg,#4b8f70,#2e6d52)}.calendar-event.holiday.required,.calendar-event.holiday.special{box-shadow:inset 4px 0 #f3ce70,0 4px 10px #235b4321}.calendar-event.holiday.unselected{color:#665a5f;box-shadow:none;background:#f1eded;border:1px dashed #baaeb2}.calendar-event.company-holiday{box-shadow:inset 4px 0 #ffffff73,0 4px 10px #2c222621}.calendar-day>small{color:#6e5d64;margin:6px 3px 2px;font-weight:800;font-size:11.5px!important}.holiday-source-note{color:#62545a;background:#fff;border-top:1px solid #eadfe1;gap:8px 18px;padding:13px 17px;font-size:12px!important}.holiday-source-note :is(span,a,small){font-size:12px!important}.holiday-source-note a{color:#8e3659}.calendar-legend{background:#fff;border:1px solid #eadfe1;border-radius:15px;gap:12px 18px;margin-top:13px;padding:15px 18px;box-shadow:0 8px 22px #452b350e}.calendar-legend strong{color:#4e3540;font-size:13px!important}.calendar-legend span{color:#62545a;gap:7px;font-weight:700;font-size:12.5px!important}.calendar-legend i{border-radius:5px;flex:0 0 14px;width:14px;height:14px}.calendar-legend i.birthday{background:#bd527d}@media (width<=760px){.calendar-toolbar{gap:13px;min-height:0;padding:16px}.calendar-toolbar h3,.calendar-month-title h3{text-align:left;font-size:24px!important}.calendar-month-title>span{font-size:12px!important}.calendar-nav{grid-template-columns:minmax(0,1fr) 44px 44px;display:grid}.calendar-nav button{width:100%;min-height:44px}.calendar-toolbar>label{flex-direction:column;align-items:stretch}.calendar-toolbar select{width:100%}.leave-calendar{padding:10px 10px 14px}.calendar-weekdays,.calendar-grid{gap:6px;min-width:800px}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays b{padding:10px 6px;font-size:12.5px!important}.calendar-day{border-radius:12px;min-height:132px;padding:44px 7px 8px}.calendar-day:hover{transform:none}.calendar-event{min-height:31px;padding:7px;font-size:12px!important}.holiday-source-note{flex-direction:column;align-items:flex-start;padding:13px 14px}.holiday-source-note small{width:auto}.calendar-legend{flex-direction:row;align-items:flex-start;gap:10px 14px}.calendar-legend strong{width:100%}}.toast{color:#fff;background:linear-gradient(135deg,#30255b,#5536bd);border:1px solid #ffffff24;box-shadow:0 18px 42px #261b5247}.toast span{color:#fff;background:#3d8a6c}.final-net{color:#fff;background:linear-gradient(135deg,#30255b,#6742dc);border-color:#4e37a6;box-shadow:0 10px 24px #4a319f33}.final-net span,.final-net small{color:#e5e0ff!important}.final-net strong{color:#fff!important}.table-row.table-header :is(span,b,strong),.leave-balance-row.header>span,.dashboard-approval-inbox>header :is(h3,small,p,b,strong),.saturday-roster-head :is(h3,p,.section-kicker){color:#344054!important}.table-row.table-header,.leave-balance-row.header,.dashboard-approval-inbox>header,.saturday-roster-head{background:#f7f8fa;border-color:#e4e7ec}.dashboard-approval-inbox>header .approval-inbox-summary button,.saturday-roster-head>span{color:#5130c8;background:#ece8ff;border-color:#d9d2f8}.weekday-short{display:none}@media (width<=760px){.leave-calendar{padding:8px 7px 12px;overflow-x:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;min-width:0}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays b{letter-spacing:-.02em;border-radius:8px;min-width:0;padding:8px 1px;font-size:10.5px!important}.weekday-full{display:none}.weekday-short{display:inline}.calendar-day{border-radius:9px;min-width:0;min-height:94px;padding:33px 3px 5px}.calendar-day time{border-radius:8px;width:24px;height:24px;top:5px;left:5px;font-size:11px!important}.calendar-event{white-space:nowrap;-webkit-line-clamp:1;border-radius:6px;min-width:0;min-height:20px;margin:3px 0;padding:3px 2px;line-height:1.25;font-size:8.5px!important}.calendar-day>small{text-align:center;margin-inline:1px;font-size:9px!important}}@media (width<=430px){.calendar-weekdays,.calendar-grid{gap:3px}.calendar-weekdays b{font-size:9.5px!important}.calendar-day{border-radius:8px;min-height:76px;padding:31px 3px 4px}.calendar-event{height:6px;min-height:6px;box-shadow:none;border:0;border-radius:999px;margin:3px 1px;padding:0;color:#0000!important;font-size:0!important}.calendar-day>small{font-size:8px!important}}.storage-pill.error{color:#a43d45}.storage-pill.error i{background:#d65b65}.storage-pill.loading i{animation:1s ease-in-out infinite dataPulse}@keyframes dataPulse{50%{opacity:.35;transform:scale(.75)}}.data-refresh-status{color:#6e5a22;background:#fff9e8;border:1px solid #e2d6a8;border-radius:11px;align-items:center;gap:10px;margin:10px 22px 0;padding:10px 13px;display:flex}.data-refresh-status>span{flex:none}.data-refresh-status p{margin:0}.data-refresh-status b,.data-refresh-status small{display:block}.data-refresh-status b{font-size:12px}.data-refresh-status small{margin-top:2px;font-size:10px}.data-refresh-status.error{color:#87363e;background:#fff1f2;border-color:#efc8cc}.data-refresh-status.error>span{color:#fff;background:#cb4e59;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.calendar-important-notes{margin-top:12px;overflow:hidden}.calendar-important-notes>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.calendar-important-notes h3{margin:0;font-size:17px}.calendar-important-notes>header>span{color:#6a5260;background:#f3eaee;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.calendar-important-notes>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.calendar-important-notes article{border-bottom:1px solid #eff0f3;grid-template-columns:6px 94px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:13px 16px;display:grid}.calendar-important-notes article:nth-child(odd){border-right:1px solid #eff0f3}.calendar-important-notes article>i{border-radius:99px;width:6px;height:38px}.calendar-important-notes article time{color:#6e7787;font-size:11px;font-weight:800}.calendar-important-notes article p{min-width:0;margin:0}.calendar-important-notes article b,.calendar-important-notes article small{display:block}.calendar-important-notes article b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.calendar-important-notes article small{color:#737d8c;margin-top:3px;font-size:10.5px;line-height:1.35}.calendar-note-empty{color:#707b8a;margin:0;padding:20px;font-size:12px}.payroll-report-toolbar{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:15px;padding:18px;display:grid}.payroll-report-toolbar label>span{color:#687385;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.payroll-report-toolbar select{color:#344055;background:#fff;border:1px solid #dce1e8;border-radius:9px;width:100%;min-height:43px;padding:9px 11px;font-size:13px}.payroll-report-toolbar>div{gap:8px;display:flex}.payroll-report-toolbar a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.payroll-report-toolbar>small{color:#7a8391;grid-column:1/-1;font-size:10px}.payroll-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.payroll-report-metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px;box-shadow:0 8px 24px #202a3b08}.payroll-report-metrics small,.payroll-report-metrics strong,.payroll-report-metrics span{display:block}.payroll-report-metrics small{color:#77808e;font-size:10px;font-weight:750}.payroll-report-metrics strong{color:#303b4e;margin-top:7px;font-size:20px}.payroll-report-metrics span{color:#77808e;margin-top:5px;font-size:10px;line-height:1.4}.payroll-report-metrics article.statutory-total{background:linear-gradient(145deg,#f6fcf8,#fff);border-color:#cfe2d5}.payroll-report-metrics article.statutory-total strong{color:#276449}.payroll-report-metrics article.employer-cost-total{background:linear-gradient(145deg,#faf8ff,#fff);border-color:#d8cdf7}.payroll-report-metrics article.employer-cost-total strong{color:#6138a8}.payroll-report-metrics article.payroll-grand-total{text-align:right;grid-column:span 2}.payroll-report-table{overflow:hidden}.payroll-report-table>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.payroll-report-table h3{margin:0;font-size:17px}.payroll-report-table>header>span{color:#777f8d;font-size:11px;font-weight:750}.report-table-scroll{overflow-x:auto}.report-table-row{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(170px,1.3fr) repeat(13,minmax(100px,1fr));align-items:center;min-width:1690px;display:grid}.report-table-row>span{text-align:right;padding:11px 12px;font-size:11px}.report-table-row>span:first-child{text-align:left}.report-table-row b,.report-table-row small{display:block}.report-table-row small{color:#7b8491;margin-top:3px;font-size:9px}.report-table-row.header{color:#697485;background:#f6f7f9;font-weight:850}.report-state{color:#6c7584;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;display:flex}.report-state b{font-size:13px}.report-state small{font-size:10px}.backup-settings{grid-column:1/-1;overflow:hidden}.backup-health{border-radius:99px;padding:7px 10px;font-size:10px;font-weight:850}.backup-health.ready{color:#28705a;background:#e4f4ed}.backup-health.pending{color:#8b672a;background:#fff3d8}.backup-message{border-radius:9px;margin:0 18px 14px;padding:10px 12px;font-size:11px;font-weight:750}.backup-message.success{color:#28634f;background:#eaf7f1}.backup-message.error{color:#8a3940;background:#fff0f1}.backup-overview{background:#f4faf7;border:1px solid #dfe5e1;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:0 18px 14px;padding:17px;display:flex}.backup-overview>div,.backup-file-note{align-items:center;gap:12px;display:flex}.backup-overview>div>span,.backup-file-note>span{color:#34705c;background:#dcefe7;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:grid}.backup-overview p,.backup-file-note p{margin:0}.backup-overview b,.backup-overview small,.backup-file-note b,.backup-file-note small{display:block}.backup-overview b,.backup-file-note b{font-size:12px}.backup-overview small,.backup-file-note small{color:#6f7b78;margin-top:4px;font-size:10.5px;line-height:1.45}.backup-file-note{background:#f7f8fa;border-radius:12px;margin:0 18px 16px;padding:14px}.backup-history{border:1px solid var(--line);border-radius:12px;margin:0 18px 18px}.backup-history>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.backup-history>header b{font-size:12px}.backup-history>header span{color:#737d8c;font-size:10px}.backup-history>article{border-bottom:1px solid #eef0f3;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px 14px;display:grid}.backup-history>article:last-child{border-bottom:0}.backup-history>article>span{color:#5b6575;background:#eef0f4;border-radius:9px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.backup-history b,.backup-history small{display:block}.backup-history b{font-size:11px}.backup-history small{color:#798290;margin-top:3px;font-size:9px}.backup-history a{color:#3c526e;background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none}.backup-history>p{color:#727d8b;margin:0;padding:18px;font-size:11px}.mobile-menu-backdrop{display:none}@media (width<=760px){.main{padding-bottom:76px}.mobile-nav{padding-bottom:max(3px, env(safe-area-inset-bottom));z-index:75!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;height:72px!important}.mobile-nav button{min-width:0;padding:7px 2px 6px!important}.mobile-nav button span{font-size:16px!important}.mobile-nav button small{text-overflow:clip!important;max-width:100%!important;font-size:10px!important;font-weight:800!important;overflow:visible!important}.mobile-menu-backdrop{z-index:90;padding:14px 10px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17243c7d;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{background:#fff;border-radius:20px;width:100%;max-height:min(82vh,720px);overflow-y:auto;box-shadow:0 -18px 60px #18233b35}.mobile-menu-sheet>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex;position:sticky;top:0}.mobile-menu-sheet h3{margin:0;font-size:21px}.mobile-menu-sheet header small{color:#77808e;margin-top:4px;font-size:11px;display:block}.mobile-menu-sheet>header>button{color:#576171;background:#f0f2f5;border:0;border-radius:10px;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.mobile-menu-groups{gap:18px;padding:16px;display:grid}.mobile-menu-groups h4{color:#667184;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px}.mobile-menu-groups section>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-menu-groups section button{color:#3f4a5c;text-align:left;background:#fff;border:1px solid #e1e5eb;border-radius:12px;grid-template-columns:34px 1fr;gap:2px 9px;min-width:0;padding:11px;display:grid}.mobile-menu-groups section button.active{background:#fff4f8;border-color:#b76c8e}.mobile-menu-groups section button>span{color:#7f3456;background:#f5e7ed;border-radius:9px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.mobile-menu-groups section button b{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:12px;overflow:hidden}.mobile-menu-groups section button small{color:#89919d;align-self:start;font-size:9px}.data-refresh-status{margin:8px 9px 0}.topbar .storage-pill{font-size:9px!important;display:inline-flex!important}.calendar-important-notes>div{grid-template-columns:1fr}.calendar-important-notes article{grid-template-columns:6px 82px minmax(0,1fr);padding:12px;border-right:0!important}.calendar-important-notes article time{font-size:10px}.calendar-important-notes article b{font-size:11.5px}.calendar-important-notes article small{font-size:10px}.payroll-report-toolbar{grid-template-columns:1fr;align-items:stretch;padding:14px}.payroll-report-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.payroll-report-toolbar .secondary-button,.payroll-report-toolbar .primary-button{width:100%;min-height:43px;padding-inline:8px;font-size:10.5px}.payroll-report-metrics{grid-template-columns:1fr 1fr;gap:8px}.payroll-report-metrics article{padding:13px}.payroll-report-metrics strong{font-size:16px}.payroll-report-metrics article.payroll-grand-total{text-align:left;grid-column:span 1}.backup-overview{flex-direction:column;align-items:stretch;margin-inline:12px}.backup-overview button{width:100%}.backup-file-note,.backup-history{margin-inline:12px}.backup-history>article{grid-template-columns:34px minmax(0,1fr) auto;padding-inline:10px}}@media (width<=420px){.mobile-menu-groups section>div{grid-template-columns:1fr}.topbar .storage-pill{text-overflow:ellipsis;white-space:nowrap;max-width:98px;overflow:hidden}.calendar-important-notes>header{align-items:flex-start;padding:14px}.calendar-important-notes>header>span{font-size:9px}}.portal-session-restore{color:#1d2738;background:linear-gradient(145deg,#f7f5ff,#f7f8fa 55%,#f3f0ff);place-items:center;min-height:100dvh;padding:24px;display:grid}.portal-session-restore>section{background:#fffffff0;border:1px solid #e2def5;border-radius:18px;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:14px;width:min(440px,100%);padding:20px;display:grid;box-shadow:0 18px 55px #352a5f1c}.portal-restore-logo{color:#fff;background:#673de6;border:1px solid #e0d9fa;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:900;display:grid;overflow:hidden}.portal-restore-logo img{object-fit:contain;background:#fff;width:100%;height:100%}.portal-session-restore b,.portal-session-restore span{display:block}.portal-session-restore b{font-size:18px}.portal-session-restore span{color:#697386;margin-top:4px;font-size:12.5px;line-height:1.45}.topbar-mobile-label,.topbar-approval>b{display:none}.topbar-live-clock{color:#344054;background:#faf9ff;border:1px solid #e0dcf2;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:9px;min-height:44px;padding:6px 12px;display:grid}.topbar-live-clock>span{color:#5130c8;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:15px;font-weight:850}.topbar-live-clock>b{color:#667085;white-space:nowrap;font-size:10.5px;font-weight:750}.payroll-period-control{background:#faf9ff;border:1px solid #e0dcf2;border-radius:11px;gap:3px;min-width:170px;padding:5px 10px;display:grid}.payroll-period-control>span{color:#667085;font-size:9px;font-weight:800}.payroll-period-control input{color:#344054;background:0 0;border:0;outline:0;min-width:0;font-size:12px;font-weight:800}@media (width<=760px){.topbar{padding:max(10px, env(safe-area-inset-top)) 12px 10px;background:#fffffffa;border-bottom:1px solid #e8e5f1}.topbar-company{margin-bottom:9px}.top-actions{flex-wrap:wrap;align-items:stretch;gap:7px;display:flex!important}.topbar .storage-pill{background:#fff;border:1px solid #e3e6eb;border-radius:12px;flex:0 auto;order:0;min-height:44px;padding-inline:10px;font-size:10px!important;display:inline-flex!important}.topbar .period-picker{background:#faf9ff;border-color:#e0dcf2;border-radius:12px;flex:185px;order:0;gap:6px;min-width:165px;min-height:44px;padding:5px 9px}.topbar .period-picker>span{color:#6b7280;flex:none;font-weight:800;display:block;font-size:10px!important}.topbar .period-picker input{min-width:0;padding:0;font-size:12px!important}.topbar .topbar-live-clock{flex:185px;order:0;gap:7px;min-width:165px;min-height:44px;padding:5px 9px}.topbar .topbar-live-clock>span{font-size:14px}.topbar .topbar-live-clock>b{font-size:10px}.payroll-title .title-actions{grid-template-columns:1fr 1fr;display:grid}.payroll-period-control{grid-column:1/-1;width:100%;min-width:0}.top-actions>:is(.topbar-tuya,.topbar-approval,.staff-account-pill,.topbar-user,.topbar-logout){color:#344054;background:#fff;border:1px solid #e1ddf2;border-radius:12px;flex-direction:column;flex:68px;order:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:5px 6px;display:flex;position:relative;width:auto!important;min-width:0!important}.top-actions>:is(.topbar-tuya,.topbar-approval,.staff-account-pill,.topbar-user,.topbar-logout):active{background:#f5f2ff;border-color:#bfb4ef}.topbar :is(.topbar-tuya b,.topbar-approval b,.staff-account-pill b,.topbar-user b,.topbar-logout b){color:#344054;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden;font-size:10px!important;display:block!important}.topbar-user .topbar-user-name{display:none!important}.topbar-user .topbar-mobile-label{display:block!important}.top-actions>:is(.staff-account-pill,.topbar-user)>span{color:#5b37c7;background:#eeeaff;flex:0 0 24px;width:24px;height:24px;font-size:8px!important}.topbar-tuya>span,.topbar-approval>span,.topbar-logout>span{color:#673de6;line-height:1;font-size:17px!important}.topbar-tuya>i,.topbar-approval .notification-dot{position:absolute;top:7px;right:8px}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f1b3294}.mobile-menu-sheet{background:#fbfaff;border:1px solid #ded8f5;box-shadow:0 -22px 70px #251b4b47}.mobile-menu-sheet>header{background:#fffffffa;border-bottom-color:#e5e0f5}.mobile-menu-sheet .section-kicker,.mobile-menu-groups h4{color:#6655a8}.mobile-menu-sheet>header>button{color:#5130c8;background:#efebff}.mobile-menu-groups section button{color:#344054;background:#fff;border-color:#e2def2}.mobile-menu-groups section button.active{color:#3c288d;background:#f0ecff;border-color:#9d87ed;box-shadow:inset 3px 0 #673de6}.mobile-menu-groups section button>span{color:#5a36cf;background:#eeeaff}.mobile-menu-groups section button.active>span{color:#fff;background:#673de6}.main,.page-content,.panel,.table-panel,.staff-table,.report-table-scroll,.leave-balance-table,.attendance-table,.tuya-log-list{max-width:100%;overflow-x:visible!important}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.search-box{width:100%}.directory-tools,.directory-filters,.leave-tabs,.claim-filters,.approval-filters{flex-wrap:wrap;width:100%;overflow:visible!important}.directory-filters button,.leave-tabs button,.claim-filters button,.approval-filters button{flex:120px;min-width:0}.staff-directory-table .table-header,.payslip-table .table-header,.report-table-row.header,.leave-balance-row.header{display:none}.staff-directory-table .table-row:not(.table-header),.payslip-table .table-row:not(.table-header),.report-table-row:not(.header),.leave-balance-row:not(.header){background:#fff;border:1px solid #e4e1ef;border-radius:14px;gap:10px;width:auto;margin:10px;padding:14px;display:grid;box-shadow:0 7px 20px #1e263a0d;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important}.staff-directory-table .table-row:not(.table-header)>*,.payslip-table .table-row:not(.table-header)>*,.report-table-row:not(.header)>*,.leave-balance-row:not(.header)>*{min-width:0}.staff-directory-table [data-label],.payslip-table [data-label],.report-table-row [data-label],.leave-balance-row [data-label]{display:block}.staff-directory-table [data-label]:before,.payslip-table [data-label]:before,.report-table-row [data-label]:before,.leave-balance-row [data-label]:before{color:#7d8492;content:attr(data-label);letter-spacing:.03em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.staff-directory-table .person-cell,.payslip-table .person-cell,.report-table-row>span:first-child,.leave-balance-row>span:first-child{grid-column:1/-1}.staff-directory-table .row-action-button,.payslip-table .slip-row-actions,.payslip-table .table-row>button{grid-column:1/-1;justify-self:stretch;width:100%}.payslip-table .slip-row-actions{justify-content:stretch}.payslip-table .slip-row-actions button{border:1px solid #ded8f5;border-radius:10px;flex:1;min-height:40px}.leave-balance-row:not(.header)>span:first-child{border-bottom:1px solid #ece8f5;padding-bottom:9px}.leave-balance-row:not(.header)>span:not(:first-child){border:1px solid #eeeaf7;border-radius:10px;padding:9px}.attendance-week-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding-inline:10px;overflow-x:visible}.attendance-week-tabs button{min-width:0;min-height:66px;padding:7px 2px}.attendance-week-tabs button b{font-size:10px!important}.attendance-week-tabs button small{font-size:8.5px!important}.saturday-roster-grid{grid-template-columns:1fr;padding:12px;overflow-x:visible}.saturday-roster-day{min-width:0}.ot-workspace-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.modal-backdrop{background:#252130e8;width:100%;max-width:100%;padding:0}.payslip-modal{width:100%;max-width:100%;padding:10px}.modal-actions{z-index:3;background:#252130;grid-template-columns:1fr 1.5fr;gap:8px;padding:8px 0;display:grid;position:sticky;top:0}.modal-actions button{width:100%;min-height:44px}.modal-actions>button:first-child{border:1px solid #ffffff40;border-radius:10px}.email-sendbar{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px}.email-sendbar button{grid-column:1/-1;min-height:42px}.payslip-paper.corporate-slip{border-radius:12px;width:100%;max-width:100%;padding:17px 12px;overflow:hidden}.corp-slip-header{grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important}.corp-logo{width:50px;height:50px}.corp-company{min-width:0}.corp-company :is(h2,p,span,b){overflow-wrap:anywhere}.corp-period{text-align:left;border-top:1px solid #d9d9d9;border-left:0;grid-column:1/-1;padding:10px 0 0}.corp-employee{grid-template-columns:1fr 1fr;gap:13px}.corp-net-box{grid-column:1/-1}.corp-table-head,.corp-table-row{grid-template-columns:minmax(0,1fr) 76px 76px}.corp-ot-head,.corp-ot-row{grid-template-columns:minmax(0,1fr) 52px 42px 72px}.corp-table-head h3,.corp-table-row>span,.corp-ot-head h3,.corp-ot-row>span{overflow-wrap:anywhere;min-width:0;padding-inline:7px}.corp-table-head span,.corp-table-row>b,.corp-ot-head span,.corp-ot-row>b{overflow-wrap:anywhere;min-width:0;padding-inline:5px}.corp-slip-footer{gap:5px;grid-template-columns:1fr!important}}@media (width<=420px){.topbar .storage-pill{flex:112px;max-width:none}.topbar .period-picker,.topbar .topbar-live-clock{flex-basis:175px}.top-actions>:is(.topbar-tuya,.topbar-approval,.staff-account-pill,.topbar-user,.topbar-logout){flex-basis:62px}.staff-directory-table .table-row:not(.table-header),.payslip-table .table-row:not(.table-header),.report-table-row:not(.header),.leave-balance-row:not(.header){grid-template-columns:1fr!important}.staff-directory-table .person-cell,.payslip-table .person-cell,.report-table-row>span:first-child,.leave-balance-row>span:first-child,.staff-directory-table .row-action-button,.payslip-table .slip-row-actions,.payslip-table .table-row>button{grid-column:1}.corp-employee{grid-template-columns:1fr}.corp-net-box{grid-column:1}.corp-table-head,.corp-table-row{grid-template-columns:minmax(0,1fr) 68px 68px}.corp-ot-head,.corp-ot-row{grid-template-columns:minmax(0,1fr) 48px 36px 65px}}.announcement-ticker.recent{background:#fffdf8;border-color:#ded7c8}.announcement-ticker.recent>strong,.announcement-ticker.recent .announcement-ticker-item b{color:#765b35}.staff-company-banner.recent{background:linear-gradient(105deg,#fff 0%,#fffaf0 100%)!important;border-color:#e4ddd0 #e4ddd0 #e4ddd0 #9a7a4e!important}.staff-company-banner.load-error{background:#fff8f8!important;border-color:#efc9cc #efc9cc #efc9cc #b94e58!important}.staff-company-banner.load-error .company-banner-icon{background:#b94e58}.announcement-retry{color:#9c3541;cursor:pointer;background:#fff;border:1px solid #b94e58;border-radius:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:850}.announcement-date-help{color:#6b7280;grid-column:1/-1;margin:-2px 0 0;font-size:12px;font-weight:650;line-height:1.45}.staff-portal-shell .company-banner-copy>span{font-size:11px!important}.staff-portal-shell .company-banner-copy p{line-height:1.55;font-size:13px!important}.staff-portal-shell .staff-company-banner>aside small,.staff-portal-shell .staff-company-banner>aside span{line-height:1.35;font-size:10.5px!important}@media (width<=700px){.announcement-retry{width:100%}.staff-portal-shell .company-banner-copy>span{font-size:10px!important}.staff-portal-shell .company-banner-copy p{font-size:12.5px!important}}@media (width<=760px){.weekly-attendance-panel{overflow:hidden!important}.attendance-week-tabs{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;grid-auto-columns:92px;grid-auto-flow:column;gap:8px;padding:2px 14px 16px;scroll-padding-inline:14px;display:grid;grid-template-columns:none!important;overflow-x:auto!important}.attendance-week-tabs::-webkit-scrollbar{display:none}.attendance-week-tabs button{scroll-snap-align:center;width:92px;min-width:92px;min-height:84px;padding:10px 7px}.attendance-week-tabs button small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;font-size:11px!important}.attendance-week-tabs button b{white-space:nowrap;font-size:13px!important}.attendance-week-tabs button span{min-width:48px;height:26px;font-size:11px!important}.payslip-archive-page .archived-slip-card{gap:13px;padding:16px;overflow:hidden;grid-template-columns:48px minmax(0,1fr)!important}.archived-slip-card>div:nth-child(2){min-width:0}.archived-slip-card h3{overflow-wrap:anywhere;font-size:22px;line-height:1.15}.archived-slip-card p{overflow-wrap:anywhere;font-size:13px;line-height:1.55}.archived-slip-card>div:nth-child(2) small{font-size:11px!important}.archived-slip-card>span:first-of-type,.archived-slip-card>span.net{background:#fbf9fa;border:1px solid #e5dde1;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:flex;grid-column:1/-1!important}.archived-slip-card>span.net{background:#fff6fa}.archived-slip-card>span small{margin:0;font-size:12px!important}.archived-slip-card>span b,.archived-slip-card>span.net b{text-align:right;white-space:nowrap;margin:0;font-size:18px;line-height:1.2}.archived-slip-card>button{white-space:normal;min-height:52px;padding:10px 14px;font-size:14px;line-height:1.25;grid-column:1/-1!important}.mobile-nav.staff-items{grid-template-columns:repeat(6,minmax(0,1fr))!important}.mobile-nav.staff-items button{padding-inline:1px!important}.mobile-nav.staff-items button small{font-size:8.5px!important}.staff-attendance-title{flex-direction:column;align-items:stretch}.staff-attendance-person{align-self:stretch}.staff-attendance-metrics{grid-template-columns:1fr}.staff-attendance-records>header{flex-direction:column;align-items:flex-start;gap:10px}.staff-attendance-records article{grid-template-columns:1fr;align-items:stretch}.staff-attendance-status{justify-items:stretch}.staff-attendance-status em{justify-self:start}.staff-attendance-status button{width:100%;min-height:46px}}.staff-portal-shell .topbar{isolation:isolate;position:relative;overflow:visible}.staff-portal-shell .topbar:has(.staff-notification-popover,.staff-profile-popover){z-index:200}.staff-notification-center{z-index:210!important}.staff-notification-popover{z-index:220!important}.staff-account-menu{z-index:210!important}.staff-profile-popover{z-index:220!important}@media (width<=760px){.staff-portal-shell .topbar{top:0;position:sticky!important;overflow:visible!important}.staff-portal-shell .topbar:has(.staff-notification-popover,.staff-profile-popover){z-index:200!important}.staff-notification-popover,.staff-profile-popover{z-index:220!important}}.document-vault-page{max-width:1480px}.document-vault-title{align-items:center}.document-vault-title h2{font-size:clamp(28px,3vw,40px)}.document-secure-badge{color:#5536bd;white-space:nowrap;background:#f6f3ff;border:1px solid #d8d0ef;border-radius:999px;align-items:center;min-height:42px;padding:0 15px;font-size:12px;font-weight:850;display:inline-flex}.document-vault-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.document-vault-metrics article{background:#fff;border:1px solid #e4e7ec;border-radius:18px;align-items:center;gap:14px;min-height:112px;padding:19px;display:flex;box-shadow:0 9px 25px #1e26370b}.document-metric-icon{color:#5a36cf;background:#eee9ff;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:950;display:grid}.document-metric-icon.company{color:#9a5a22;background:#fff0dd}.document-metric-icon.shared{color:#23735a;background:#e3f4ed;font-size:18px}.document-vault-metrics small,.document-vault-metrics strong,.document-vault-metrics b{display:block}.document-vault-metrics small{color:#747e8f;letter-spacing:.04em;font-weight:850;font-size:10.5px!important}.document-vault-metrics strong{color:#172033;margin:5px 0 2px;font-size:26px;line-height:1}.document-vault-metrics b{color:#616c7d;font-size:11.5px;font-weight:700}.document-vault-message{color:#2b674f;background:#f1faf5;border:1px solid #cfe5da;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 15px;font-size:12px;font-weight:750;display:flex}.document-vault-message.error{color:#9a3e45;background:#fff7f7;border-color:#edcaca}.document-vault-message button{min-height:34px;color:inherit;font:inherit;background:#fff;border:1px solid;border-radius:999px;padding:0 12px}.document-vault-tabs{gap:9px;margin-bottom:14px;display:flex}.document-vault-tabs button{color:#5d6675;background:#fff;border:1px solid #dde1e8;border-radius:13px;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:12.5px;font-weight:800;display:inline-flex}.document-vault-tabs button b{color:#6b4bd0;background:#f0ebff;border-radius:999px;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:10px;display:grid}.document-vault-tabs button.active{color:#5c36ce;background:#f7f4ff;border-color:#744ee0;box-shadow:inset 0 -2px #744ee0}.document-staff-selector{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:15px 18px;display:flex}.document-staff-selector>div{align-items:center;gap:13px;min-width:0;display:flex}.document-folder-mark{color:#fff;background:linear-gradient(145deg,#6d42df,#4e2fbb);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.document-staff-selector p{min-width:0;margin:0}.document-staff-selector p small,.document-staff-selector p b,.document-staff-selector p em{display:block}.document-staff-selector p small{color:#7a8494;letter-spacing:.08em;font-weight:900;font-size:9.5px!important}.document-staff-selector p b{color:#202a3d;margin:3px 0;font-size:15px}.document-staff-selector p em{color:#737d8d;font-size:11px;font-style:normal}.document-staff-selector>label{gap:6px;width:min(390px,46%);display:grid}.document-staff-selector>label span{color:#616c7d;font-size:10.5px;font-weight:800}.document-staff-selector select{color:#283347;background:#fff;border:1px solid #dce0e7;border-radius:12px;width:100%;min-height:43px;padding:0 12px;font-size:12px}.document-upload-panel{margin-bottom:14px;overflow:hidden}.document-upload-panel>header,.document-library-panel>header{border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.document-upload-panel h3,.document-library-panel h3{color:#1f293b;margin:3px 0 4px;font-size:18px}.document-upload-panel header p:last-child,.document-library-panel header p:last-child{color:#737d8e;margin:0;font-size:11.5px;line-height:1.5}.document-upload-panel>header>span{color:#6c4bc8;white-space:nowrap;background:#f1ecff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.document-vault-upload-grid{background:#fafbfc;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:17px 20px 20px;display:grid}.document-vault-upload-grid>label{gap:6px;display:grid}.document-vault-upload-grid>label.wide{grid-column:span 2}.document-vault-upload-grid>label>span{color:#586375;font-size:10.5px;font-weight:800}.document-vault-upload-grid :is(input:not([type=file]),select){box-sizing:border-box;color:#253044;background:#fff;border:1px solid #dadee6;border-radius:11px;width:100%;min-height:43px;padding:0 11px;font-size:12px}.document-vault-file{color:#5032b4;cursor:pointer;background:#f8f6ff;border:1px dashed #bdb3df;border-radius:13px;grid-template-columns:38px 1fr;align-items:center;min-height:70px;padding:11px 13px;position:relative;gap:11px!important;display:grid!important}.document-vault-file input{opacity:0;width:1px;height:1px;position:absolute}.document-vault-file>span{color:#fff;background:#6840d7;border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.document-vault-file p{margin:0}.document-vault-file b,.document-vault-file small{display:block}.document-vault-file b{color:#3e315f;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.document-vault-file small{color:#7d719c;margin-top:3px;font-size:10px!important}.document-vault-upload-grid>button{align-self:end;min-height:44px}.document-library-panel{overflow:hidden}.document-library-tools{align-items:center;gap:8px;display:flex}.document-library-tools label{background:#fff;border:1px solid #dce0e7;border-radius:11px;align-items:center;gap:8px;min-width:240px;min-height:41px;padding:0 11px;display:flex}.document-library-tools label span{color:#7251d2;font-size:18px}.document-library-tools input{color:#293448;border:0;outline:0;width:100%;min-width:0;font-size:11.5px}.document-library-tools select{color:#485365;background:#fff;border:1px solid #dce0e7;border-radius:11px;min-height:41px;padding:0 10px;font-size:11px}.document-vault-list{padding:0 18px 18px;display:grid}.document-vault-list article{border-bottom:1px solid #eaecf0;grid-template-columns:48px minmax(250px,1fr) minmax(135px,.3fr) auto;align-items:center;gap:14px;padding:15px 2px;display:grid}.document-vault-list article:last-child{border-bottom:0}.document-file-mark{color:#6042bd;background:#eeeaff;border-radius:10px 10px 14px;place-items:center;width:44px;height:48px;font-size:9px;font-weight:950;display:grid}.document-file-copy{min-width:0}.document-file-copy>span{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.document-file-copy>span b{color:#222d40;font-size:12.5px}.document-file-copy em,.document-file-copy i{color:#775b28;background:#fff2d8;border-radius:999px;padding:4px 7px;font-size:8.5px;font-style:normal;font-weight:850}.document-file-copy i{color:#6c7481;background:#eef0f3}.document-file-copy i.shared{color:#257157;background:#e3f3ec}.document-file-copy p{color:#555f70;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 2px;font-size:11px;overflow:hidden}.document-file-copy small{color:#818a99;display:block;font-size:9.5px!important}.document-file-copy small.notes{color:#606b7a;margin-top:4px;line-height:1.45;font-size:10.5px!important}.document-file-audit small,.document-file-audit b,.document-file-audit span{display:block}.document-file-audit small{color:#8a93a1;letter-spacing:.07em;font-weight:900;font-size:8.5px!important}.document-file-audit b{color:#3a4557;margin:4px 0 2px;font-size:10.5px}.document-file-audit span{color:#7b8492;font-size:9.5px}.document-file-actions{justify-content:flex-end;gap:7px;display:flex}.document-file-actions a,.document-file-actions button{color:#5334b9;background:#fff;border:1px solid #d8dce4;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.document-file-actions button{color:#9a4448;cursor:pointer}.document-vault-empty{color:#7c8594;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:26px;display:flex}.document-vault-empty>span:not(.login-spinner){color:#7552d8;background:#f0ebff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.document-vault-empty b{color:#354054;font-size:12px}.document-vault-empty small{font-size:10.5px!important}@media (width<=980px){.document-vault-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-vault-list article{grid-template-columns:48px minmax(0,1fr) auto}.document-file-audit{display:none}}@media (width<=760px){.mobile-nav.staff-items{grid-template-columns:repeat(7,minmax(0,1fr))!important}.document-vault-title{flex-direction:column;align-items:stretch}.document-secure-badge{align-self:flex-start}.document-vault-metrics{grid-template-columns:1fr}.document-vault-metrics article{min-height:88px;padding:14px}.document-vault-tabs{grid-template-columns:1fr 1fr;display:grid}.document-vault-tabs button{justify-content:center;min-width:0;padding:0 9px;font-size:11px}.document-staff-selector{flex-direction:column;align-items:stretch}.document-staff-selector>label{width:100%}.document-upload-panel>header,.document-library-panel>header{flex-direction:column;align-items:stretch;padding:16px}.document-vault-upload-grid{grid-template-columns:1fr;padding:14px 16px 17px}.document-vault-upload-grid>label.wide{grid-column:1}.document-library-tools{flex-direction:column;align-items:stretch}.document-library-tools label{box-sizing:border-box;width:100%;min-width:0}.document-library-tools select{width:100%}.document-vault-list{padding:0 14px 14px}.document-vault-list article{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px 0}.document-file-actions{grid-column:1/-1;justify-content:stretch}.document-file-actions a,.document-file-actions button{flex:1;min-height:42px}.document-file-copy>span b{width:100%}}.hrdf-page{max-width:1540px}.hrdf-title{align-items:center}.hrdf-title h2{font-size:clamp(30px,3.2vw,42px)}.hrdf-reference-rule{color:#5637ba;font:750 11px/1.2 var(--font-geist-mono), monospace;white-space:nowrap;background:#f6f3ff;border:1px solid #d8d0ef;border-radius:999px;padding:10px 14px}.hrdf-flow{background:#fff;border:1px solid #e2e5eb;border-radius:16px;align-items:center;gap:9px;margin:0 0 16px;padding:13px 16px;display:flex}.hrdf-flow>span{color:#858d9a;align-items:center;gap:8px;font-size:11px;font-weight:780;display:inline-flex}.hrdf-flow>span b{color:#7e8794;background:#eef0f3;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9.5px;display:grid}.hrdf-flow>span.active{color:#4930a3}.hrdf-flow>span.active b{color:#fff;background:#6740d4}.hrdf-flow>i{color:#b9bec8;font-style:normal}.hrdf-message{color:#2b674f;background:#f1faf5;border:1px solid #cfe5da;border-radius:13px;margin-bottom:14px;padding:12px 15px;font-size:12px;font-weight:750}.hrdf-message.error{color:#9a3e45;background:#fff7f7;border-color:#edcaca}.hrdf-workspace{grid-template-columns:minmax(390px,.78fr) minmax(520px,1.22fr);align-items:start;gap:18px;display:grid}.hrdf-editor{position:sticky;top:82px;overflow:hidden}.hrdf-editor>header,.hrdf-history>header{border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.hrdf-editor h3,.hrdf-history h3{color:#202a3c;margin:3px 0 0;font-size:18px}.hrdf-editor>header>span{color:#7257a8;white-space:nowrap;background:#f0ebfa;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:850}.hrdf-form{background:#fafbfc;grid-template-columns:1fr 1fr;gap:12px;padding:17px 20px;display:grid}.hrdf-form label{gap:6px;min-width:0;display:grid}.hrdf-form label.wide,.hrdf-form label.full,.hrdf-form>.wide{grid-column:1/-1}.hrdf-form label>span{color:#566173;font-size:10.5px;font-weight:820}.hrdf-form :is(input,select,textarea){box-sizing:border-box;color:#263145;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d9dde5;border-radius:11px;outline:none;padding:0 11px;font-size:11.5px}.hrdf-form :is(input,select){min-height:42px}.hrdf-form textarea{resize:vertical;padding-block:11px;line-height:1.55}.hrdf-template-save{background:#f8f5ff;border:1px dashed #c9bdf8;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.hrdf-template-save small{color:#625b73;font-size:13px;line-height:1.45}.hrdf-template-save button{flex:none}.hrdf-template-save>div{flex:none;align-items:center;gap:8px;display:flex}.hrdf-template-save .hrdf-template-remove{color:#a34048;background:#fff7f7;border:1px solid #eccbcc;border-radius:999px;min-height:38px;padding:0 12px;font-size:10px;font-weight:820}.hrdf-promotion-editor{background:#fff;border:1px solid #d9d2f4;border-radius:14px;overflow:hidden}.hrdf-promotion-editor>header{background:#f7f4ff;border-bottom:1px solid #e6e1f6;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.hrdf-promotion-editor>header b,.hrdf-promotion-editor>header small{display:block}.hrdf-promotion-editor>header b{color:#45346f;font-size:11px}.hrdf-promotion-editor>header small{color:#786f8e;margin-top:3px;font-size:9.5px!important}.hrdf-promotion-editor>header>span{color:#5b3ec0;white-space:nowrap;background:#eae4ff;border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:850}.hrdf-promotion-editor>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;display:grid}.hrdf-promotion-editor>div>label.full{grid-column:1/-1}.hrdf-form :is(input,select,textarea):focus{border-color:#8a70df;box-shadow:0 0 0 3px #eeeaff}.hrdf-form label>small{color:#7f8896;line-height:1.45;font-size:9.5px!important}.hrdf-body-field-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hrdf-body-field-head>span{color:#566173;font-size:10.5px;font-weight:820}.hrdf-body-field-head>button{color:#5a3abd;background:#f8f6ff;border:1px solid #d6cff1;border-radius:999px;min-height:32px;padding:0 10px;font-size:8.8px;font-weight:850}.hrdf-signer-picker{background:#fff;border:1px solid #d9dde5;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:12px;display:grid}.hrdf-signer-picker legend{color:#566173;padding:0 5px;font-size:10.5px;font-weight:820}.hrdf-signer-picker label{cursor:pointer;border:1px solid #e3e6ec;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.hrdf-signer-picker label:has(input:checked){background:#f5f2ff;border-color:#8a70df;box-shadow:0 0 0 2px #eeeaff}.hrdf-signer-picker input{accent-color:#6840d4;width:16px;min-height:16px;margin:0}.hrdf-signer-picker label span,.hrdf-signer-picker label b,.hrdf-signer-picker label small{min-width:0;display:block}.hrdf-signer-picker label b{color:#3f495b;font-size:10.5px}.hrdf-signer-picker label small{color:#788292;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden;font-size:9px!important}.hrdf-signer-picker>p{color:#7f8896;grid-column:1/-1;margin:0;font-size:9.5px}.hrdf-signer-title-editor{background:#f8f6ff;border:1px solid #d9d2f4;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.hrdf-signer-title-editor label{background:#fff;border:1px solid #e4def6;border-radius:11px;padding:10px}.hrdf-editor>footer{border-top:1px solid #e7e9ee;align-items:center;gap:12px;padding:15px 20px 18px;display:flex}.hrdf-editor>footer small{color:#7b8492;line-height:1.4;font-size:9.5px!important}.hrdf-preview-column{gap:10px;min-width:0;display:grid;overflow-x:auto}.hrdf-letter-stack{justify-self:center;gap:18px;width:min(100%,794px);display:grid}.hrdf-preview-toolbar{background:#fff;border:1px solid #dfe3ea;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.hrdf-preview-toolbar b,.hrdf-preview-toolbar small{display:block}.hrdf-preview-toolbar b{color:#303a4c;font-size:11px}.hrdf-preview-toolbar small{color:#7b8492;margin-top:2px;font-size:9px}.hrdf-preview-toolbar button{color:#5638b8;white-space:nowrap;background:#f8f6ff;border:1px solid #d8d2ef;border-radius:999px;min-height:36px;padding:0 12px;font-size:9.5px;font-weight:850}.hrdf-preview-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hrdf-preview-toolbar button.active,.hrdf-preview-dialog-actions button.active{color:#fff;background:#6540d4;border-color:#6540d4}.hrdf-preview-page-wrap{gap:8px;display:grid}.hrdf-selected-text-editor{z-index:4;box-sizing:border-box;background:#fff;border:1px solid #cfc3f0;border-radius:14px;justify-self:center;gap:10px;width:min(100%,794px);padding:13px;display:grid;position:sticky;top:10px;box-shadow:0 16px 38px #2b1d582e}.hrdf-selected-text-editor>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.hrdf-selected-text-editor>header b,.hrdf-selected-text-editor>header small{display:block}.hrdf-selected-text-editor>header b{color:#38255f;font-size:10.5px}.hrdf-selected-text-editor>header small,.hrdf-selected-text-editor>small{color:#756c85;margin-top:3px;font-size:8.8px;line-height:1.4}.hrdf-selected-text-editor>header>button{color:#5d5370;background:#f0edf6;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.hrdf-selected-text-editor>textarea{box-sizing:border-box;resize:vertical;border:1px solid #d9d2e8;border-radius:10px;outline:0;width:100%;min-height:88px;padding:10px 11px;font-family:Arial,Helvetica,sans-serif;font-size:12pt;line-height:1.5}.hrdf-selected-text-editor>textarea:focus{border-color:#7b5bd5;box-shadow:0 0 0 3px #eee9ff}.hrdf-selected-text-editor>footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hrdf-selected-text-editor>footer button{color:#5838b7;background:#fff;border:1px solid #d8d0ed;border-radius:999px;min-height:36px;padding:0 11px;font-size:9px;font-weight:850}.hrdf-selected-text-editor>footer button.primary{color:#fff;background:#6540d4;border-color:#6540d4}.hrdf-selected-text-editor>footer button:disabled{opacity:.45;cursor:not-allowed}.hrdf-letter-paper{aspect-ratio:210/297;box-sizing:border-box;color:#202938;background:#fff;border:1px solid #d9dde4;border-radius:4px;width:100%;min-height:0;padding:42px 54px 55px;font-family:Arial,Helvetica,sans-serif;font-size:12pt;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 18px 45px #1b212e1c}.hrdf-letter-paper,.hrdf-letter-paper *{font-family:Arial,Helvetica,sans-serif!important}.hrdf-letter-paper>header{border-bottom:1px solid #39404c;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding-bottom:13px;display:grid}.hrdf-letter-logo{border-radius:9px;width:48px;height:48px}.hrdf-letter-paper header h3{color:#202938;letter-spacing:.025em;margin:0;font-size:10.5pt}.hrdf-letter-paper header b{margin-top:2px;font-size:9pt;display:block}.hrdf-letter-paper header p,.hrdf-letter-paper header span{color:#606a78;margin:2px 0 0;font-size:9pt;line-height:1.3;display:block}.hrdf-letter-meta{justify-content:end;gap:2px;margin:16px 0 20px;font-size:12pt;display:grid}.hrdf-letter-meta span{grid-template-columns:76px minmax(170px,auto);gap:6px;display:grid}.hrdf-letter-meta .reference{font-size:9.5pt}.hrdf-letter-recipient{min-height:58px;margin-bottom:20px}.hrdf-letter-recipient b,.hrdf-letter-recipient span{display:block}.hrdf-letter-recipient b{text-transform:uppercase;font-size:12pt}.hrdf-letter-recipient span,.hrdf-letter-recipient p{color:#515b69;margin:4px 0 0;font-size:12pt;line-height:1.45}.hrdf-letter-paper>p{margin:0 0 18px;font-size:12pt}.hrdf-letter-paper>h4{text-transform:uppercase;border-bottom:1px solid #343c49;margin:0 0 18px;padding-bottom:6px;font-size:12pt;line-height:1.45}.hrdf-letter-body{color:#252d3a;min-height:260px;font-size:12pt;line-height:1.6}.hrdf-letter-body p{margin:0;font-size:12pt;line-height:1.6}.hrdf-letter-body p.editable{cursor:pointer;outline-offset:2px;border-radius:3px;outline:1px dashed #6540d452;position:relative}.hrdf-letter-body p.editable:hover{background:#f7f4ff;outline-color:#7957d6}.hrdf-letter-body p.editable.selected{color:#382363;background:#eee9ff;outline:2px solid #6540d4}.hrdf-letter-body .letter-body-space{height:.8em;display:block}.hrdf-letter-body .letter-body-subtitle{font-weight:700}.hrdf-letter-body .letter-body-bullet{grid-template-columns:14px minmax(0,1fr);align-items:start;display:grid}.hrdf-letter-body .letter-body-bullet>i{font-size:12pt;font-style:normal;line-height:1.6}.hrdf-letter-signature{margin-top:28px}.hrdf-letter-signature p{margin:0 0 19px;font-size:12pt}.hrdf-letter-signature span,.hrdf-letter-signature b,.hrdf-letter-signature em,.hrdf-letter-signature small{display:block}.hrdf-letter-signature span{margin-bottom:45px;font-size:12pt}.hrdf-letter-signature-grid{grid-template-columns:1fr;gap:32px;display:grid}.hrdf-letter-signature-grid.dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.hrdf-letter-signature b{text-transform:uppercase;font-size:12pt}.hrdf-letter-signature em{margin-top:3px;font-size:12pt;font-style:normal}.hrdf-letter-signature small{color:#687180;margin-top:3px;font-size:12pt}.hrdf-letter-acceptance{border-top:1px solid #343c49;margin-top:38px;padding-top:22px}.hrdf-letter-acceptance h5{margin:0 0 16px;font-size:12pt}.hrdf-letter-acceptance p{margin:0;font-size:12pt;line-height:1.6}.hrdf-letter-acceptance>div{grid-template-columns:1fr auto;gap:24px;margin-top:34px;font-size:12pt;display:grid}.hrdf-letter-page-footer{color:#7a8390;text-align:right;font-size:8pt;line-height:1;position:absolute;bottom:23px;right:54px}.hrdf-draft-watermark{color:#6740d414;letter-spacing:.08em;pointer-events:none;font-size:92px;font-style:normal;font-weight:950;position:absolute;inset:48% auto auto 50%;transform:translate(-50%,-50%)rotate(-28deg)}.hrdf-output-actions{align-items:center;gap:9px;margin:15px 0 18px;padding-left:calc(39% + 14px);display:flex}.hrdf-output-actions button,.hrdf-output-actions a{color:#5433bb;background:#fff;border:1px solid #d7dbe3;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex}.hrdf-output-actions a{color:#fff;background:#6540d4;border-color:#6540d4}.hrdf-output-actions a.word{background:#1f5f9b;border-color:#1f5f9b}.hrdf-output-actions button:disabled{color:#a4aab4;cursor:not-allowed;background:#f1f2f4}.hrdf-output-actions span{color:#737d8c;flex:1;font-size:9.5px;line-height:1.4}.hrdf-generated-access{flex:0 0 150px;gap:4px;display:grid}.hrdf-generated-access>span{color:#626d7d;font-size:8.5px;font-weight:820}.hrdf-generated-access select{color:#354154;background:#fff;border:1px solid #d7dbe3;border-radius:10px;width:100%;min-height:38px;padding:0 10px;font-size:10px;font-weight:750}.hrdf-preview-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ac7;padding:22px;position:fixed;inset:0;overflow-y:auto}.hrdf-preview-dialog{width:min(860px,100%);margin:0 auto}.hrdf-preview-dialog>header{z-index:2;background:#fff;border:1px solid #e1e4ea;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:13px 16px;display:flex;position:sticky;top:0;box-shadow:0 12px 30px #141b282e}.hrdf-preview-dialog>header b,.hrdf-preview-dialog>header small{display:block}.hrdf-preview-dialog>header b{color:#293446;font-size:12px}.hrdf-preview-dialog>header small{color:#7a8493;margin-top:2px;font-size:9px}.hrdf-preview-dialog>header button{color:#596578;background:#eef1f5;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.hrdf-preview-dialog-actions{align-items:center;gap:8px;display:flex}.hrdf-preview-dialog-actions>button:first-child{color:#5638b8;background:#f8f6ff;border:1px solid #d8d2ef;border-radius:999px;align-items:center;width:auto;min-height:36px;padding:0 12px;font-size:9.5px;font-weight:850;display:inline-flex}.hrdf-preview-dialog .hrdf-letter-stack.expanded{width:min(100%,794px)}.hrdf-preview-dialog .hrdf-letter-paper{box-shadow:0 22px 60px #04091459}.hrdf-history{overflow:hidden}.hrdf-history>header p:last-child{color:#7b8492;margin:5px 0 0;font-size:10.5px}.hrdf-history>header>span{color:#6543c4;background:#efeaff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.hrdf-history>div{padding:0 18px 18px}.hrdf-history article{border-bottom:1px solid #e9ebef;grid-template-columns:42px minmax(220px,1fr) minmax(145px,.45fr) auto minmax(250px,auto);align-items:center;gap:12px;padding:14px 2px;display:grid}.hrdf-history article:last-child{border-bottom:0}.hrdf-history-mark{color:#5f3bc7;background:#eee9ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:10px;font-weight:950;display:grid}.hrdf-history article b,.hrdf-history article small{display:block}.hrdf-history article>div b{color:#273144;font-size:11.5px}.hrdf-history article small{color:#7c8593;margin-top:3px;font-size:9.5px!important}.hrdf-history article>p{margin:0}.hrdf-history article>p b{color:#3d4758;font-size:10.5px}.hrdf-history-access{border-radius:10px;gap:3px;padding:6px 8px;display:grid}.hrdf-history-access.staff{background:#e3f3ec}.hrdf-history-access.admin{background:#eef0f3}.hrdf-history-access span{color:#687282;font-size:7.5px;font-weight:850}.hrdf-history-access select{color:#384558;background:0 0;border:0;outline:0;min-height:28px;font-size:9px;font-weight:800}.hrdf-history-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.hrdf-history-actions>button,.hrdf-history-actions>a{color:#5536ba;background:#fff;border:1px solid #d8dce4;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:9.5px;font-weight:800;text-decoration:none;display:inline-flex}.hrdf-history-actions>button.danger{color:#a52c3a;background:#fff7f8;border-color:#efccd1}.hrdf-history-actions>button:disabled{opacity:.55;cursor:not-allowed}.hrdf-history-empty{color:#7c8594;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:145px;font-size:10.5px;display:flex}.hrdf-history-empty>span:not(.login-spinner){color:#6541cc;background:#eee9ff;border-radius:14px;place-items:center;width:45px;height:45px;font-weight:950;display:grid}@media (width<=1100px){.hrdf-workspace{grid-template-columns:1fr}.hrdf-editor{position:static}.hrdf-preview-column{justify-self:center;width:min(100%,820px)}.hrdf-letter-paper{width:100%}.hrdf-output-actions{justify-content:center;padding-left:0}.hrdf-history article{grid-template-columns:42px minmax(0,1fr) auto}.hrdf-history article>p{display:none}.hrdf-history-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=760px){.hrdf-title{flex-direction:column;align-items:stretch}.hrdf-reference-rule{box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;align-self:flex-start;max-width:100%}.hrdf-flow{overflow-x:auto}.hrdf-flow>span{min-width:max-content}.hrdf-form{grid-template-columns:1fr;padding:14px}.hrdf-form label.wide,.hrdf-form label.full,.hrdf-form>.wide{grid-column:1}.hrdf-promotion-editor>header{flex-direction:column;align-items:stretch}.hrdf-promotion-editor>header>span{align-self:flex-start}.hrdf-promotion-editor>div{grid-template-columns:1fr}.hrdf-promotion-editor>div>label.full{grid-column:1}.hrdf-signer-picker{grid-template-columns:1fr}.hrdf-signer-picker>p{grid-column:1}.hrdf-template-save,.hrdf-template-save>div{flex-direction:column;align-items:stretch}.hrdf-signer-title-editor{grid-template-columns:1fr}.hrdf-body-field-head{flex-direction:column;align-items:stretch}.hrdf-body-field-head>button{width:100%}.hrdf-editor>header,.hrdf-history>header{flex-direction:column;align-items:stretch;padding:15px}.hrdf-editor>footer{flex-direction:column;align-items:stretch;padding:14px}.hrdf-editor>footer button{width:100%;min-height:46px}.hrdf-letter-stack{justify-self:start;width:720px;min-width:720px}.hrdf-letter-paper{min-height:0;padding:42px 54px 55px}.hrdf-letter-paper>header{grid-template-columns:52px 1fr;gap:12px}.hrdf-letter-logo{width:48px;height:48px}.hrdf-letter-paper header h3{font-size:10.5pt}.hrdf-letter-paper header p,.hrdf-letter-paper header span{overflow-wrap:anywhere;font-size:9pt}.hrdf-letter-meta{justify-content:end}.hrdf-letter-meta span{grid-template-columns:76px minmax(170px,auto);font-size:12pt}.hrdf-letter-meta .reference{font-size:9.5pt}.hrdf-letter-body{min-height:220px;font-size:12pt}.hrdf-letter-acceptance>div{grid-template-columns:1fr;gap:12px}.hrdf-output-actions{grid-template-columns:1fr 1fr;display:grid}.hrdf-generated-access{grid-column:1/-1}.hrdf-output-actions span{text-align:center;grid-column:1/-1}.hrdf-preview-backdrop{padding:8px}.hrdf-preview-toolbar{flex-direction:column;align-items:stretch}.hrdf-preview-toolbar-actions{grid-template-columns:1fr;display:grid}.hrdf-preview-toolbar button{width:100%}.hrdf-selected-text-editor{justify-self:start;width:min(100vw - 32px,720px);position:sticky;left:0}.hrdf-selected-text-editor>footer{grid-template-columns:1fr;display:grid}.hrdf-selected-text-editor>footer button{width:100%;min-height:40px}.hrdf-history>div{padding:0 13px 13px}.hrdf-history article{grid-template-columns:38px minmax(0,1fr);gap:9px}.hrdf-history-access{justify-self:start}.hrdf-history-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.hrdf-history-actions>button,.hrdf-history-actions>a{min-height:39px;padding-inline:6px}}@media print{body.hrdf-printing{background:#fff!important}body.hrdf-printing .sidebar,body.hrdf-printing .topbar,body.hrdf-printing .mobile-nav,body.hrdf-printing .toast{display:none!important}body.hrdf-printing .main{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body.hrdf-printing .main>*{display:none!important}body.hrdf-printing .main>.hrdf-page{max-width:none!important;padding:0!important;display:block!important}body.hrdf-printing .hrdf-page>*{display:none!important}body.hrdf-printing .hrdf-page>.hrdf-workspace{display:block!important}body.hrdf-printing .hrdf-workspace>*{display:none!important}body.hrdf-printing .hrdf-workspace>.hrdf-preview-column{width:auto!important;display:block!important}body.hrdf-printing .hrdf-preview-column>.hrdf-preview-toolbar,body.hrdf-printing .hrdf-preview-column>.hrdf-selected-text-editor{display:none!important}body.hrdf-printing .hrdf-preview-column>.hrdf-letter-stack{width:auto!important;min-width:0!important;display:block!important}body.hrdf-printing .hrdf-letter-stack>.hrdf-preview-page-wrap{display:block!important}body.hrdf-printing .hrdf-preview-page-wrap>.hrdf-letter-paper{break-after:page;page-break-after:always;aspect-ratio:auto!important;width:auto!important;min-height:auto!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}body.hrdf-printing .hrdf-preview-page-wrap:last-child>.hrdf-letter-paper{break-after:auto;page-break-after:auto}body.hrdf-printing .hrdf-draft-watermark{display:none!important}@page{size:A4;margin:18mm 20mm}}.section-kicker sup,.leave-rule-settings sup,.ot-type-settings sup{color:#5b42bd;vertical-align:super;margin-left:3px;font-size:.72em;font-weight:950;line-height:0}.legal-reference-footnotes{color:#475467;background:#f8faff;border:1px solid #dfe4ee;border-radius:14px;margin-top:15px;overflow:hidden}.ot-type-settings>.legal-reference-footnotes{margin:0 20px 20px}.holiday-compliance-panel>.legal-reference-footnotes{margin:0 18px 18px}.leave-rule-settings>section>.legal-reference-footnotes{margin-top:16px}.legal-reference-footnotes>header{background:#f1f4fb;border-bottom:1px solid #e4e8f0;align-items:center;gap:10px;padding:12px 14px;display:flex}.legal-reference-footnotes>header>span{color:#fff;background:#263d67;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:16px;font-weight:800;display:grid}.legal-reference-footnotes>header b,.legal-reference-footnotes>header small{display:block}.legal-reference-footnotes>header b{color:#26344b;font-size:11.5px}.legal-reference-footnotes>header small{color:#737f91;margin-top:2px;font-size:9.5px!important}.legal-reference-footnotes ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.legal-reference-footnotes li{border-bottom:1px solid #e7eaf0;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 14px;display:grid}.legal-reference-footnotes li>span{color:#5138ae;background:#e9e4ff;border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:950;display:grid}.legal-reference-footnotes li b{color:#334155;font-size:10.5px;line-height:1.4;display:block}.legal-reference-footnotes li p{color:#566174;margin:4px 0 0;font-size:10px;line-height:1.5}.legal-reference-footnotes li small{color:#7b8493;margin-top:5px;line-height:1.45;display:block;font-size:9.5px!important}.legal-reference-footnotes li a{color:#543bb3;background:#fff;border:1px solid #d9d3f0;border-radius:999px;align-self:center;min-width:max-content;padding:7px 9px;font-size:9px;font-weight:850;text-decoration:none}.legal-reference-footnotes>footer{color:#7c8490;background:#fff;padding:9px 14px;font-size:8.8px;line-height:1.45}.earning-copy strong sup{color:#5b42bd;vertical-align:super;margin-left:3px;font-size:.72em;font-weight:950;line-height:0}.earning-copy em{color:#637083;margin-top:2px;font-size:8px;font-style:normal;font-weight:750;line-height:1.35;display:block}.ot-rounded-total{background:#faf8ff;border:1px solid #e4ddf4;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 12px;display:flex}.ot-rounded-total span,.ot-rounded-total small{display:block}.ot-rounded-total span{color:#4b4254;font-size:10px;font-weight:850}.ot-rounded-total small{color:#7a7084;margin-top:2px;font-size:7.5px;font-weight:650}.ot-rounded-total strong{color:#6c45b8;font-size:13px}.statutory-override-warning{color:#725118;background:#fff9e8;border:1px solid #efc66c;border-radius:9px;gap:3px;margin:10px 0 0;padding:9px 10px;font-size:8px;line-height:1.45;display:grid}.statutory-override-warning b,.statutory-override-warning span{display:block}.payroll-footnote+.legal-reference-footnotes{margin-top:9px}.overtime-rate-guide{border-color:#eadde3;margin-bottom:16px;overflow:hidden}.overtime-rate-guide>header{border-bottom:1px solid #eee5e9;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.overtime-rate-guide>header h3{color:#342e31;margin:3px 0 0;font-size:15px}.overtime-rate-guide>header>span{color:#79465a;white-space:nowrap;background:#f8edf1;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:800}.overtime-rate-guide>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overtime-rate-guide article{background:#fff;border-right:1px solid #eee5e9;padding:15px 18px}.overtime-rate-guide article:last-child{border-right:0}.overtime-rate-guide article small,.overtime-rate-guide article strong,.overtime-rate-guide article p{display:block}.overtime-rate-guide article small{color:#776f73;font-size:10px;font-weight:750}.overtime-rate-guide article strong{color:#9e2f61;margin-top:3px;font-size:24px}.overtime-rate-guide article p{color:#7f777b;margin:0;font-size:9.5px}.ot-rate-clarification{color:#675c61;background:#fffaf6;border-top:1px solid #eee5e9;margin:0;padding:12px 18px;font-size:10px;line-height:1.55}.overtime-rate-guide>.legal-reference-footnotes{border-width:1px 0 0;border-radius:0;margin:0}@media (width<=620px){.ot-request-facts{grid-template-columns:1fr}.ot-type-settings>.legal-reference-footnotes,.holiday-compliance-panel>.legal-reference-footnotes{margin:0 12px 14px}.legal-reference-footnotes li{grid-template-columns:24px minmax(0,1fr);padding:12px}.legal-reference-footnotes li a{grid-column:2;justify-self:start;margin-top:2px}.overtime-rate-guide>header{flex-direction:column;align-items:flex-start}.overtime-rate-guide>div{grid-template-columns:1fr}.overtime-rate-guide article{border-bottom:1px solid #eee5e9;border-right:0;grid-template-columns:1fr auto;align-items:center;display:grid}.overtime-rate-guide article strong{grid-row:span 2;margin:0}.overtime-rate-guide article p{grid-column:1}}.leave-report-subtabs{background:#fff;gap:7px;padding:14px 18px 0;display:flex;overflow-x:auto}.leave-report-subtabs button{color:#657083;background:#fff;border:1px solid #dfe3eb;border-radius:9px;flex:none;min-height:38px;padding:0 14px;font-size:10px;font-weight:800}.leave-report-subtabs button.active{color:#fff;background:#5941bd;border-color:#5941bd;box-shadow:0 5px 14px #5941bd2e}.leave-report-toolbar{background:#fff;border-bottom:1px solid #e7eaf0;grid-template-columns:minmax(210px,1fr) 120px 190px auto;align-items:end;gap:10px;padding:14px 18px 17px;display:grid}.leave-report-toolbar label{color:#6b7585;gap:5px;font-size:9px;font-weight:800;display:grid}.leave-report-toolbar select,.leave-report-toolbar input{color:#344154;background:#fff;border:1px solid #dce1e9;border-radius:9px;width:100%;min-height:39px;padding:8px 10px;font-size:10px;font-weight:700}.leave-report-export{white-space:nowrap;min-height:39px}.leave-report-grid-scroll{background:#fff;overflow-x:auto}.leave-report-person-summary{background:#fafbfe;border-bottom:1px solid #e9ecf1;justify-content:space-between;align-items:center;gap:16px;min-width:720px;padding:15px 18px;display:flex}.leave-report-person-summary strong,.leave-report-person-summary span{display:block}.leave-report-person-summary strong{color:#2f3b50;font-size:13px}.leave-report-person-summary span{color:#7a8494;margin-top:3px;font-size:9px}.leave-report-person-summary>b{color:#256c54;background:#e1f3ea;border-radius:999px;padding:5px 8px;font-size:8px}.leave-report-person-summary>b.former{color:#697385;background:#eaedf2}.leave-individual-table,.leave-department-table{border-collapse:collapse;color:#455165;background:#fff;width:100%;min-width:1120px;font-size:10px}.leave-department-table{min-width:720px}.leave-individual-table th,.leave-individual-table td,.leave-department-table th,.leave-department-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4;padding:11px 10px}.leave-individual-table th,.leave-department-table th{color:#eef1f6;letter-spacing:.02em;background:#263750;font-size:8px;font-weight:850}.leave-individual-table th:first-child,.leave-individual-table td:first-child,.leave-department-table th:first-child,.leave-department-table td:first-child{text-align:left;min-width:170px}.leave-individual-table td:first-child{align-items:center;gap:8px;font-weight:750;display:flex}.leave-individual-table td:first-child i{border-radius:99px;flex:0 0 7px;width:7px;height:24px}.leave-individual-table td b{color:#49576c}.leave-individual-table td strong,.leave-department-table td strong{color:#563cb8;font-size:11px}.leave-report-empty{color:#808997;text-align:center!important;padding:34px!important}@media (width<=900px){.leave-report-toolbar{grid-template-columns:1fr 1fr}.leave-report-toolbar>label:first-child{grid-column:1/-1}.leave-report-export{width:100%}}@media (width<=620px){.leave-report-subtabs{padding-inline:12px}.leave-report-toolbar{grid-template-columns:1fr;padding-inline:12px}.leave-report-toolbar>label:first-child{grid-column:auto}.leave-individual-table,.leave-department-table{font-size:9px}}@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}@keyframes pulse{50%{opacity:.5}}