:root:has(body[data-six-classic]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f8fa;--canvas:#f5f8fa;--paper:#f5f8fa;--surface:#f5f8fa;--foreground:#17334d;--ink:#17334d;--card:#fff;--card-foreground:#17334d;--popover:#fff;--popover-foreground:#17334d;--primary:#174d77;--primary-foreground:#fff;--navy:#174d77;--navy-deep:#123d60;--blue:#174d77;--blue-dark:#123d60;--brand:#174d77;--secondary:#e5eff6;--secondary-foreground:#17334d;--accent:#e5eff6;--accent-foreground:#17334d;--muted-foreground:#607384;--soft-ink:#607384;--muted-ink:#607384;--border:#c2d1dc;--input:#a8bac9;--line:#c2d1dc;--ring:#174d77;--radius:6px}body[data-six-classic]{color:#17334d;background:#f5f8fa}body[data-six-classic] :is(h1,h2,h3,h4){color:#17334d}body[data-six-classic] :is(input,textarea,select){caret-color:#17334d;accent-color:#174d77}body[data-six-classic] :is(button,input,select,textarea,[role=button]){border-radius:6px}body[data-six-classic] :is(button,a,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #c28b2c}body[data-six-classic] :is(.desktop-navigation,.central-product-nav,.sidebar,.topbar,.central-workspace-tabs,.workspace-tabs,.workspace-tabbar,.main-header,.app-header){color:#17334d;box-shadow:none;background:#e5eff6;border-color:#c2d1dc}body[data-six-classic] :is(.desktop-brand,.nav-button,.nav-button small,.central-nav-brand,.central-nav-brand small,.central-nav-link,.central-nav-link strong,.central-nav-link small,.central-nav-group-toggle,.central-nav-group-toggle span,.central-nav-portal,.sidebar .brand,.sidebar .brand small,.portal-link){color:#17334d}body[data-six-classic] :is(.work-card,.panel,.card,.record-card,.product-card,.settings-card,[data-slot=card],[role=dialog]){border-radius:6px}body[data-six-classic] :is(.panel-heading,.panel-title,.work-card>header,.section-heading,.section-title,.card-header,.workspace-section-header,thead th){color:#17334d;background:#e5eff6;border-color:#c2d1dc}body[data-six-classic] :is(.nav-button.active,.central-nav-link.is-active,.central-nav-group-toggle.is-active,.central-nav-step.is-active,.top-nav-active,.workspace-tab.active,.workspace-tab.is-active,nav button.active,button[role=tab][aria-selected=true]){color:#fff;box-shadow:none;background:#174d77;border-color:#174d77}body[data-six-classic] :is(.central-nav-link.is-active,.central-nav-step.is-active) :is(strong,small,span){color:inherit}body[data-six-classic] :is(.primary-button,.primary-btn,.btn-primary,.button-primary){color:#fff;box-shadow:none;background:#174d77;border-color:#174d77}body[data-six-classic] :is(.secondary-button,.secondary-btn,.btn-secondary,.button-secondary){color:#17334d;background:#f3f7fb;border-color:#b8c7d3}body[data-six-embedded] :is(.desktop-navigation,.central-workspace-tabs,.topbar,.main-header,.app-header,header.sticky){position:relative;top:auto}body[data-six-embedded] :is(.legacy-portal-return,.portal-return-link,.central-nav-portal,[data-work-portal-return]),body[data-six-embedded]>[data-local-preview-banner]{display:none}body[data-six-classic][data-six-app=hr] :is(aside,.owner-navigation,.workspace-sidebar){color:#17334d;background:#e5eff6;border-color:#c2d1dc}body[data-six-classic][data-six-app=hr] :is(aside .brand small,aside nav button,aside .source){color:#17334d}body[data-six-classic][data-six-app=hr] :is(aside nav button.active,.primary){color:#fff;background:#174d77}body[data-six-classic][data-six-app=hr] .source{background:#f3f7fb}@media (max-width:600px){body[data-six-classic] :is(button,[role=button]),body[data-six-classic] :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}}@layer base{body[data-six-classic] :is(.work-card,.panel,.card,.record-card,.product-card,.settings-card,[data-slot=card],[role=dialog]){border-color:#c2d1dc}body[data-six-classic] :where(button:not([role=checkbox]):not([role=switch]):not([class*=danger]):not([class*=destructive]):not([class*=rose]):not([class*=red]):not([class*=green]):not([class*=success])){color:#17334d;box-shadow:none;background:#f3f7fb;border-color:#b8c7d3}body[data-six-classic] :is(button[aria-pressed=true],button[aria-selected=true],.stage-card[aria-pressed=true]){color:#fff;background:#174d77;border-color:#174d77}body[data-six-classic] :is(button[aria-pressed=true],button[aria-selected=true]) :is(span,strong,small){color:inherit}*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}body[data-six-classic] :is(.primary,.search-row>button,.search-row>button.primary,.customer-list-toolbar>button,.vendor-list-toolbar>button){color:#fff;box-shadow:none;background:#174d77;border-color:#174d77}body[data-six-classic] :is(.workspace-group-toggle,.workspace-nav-group>button,.nav-group-toggle,.sidebar-portal,.central-nav-section-label){color:#17334d;background:#e5eff6;border-color:#c2d1dc}body[data-six-classic] :is(.workspace-nav-group .nav-button.active,.nav-subitems .nav-button.active,.central-nav-group.is-current>.central-nav-group-toggle){color:#fff;box-shadow:none;background:#174d77;border-color:#174d77}body[data-six-classic] :is(.workspace-nav-group .nav-button.active,.nav-subitems .nav-button.active) *{color:inherit}body[data-six-classic] :is(.workspace-tab.active,.workspace-tab[aria-selected=true]){border-top-color:#174d77}body[data-six-embedded] :is(.workspace-header,.workspace-tab-strip,.mobile-header){position:relative;top:auto}body[data-six-classic] .central-nav-brand strong{color:#17334d}body[data-six-classic] .central-nav-group.is-current>.central-nav-group-toggle :is(span,strong,small){color:inherit}body[data-six-classic] .central-workspace-tab.is-active:before,body[data-six-classic] .workspace-tab.active:before{background:#174d77}.six-connection-notice{bottom:max(16px,env(safe-area-inset-bottom));z-index:100;box-sizing:border-box;color:#17334d;background:#fff6df;border:1px solid #cba95d;border-radius:6px;width:max-content;max-width:calc(100vw - 32px);padding:10px 14px;font-size:16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #17334d25}.six-connection-notice button{min-height:44px;margin-left:10px}body[data-six-embedded][data-six-mobile-focus] :is(.global-top-actions,.employee-workspace .portal-toolbar,.employee-workspace .employee-portal-footer,.employee-workspace .employee-announcement){display:none}body[data-six-embedded][data-six-mobile-focus] .employee-workspace{padding-top:8px}@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{--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}::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 components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}.rounded{border-radius:.25rem}.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,)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field.field-invalid>div{background:#fff5f4;border-color:#b42318;box-shadow:0 0 0 2px #b4231814}.field.field-invalid input{color:#8f1d14}.field-error{color:#b42318;margin-top:6px;font-size:12px;font-style:normal;font-weight:700;line-height:1.45;display:block}:root{--ink:#18251f;--muted:#6c7771;--line:#e5e8e4;--paper:#f6f6f1;--green:#225c45;--mint:#dff0e4}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,sans-serif}button,input{font:inherit}button{cursor:pointer}main{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#eef6f0;background:#173c2f;flex-direction:column;width:240px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brandmark{color:#193c30;background:#e6b758;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{text-transform:uppercase;letter-spacing:1.4px;color:#a8c3b5;margin-top:3px;font-size:10px}nav{gap:7px;display:grid}nav button{text-align:left;color:#bcd0c5;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 10px;font-size:14px;font-weight:700;display:flex}nav button.active{color:#fff;background:#2b5846;box-shadow:inset 3px 0 #e6b758}.icon{text-align:center;width:22px}nav em{color:#e9c576;background:#315c4b;border-radius:8px;margin-left:auto;padding:3px 5px;font-size:9px;font-style:normal}.source{background:#123226;border:1px solid #315746;border-radius:12px;margin-top:auto;padding:16px}.source span,.source strong,.source small{display:block}.source span{color:#86a999;text-transform:uppercase;letter-spacing:1px;font-size:10px}.source small{color:#9fbbad;font-size:10px;line-height:1.5}.workspace{grid-column:2;width:100%;max-width:1600px;margin:auto;padding:40px clamp(24px,4vw,64px) 64px}header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.tag{color:var(--green);letter-spacing:1.6px;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}h1{letter-spacing:-1px;margin:0 0 10px;font-family:Georgia,Noto Serif TC,serif;font-size:36px;line-height:1.1}header p{color:var(--muted);margin:0;font-size:14px}.header-actions{align-items:flex-end;gap:10px;display:flex}.header-actions label{color:var(--muted);font-size:11px;font-weight:700}.header-actions input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;margin-top:5px;padding:10px 12px;display:block}.primary{background:var(--green);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:800;box-shadow:0 7px 16px #225c4522}.summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.summary-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px 20px;box-shadow:0 3px 12px #1b302708}.summary-grid article>span{color:var(--muted);font-size:12px;font-weight:700}.summary-grid strong{margin:9px 0 6px;font-family:Georgia,serif;font-size:24px;display:block}.summary-grid strong small{font:600 12px Arial}.summary-grid p{color:#849089;margin:0;font-size:10px}.summary-grid .highlight{background:#e3f0e6;border-color:#cee1d4}.summary-grid .highlight strong{color:#174a37}.content-grid{grid-template-columns:minmax(300px,.8fr) minmax(520px,1.5fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #19332609}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-title h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:19px}.panel-title p:not(.tag){color:var(--muted);margin:5px 0 0;font-size:11px}.ghost{color:var(--green);background:#fff;border:1px solid #cfd8d2;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.employee{text-align:left;background:#fff;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:12px 10px;display:flex}.employee:hover,.employee.selected{background:#eef5f0}.employee.selected{box-shadow:inset 3px 0 var(--green)}.avatar{width:34px;height:34px;color:var(--green);background:#dfeae2;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.who{min-width:0}.who strong,.who small{display:block}.who small{color:var(--muted);margin-top:4px;font-size:10px}.amount{margin-left:auto;font-size:12px}.chev{color:#91a099;font-size:20px}.status{color:var(--green);background:var(--mint);border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.calculator .panel-title{background:#fbfcf9}.form-section{border-bottom:1px solid var(--line);padding:17px 22px}.form-section h3{letter-spacing:.8px;color:#4f6057;text-transform:uppercase;margin:0 0 12px;font-size:11px}.fields{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.field>span{color:var(--muted);margin:0 0 5px;font-size:10px;font-weight:700;display:block}.field>div{background:#fafbf9;border:1px solid #dfe4df;border-radius:8px;align-items:center;display:flex;overflow:hidden}.field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:9px;font-size:12px;font-weight:800}.field small{color:#91a099;white-space:nowrap;padding-right:8px;font-size:9px}.pay-slip{background:#f6f7f3;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 22px 22px;padding:14px 17px;display:grid}.pay-slip div{border-right:1px solid #dfe4df;padding-right:10px}.pay-slip div:last-child{border:0}.pay-slip span,.pay-slip strong{display:block}.pay-slip span{color:var(--muted);margin-bottom:7px;font-size:9px}.pay-slip strong{font-size:13px}.pay-slip .net strong{color:var(--green);font-family:Georgia,serif;font-size:18px}.next{color:#fff;background:#203d31;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:16px;padding:24px 27px;display:grid;position:relative;overflow:hidden}.next:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:210px;height:210px;position:absolute;right:-50px}.next-icon{color:#183c2f;background:#e5b75c;border-radius:50%;place-items:center;width:45px;height:45px;font-size:23px;font-weight:700;display:grid}.next span{color:#d9b868;letter-spacing:1.2px;font-size:9px;font-weight:700}.next h2{margin:4px 0 6px;font-family:Georgia,Noto Serif TC,serif;font-size:19px}.next p{color:#b9cec2;max-width:600px;margin:0;font-size:11px;line-height:1.6}.steps{z-index:1;align-items:center;gap:9px;display:flex}.steps b{background:#ffffff0d;border:1px solid #ffffff1d;border-radius:7px;padding:8px;font-size:9px}.steps i{color:#9cb5a7;font-style:normal}@media (max-width:1050px){.summary-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.fields{grid-template-columns:repeat(3,1fr)}.next{grid-template-columns:auto 1fr}.steps{display:none}}@media (max-width:720px){main{display:block}aside{width:auto;height:auto;padding:17px;position:static}.brand{padding:0}.brandmark{width:36px;height:36px}nav,.source{display:none}.workspace{padding:24px 15px}.workspace header{align-items:flex-start;display:block}h1{font-size:30px}.header-actions{margin-top:18px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article{padding:15px}.summary-grid strong{font-size:18px}.content-grid{display:block}.calculator{margin-top:14px}.fields{grid-template-columns:repeat(2,1fr)}.pay-slip{grid-template-columns:1fr 1fr}.pay-slip div:nth-child(2){border:0}.next{grid-template-columns:1fr;padding:20px}.next-icon{display:none}}@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}.view-switch{background:#e9ece8;border-radius:9px;padding:3px;display:flex}.view-switch button{color:#68756e;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.view-switch button.on{color:var(--green);background:#fff;box-shadow:0 2px 7px #183c2f18}.pill{color:#7d8580;white-space:nowrap;background:#eee;border-radius:20px;padding:5px 7px;font-size:9px}.pill.open{color:#89611a;background:#fff1cf}.pill.signed{color:#225c45;background:#dff0e4}.release{color:var(--green);background:#e5f2e9;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;font-weight:800;display:flex}.release input{accent-color:var(--green);width:16px;height:16px}.formula-card{background:#fffdf7;border:1px solid #e7dfcc;border-radius:15px;margin-top:16px;padding:24px}.formula-card>div:first-child{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.formula-card h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:20px}.formula-card>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:11px}.formula-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.formula-grid article{background:#fff;border:1px solid #ece6d8;border-radius:11px;min-width:0;padding:14px}.formula-grid b,.formula-grid code,.formula-grid strong{display:block}.formula-grid b{color:var(--green);margin-bottom:9px;font-size:11px}.formula-grid code{color:#69736d;white-space:normal;margin:4px 0;font-family:Arial,sans-serif;font-size:9px;line-height:1.55}.formula-grid strong{margin-top:10px;font-family:Georgia,serif;font-size:16px}.legal-note{color:#89908c!important;margin:14px 0 0!important;font-size:9px!important}.portal-toolbar{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 15px;font-size:11px;display:flex}.portal-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;margin-left:8px;padding:7px 10px}.locked{text-align:center;border:1px solid var(--line);background:#fff;border-radius:15px;padding:75px 20px}.locked div{font-size:38px}.locked h2{font-family:Georgia,Noto Serif TC,serif}.locked p{color:var(--muted)}.employee-slip{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:820px;margin:auto;padding:28px;box-shadow:0 8px 30px #173c2f0c}.slip-head{border-bottom:2px solid var(--green);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(12px,3vw,28px);padding-bottom:20px;display:grid}.slip-head>div:first-child{min-width:0}.slip-head p{color:var(--muted);margin:0;font-size:10px}.slip-head h2{overflow-wrap:anywhere;margin:5px 0;font-family:Georgia,Noto Serif TC,serif;font-size:27px}.slip-head span{color:var(--muted);font-size:11px}.slip-head-month{text-align:center;gap:4px;display:grid}.slip-head-month strong{color:var(--green);white-space:nowrap;font-size:18px}.slip-head>strong{text-align:right;color:var(--green);white-space:nowrap;font-family:Georgia,serif;font-size:27px}.slip-head>strong small{color:var(--muted);margin-top:5px;font:10px Arial;display:block}.slip-lines p{border-bottom:1px dashed #e3e7e3;justify-content:space-between;margin:0;padding:10px 4px;font-size:12px;display:flex}.employee-slip .formula-card{margin:4px 0 18px;padding:18px}.employee-slip .formula-grid{grid-template-columns:1fr 1fr}.signature,.signed-box{background:#eff6f1;border-radius:12px;padding:18px}.signature h3{margin:0 0 4px;font-family:Georgia,serif}.signature p{color:var(--muted);font-size:11px}.signature input{background:#fff;border:1px solid #cfd9d2;border-radius:9px;width:100%;margin:6px 0 10px;padding:12px}.signed-box{gap:5px;display:grid}.signed-box span{color:var(--green);font-size:11px;font-weight:800}.signed-box small{color:var(--muted)}@media (max-width:1050px){.formula-grid{grid-template-columns:1fr 1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:720px){.view-switch{width:100%}.view-switch button{flex:1}.header-actions{align-items:flex-end}.formula-grid,.employee-slip .formula-grid{grid-template-columns:1fr}.formula-card>div:first-child{display:block}.formula-card h2{margin:5px 0}.employee-slip{padding:18px}.slip-head>strong{font-size:21px}.portal-toolbar span{display:none}.release{max-width:170px}.amount{display:none}}.inline-formulas{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.inline-formulas.one{grid-template-columns:1fr}.inline-formulas>small{color:#7b857f;margin:0 4px;font-size:9px}.formula-line{border-left:3px solid var(--green);background:#f2f7f3;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 11px;display:grid}.formula-line span{color:var(--green);font-size:9px;font-weight:800}.formula-line code{color:#66716b;font:10px/1.4 Arial,sans-serif}.formula-line strong{color:#183c2f;white-space:nowrap;font:700 12px Georgia,serif}@media (max-width:720px){.inline-formulas,.formula-line{grid-template-columns:1fr}.formula-line strong{font-size:14px}}.account-access{border-top:1px solid var(--line);background:#fafbf9;border-radius:0 0 11px 11px;gap:10px;margin:8px;padding:16px 12px 12px;display:grid}.account-access h3{margin:0 0 2px;font:700 12px Georgia,Noto Serif TC,serif}.account-access .field{display:block}.account-access .field input{padding:10px}.left-release{justify-content:flex-start;margin-top:2px}.account-access>small{color:#7f8983;font-size:9px;line-height:1.5}.employee-row{gap:5px;padding:0 7px 0 10px}.name-release{flex:none;place-items:center;display:grid}.name-release input{width:17px;height:17px;accent-color:var(--green);cursor:pointer}.employee-main{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:12px 3px;display:flex}.monthly-stats{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:16px;overflow:hidden}.stats-scroll{overflow-x:auto}.monthly-stats table{border-collapse:collapse;width:100%;font-size:11px}.monthly-stats th{text-align:left;color:#6d7871;letter-spacing:.5px;background:#f5f7f4;padding:10px 16px;font-size:9px}.monthly-stats td{border-top:1px solid var(--line);white-space:nowrap;padding:12px 16px}.monthly-stats td:nth-child(3),.monthly-stats td:nth-child(4),.monthly-stats td:nth-child(5){text-align:right}.stats-empty{text-align:center;color:#849089;padding:32px;font-size:11px}.department-monthly-stats{gap:14px;padding-bottom:16px;display:grid}.department-monthly-stats>.panel-title{margin-bottom:0}.monthly-stats-switcher{border:1px solid var(--line);background:#f7f9f6;border-radius:12px;grid-template-columns:minmax(130px,1fr) minmax(180px,1.4fr) minmax(130px,1fr);align-items:center;gap:10px;margin:0 16px;padding:12px;display:grid}.monthly-stats-switcher button{min-height:42px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cdd8d1;border-radius:9px;font-weight:800}.monthly-stats-switcher button:disabled{cursor:not-allowed;opacity:.4}.monthly-stats-switcher strong{text-align:center;color:#1f3e31;font-size:20px}.monthly-department{border:1px solid var(--line);border-radius:13px;margin:0 16px;overflow:hidden}.monthly-department-heading{justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.monthly-department-heading>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.monthly-department-heading strong{font-size:18px}.monthly-department-heading span{font-size:12px}.monthly-department-heading b{font-size:14px}.monthly-department-factory .monthly-department-heading{color:#315b88;background:#e7f0ff}.monthly-department-inside .monthly-department-heading{color:#275f3f;background:#e6f4e9}.monthly-department-outside .monthly-department-heading{color:#815516;background:#fff0d8}.monthly-department-empty{color:#7d8982;text-align:center;background:#fbfcfb;padding:20px 16px;font-size:13px}.department-monthly-stats table th:first-child,.department-monthly-stats table td:first-child{z-index:1;background:#fff;position:sticky;left:0}.department-monthly-stats table th:first-child{background:#f5f7f4}@media (max-width:720px){.monthly-stats th,.monthly-stats td{padding:10px}.employee-row .amount{display:none}.monthly-stats-switcher{grid-template-columns:1fr 1fr;margin:0 10px}.monthly-stats-switcher strong{grid-area:1/1/auto/3;font-size:18px}.monthly-stats-switcher button:first-child{grid-area:2/1}.monthly-stats-switcher button:last-child{grid-area:2/2}.monthly-department{margin:0 10px}.monthly-department-heading{flex-direction:column;align-items:flex-start}.monthly-department-heading>div:last-child{grid-template-columns:1fr 1fr;width:100%;display:grid}}.cloud-status{white-space:nowrap;color:#6e7973;background:#edf0ed;border-radius:20px;padding:7px 9px;font-size:10px;font-weight:800}.cloud-status.saved{color:#225c45;background:#e2f1e6}.cloud-status.saving,.cloud-status.loading{color:#89611a;background:#fff2d5}.cloud-status.error{color:#a13b2e;background:#fee7e3}.password-input button{color:var(--green);white-space:nowrap;background:0 0;border:0;padding:0 9px;font-size:9px;font-weight:800}.password-policy{background:#eef5f0;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.password-policy b{color:var(--green);white-space:nowrap;font-size:9px}.password-policy span{color:#66736c;font-size:9px;line-height:1.5}.worksite-settings{color:#fff;background:#173c2f;border-radius:15px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin-top:16px;padding:22px;display:grid}.worksite-settings h2{margin:0 0 6px;font:700 19px Georgia,Noto Serif TC,serif}.worksite-settings p:not(.tag){color:#bcd0c5;margin:0;font-size:11px;line-height:1.5}.worksite-settings .tag{color:#e6b758}.worksite-settings label{align-items:center;gap:7px;font-size:10px;display:flex}.worksite-settings input{color:#fff;background:#ffffff12;border:1px solid #ffffff30;border-radius:8px;width:82px;padding:10px;font-weight:800}.worksite-state{color:#c7d8cf;border-top:1px solid #ffffff18;grid-column:1/-1;padding-top:11px;font-size:10px}.employee-login{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:440px;margin:60px auto;padding:30px;box-shadow:0 12px 40px #173c2f12}.login-badge{color:var(--green);background:#e3f0e6;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}.employee-login h2{margin:16px 0 8px;font:700 25px Georgia,Noto Serif TC,serif}.employee-login>p{color:var(--muted);font-size:11px;line-height:1.6}.employee-login form{gap:13px;margin-top:20px;display:grid}.employee-login form>label:not(.remember){color:#526059;gap:6px;font-size:10px;font-weight:800;display:grid}.employee-login input:not([type=checkbox]){background:#fafbf9;border:1px solid #d9e0db;border-radius:9px;outline:0;padding:12px}.employee-login input:focus{border-color:var(--green);box-shadow:0 0 0 3px #225c4512}.remember{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.remember input{accent-color:var(--green)}.login-error{color:#9b3027;background:#fee7e3;border-radius:8px;padding:10px;font-size:10px}.attendance-card{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:820px;margin:0 auto 16px;padding:22px}.attendance-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.attendance-head h2{margin:0;font:700 20px Georgia,Noto Serif TC,serif}.attendance-message{color:var(--green);background:#eff6f1;border-radius:8px;margin-top:14px;padding:10px;font-size:11px}.location-check{border:1px solid;border-radius:12px;margin-top:14px;padding:16px}.location-check.valid{color:#225c45;background:#eaf5ed;border-color:#bcd8c4}.location-check.invalid{color:#9b3027;background:#fff0ed;border-color:#efc2bb}.location-check strong{font-size:16px}.location-check p{margin:7px 0;font-size:11px}.location-check small{opacity:.75;display:block}.location-check>div{gap:8px;margin-top:14px;display:flex}.attendance-history{border-top:1px solid var(--line);gap:6px;margin-top:16px;padding-top:13px;display:grid}.attendance-history b{color:#516158;font-size:10px}.attendance-history span{color:var(--muted);font-size:10px}@media (max-width:720px){.worksite-settings{grid-template-columns:1fr}.worksite-state{grid-column:1}.worksite-settings .primary{width:100%}.employee-login{margin:24px auto;padding:22px}.attendance-head{display:grid}.attendance-head .primary{width:100%}.location-check>div{display:grid}.location-check button{width:100%}}.schedule-fields{grid-template-columns:repeat(3,auto);gap:8px;display:grid}.schedule-fields label{gap:5px;display:grid}.schedule-fields input{width:108px}.attendance-head small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.location-check>p,.clock-confirmed p{margin:8px 0;font-size:11px}.location-check p b,.clock-confirmed p b{min-width:86px;display:inline-block}.location-check a,.clock-confirmed a{color:inherit;font-weight:800}.clock-confirmed{color:#225c45;background:#eaf5ed;border:1px solid #bcd8c4;border-radius:12px;margin-top:14px;padding:16px}.clock-confirmed>strong{font-size:16px}@media (max-width:900px){.worksite-settings{grid-template-columns:1fr}.schedule-fields{grid-template-columns:repeat(3,1fr)}.worksite-state{grid-column:1}}@media (max-width:720px){.schedule-fields{grid-template-columns:1fr}.schedule-fields input{width:100%}}.owner-picker{justify-content:flex-end;margin-bottom:12px;display:flex}.owner-picker label{color:var(--muted);font-size:10px;font-weight:800}.owner-picker select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:220px;margin-top:5px;padding:10px 12px;display:block}.release-panel,.attendance-admin{max-width:1000px}.release-list{padding:8px;display:grid}.release-list label{border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.release-list label:hover{background:#f2f7f3}.release-list input{width:18px;height:18px;accent-color:var(--green)}.release-list span strong,.release-list span small{display:block}.release-list span small{color:var(--muted);margin-top:3px;font-size:9px}.attendance-admin table{border-collapse:collapse;width:100%;font-size:11px}.attendance-admin th,.attendance-admin td{text-align:left;border-bottom:1px solid var(--line);padding:11px 14px}.attendance-admin th{color:var(--muted);background:#f6f8f5;font-size:9px}.attendance-admin a{color:var(--green);font-weight:800}.settings-card{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:960px;padding:26px}.settings-title h2{margin:0 0 7px;font:700 23px Georgia,Noto Serif TC,serif}.settings-title>p:not(.tag){color:var(--muted);font-size:11px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.settings-grid>label{color:#59665f;gap:6px;font-size:10px;font-weight:800;display:grid}.settings-grid input{background:#fafbf9;border:1px solid #dbe1dc;border-radius:9px;outline:0;width:100%;padding:11px}.input-suffix{align-items:center;display:flex}.input-suffix span{color:var(--muted);margin-left:-42px;font-size:9px}.address-field{grid-column:1/-1}.address-field>div{gap:8px;display:flex}.address-field .ghost{white-space:nowrap}.coordinate-box{background:#f0f6f2;border-radius:10px;grid-column:1/3;gap:4px;padding:13px;display:grid}.coordinate-box span{color:var(--muted);font-size:9px}.coordinate-box strong{font-size:13px}.coordinate-box a{color:var(--green);font-size:9px;font-weight:800}.current-location{align-self:stretch}.settings-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:17px;display:flex}.settings-actions span{color:var(--muted);font-size:10px}.single-panel{max-width:1100px}.employee-panel{grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.employee-panel>.panel-title,.employee-panel>.new-employee-form,.employee-panel>.account-warning{grid-column:1/-1}.employee-panel .account-access{border-top:0;border-left:1px solid var(--line);border-radius:0 0 11px;margin:8px 8px 8px 0}.owner-credentials{max-width:1100px;margin-bottom:14px}.owner-credential-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:18px 22px;display:grid}.owner-credential-fields>label{color:var(--muted);gap:6px;font-size:10px;font-weight:800;display:grid}.owner-credential-fields input{border:1px solid var(--line);background:#fafbf9;border-radius:9px;width:100%;padding:11px}.owner-credential-fields .password-input{grid-template-columns:1fr auto;display:grid}.owner-credential-fields .password-input input{border-radius:9px 0 0 9px}.owner-credential-fields .password-input button{border:1px solid var(--line);color:var(--green);background:#fff;border-left:0;border-radius:0 9px 9px 0;padding:0 12px;font-weight:800}@media (max-width:720px){aside nav{margin-top:14px;display:flex;overflow-x:auto}aside nav button{white-space:nowrap;flex:none}.source{display:none}.settings-grid{grid-template-columns:1fr}.address-field,.coordinate-box{grid-column:1}.address-field>div,.settings-actions{display:grid}.settings-actions .primary{width:100%}.release-list label{grid-template-columns:auto auto 1fr}.release-list .pill{grid-column:2/4}.owner-picker{justify-content:stretch}.owner-picker label,.owner-picker select{width:100%}}.account-warning{color:#9b3027;background:#fff0ed;border-radius:9px;margin:10px 12px 0;padding:11px 13px;font-size:10px;line-height:1.5}.pill.account-bad{color:#a13b2e;background:#fee7e3}.delete-employee{color:#a13b2e;cursor:pointer;background:#fff0ed;border:0;border-radius:8px;flex:none;padding:7px 9px;font-size:9px;font-weight:800}.delete-employee:hover{background:#fbded8}.employee.selected .delete-employee{background:#fee7e3}.release-check{color:var(--green);cursor:pointer;flex:none;justify-items:center;gap:2px;font-size:8px;font-weight:800;display:grid}.release-check input{width:17px;height:17px;accent-color:var(--green);cursor:pointer}.employee.selected .release-check{color:#183c2f}.archive-panel{margin-top:0}.archive-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.archive-panel .panel-title select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:140px;padding:10px 13px}.archive-summary{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.archive-summary span{color:var(--muted);background:#f1f6f2;border-radius:10px;gap:5px;padding:14px;font-size:9px;display:grid}.archive-summary strong{color:var(--green);font:700 17px Georgia,serif}.field-disabled{opacity:.62}.field-disabled input{cursor:not-allowed}@media (max-width:720px){.archive-summary{grid-template-columns:1fr}.archive-panel .panel-title{align-items:flex-start}.archive-toolbar{width:100%}.archive-panel .panel-title select{flex:1;min-width:0}}.header-actions select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;margin-top:5px;padding:10px 12px;display:block}.field.field-incomplete>div{background:#edf5ff;border-color:#8bb9ec;box-shadow:inset 3px 0 #3d86d3}.field.field-complete>div{background:#eff9f1;border-color:#8fc69c;box-shadow:inset 3px 0 #3d9a55}.attendance-edit{min-width:190px;color:var(--ink);background:#f3faf5;border:1px solid #b8cfc0;border-radius:7px;padding:8px}.desktop-test{margin-top:16px}.desktop-test>.primary{margin-top:20px}.test-only{color:var(--green);align-self:center;font-size:10px;font-weight:800}.manual-attendance{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:820px;margin:0 auto 16px;padding:24px}.manual-attendance h2{margin:0 0 6px;font:700 22px Georgia,Noto Serif TC,serif}.manual-attendance>div:first-child>p:last-child{color:var(--muted);font-size:11px}.manual-clock-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.manual-clock-grid label{gap:8px;font-size:11px;font-weight:800;display:grid}.manual-clock-grid input{background:#f3faf5;border:1px solid #b8cfc0;border-radius:9px;padding:12px}.salary-open{text-align:left;width:100%;max-width:820px;color:var(--ink);background:#fff9e9;border:1px solid #d4bd78;border-radius:15px;grid-template-columns:auto 1fr;gap:4px 13px;margin:0 auto 16px;padding:20px;display:grid}.salary-open>span{color:#173c2f;background:#e6b758;border-radius:12px;grid-row:1/3;place-items:center;width:44px;height:44px;font:700 18px Georgia,serif;display:grid}.salary-open strong{font:700 17px Georgia,Noto Serif TC,serif}.salary-open small{color:var(--muted)}.schedule-only .settings-grid{grid-template-columns:1fr 1fr;max-width:520px}@media (max-width:720px){.manual-clock-grid,.schedule-only .settings-grid{grid-template-columns:1fr}}.salary-receipt-closed{max-width:820px;color:var(--green);background:#edf7f0;border:1px solid #a9c9b5;border-radius:15px;align-items:center;gap:14px;margin:0 auto 16px;padding:20px;display:flex}.salary-receipt-closed>span{background:var(--green);color:#fff;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid}.salary-receipt-closed>div{gap:4px;display:grid}.salary-receipt-closed strong{font:700 17px Georgia,Noto Serif TC,serif}.salary-receipt-closed small{color:var(--muted);font-size:13px;line-height:1.5}.complete-month{background:#eef3ff;border:1px solid #b8ccef;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:8px;padding:16px;display:flex}.complete-month.ready{background:#e9f6ec;border-color:#9ecaaa}.complete-month strong,.complete-month small{display:block}.complete-month small{color:var(--muted);margin-top:4px;font-size:10px}.complete-month button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:720px){.complete-month{display:grid}.complete-month button{width:100%}}.login-page{background:radial-gradient(circle at 15% 20%,#edf6ee 0,#0000 36%),#f7f5ef;place-items:center;min-height:100vh;padding:28px;display:grid}.session-restore-screen{z-index:1200;background:radial-gradient(circle at 15% 20%,#edf6ee 0,#0000 36%),#f7f5ef;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-restore-screen>div{text-align:center;background:#fff;border:1px solid #cfe0d5;border-radius:22px;width:min(100%,560px);padding:36px;box-shadow:0 18px 52px #173c2f1f}.session-restore-screen h1{color:#173c2f;margin:10px 0 16px;font:700 clamp(32px,6vw,48px)/1.15 Georgia,Noto Serif TC,serif}.session-restore-screen p{color:var(--muted);line-height:1.7}.session-restore-screen strong{color:#225c45;margin-top:18px;font-size:14px;display:block}.login-shell{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;width:min(100%,940px);display:grid}.login-intro h1{letter-spacing:-1px;color:#173c2f;margin:12px 0 18px;font:700 46px/1.08 Georgia,Noto Serif TC,serif}.login-intro>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:13px;line-height:1.8}.login-role-list{gap:10px;margin-top:26px;display:grid}.login-role-list span{color:#69756e;align-items:center;gap:12px;font-size:11px;display:flex}.login-role-list b{min-width:64px;color:var(--green);text-align:center;background:#e1eee4;border-radius:20px;padding:7px 10px}.unified-login{width:100%;margin:0;padding:34px}.unified-login form>button{width:100%;padding:12px}.login-help{color:var(--muted);margin-top:17px;font-size:9px;line-height:1.6;display:block}.employee-mode{background:#f7f7f3;grid-template-columns:none;width:100%;min-height:100vh;display:block}.employee-workspace{width:min(100%,980px);margin:auto;padding:24px}.portal-toolbar>div{align-items:center;gap:10px;display:flex}.portal-toolbar>div:last-child{justify-content:flex-end}.employee-menu>div:first-child{text-align:center}.employee-menu h1{color:#173c2f;margin:8px 0;font:700 36px Georgia,Noto Serif TC,serif}.employee-menu>div:first-child>p:last-child{color:var(--muted);font-size:12px}.employee-menu-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:720px;margin:36px auto;display:grid}.employee-menu-grid button{text-align:left;border:1px solid var(--line);color:#173c2f;cursor:pointer;background:#fff;border-radius:18px;justify-items:start;gap:9px;padding:30px;display:grid;box-shadow:0 8px 24px #173c2f0a}.employee-menu-grid button:hover{border-color:#aac5b3;transform:translateY(-2px)}.employee-menu-grid button>span{background:#e5f1e8;border-radius:13px;place-items:center;width:48px;height:48px;font:700 18px Georgia,serif;display:grid}.employee-menu-grid strong{font:700 21px Georgia,Noto Serif TC,serif}.employee-menu-grid small{color:var(--muted);font-size:10px}@media (max-width:720px){.login-page{place-items:start center;padding:18px}.login-shell{grid-template-columns:1fr;gap:24px}.login-intro .brand{margin-bottom:32px}.login-intro h1{font-size:34px}.login-role-list{display:none}.unified-login{padding:24px}.employee-workspace{padding:14px}.portal-toolbar{align-items:flex-start}.portal-toolbar>div{flex-wrap:wrap}.employee-menu{padding:32px 0}.employee-menu-grid{grid-template-columns:1fr}.employee-menu-grid button{padding:24px}}.device-bind-note{color:#765918;background:#fff5d8;border-radius:8px;margin:-2px 0 3px;padding:9px 11px;font-size:9px;font-weight:800}.salary-layout{overflow:hidden}.salary-layout>.panel-title{margin-bottom:0}.salary-category{border-top:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);display:grid}.salary-category-title{border-right:1px solid var(--line);background:#f4f7f3;padding:24px 20px}.salary-category-title>span{color:#fff;background:#173c2f;border-radius:9px;place-items:center;width:29px;height:29px;font:700 10px Georgia,serif;display:inline-grid}.salary-category-title h3{color:#173c2f;margin:13px 0 6px;font:700 18px Georgia,Noto Serif TC,serif}.salary-category-title p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.salary-category-fields{min-width:0;padding:24px}.salary-two,.salary-support,.custom-bonus{grid-template-columns:1fr 1fr;gap:14px;display:grid}.salary-support{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.salary-stack{grid-template-columns:1fr 1fr;gap:14px;display:grid}.salary-stack>.field{min-width:0}.custom-bonus{background:#f7f5ee;border:1px solid #e6dfca;border-radius:11px;grid-column:1/-1;padding:15px}.custom-bonus .field{margin:0}@media (max-width:760px){.salary-category{grid-template-columns:1fr}.salary-category-title{border-right:0;border-bottom:1px solid var(--line);padding:17px 18px}.salary-category-title h3{margin:0 8px;font-size:16px;display:inline-block}.salary-category-title p{margin:7px 0 0}.salary-category-fields{padding:18px}.salary-two,.salary-support,.salary-stack,.custom-bonus{grid-template-columns:1fr}.custom-bonus{grid-column:auto}.salary-support{padding-top:14px}}.archive-lock{color:#72571a;background:#fff8df;border:1px solid #d5b75e;border-radius:11px;gap:5px;margin:14px 18px 18px;padding:15px 17px;display:grid}.archive-lock strong{font-size:12px}.archive-lock span{font-size:10px;line-height:1.6}.archived-payroll .salary-category{opacity:.62;pointer-events:none}.deduction-cell{color:#a3473e}.monthly-stats .panel-title p:not(.tag){color:var(--muted);margin:5px 0 0;font-size:10px}.category-total{color:#173c2f;margin-top:13px;font:700 20px Georgia,serif;display:block}.category-total.deduction-total{color:#a3473e}.salary-grand-total{color:#fff;background:#173c2f;align-items:stretch;gap:8px;padding:18px;display:flex;overflow-x:auto}.salary-grand-total>div{background:#ffffff12;border-radius:9px;gap:5px;min-width:118px;padding:11px 13px;display:grid}.salary-grand-total span{color:#c7d8cf;font-size:9px}.salary-grand-total strong{white-space:nowrap;font:700 15px Georgia,serif}.salary-grand-total>b{color:#e6b758;align-self:center}.salary-grand-total .grand-net{color:#173c2f;background:#e6b758;min-width:170px;margin-left:auto}.salary-grand-total .grand-net span{color:#53675e}@media (max-width:760px){.category-total{vertical-align:middle;margin:0 0 0 38px;font-size:17px;display:inline-block}.salary-grand-total .grand-net{margin-left:0}}.bonus-rules-panel{max-width:1120px;overflow:hidden}.bonus-rule-list{overflow-x:auto}.bonus-rule-head,.bonus-rule-row{grid-template-columns:minmax(180px,1.4fr) 140px repeat(4,minmax(105px,1fr));align-items:center;gap:8px;min-width:820px;padding:11px 18px;display:grid}.bonus-rule-head{color:var(--muted);background:#f3f6f2;font-size:9px;font-weight:800}.bonus-rule-row{border-top:1px solid var(--line)}.bonus-rule-row select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px}.bonus-rule-person{align-items:center;gap:10px;display:flex}.bonus-rule-person strong{font-size:11px}.bonus-check{color:var(--green);cursor:pointer;background:#f4f7f3;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:9px;font-weight:800;display:flex}.bonus-check input{width:17px;height:17px;accent-color:var(--green)}.bonus-check:has(input:not(:checked)){color:#8a918d;background:#f1f1ef}.bonus-rule-note{color:#72571a;background:#fff8df;border-radius:9px;margin:12px 18px 18px;padding:12px 14px;font-size:10px}.no-bonus{text-align:center;color:var(--muted);border:1px dashed #bdc8c0;border-radius:10px;grid-column:1/-1;padding:24px;font-size:11px}.account-access select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:9px}.rule-section{border-top:1px solid var(--line);padding:22px}.rule-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.rule-heading>div{align-items:center;gap:10px;display:flex}.rule-heading>div>span{color:#fff;background:#173c2f;border-radius:9px;place-items:center;width:30px;height:30px;font:700 10px Georgia,serif;display:grid}.rule-heading h3{margin:0;font:700 18px Georgia,Noto Serif TC,serif}.rule-heading>strong{color:var(--green);font:700 20px Georgia,serif}.rule-heading code{color:var(--green);background:#edf5ef;border-radius:8px;padding:9px 12px;font-size:11px}.group-rule-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rule-result{background:#f1f6f2;border-radius:10px;grid-template-columns:1fr auto;gap:5px;padding:13px;display:grid}.rule-result span,.rule-result small{color:var(--muted);font-size:9px}.rule-result strong{color:var(--green);font:700 18px Georgia,serif}.rule-result small{grid-column:1/-1}.rule-members{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.rule-members>span{border:1px solid var(--line);border-radius:20px;align-items:center;gap:10px;padding:7px 10px;font-size:9px;display:flex}.rule-members b{color:var(--green)}.rule-members p{color:var(--muted);font-size:10px}.driver-rules{gap:12px;display:grid}.driver-rules article{border:1px solid var(--line);border-radius:12px;padding:15px}.driver-title{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.driver-title strong{font-size:12px}.driver-title span{color:var(--green);font:700 15px Georgia,serif}.driver-fields{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.driver-formula{color:var(--muted);background:#f3f7f4;border-radius:8px;margin-top:11px;padding:10px;font-size:10px}.driver-formula strong{color:var(--green)}.bonus-info{color:var(--muted);background:#f3f5f2;border-radius:9px;grid-column:1/-1;padding:14px;font-size:10px}@media (max-width:760px){.rule-heading,.driver-title{flex-direction:column;align-items:flex-start}.group-rule-grid,.driver-fields{grid-template-columns:1fr}.rule-heading code{white-space:normal}.rule-heading>strong{margin-left:40px}}.employee-groups{gap:12px;padding:10px;display:grid}.employee-group{border:1px solid var(--line);border-radius:11px;overflow:hidden}.employee-group>h3{color:var(--green);background:#f1f6f2;justify-content:space-between;margin:0;padding:10px 13px;font:700 12px Georgia,Noto Serif TC,serif;display:flex}.employee-group>h3 span{color:var(--muted);font:800 9px Arial}.employee-group .employee-list{padding:3px}.group-empty{text-align:center;color:var(--muted);padding:16px;font-size:9px}.retained-panel{margin-top:16px}.employee-groups .employee-row{border-radius:8px}.new-employee-form{background:#f7fbf8;border:1px solid #aac5b3;border-radius:12px;margin:0 10px 14px;padding:16px}.new-employee-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.new-employee-heading h3{margin:3px 0 0;font:700 18px Georgia,Noto Serif TC,serif}.new-employee-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.new-employee-grid select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:9px}.new-employee-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.new-employee-actions span{color:var(--muted);font-size:9px}@media (max-width:720px){.new-employee-grid{grid-template-columns:1fr}.new-employee-actions{display:grid}.new-employee-actions .primary{width:100%}}.payroll-completion{margin-bottom:16px}.completion-columns{grid-template-columns:1fr 1fr;gap:14px;padding:0 18px 18px;display:grid}.completion-group{border:1px solid var(--line);border-radius:12px;overflow:hidden}.completion-group h3{justify-content:space-between;margin:0;padding:12px 14px;font:700 12px Georgia,Noto Serif TC,serif;display:flex}.completion-group h3 span{font:800 9px Arial}.completion-group.done h3{color:#225c45;background:#eaf5ed}.completion-group.pending h3{color:#376a9f;background:#eef4ff}.completion-group button{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.completion-group button:hover,.completion-group button.selected{background:#f4f8f5}.completion-group button.selected{box-shadow:inset 3px 0 var(--green)}.completion-group button span strong,.completion-group button span small{display:block}.completion-group button span small{color:var(--muted);margin-top:3px;font-size:9px}.completion-group button>b{color:var(--green);white-space:nowrap;font-size:9px}.completion-group.pending button>b{color:#376a9f}.completion-group>p{text-align:center;color:var(--muted);margin:0;padding:24px;font-size:10px}.payroll-progress-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px 18px;display:grid}.payroll-progress-grid article{border:1px solid var(--line);background:#f8faf8;border-radius:12px;gap:7px;padding:14px;display:grid}.payroll-progress-grid article>span{color:var(--green);font-size:11px;font-weight:900}.payroll-progress-grid article>strong{font:700 23px Georgia,Noto Serif TC,serif}.payroll-progress-grid article>strong small{color:var(--muted);font:800 10px Arial}.payroll-progress-grid article>b{color:#376a9f;font-size:10px}.payroll-progress-grid article>b.complete{color:#225c45}.payroll-employee-picker{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1.5fr;gap:12px;margin:0 0 14px;padding:15px 18px;display:grid}.payroll-employee-picker label{gap:7px;display:grid}.payroll-employee-picker label>span{color:var(--muted);font-size:11px;font-weight:900}.payroll-employee-picker select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafbf9;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:800}.pill.uncalculated{color:#58677b;background:#e8edf5}.pill.calculated{color:#376a9f;background:#e8f0ff}.release-matrix-wrap{padding:0 8px 8px;overflow-x:auto}.release-matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:800px;font-size:10px}.release-matrix th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);background:#f2f5f1;padding:11px 12px;font-size:9px}.release-matrix td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px}.release-matrix tbody tr:hover{background:#f7faf7}.matrix-person{align-items:center;gap:9px;display:flex}.matrix-step{white-space:nowrap;border-radius:20px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-block}.matrix-step.done{color:#225c45;background:#e4f2e8}.matrix-step.pending{color:#6e777e;background:#eef1f4}.matrix-release{color:#806021;background:#fff7df;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-weight:800;display:inline-flex}.matrix-release:has(input:checked){color:#376a9f;background:#e8f2ff}.matrix-release input{width:17px;height:17px;accent-color:var(--green)}.rules-placeholder{max-width:900px}.placeholder-body{text-align:center;background:#f7faf7;border:1px dashed #aac1b0;border-radius:13px;margin:0 18px 18px;padding:50px 24px}.placeholder-body>span{color:#fff;background:#173c2f;border-radius:14px;place-items:center;width:50px;height:50px;margin:0 auto 14px;font:700 18px Georgia,serif;display:grid}.placeholder-body strong{font:700 19px Georgia,Noto Serif TC,serif}.placeholder-body p{color:var(--muted);margin:8px 0 0;font-size:10px}.release-all-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin:0 18px 14px;display:grid}.release-all-actions .release-all{margin:0}.release-all{cursor:pointer;background:#f2f8f3;border:1px solid #bed3c3;border-radius:12px;align-items:center;gap:12px;margin:0 18px 14px;padding:13px 15px;display:flex}.release-all.checked{background:#e6f3e9;border-color:#7daf8a}.release-all input{width:21px;height:21px;accent-color:var(--green)}.release-all span{gap:3px;display:grid}.release-all strong{color:#225c45;font-size:13px}.release-all small{color:var(--muted);font-size:10px}.release-all:has(input:disabled){opacity:.58;cursor:not-allowed}.export-all-payroll{text-align:center;place-content:center;gap:3px;min-width:190px;display:grid}.export-all-payroll small{color:var(--muted);font-size:10px;font-weight:600;display:block}.clock-rollover-note{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5;display:block}.payroll-month-note{background:#f8fbf9;border:1px solid #c9d8ce;border-radius:12px;gap:10px;margin:0 18px 14px;padding:14px;display:grid}.payroll-month-note>div:first-child{gap:3px;display:grid}.payroll-month-note strong{color:#225c45;font-size:14px}.payroll-month-note small{color:var(--muted);font-size:11px;line-height:1.5}.payroll-month-note textarea{resize:vertical;width:100%;min-height:92px;font:inherit;background:#fff;border:1px solid #b8c9be;border-radius:9px;padding:10px 12px;line-height:1.55}.payroll-month-note textarea:disabled{color:#66736b;background:#eef1ef}.payroll-month-note-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.payroll-month-note-actions button{min-width:150px}.complete-month>.export-all-payroll{min-height:52px}.attendance-calendar-panel{max-width:1180px;overflow:hidden}.calendar-employee{color:var(--muted);gap:5px;font-size:9px;font-weight:800;display:grid}.calendar-employee select{border:1px solid var(--line);min-width:220px;color:var(--ink);background:#fff;border-radius:9px;padding:10px 12px}.calendar-weekdays,.attendance-calendar{grid-template-columns:repeat(7,minmax(100px,1fr));display:grid}.calendar-weekdays{color:#fff;background:#173c2f;border-radius:10px 10px 0 0;margin:0 16px;overflow:hidden}.calendar-weekdays span{text-align:center;border-right:1px solid #ffffff18;padding:10px;font-size:9px;font-weight:800}.calendar-weekdays span.weekend{color:#f1cd72}.attendance-calendar{border-left:1px solid var(--line);border-top:1px solid var(--line);margin:0 16px 16px}.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:118px;padding:9px}.calendar-day.empty{background:#f5f6f3}.calendar-day.weekend{background:#fffdf6}.calendar-day.has-record{box-shadow:inset 0 3px #3d9a55}.calendar-date{justify-content:space-between;align-items:center;display:flex}.calendar-date strong{color:#173c2f;font:700 17px Georgia,serif}.calendar-date span{color:var(--muted);font-size:8px}.calendar-records{gap:5px;margin-top:8px;display:grid}.calendar-records p{background:#edf5ef;border-radius:7px;justify-content:space-between;margin:0;padding:6px;font-size:9px;display:flex}.calendar-records b{color:var(--green)}.calendar-records span{font-weight:800}.calendar-footer{background:#f1f5f1;border-radius:9px;justify-content:space-between;gap:14px;margin:0 16px 16px;padding:12px 14px;display:flex}.calendar-footer span{color:var(--green);font-size:10px;font-weight:800}.calendar-footer small{color:var(--muted);font-size:9px}.calendar-records label{background:#edf5ef;border-radius:7px;gap:4px;margin:0;padding:6px;font-size:9px;display:grid}.calendar-records input{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #b9d0c0;border-radius:6px;padding:5px;font-size:8px}.calendar-save-status{color:var(--green);background:#e8f3eb;border-radius:8px;margin:0 16px 12px;padding:9px 12px;font-size:10px;font-weight:800}.mobile-clock-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.clock-button{text-align:left;cursor:pointer;border:1px solid;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:20px;display:grid}.clock-button>span{border-radius:12px;grid-row:1/3;place-items:center;width:46px;height:46px;font:700 18px Georgia,serif;display:grid}.clock-button strong{font:700 17px Georgia,Noto Serif TC,serif}.clock-button small{font-size:9px}.clock-button.in{color:#225c45;background:#eaf5ed;border-color:#a8cfb2}.clock-button.in>span{color:#fff;background:#225c45}.clock-button.out{color:#795c19;background:#fff5df;border-color:#dfc479}.clock-button.out>span{color:#173c2f;background:#d0a83d}.clock-button:disabled{opacity:.55;cursor:wait}.attendance-calendar button.calendar-day{-webkit-appearance:none;appearance:none;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.attendance-calendar button.calendar-day:hover{background:#f1f7f3}.attendance-calendar button.calendar-day.selected{z-index:1;outline-offset:-3px;background:#fffaf0;outline:3px solid #d2ad45;position:relative}.attendance-day-editor{background:#f7faf7;border:1px solid #b7cbbd;border-radius:12px;margin:0 16px 16px;padding:16px}.day-editor-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.day-editor-heading span{color:var(--muted);font-size:9px}.day-editor-heading h3{margin:3px 0 0;font:700 18px Georgia,Noto Serif TC,serif}.day-editor-heading>strong{color:var(--green);background:#e4f2e8;border-radius:20px;padding:7px 10px;font-size:9px}.day-editor-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.day-editor-grid label{gap:7px;display:grid}.day-editor-grid label>span{justify-content:space-between;gap:10px;font-size:10px;font-weight:800;display:flex}.day-editor-grid label b{color:var(--green);font-size:9px}.day-editor-grid input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:11px}.day-editor-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.day-editor-actions span{color:var(--muted);font-size:9px}.today-clock-status{color:#58677b;background:#eef2f5;border-radius:10px;gap:4px;margin-top:16px;padding:13px 15px;display:grid}.today-clock-status strong{font-size:11px}.today-clock-status span{font-size:9px}.today-clock-status.working{color:#765918;background:#fff5d8}.today-clock-status.complete{color:#225c45;background:#e7f3ea}.attendance-status-field{background:#edf5ef;border-radius:9px;grid-template-columns:140px 1fr;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid}.attendance-status-field>span{color:var(--green);font-size:10px;font-weight:800}.attendance-status-field select{width:100%;color:var(--ink);background:#fff;border:1px solid #b7cbbd;border-radius:8px;padding:10px}.leave-time-note{text-align:center;color:var(--muted);background:#fff;border:1px dashed #b7cbbd;border-radius:9px;padding:17px;font-size:10px}.calendar-records .leave-record{color:#765918;background:#fff1cc}.calendar-records .leave-record b{color:#765918}.edit-attendance-note{color:#765918;background:#fff5d8;border-radius:8px;margin:-3px 0 13px;padding:10px 12px;font-size:9px;font-weight:800}.day-editor-grid input.four-digit-time{letter-spacing:8px;text-align:center;font:700 24px/1 Georgia,monospace}.day-editor-grid label>small{color:var(--muted);font-size:9px}.attendance-color-settings{border:1px solid var(--line);background:#f7faf7;border-radius:12px;margin:0 16px 12px;padding:14px}.color-settings-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.color-settings-heading>div:first-child{gap:4px;display:grid}.color-settings-heading strong{font:700 14px Georgia,Noto Serif TC,serif}.color-settings-heading small{color:var(--muted);font-size:9px}.color-settings-heading>div:last-child{gap:8px;display:flex}.attendance-color-inputs{grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;margin-top:12px;display:grid}.attendance-color-inputs label{cursor:pointer;border:1px solid #00000018;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.attendance-color-inputs input{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.attendance-color-inputs span{font-size:10px;font-weight:800}.attendance-color-inputs code{color:#46524b;grid-column:2;font-size:8px}.color-setting-message{color:var(--green);margin:10px 0 0;font-size:9px;font-weight:800}.attendance-color-legend{flex-wrap:wrap;gap:7px;margin:0 16px 12px;display:flex}.attendance-color-legend span{border:1px solid #00000018;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800}.attendance-calendar button.calendar-day.status-unregistered{background:#fff}.attendance-calendar button.calendar-day[class*=status-] .calendar-records p{background:#ffffffa8}.attendance-calendar button.calendar-day[class*=status-] .calendar-records b{color:inherit}@media (max-width:820px){.attendance-color-settings{width:calc(100vw - 80px);position:sticky;left:0}.attendance-color-inputs{grid-template-columns:repeat(2,1fr)}.color-settings-heading{flex-direction:column;align-items:stretch}.color-settings-heading>div:last-child{justify-content:flex-end}}.week-seed-bar{background:#fff9e8;border:1px solid #d9c57e;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;max-width:1180px;margin-bottom:12px;padding:14px 16px;display:flex}.week-seed-bar>div{gap:4px;display:grid}.week-seed-bar strong{font:700 14px Georgia,Noto Serif TC,serif}.week-seed-bar span,.week-seed-bar small{color:var(--muted);font-size:9px}.week-seed-bar>div:last-child{justify-items:end}.week-seed-bar button{white-space:nowrap}@media (max-width:650px){.week-seed-bar{display:grid}.week-seed-bar>div:last-child{justify-items:stretch}.week-seed-bar button{width:100%}}@media (max-width:820px){.calendar-weekdays,.attendance-calendar{min-width:760px}.attendance-calendar-panel{overflow-x:auto}.attendance-calendar-panel>.panel-title,.calendar-footer,.calendar-save-status,.attendance-day-editor{position:sticky;left:0}.calendar-footer,.attendance-day-editor{width:calc(100vw - 80px)}.calendar-footer{display:grid}.calendar-employee select{min-width:180px}}@media (max-width:600px){.mobile-clock-actions{grid-template-columns:1fr}.clock-button{padding:18px}.day-editor-heading,.day-editor-actions{flex-direction:column;align-items:stretch}.day-editor-grid{grid-template-columns:1fr}.day-editor-actions .primary{width:100%}}@media (max-width:760px){.completion-columns,.payroll-progress-grid,.payroll-employee-picker{grid-template-columns:1fr}.completion-group button{grid-template-columns:auto 1fr}.release-all-actions{grid-template-columns:1fr;margin-left:10px;margin-right:10px}.release-all-actions .release-all{margin:0}.payroll-month-note{margin-left:10px;margin-right:10px}.payroll-month-note-actions{flex-direction:column;align-items:stretch}.payroll-month-note-actions button{width:100%}.export-all-payroll{min-height:54px}.employee-panel{grid-template-columns:1fr}.employee-panel .account-access{border-left:0;border-top:1px solid var(--line);margin:8px}.owner-credential-fields{grid-template-columns:1fr}.owner-credential-fields .primary{width:100%}}.annual-leave-panel{max-width:1180px;overflow:hidden}.official-leave-link{white-space:nowrap;text-decoration:none}.annual-leave-summary{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 18px 16px;display:grid}.annual-leave-summary article{border:1px solid var(--line);background:#f7faf7;border-radius:11px;gap:7px;padding:15px;display:grid}.annual-leave-summary span{color:var(--muted);font-size:9px}.annual-leave-summary strong{color:var(--green);font:700 20px Georgia,serif}.annual-leave-summary .payout{background:#fff8df;border-color:#e1ca7d}.annual-leave-summary .payout strong{color:#806021}.annual-leave-formula{color:#fff;background:#173c2f;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:0 18px 16px;padding:14px;display:grid}.annual-leave-formula strong{font-size:11px}.annual-leave-formula code{color:#f1cd72;background:#ffffff15;border-radius:7px;padding:8px;font-size:10px}.annual-leave-formula small{color:#c7d8cf;grid-column:1/-1;font-size:9px}.annual-leave-table-wrap{overflow-x:auto}.annual-leave-table{border-collapse:collapse;width:100%;min-width:900px;font-size:10px}.annual-leave-table th{color:var(--muted);text-align:left;background:#f2f5f1;padding:11px 13px;font-size:9px}.annual-leave-table td{border-top:1px solid var(--line);padding:12px 13px}.missing-hire-date{color:#a3473e}.annual-leave-footer{background:#f1f5f1;border-radius:9px;justify-content:space-between;gap:12px;margin:14px 18px 18px;padding:12px 14px;display:flex}.annual-leave-footer span{color:var(--green);font-size:10px;font-weight:800}.annual-leave-footer small{color:var(--muted);font-size:9px}@media (max-width:760px){.annual-leave-summary{grid-template-columns:1fr 1fr}.annual-leave-formula{grid-template-columns:1fr}.annual-leave-formula small{grid-column:auto}.annual-leave-footer{display:grid}}.leave-date-list{flex-wrap:wrap;gap:4px;min-width:130px;display:flex}.leave-date-list span{color:#5a468e;background:#eee9fb;border-radius:12px;padding:4px 6px;font-size:8px;font-weight:800}.leave-date-list small{color:var(--muted)}.payroll-leave-note h3{margin:5px 0 14px;font:700 18px Georgia,Noto Serif TC,serif}.payroll-leave-note-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.payroll-leave-note-grid article{background:#f7f4ff;border:1px solid #c7bce7;border-radius:10px;gap:6px;padding:13px;display:grid}.payroll-leave-note-grid span,.payroll-leave-note>small{color:var(--muted);font-size:9px}.payroll-leave-note-grid strong{color:#5a468e;font:700 15px Georgia,Noto Serif TC,serif}.payroll-leave-note>small{margin-top:11px;display:block}.leave-note-warning{color:#9a4b35;background:#fff0e8;border-radius:9px;padding:13px;font-size:10px;font-weight:800}@media (max-width:760px){.payroll-leave-note-grid{grid-template-columns:1fr 1fr}}.leave-payroll-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.leave-payroll-grid article{background:#fff7f5;border:1px solid #e4c5c0;border-radius:10px;gap:6px;padding:14px;display:grid}.leave-payroll-grid article.annual{background:#f7f4ff;border-color:#c7bce7}.leave-payroll-grid span{color:var(--muted);font-size:9px;font-weight:800}.leave-payroll-grid strong{color:#9a4b35;font:700 14px Georgia,Noto Serif TC,serif}.leave-payroll-grid .annual strong{color:#5a468e}.leave-payroll-grid small{color:var(--muted);font-size:8px}.salary-manual-source-note{color:var(--muted);margin-top:7px;font-size:12px;font-weight:700;line-height:1.45;display:block}@media (max-width:760px){.leave-payroll-grid{grid-template-columns:1fr}}.announcement-manager{max-width:900px}.announcement-editor{gap:14px;padding:0 18px 18px;display:grid}.announcement-editor>label:first-child{gap:7px;font-size:10px;font-weight:800;display:grid}.announcement-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:170px;color:var(--ink);font:inherit;background:#fff;border-radius:11px;padding:14px;line-height:1.7}.announcement-editor textarea:focus{border-color:#5b9670;outline:3px solid #dcece1}.announcement-editor label>small{color:var(--muted);text-align:right;font-size:9px}.announcement-active{cursor:pointer;background:#f1f6f2;border-radius:10px;align-items:center;gap:11px;padding:13px;display:flex}.announcement-active input{width:20px;height:20px;accent-color:var(--green)}.announcement-active span{gap:3px;display:grid}.announcement-active strong{font-size:11px}.announcement-active small{color:var(--muted);font-size:9px}.announcement-editor>.primary{justify-self:start}.employee-announcement{background:linear-gradient(135deg,#fff9e6,#fffdf5);border:1px solid #d4b14d;border-radius:14px;grid-template-columns:auto 1fr;gap:13px;margin-bottom:16px;padding:17px;display:grid;box-shadow:0 8px 24px #6f591414}.announcement-icon{color:#173c2f;background:#d3a936;border-radius:11px;place-items:center;width:42px;height:42px;font:700 15px Georgia,serif;display:grid}.employee-announcement span{letter-spacing:.14em;color:#806021;font-size:9px;font-weight:900}.employee-announcement p{white-space:pre-wrap;color:#3e3520;margin:6px 0;font-size:13px;font-weight:700;line-height:1.7}.employee-announcement small{color:#8a7a50;font-size:8px}@media (max-width:600px){.employee-announcement{margin-bottom:12px;padding:14px}.announcement-editor>.primary{width:100%}}.line-send-option{background:#e9f8ec;border:1px solid #9bd4a7}.line-send-option input{accent-color:#06c755}.line-binding-card{background:#effbf2;border:1px solid #8fd3a0;border-radius:14px;grid-template-columns:auto 1fr;gap:13px;margin-bottom:14px;padding:16px;display:grid}.line-logo{color:#fff;background:#06c755;border-radius:13px;place-items:center;width:48px;height:48px;font:900 11px Arial;display:grid}.line-binding-content{gap:7px;min-width:0;display:grid}.line-binding-content>strong{color:#176b2d;font:700 15px Georgia,Noto Serif TC,serif}.line-binding-content>span,.line-binding-content>small{color:#51705a;font-size:9px}.line-button{color:#fff;cursor:pointer;background:#06c755;border:0;border-radius:9px;justify-self:start;padding:10px 14px;font-weight:900}.line-code{color:#176b2d;letter-spacing:5px;cursor:pointer;background:#fff;border:2px dashed #06c755;border-radius:10px;justify-self:start;justify-items:center;gap:4px;padding:10px 24px;font:900 24px/1 monospace;display:grid}.line-code small{letter-spacing:0;color:#67806c;font:800 8px Arial}.line-error{font-weight:800;color:#a3473e!important}.line-manager{max-width:1000px}.line-binding-list{gap:8px;padding:0 18px 18px;display:grid}.line-binding-list article{border:1px solid var(--line);background:#fafcf9;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:11px;display:grid}.line-binding-list article>div{gap:3px;display:grid}.line-binding-list article strong{font-size:11px}.line-binding-list article small{color:var(--muted);font-size:9px}@media (max-width:650px){.line-binding-card{grid-template-columns:1fr}.line-logo{width:42px;height:42px}.line-binding-list article{grid-template-columns:auto 1fr auto}.line-binding-list article>.ghost{grid-column:2/4;width:100%}.line-code{width:100%}}.credential-save{width:100%;margin-top:4px}.first-setup-button{width:100%;margin-top:2px}.unified-login form .ghost{min-height:42px}.line-login-button{color:#fff;cursor:pointer;background:#06c755;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:44px;font-weight:900;text-decoration:none;display:flex}.registration-review{max-width:1100px;margin-bottom:14px}.registration-list{gap:10px;padding:0 18px 18px;display:grid}.registration-list article{border:1px solid var(--line);background:#fafcf9;border-radius:11px;grid-template-columns:1fr 1fr 180px auto;align-items:end;gap:12px;padding:14px;display:grid}.registration-list article>div:first-child{gap:4px;display:grid}.registration-list small{color:var(--muted);font-size:9px}.registration-list label{color:var(--muted);gap:5px;font-size:9px;font-weight:800;display:grid}.registration-list select,.registration-list input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px}.registration-list article>div:last-child{gap:7px;display:flex}.registration-later-note{min-height:42px;color:var(--green);background:#f1f6f2;border:1px dashed #b8c9bf;border-radius:8px;align-items:center;padding:9px 11px;font-size:11px;font-weight:800;display:flex}.owner-line-login{background:#f2fbf4;border:1px solid #bfe6ca;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:0 18px 18px;padding:14px 16px;display:flex}.owner-line-login>div{gap:5px;display:grid}.owner-line-login strong{color:#173c2f;font-size:14px}.owner-line-login small{color:var(--muted);font-size:11px}.owner-line-login .line-login-button{min-width:180px;padding:10px 16px}.owner-line-login .ghost{white-space:nowrap}@media (max-width:760px){.owner-line-login{flex-direction:column;align-items:stretch}.owner-line-login .line-login-button,.owner-line-login .ghost{width:100%}}@media (max-width:800px){.registration-list article{grid-template-columns:1fr}.registration-list article>div:last-child button{flex:1}}html{font-size:16px}body{min-width:320px;font-size:16px;line-height:1.55}.brand small{font-size:11px!important}nav button{min-height:43px;padding:10px 12px;font-size:15px;line-height:1.25}nav em{font-size:11px}.source span{font-size:11px}.source small{font-size:11px!important}.workspace{max-width:none;margin:0;padding:24px clamp(16px,2vw,34px) 42px}h1{font-size:clamp(34px,3vw,44px)}header p{font-size:15px!important}.header-actions label{font-size:13px!important}.header-actions input,.header-actions select{min-height:42px;font-size:15px!important}.content-grid{grid-template-columns:minmax(320px,.72fr) minmax(560px,1.65fr);gap:14px}.panel,.monthly-stats,.settings-card{width:100%}.single-panel,.release-panel,.attendance-admin,.settings-card,.rules-placeholder,.attendance-calendar-panel,.annual-leave-panel,.announcement-manager,.line-manager,.registration-review,.bonus-rules-panel,.week-seed-bar{width:100%;max-width:none}.form-section h3,.field>span,.new-employee-grid .field>span{font-size:13px}.field small{font-size:12px!important}.avatar{width:38px;height:38px;font-size:15px}.who strong,.bonus-rule-person strong,.driver-title strong,.registration-list strong{font-size:15px}.who small,.employee-group>h3 span,.registration-list small{font-size:12px!important}.amount{font-size:14px}.group-empty,.stats-empty,.completion-group>p,.no-bonus{font-size:13px!important}.account-access h3{font-size:17px}.account-access>small,.account-access .field>span,.password-policy b,.password-policy span,.device-bind-note{line-height:1.55;font-size:12px!important}.new-employee-heading h3,.rule-heading h3,.payroll-leave-note h3{font-size:21px}.new-employee-actions span,.bonus-rule-note,.bonus-info,.driver-formula,.rule-result span,.rule-result small,.rule-members>span,.rule-members p{line-height:1.5;font-size:12px!important}.rule-heading code{font-size:13px}.rule-heading>strong{font-size:23px}.leave-payroll-grid span,.leave-payroll-grid small,.payroll-leave-note-grid span,.payroll-leave-note>small{font-size:12px!important}.leave-payroll-grid strong,.payroll-leave-note-grid strong{font-size:16px}.monthly-stats th,.attendance-admin th,.release-matrix th,.annual-leave-table th{padding:11px 13px;font-size:12px!important}.monthly-stats td,.attendance-admin td,.release-matrix td,.annual-leave-table td{padding:12px 13px;font-size:13px!important}.matrix-release{font-size:13px}.completion-group button{min-height:54px;padding:11px 13px}.completion-group button span small,.completion-group button>b{font-size:12px!important}.calendar-employee select{min-height:42px;font-size:15px!important}.calendar-date span,.calendar-records p,.calendar-records label{font-size:11px}.calendar-footer span,.calendar-footer small,.calendar-save-status,.day-editor-heading span,.day-editor-heading>strong,.day-editor-grid label>span,.day-editor-grid label b,.day-editor-grid label>small,.day-editor-actions span,.today-clock-status strong,.today-clock-status span,.attendance-status-field>span,.leave-time-note,.edit-attendance-note,.color-settings-heading small,.attendance-color-inputs span,.attendance-color-inputs code,.color-setting-message,.attendance-color-legend span,.week-seed-bar span,.week-seed-bar small{font-size:12px!important}.color-settings-heading strong,.week-seed-bar strong{font-size:17px}.attendance-status-field select,.day-editor-grid input{min-height:44px;font-size:15px!important}.annual-leave-summary span,.annual-leave-formula small,.annual-leave-footer span,.annual-leave-footer small,.leave-date-list span{font-size:12px!important}.annual-leave-formula strong,.annual-leave-formula code{font-size:13px}.announcement-editor>label:first-child,.announcement-editor label>small,.announcement-active strong,.announcement-active small,.line-binding-content>span,.line-binding-content>small,.line-binding-list article strong,.line-binding-list article small{font-size:12px!important}.employee-announcement span{font-size:11px}.employee-announcement p{font-size:16px!important}.employee-announcement small{font-size:12px!important}.registration-list label{font-size:12px}.employee-login h2{font-size:29px}.employee-login>p,.employee-login form>label:not(.remember),.remember,.login-error,.login-help{font-size:13px!important}.employee-login input:not([type=checkbox]){min-height:46px;font-size:16px!important}.login-page{padding:24px clamp(20px,4vw,64px)}.login-shell{grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);gap:clamp(40px,7vw,96px);width:min(100%,1240px)}.login-intro h1{font-size:clamp(42px,5vw,60px)}.login-intro>p:not(.eyebrow){max-width:640px;line-height:1.75;font-size:16px!important}.login-role-list span{font-size:14px}.unified-login{max-width:540px;padding:30px}.unified-login form>button{min-height:46px}.employee-menu>div:first-child>p:last-child{font-size:15px!important}.employee-menu-grid{max-width:900px;margin:28px auto}.employee-menu-grid small,.portal-toolbar,.portal-toolbar label{font-size:13px!important}.slip-head p,.slip-head span,.slip-head>strong small,.slip-lines p,.signature p,.signed-box span,.signed-box small,.attendance-message,.attendance-head small,.attendance-history b,.attendance-history span,.location-check p,.location-check small,.clock-button small,.today-clock-status{font-size:13px!important}@media (max-width:1050px){main:not(.login-page):not(.employee-mode){grid-template-columns:210px minmax(0,1fr)}aside{width:210px}.content-grid{grid-template-columns:1fr}.login-shell{gap:38px}}@media (max-width:720px){body{font-size:16px}main:not(.login-page):not(.employee-mode){display:block}aside{width:auto;padding:15px}.workspace{padding:18px 13px 30px}.workspace>header{margin-bottom:16px}h1{font-size:32px}.panel-title{padding:16px}.panel-title h2{font-size:20px}.summary-grid article{padding:14px}.summary-grid article>span{font-size:13px}.summary-grid strong{font-size:23px}.salary-category{grid-template-columns:1fr}.salary-category-title{padding:15px 16px}.salary-category-title h3{font-size:19px}.salary-category-fields,.login-page{padding:16px}.login-shell{grid-template-columns:1fr;gap:20px}.login-intro .brand{margin-bottom:24px}.login-intro h1{font-size:36px}.login-intro>p:not(.eyebrow){font-size:15px!important}.unified-login{max-width:none;padding:22px}.employee-workspace{padding:13px}.employee-menu{padding:28px 0}.employee-menu h1{font-size:34px}.employee-menu-grid{margin:24px auto}.employee-menu-grid button{min-height:145px;padding:22px}.employee-slip{padding:17px}.slip-head h2,.slip-head>strong{font-size:25px}.calendar-footer,.attendance-day-editor,.attendance-color-settings{width:calc(100vw - 54px)}}@media (max-width:480px){.summary-grid,.fields,.pay-slip,.payroll-leave-note-grid,.annual-leave-summary{grid-template-columns:1fr}.header-actions,.header-actions label,.header-actions input,.header-actions select,.header-actions .primary{width:100%}.login-intro h1{font-size:33px}}.accounts-page{gap:14px;width:100%;min-width:0;display:grid}.accounts-page>.panel,.accounts-page>.account-login-block{width:100%;max-width:none;margin:0}.accounts-page .panel-title,.account-zone-heading{justify-content:flex-start;align-items:flex-start;gap:14px;padding:18px 20px}.accounts-page .panel-title>div,.account-zone-heading>div{gap:4px;min-width:0;display:grid}.accounts-page .panel-title>.status{align-self:flex-start;margin-left:auto}.accounts-page>.registration-review .panel-title:before,.accounts-page>.account-matrix-panel .panel-title:before,.accounts-page>.owner-credentials .panel-title:before,.account-zone-number{color:#fff;background:#173c2f;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font:800 14px Georgia,serif;display:grid}.accounts-page>.registration-review .panel-title:before{content:"01"}.accounts-page>.account-matrix-panel .panel-title:before{content:"02"}.account-zone-number{order:-1}.accounts-page>.owner-credentials .panel-title:before{content:"04"}.accounts-page .panel-title h2,.account-zone-heading h2{font-size:clamp(22px,1.8vw,28px);line-height:1.2}.accounts-page .panel-title p:not(.tag),.account-zone-heading p:not(.tag){max-width:none;line-height:1.55;font-size:14px!important}.accounts-page .tag{font-size:13px!important}.registration-list article{grid-template-columns:minmax(180px,1.2fr) minmax(190px,1fr) minmax(170px,.8fr) auto;gap:10px;padding:13px 14px}.registration-list strong{font-size:17px}.registration-list small,.registration-list label{font-size:13px!important}.registration-list article>div:last-child{align-items:stretch}.registration-list article>div:last-child button{min-width:76px}.account-matrix-panel{display:block;overflow:hidden}.account-matrix-panel>.new-employee-form,.account-matrix-panel>.account-warning{margin-left:20px;margin-right:20px}.account-role-summary{flex-wrap:wrap;gap:8px;padding:0 20px 14px;display:flex}.account-role-summary span{border:1px solid var(--line);min-width:130px;color:var(--muted);background:#f7faf7;border-radius:10px;align-items:center;gap:9px;padding:9px 12px;font-size:14px;display:flex}.account-role-summary b{color:var(--green);font-size:15px}.employee-account-matrix-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;overflow-x:auto}.employee-account-matrix{width:100%;min-width:1100px}.employee-matrix-head,.employee-matrix-row{grid-template-columns:minmax(170px,1.1fr) 90px 130px minmax(180px,1.2fr) minmax(150px,1fr) 120px minmax(190px,auto);align-items:center;gap:10px;padding:0 18px;display:grid}.employee-matrix-head{color:#53645b;letter-spacing:.02em;background:#edf3ef;min-height:45px;font-size:13px;font-weight:900}.employee-matrix-row{border-top:1px solid var(--line);background:#fff;min-height:64px;font-size:14px}.employee-matrix-row:hover{background:#f8fbf8}.employee-matrix-row.selected{box-shadow:inset 4px 0 var(--green);background:#edf7f0}.matrix-employee{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:7px 0;display:flex}.matrix-employee strong{font-size:16px}.role-badge,.matrix-account-status{white-space:nowrap;border-radius:20px;justify-self:start;padding:6px 10px;font-size:12px;font-weight:900}.role-badge{color:#506271;background:#e9eef2}.role-內勤{color:#225c45;background:#e5f2e9}.role-外勤{color:#806021;background:#fff1cf}.role-工廠{color:#5a4d83;background:#ece9f7}.role-新進員工{color:#6b3f8f;background:#f1e8fb}.employee-matrix-row code{text-overflow:ellipsis;white-space:nowrap;color:#263a30;font:700 14px/1.4 Arial,Noto Sans TC,sans-serif;overflow:hidden}.matrix-account-status.ready{color:#225c45;background:#dff0e4}.matrix-account-status.pending{color:#806021;background:#fff1cf}.matrix-account-status.error{color:#a13b2e;background:#fee7e3}.matrix-actions{justify-content:flex-end;gap:7px;display:flex}.matrix-actions .ghost,.matrix-actions .delete-employee{white-space:nowrap;min-height:38px;padding:8px 11px;font-size:13px!important}.account-access{background:#fbfcfa;border:0;border-radius:0;margin:0;padding:18px 20px 20px}.employee-panel .account-access{border:0;border-radius:0;margin:0}.account-access-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.account-access-heading>div{gap:3px;display:grid}.account-access-heading h3{margin:0;font-size:clamp(20px,1.5vw,25px)}.account-access-heading p:not(.tag){color:var(--muted);margin:0;font-size:14px!important}.account-access-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;display:grid}.account-access-grid .field{min-width:0}.account-access-grid .field>span{font-size:14px!important}.account-access-grid .field input,.account-access-grid .field select{font-size:16px!important}.account-access-grid .manager-designation-choice{min-height:40px;color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.account-access-grid .manager-designation-choice input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--green);padding:0!important}.account-review-actions{grid-template-columns:minmax(230px,.65fr) minmax(440px,1.35fr);align-items:stretch;gap:12px;margin-top:14px;display:grid}.account-review-actions>.primary{width:100%;height:100%;margin:0;font-size:16px!important}.account-review-actions .device-bind-note{grid-template-columns:1fr auto;align-items:center;gap:9px;margin:0;padding:11px 13px;display:grid;font-size:13px!important}.account-review-actions .device-bind-note small{grid-column:1/-1;font-size:12px!important}.account-access>small{margin-top:12px;display:block;font-size:13px!important}.new-employee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.new-employee-actions span{font-size:13px!important}.account-login-block{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #19332609}.account-zone-heading{border-bottom:1px solid var(--line)}.account-zone-heading h2,.account-zone-heading p{margin:0}.account-login-grid{grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);gap:12px;padding:12px;display:grid}.account-login-grid>.panel{max-width:none;box-shadow:none;background:#fbfcfa;border-radius:12px;margin:0}.account-login-grid>.panel .panel-title{padding:15px 16px}.account-login-grid>.panel .panel-title:before{display:none}.account-login-grid>.panel .panel-title h2{font-size:20px}.account-login-grid>.panel .panel-title p:not(.tag){font-size:13px!important}.account-login-grid>.panel .device-bind-note{background:#fff5d8;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:16px;display:flex;font-size:14px!important}.account-login-grid>.panel .device-bind-note input{width:28px;height:28px;accent-color:var(--green);flex:none}.account-login-grid .line-binding-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}.account-login-grid .line-binding-list article{background:#fff;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px}.account-login-grid .line-binding-list article>.ghost{grid-column:2/4;justify-self:start}.account-login-grid .line-binding-list article strong{font-size:15px!important}.account-login-grid .line-binding-list article small{font-size:12px!important}.accounts-page>.owner-credentials{max-width:none;margin:0}.accounts-page>.owner-credentials .owner-credential-fields{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(180px,.45fr);gap:11px;padding:18px 20px 20px}.accounts-page>.owner-credentials .owner-credential-fields>label{font-size:14px!important}.accounts-page>.owner-credentials .owner-credential-fields input{min-height:46px;font-size:16px!important}.accounts-page>.owner-credentials .owner-credential-fields .primary{font-size:16px!important}@media (max-width:1300px){.account-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-login-grid{grid-template-columns:1fr}.account-login-grid .line-binding-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.accounts-page .panel-title,.account-zone-heading{padding:16px}.accounts-page>.registration-review .panel-title:before,.accounts-page>.account-matrix-panel .panel-title:before,.accounts-page>.owner-credentials .panel-title:before,.account-zone-number{width:34px;height:34px;font-size:12px}.registration-list article{grid-template-columns:1fr}.account-matrix-panel>.new-employee-form,.account-matrix-panel>.account-warning{margin-left:14px;margin-right:14px}.account-role-summary{padding:0 14px 12px}.account-access{padding:16px}.account-access-grid{grid-template-columns:1fr 1fr}.account-review-actions{grid-template-columns:1fr}.account-login-grid .line-binding-list{grid-template-columns:1fr 1fr}.accounts-page>.owner-credentials .owner-credential-fields{grid-template-columns:1fr}}@media (max-width:600px){.accounts-page{gap:11px}.accounts-page .panel-title,.account-zone-heading{grid-template-columns:auto 1fr;display:grid}.accounts-page .panel-title>.status{grid-column:2;margin:4px 0 0}.account-role-summary span{flex:1;min-width:100px}.account-access-heading{display:grid}.account-access-grid,.new-employee-grid,.account-review-actions .device-bind-note{grid-template-columns:1fr}.account-review-actions .device-bind-note .ghost{width:100%}.account-login-grid{padding:8px}.account-login-grid .line-binding-list{grid-template-columns:1fr}.account-login-grid>.panel .device-bind-note{align-items:flex-start}}.line-integrated-matrix{min-width:1320px}.line-integrated-matrix .employee-matrix-head,.line-integrated-matrix .employee-matrix-row{grid-template-columns:minmax(160px,1.05fr) 78px 118px minmax(165px,1.1fr) minmax(140px,.9fr) 108px minmax(165px,1fr) minmax(190px,auto)}.matrix-line-cell{align-items:center;gap:6px;min-width:0;display:flex}.matrix-line-status{text-overflow:ellipsis;white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:12px;font-weight:900;display:block;overflow:hidden}.matrix-line-status.bound{color:#167132;background:#e5f7e9}.matrix-line-status.unbound{color:#65717a;background:#eef1f4}.matrix-line-cell button{color:#a13b2e;cursor:pointer;background:#fff0ed;border:0;border-radius:7px;flex:none;padding:6px 8px;font-size:12px;font-weight:900}.matrix-line-message{margin:12px 20px 0}.account-security-block{border:1px solid var(--line);background:#fff;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 4px 18px #19332609}.account-security-block .account-zone-heading{border-bottom:1px solid var(--line)}.account-security-block .account-zone-heading h2,.account-security-block .account-zone-heading p{margin:0}.account-security-grid{grid-template-columns:minmax(360px,.78fr) minmax(580px,1.22fr);gap:12px;padding:12px;display:grid}.account-security-grid>.panel{width:100%;max-width:none;box-shadow:none;background:#fbfcfa;border-radius:12px;margin:0}.account-security-grid>.panel .panel-title{padding:15px 16px}.account-security-grid>.panel .panel-title:before{display:none}.account-security-grid>.panel .panel-title h2{font-size:21px}.account-security-grid>.panel .panel-title p:not(.tag){font-size:13px!important}.account-security-grid>.panel .device-bind-note{background:#fff5d8;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:18px 16px;display:flex;font-size:14px!important}.account-security-grid>.panel .device-bind-note input{width:30px;height:30px;accent-color:var(--green);flex:none}.account-security-grid>.owner-credentials .owner-credential-fields{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr);gap:11px;padding:16px}.account-security-grid>.owner-credentials .owner-credential-fields>label{font-size:14px!important}.account-security-grid>.owner-credentials .owner-credential-fields input{min-height:46px;font-size:16px!important}.account-security-grid>.owner-credentials .owner-credential-fields>.primary{grid-column:1/-1;width:100%;font-size:16px!important}@media (max-width:1200px){.account-security-grid{grid-template-columns:1fr}.account-security-grid>.owner-credentials .owner-credential-fields{grid-template-columns:1fr 1fr auto}.account-security-grid>.owner-credentials .owner-credential-fields>.primary{grid-column:auto}}@media (max-width:760px){.matrix-line-message{margin:10px 14px 0}.account-security-grid{padding:8px}.account-security-grid>.owner-credentials .owner-credential-fields{grid-template-columns:1fr}.account-security-grid>.owner-credentials .owner-credential-fields>.primary{grid-column:auto}.account-security-grid>.panel .device-bind-note{align-items:flex-start}}.phone-integrated-matrix{min-width:1480px}.phone-integrated-matrix .employee-matrix-head,.phone-integrated-matrix .employee-matrix-row{grid-template-columns:minmax(155px,1fr) 72px 112px minmax(155px,1fr) minmax(130px,.85fr) 102px 142px minmax(160px,1fr) minmax(185px,auto)}.matrix-phone-cell{align-items:center;gap:6px;min-width:0;display:flex}.matrix-phone-status{text-overflow:ellipsis;white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:12px;font-weight:900;display:block;overflow:hidden}.matrix-phone-status.bound{color:#376a9f;background:#e8f0ff}.matrix-phone-status.unbound{color:#65717a;background:#eef1f4}.matrix-phone-cell button{color:#a13b2e;cursor:pointer;background:#fff0ed;border:0;border-radius:7px;flex:none;padding:6px 8px;font-size:12px;font-weight:900}.matrix-phone-cell button:disabled{opacity:.55;cursor:wait}.account-review-actions.credentials-only{display:block}.account-review-actions.credentials-only>.primary{width:min(100%,420px);min-height:48px}@media (max-width:600px){.account-review-actions.credentials-only>.primary{width:100%}}.editable-account-matrix{min-width:1640px}.editable-account-matrix .employee-matrix-head,.editable-account-matrix .employee-matrix-row{grid-template-columns:minmax(190px,1.05fr) 105px 150px minmax(180px,1fr) minmax(165px,.9fr) 105px 145px minmax(170px,.95fr) 210px}.editable-account-matrix .employee-matrix-row{min-height:76px;padding-top:8px;padding-bottom:8px}.matrix-edit-field{align-items:center;gap:8px;min-width:0;display:flex}.matrix-edit-field .avatar{flex:none}.matrix-inline-input,.matrix-inline-select,.matrix-edit-field input{width:100%;min-width:0;min-height:42px;color:var(--ink);background:#fff;border:1px solid #ccd8d0;border-radius:8px;outline:0;padding:9px 10px;font-weight:700;font-size:14px!important}.matrix-inline-input:focus,.matrix-inline-select:focus,.matrix-edit-field input:focus{border-color:var(--green);background:#fbfffc;box-shadow:0 0 0 3px #225c4515}.matrix-password-input{letter-spacing:.02em;font-family:Arial,Noto Sans TC,sans-serif}.matrix-save-row{white-space:nowrap;min-height:39px!important;padding:8px 11px!important;font-size:13px!important}.matrix-save-row:disabled{opacity:.5;cursor:not-allowed}.matrix-credential-message{margin:12px 20px 0}.matrix-help-note{color:#52655a;background:#eef5f0;border-radius:9px;margin:12px 20px 18px;padding:11px 13px;font-size:13px;font-weight:700}@media (max-width:760px){.matrix-credential-message{margin:10px 14px 0}.matrix-help-note{margin:10px 14px 14px}}.nav-subgroup{background:#0d2d22;border:1px solid #ffffff1f;border-radius:12px;margin:7px 8px;padding:8px 6px 7px}.nav-subgroup-attendance{background:#12382c}.nav-subgroup-payroll{background:#0b2b20}.nav-subgroup-title{color:#fff;letter-spacing:.04em;align-items:center;gap:10px;padding:3px 10px 8px;font-size:15px;font-weight:900;display:flex}.nav-subgroup-title .icon{color:#f6ce74;background:#ffffff16}nav .nav-subgroup .nav-child{color:#d8e4dd;border-radius:8px;min-height:43px;margin:2px 0;padding:8px 11px 8px 16px;font-size:14px}nav .nav-subgroup .nav-child:hover{color:#fff;background:#ffffff12}nav .nav-subgroup .nav-child.active{color:#173d2e;background:#f0ca70}.nav-dot{color:#a9beb2;letter-spacing:.03em;background:#ffffff12;border-radius:6px;justify-content:center;align-items:center;width:30px;height:24px;margin-right:2px;font-size:11px;font-weight:900;display:inline-flex}nav .nav-subgroup .nav-child.active .nav-dot{color:#fff;background:#173d2e}@media (max-width:720px){.nav-subgroup{border-radius:10px;flex:none;align-items:center;gap:5px;margin:0;padding:4px;display:flex}.nav-subgroup-title{white-space:nowrap;min-height:40px;padding:7px 9px;font-size:13px;display:flex}.nav-subgroup-title .icon{display:none}nav .nav-subgroup .nav-child{white-space:nowrap;min-height:40px;margin:0;padding:8px 11px}.nav-dot{width:26px;height:22px}}.login-instructions{color:#40594b;background:#f2f7f3;border:1px solid #dce8df;border-radius:12px;gap:8px;margin:17px 0 0;padding:14px 16px 14px 42px;font-size:14px;font-weight:700;line-height:1.5;display:grid}.login-instructions li::marker{color:var(--green);font-weight:900}.install-app-area{margin-top:14px;position:relative}.install-app-button{color:#194934;cursor:pointer;background:#fff;border:1px solid #b9cfc0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-size:15px;display:flex}.install-app-button:hover{background:#edf6f0;border-color:#7daa8e}.install-app-button>span{color:#fff;letter-spacing:.05em;background:#194934;border-radius:7px;place-items:center;width:34px;height:28px;font-size:10px;font-weight:900;display:grid}.install-app-button>strong{font-size:15px}.install-app-button.installed{color:#327050;cursor:default;background:#edf6f0}.install-help{z-index:20;color:#314d3e;text-align:left;background:#fff;border:1px solid #cbdad0;border-radius:13px;width:min(100%,520px);max-height:min(76vh,620px);padding:16px;position:absolute;bottom:56px;right:0;overflow:auto;box-shadow:0 14px 40px #173c2f2b}.install-help>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.install-help>div>strong{font-size:17px}.install-help>div>button{color:#395345;cursor:pointer;background:#eef3ef;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:22px;display:grid}.install-help-sections{grid-template-columns:1fr 1fr;gap:10px;margin:13px 0;display:grid}.install-help-sections section{background:#f8faf8;border:1px solid #dfe8e2;border-radius:10px;padding:13px}.install-help-sections section>b{color:#174d36;font-size:15px;display:block}.install-help ol{gap:7px;margin:10px 0;padding-left:22px;font-size:13px;font-weight:700;line-height:1.45;display:grid}.install-help-sections p{color:#697a70;margin:8px 0 0;font-size:11px;line-height:1.45}.install-help small{color:#62746a;border-top:1px solid #e4ebe6;padding-top:10px;font-size:12px;display:block}@media (max-width:600px){.install-help{width:auto;position:fixed;bottom:16px;left:16px;right:16px}.install-help-sections{grid-template-columns:1fr}}.approval-matrix article{align-items:center}.registration-role-options{grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px;display:grid!important}.registration-role{cursor:pointer;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:7px 9px;color:#263a30!important;display:flex!important}.registration-role input{opacity:0;pointer-events:none;position:absolute;width:1px!important;min-height:1px!important}.registration-role span{font-size:14px;font-weight:900}.role-choice-工廠{background:#e8f2ff}.role-choice-工廠.selected{background:#d4e8ff;border-color:#3b79bc;color:#174d86!important}.role-choice-內勤{background:#e8f8ed}.role-choice-內勤.selected{background:#d5f1de;border-color:#3c9561;color:#17643a!important}.role-choice-外勤{background:#fff1dc}.role-choice-外勤.selected{background:#ffe4bd;border-color:#d8892e;color:#8a4d09!important}.role-choice-新進員工{background:#f4eafe}.role-choice-新進員工.selected{background:#ead8fa;border-color:#9a63c4;color:#603485!important}.registration-later-note{color:#54675d;background:#f2f5f3;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:800}.approval-checkbox{cursor:pointer;background:#173c2f;border-radius:9px;justify-content:center;align-items:center;min-width:116px;min-height:44px;padding:8px 12px;color:#fff!important;display:flex!important}.approval-checkbox input{accent-color:#f2c96f;width:20px!important;min-height:20px!important}.approval-checkbox span{white-space:nowrap;font-size:14px;font-weight:900}.categorized-employee-matrix .employee-category-block{display:contents}.categorized-employee-matrix .employee-category-header{border-top:1px solid #0000;border-bottom:1px solid #0000;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:50px;margin-top:8px;padding:11px 18px;display:flex}.categorized-employee-matrix .employee-category-header strong{letter-spacing:.08em;font-size:18px}.categorized-employee-matrix .employee-category-header span{background:#ffffffb8;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:900}.categorized-employee-matrix .category-工廠 .employee-category-header{color:#174d86;background:#dcecff;border-color:#a9cbea}.categorized-employee-matrix .category-內勤 .employee-category-header{color:#17643a;background:#dcf2e3;border-color:#a8d9b8}.categorized-employee-matrix .category-外勤 .employee-category-header{color:#8a4d09;background:#ffebce;border-color:#ecc894}.categorized-employee-matrix .category-新進員工 .employee-category-header{color:#643b84;background:#f0e2fb;border-color:#cfafe7}.categorized-employee-matrix .employee-category-empty{text-align:center;color:#6d7d74;background:#fafcfb;grid-column:1/-1;padding:18px;font-size:14px;font-weight:800}.categorized-employee-matrix .category-row-工廠{background:#f7fbff;box-shadow:inset 5px 0 #70a8d9}.categorized-employee-matrix .category-row-內勤{background:#f7fcf8;box-shadow:inset 5px 0 #6db487}.categorized-employee-matrix .category-row-外勤{background:#fffaf3;box-shadow:inset 5px 0 #dfa24f}.categorized-employee-matrix .category-row-新進員工{background:#fcf8ff;box-shadow:inset 5px 0 #a979ca}.categorized-employee-matrix .employee-matrix-row:hover{filter:brightness(.985)}.categorized-employee-matrix .employee-matrix-row.selected{outline-offset:-2px;outline:2px solid #173c2f}.line-only-employee-matrix{min-width:1080px}.line-only-employee-matrix .employee-matrix-head,.line-only-employee-matrix .employee-matrix-row{grid-template-columns:minmax(220px,1.2fr) 120px 170px minmax(250px,1.25fr) 300px}.line-only-employee-matrix .matrix-actions{justify-content:flex-end;gap:6px}.line-only-employee-matrix .edit-hire-date{color:#225c45;white-space:nowrap;cursor:pointer;background:#f3faf5;border:1px solid #9ab9aa;border-radius:8px;min-height:40px;padding:8px 10px;font-weight:900}.line-only-employee-matrix .delete-employee{white-space:nowrap;min-height:40px;padding:8px 14px}.manager-roster-editor{background:#f5faf6;border:1px solid #a9c9ba;border-radius:9px;flex-wrap:wrap;align-items:end;gap:10px;margin:10px 20px;padding:12px;display:flex}.manager-roster-editor>div:first-child{gap:3px;min-width:220px;display:grid}.manager-roster-editor strong{color:#173c2f;font-size:16px}.manager-roster-editor span,.manager-roster-editor small{color:#52665b;font-size:13px}.manager-roster-editor label{color:#173c2f;gap:4px;font-size:14px;font-weight:800;display:grid}.manager-roster-editor label:has(input[type=checkbox]){align-items:center;gap:7px;min-height:40px;display:flex}.manager-roster-editor input[type=checkbox]{accent-color:#176249;width:19px;height:19px}.manager-roster-editor input[type=month]{color:#173c2f;width:155px;min-height:40px;font:inherit;background:#fff;border:1px solid #9ab9aa;border-radius:7px;padding:5px 8px}.manager-roster-actions{align-items:center;gap:8px;display:flex}.manager-roster-actions button{min-height:40px;padding:8px 12px}@media (max-width:700px){.manager-roster-editor{margin:10px 12px}.manager-roster-editor>div:first-child{width:100%}}.account-role-summary span:first-child{background:#e8f2ff;border-color:#a9cbea}.account-role-summary span:first-child b{color:#174d86}.account-role-summary span:nth-child(2){background:#e8f8ed;border-color:#a8d9b8}.account-role-summary span:nth-child(2) b{color:#17643a}.account-role-summary span:nth-child(3){background:#fff1dc;border-color:#ecc894}.account-role-summary span:nth-child(3) b{color:#8a4d09}.account-role-summary span:nth-child(4){background:#f4eafe;border-color:#cfafe7}.account-role-summary span:nth-child(4) b{color:#643b84}.employee-add-button{white-space:nowrap;flex:none;min-height:42px;padding:9px 15px;color:#fff!important;box-shadow:none!important;background:#df6f1d!important;border-color:#d96516!important}.employee-add-button:hover{background:#c85d12!important}.employee-category-filters{scrollbar-width:thin;align-items:center;gap:7px;padding:0 20px 13px;display:flex;overflow-x:auto}.employee-category-filters button{color:#31483b;cursor:pointer;white-space:nowrap;background:#f6f8f6;border:1px solid #cbd7cf;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-size:14px;font-weight:900;display:inline-flex}.employee-category-filters button b{background:#ffffffbd;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:grid}.employee-category-filters button.active{outline-offset:-2px;outline:2px solid;box-shadow:0 3px 10px #173c2f14}.employee-category-filters button[data-category=全部]{color:#9b500c;background:#fff6e8;border-color:#ecc894}.employee-category-filters button[data-category=工廠]{color:#174d86;background:#e8f2ff;border-color:#a9cbea}.employee-category-filters button[data-category=內勤]{color:#17643a;background:#e8f8ed;border-color:#a8d9b8}.employee-category-filters button[data-category=外勤]{color:#8a4d09;background:#fff1dc;border-color:#ecc894}.employee-category-filters button[data-category=新進員工]{color:#643b84;background:#f4eafe;border-color:#cfafe7}.compact-employee-list{min-width:980px}.compact-employee-list .employee-matrix-head,.compact-employee-list .employee-matrix-row{grid-template-columns:minmax(220px,1.2fr) minmax(175px,.85fr) 165px minmax(270px,1.3fr) 190px}.compact-employee-list .employee-matrix-row{min-height:68px;padding-top:8px;padding-bottom:8px}.compact-employee-list .category-row-工廠{background:#f7fbff;box-shadow:inset 5px 0 #70a8d9}.compact-employee-list .category-row-內勤{background:#f7fcf8;box-shadow:inset 5px 0 #6db487}.compact-employee-list .category-row-外勤{background:#fffaf3;box-shadow:inset 5px 0 #dfa24f}.compact-employee-list .category-row-新進員工{background:#fcf8ff;box-shadow:inset 5px 0 #a979ca}.compact-employee-list .employee-matrix-row:hover{filter:brightness(.985)}.compact-employee-list .employee-matrix-row.selected{outline-offset:-2px;outline:2px solid #173c2f}.matrix-category-cell{gap:3px;min-width:0;display:grid}.matrix-category-cell small{color:#735887;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.25;overflow:hidden}.employee-list-empty{text-align:center;color:#6d7d74;background:#fafcfb;grid-column:1/-1;padding:26px 18px;font-size:14px;font-weight:800}@media (max-width:800px){.registration-role-options{grid-template-columns:repeat(2,1fr)}.approval-checkbox{flex:1}}@media (max-width:720px){.employee-add-button{justify-self:start;min-height:44px}.employee-category-filters{padding:0 14px 11px}.employee-category-filters button{min-height:44px;padding:9px 12px}.compact-employee-list{min-width:930px}}.split-login{max-width:600px;padding:26px}.login-choice-card{background:#fff;border:1px solid #d9e4dc;border-radius:14px;margin-top:14px;padding:20px}.login-choice-card>p{color:#64746b;margin:0 0 16px;font-size:13px;line-height:1.6}.login-choice-label{letter-spacing:.04em;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.employee-line-entry{background:linear-gradient(135deg,#f4fff7,#eaf9ee);border-color:#a8ddb8}.employee-line-entry .login-choice-label{color:#116232;background:#d8f3df}.employee-line-entry .line-login-button{min-height:52px;font-size:17px}.login-choice-divider{color:#738078;align-items:center;gap:12px;margin:16px 0;font-size:12px;font-weight:900;display:flex}.login-choice-divider:before,.login-choice-divider:after{content:"";background:#dfe6e1;flex:1;height:1px}.owner-password-entry{background:#f8faf8;margin-top:0}.owner-password-entry .login-choice-label{color:#fff;background:#173c2f}.owner-password-entry form{margin-top:14px}.owner-password-entry>small{color:#69786f;margin-top:12px;font-size:12px;line-height:1.5;display:block}.employee-line-reminder{color:#155f33;background:#dbf6e3;border:1px solid #91d4a5;border-radius:10px;gap:3px;margin:12px 0 14px;padding:11px 13px;display:grid}.employee-line-reminder strong{font-size:14px}.employee-line-reminder span{font-size:13px;font-weight:800;line-height:1.5}.owner-login-toggle{color:#294b3b;cursor:pointer;background:#f7faf8;border:1px dashed #8da498;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;display:flex}.owner-login-toggle span{color:#fff;background:#173c2f;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.owner-login-toggle strong{font-size:15px}.owner-login-toggle:hover{background:#eef5f0;border-style:solid}.owner-login-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.owner-login-hide{color:#476052;cursor:pointer;background:#e9efeb;border:0;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:900}.login-page-error{margin-top:14px;font-size:13px!important}.simple-approval-matrix article{grid-template-columns:minmax(190px,1fr) minmax(240px,1.4fr) auto}.simple-approval-matrix .approval-pass-button{white-space:nowrap;min-width:120px;min-height:44px}@media (max-width:600px){.split-login{padding:17px}.login-choice-card{padding:16px}.login-choice-card h2{font-size:21px}}@media (max-width:800px){.simple-approval-matrix article{grid-template-columns:1fr}.simple-approval-matrix article>div:last-child{grid-template-columns:1fr 1fr;display:grid}}.admin-only-toggle{letter-spacing:.06em;font-size:15px;font-weight:900}.simplified-clock{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:18px;display:grid}.simplified-clock>div:first-child{grid-column:1/-1}.clock-step-list{background:#f3f6f3;border-radius:14px;gap:10px;padding:12px;display:grid}.clock-step-list>div{color:#87918b;align-items:center;gap:10px;font-weight:800;display:flex}.clock-step-list b{background:#dfe6e1;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.clock-step-list .current{color:#225c45}.clock-step-list .current b{background:#d8eadc}.clock-step-list .done{color:#176b35}.clock-step-list .done b{color:#fff;background:#225c45}.simplified-clock .mobile-clock-actions{margin-top:0}.simplified-clock .location-check,.simplified-clock .attendance-message,.simplified-clock .attendance-history{grid-column:1/-1}.today-only span{font-size:14px!important}.employee-portal-footer{border-top:1px solid var(--line);max-width:1040px;margin:28px auto 0;padding-top:20px}.employee-portal-footer .line-binding-card{margin-bottom:12px}.employee-logout{width:100%;min-height:48px}.portal-return-link{white-space:nowrap;justify-content:center;align-items:center;min-height:40px;text-decoration:none;display:inline-flex}.attendance-rule-settings{gap:18px;display:grid}.attendance-rule-block{border:1px solid var(--line);opacity:.72;background:#f7f8f6;border-radius:16px;padding:20px}.attendance-rule-block.enabled{opacity:1;background:#f2f8f3;border-color:#91b89c}.rule-enable{align-items:center;gap:12px;display:flex}.rule-enable input{width:22px;height:22px;accent-color:var(--green)}.rule-enable span{gap:3px;display:grid}.rule-enable strong{font-size:18px}.rule-enable small{color:var(--muted);font-size:12px}.rule-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.rule-input-grid>label{gap:6px;font-size:13px;font-weight:800;display:grid}.rule-input-grid input{background:#fff;border:1px solid #cad6ce;border-radius:9px;width:100%;padding:12px}.attendance-rule-block>code{color:#fff;background:#173c2f;border-radius:9px;margin-top:14px;padding:11px;font-size:12px;display:block}.location-rule-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.location-rule-grid .coordinate-box{grid-column:1/-1}.payroll-confirm{background:#fff9e8;border:2px solid #d5b85c;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.payroll-confirm>div{gap:4px;display:grid}.payroll-confirm small{color:var(--muted)}.payroll-confirm.confirmed{background:#eef8f0;border-color:#8ebc99}.payroll-confirm.source-changed{background:#fff2e4;border-color:#d78b45}.pill.source-changed{color:#9a4f13;background:#fff0df}.payroll-source-review{color:#8d430d;white-space:nowrap;background:#fff8f0;border-color:#d78b45;min-height:38px;font-weight:800}@media (max-width:700px){.simplified-clock{grid-template-columns:1fr}.simplified-clock>div:first-child{grid-column:auto}.clock-step-list{grid-template-columns:1fr 1fr}.rule-input-grid,.location-rule-grid{grid-template-columns:1fr}.payroll-confirm{flex-direction:column;align-items:stretch}.payroll-confirm .primary{width:100%}}.slip-lines .slip-net{color:#fff;background:#173c2f;border-bottom:0;border-radius:10px;margin-top:8px;font-weight:900;font-size:16px!important}.employee-statement-matrix{gap:12px;margin:18px 0;display:grid}.employee-statement-section{background:#fff;border:1px solid #dce4df;border-radius:12px;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);display:grid;overflow:hidden}.employee-statement-section h3{color:#fff;background:#173c2f;align-items:center;gap:9px;margin:0;padding:14px;font-size:16px;display:flex}.employee-statement-section h3 span{color:#173c2f;background:#f0ca70;border-radius:7px;place-items:center;width:30px;height:26px;font-size:12px;display:grid}.employee-statement-section>div{display:grid}.employee-statement-section p{border-bottom:1px solid #e6ece8;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:12px 14px;font-size:15px;display:flex}.employee-statement-section p:last-child{border-bottom:0}.employee-statement-section p span{color:#52665b}.employee-statement-section p strong{text-align:right;color:#183c2f}.receipt-confirmation{background:#fff8df;border:2px solid #ddbc62;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.receipt-confirmation strong{color:#183c2f;font-size:18px}.receipt-confirmation p{color:#65766d;margin:5px 0 0;font-size:14px;line-height:1.55}.receipt-confirmation button{flex:none;min-height:50px;font-size:16px}.signature{background:#eff6f1;gap:12px;padding:20px;display:grid}.signature h3{font-size:21px}.signature>p{margin:0;line-height:1.6;font-size:14px!important}.signature-pad{gap:8px;display:grid}.signature-pad-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.signature-pad-heading span{color:#264b3a;font-size:14px;font-weight:900}.signature-pad-heading button{color:#315b47;cursor:pointer;background:#fff;border:1px solid #a9bdb0;border-radius:8px;min-height:38px;padding:7px 13px;font-size:13px;font-weight:900}.signature-pad-heading button:disabled{opacity:.45;cursor:not-allowed}.signature-pad canvas{aspect-ratio:3;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px dashed #789b87;border-radius:12px;width:100%;height:auto;display:block;box-shadow:inset 0 1px 4px #15372812}.signature-pad>small{color:#53695d;font-size:13px;font-weight:800}.signature-pad>small.signature-pad-error{color:#a63f35}.signature-submit{width:100%;min-height:54px;font-size:16px}.signature-success,.signature-error{border-radius:9px;padding:10px 12px;font-size:13px;font-weight:900;display:block}.signature-success{color:#17633a;background:#dff1e4}.signature-error{color:#a63f35;background:#ffe5e2}.signature-screen{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10271fd9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.signature-screen>section{background:#f7faf8;border-radius:18px;width:min(920px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 80px #0006}.signature-screen header{z-index:2;background:#fff;border-bottom:1px solid #dce5df;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:16px 20px;display:flex;position:sticky;top:0}.signature-screen header span{color:#4c6859;font-size:13px;font-weight:900}.signature-screen header h2{margin:4px 0 0;font-size:22px}.signature-screen header button{color:#244b38;background:#e8efeb;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.signature-screen-summary{color:#fff;background:#173c2f;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin:18px 20px 12px;padding:14px 16px;display:flex}.signature-screen-summary span{font-size:14px}.signature-screen-summary strong{margin-top:4px;font-size:25px;display:block}.signature-screen-summary small{color:#d9e7df;max-width:430px;font-size:14px;line-height:1.5}.signature-screen .signature-pad{padding:6px 20px 16px}.signature-screen .signature-pad canvas{aspect-ratio:3;width:100%;height:auto}.signature-screen>section>.signature-error{margin:0 20px}.signature-screen-actions{background:#fff;border-top:1px solid #dce5df;grid-template-columns:1fr 1.5fr;gap:12px;padding:15px 20px;display:grid;position:sticky;bottom:0}.signature-screen-actions button{min-height:52px;font-size:16px}.signed-box{justify-items:start;padding:20px}.signed-box img{object-fit:contain;background:#fff;border:1px solid #cbdcd1;border-radius:9px;width:min(100%,340px);height:112px;display:block}.signed-box strong{font-family:inherit;font-size:18px}.matrix-receipt{align-items:center;gap:9px;min-width:190px;display:flex}.matrix-signature{object-fit:contain;background:#fff;border:1px solid #c9d8ce;border-radius:7px;width:92px;height:46px}.matrix-receipt .matrix-step{gap:2px;display:grid}.matrix-receipt small{white-space:nowrap;font-size:10px;font-weight:700}.archive-signature{object-fit:contain;background:#fff;border:1px solid #c9d8ce;border-radius:7px;width:116px;height:54px;display:block}.archive-month-note{background:#f8fbf9;border:1px solid #d6dfd9;border-radius:10px;margin:0 12px 14px;padding:12px 14px}.archive-month-note strong{color:#225c45;font-size:13px;display:block}.archive-month-note p{white-space:pre-wrap;color:#394a40;margin:6px 0 0;line-height:1.6}@media (max-width:600px){.employee-slip{padding:18px 14px}.slip-head{gap:5px}.slip-head h2{font-size:clamp(19px,6vw,23px)}.slip-head-month{gap:2px}.slip-head-month strong{font-size:clamp(13px,3.8vw,15px)}.slip-head>strong{font-size:clamp(18px,5.8vw,22px)}.employee-statement-section{grid-template-columns:1fr}.employee-statement-section h3{padding:11px 13px}.employee-statement-section p{font-size:14px}.receipt-confirmation{display:grid}.receipt-confirmation button{width:100%}.signature{padding:16px 12px}.signature-pad-heading{flex-direction:column;align-items:flex-start}.signature-pad-heading button{width:100%}.signed-box img{height:96px}.signature-screen{background:#f7faf8;padding:0;display:block}.signature-screen>section{width:100%;min-height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0}.signature-screen header{padding:12px 14px}.signature-screen-summary{margin:12px 14px 8px;display:grid}.signature-screen .signature-pad{padding:6px 14px 12px}.signature-screen-actions{grid-template-columns:1fr;padding:12px 14px}.signature-screen-actions .primary{grid-row:1}.signature-screen-actions .ghost{grid-row:2}}.complete-month .archive-month-button{min-width:210px;min-height:52px;padding:12px 20px;font-size:15px;font-weight:900}.complete-month.ready{box-shadow:0 0 0 3px #dcefe1}.complete-month.ready .archive-month-button{background:#176b3b}@media (max-width:720px){.complete-month .archive-month-button{width:100%;min-width:0}}.carry-forward-notice{color:#205c3b;background:#eef8f1;border:1px solid #9fc5aa;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:14px 18px;display:flex}.carry-forward-notice strong,.carry-forward-notice span{font-size:14px}.carry-forward-notice span{color:#4b6757}.payroll-exception-note{color:#71531b;background:#fff7e2;border:1px solid #d8b36b;border-radius:11px;gap:5px;margin:14px 18px;padding:15px 17px;display:grid}.payroll-exception-note strong{font-size:16px}.payroll-exception-note span{font-size:13px;line-height:1.55}.payroll-confirm.exception{background:#fff7e2;border-color:#d8b36b}.exception-payroll .salary-category{opacity:.72}.pill.exception,.matrix-step.exception{color:#7b5917;background:#fff0c9}.release-matrix{min-width:980px}.matrix-exception{color:#675832;cursor:pointer;background:#fffdf6;border:1px solid #d8c89e;border-radius:9px;align-items:center;gap:7px;min-width:142px;padding:8px 10px;font-weight:800;display:inline-flex}.matrix-exception:has(input:checked){color:#765315;background:#fff1cf;border-color:#d39a38}.matrix-exception input{accent-color:#bb7e17;width:18px;height:18px}.payroll-exception-row{background:#fffbef}.payroll-exception-row:hover{background:#fff6d9!important}@media (max-width:720px){.carry-forward-notice{flex-direction:column;align-items:flex-start}.carry-forward-notice strong,.carry-forward-notice span{font-size:13px}}.new-hire-meal-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.annual-leave-settings{background:#eef7f0;border:1px solid #c9ddcf;border-radius:11px;align-items:flex-end;gap:12px;margin:0 18px 16px;padding:15px 16px;display:flex}.annual-leave-settings label{color:#345546;gap:6px;min-width:230px;font-size:13px;font-weight:900;display:grid}.annual-leave-settings label input{min-height:43px;color:var(--ink);background:#fff;border:1px solid #abc5b3;border-radius:8px;padding:9px 11px;font-size:15px;font-weight:800}.annual-leave-settings label small{color:var(--muted);font-size:11px;font-weight:600}.annual-leave-settings .save-message{color:#9a4338;align-self:center;font-size:13px;font-weight:800}.annual-leave-settings .save-message.success{color:#17643b}.annual-leave-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.annual-leave-table{min-width:1160px}.annual-leave-adjustment{white-space:nowrap}.annual-leave-adjustment input{text-align:right;background:#fff;border:1px solid #b7cdbd;border-radius:8px;width:88px;min-height:38px;padding:7px 9px;font-size:14px;font-weight:900}.annual-leave-adjustment small{color:var(--muted);margin-left:5px;font-size:12px}.payroll-confirm-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.payroll-export-button{min-height:44px;padding:11px 17px;font-size:14px}.payroll-export-button:disabled{opacity:.45;cursor:not-allowed}.inline-formulas small a{color:#d9b868;font-weight:900}.voluntary-pension-toggle{color:#68736d;cursor:pointer;background:#f3f5f3;border:1px solid #cfd7d1;border-radius:11px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.voluntary-pension-toggle.enabled{color:#225c45;background:#eaf6ed;border-color:#88b896}.voluntary-pension-toggle input{width:22px;height:22px;accent-color:var(--green);flex:none}.voluntary-pension-toggle span{gap:4px;display:grid}.voluntary-pension-toggle small{font-size:12px;line-height:1.45}.voluntary-pension-fields{background:#f7fbf8;border:1px solid #b8d2c0;border-radius:11px;margin-top:14px;padding:15px}.voluntary-pension-fields>.readonly{align-self:end}@media (max-width:900px){.annual-leave-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.new-hire-meal-fields{grid-template-columns:1fr 1fr}}@media (max-width:700px){.annual-leave-settings{flex-direction:column;align-items:stretch}.annual-leave-settings label{min-width:0}.annual-leave-summary,.new-hire-meal-fields{grid-template-columns:1fr}.payroll-confirm-actions{width:100%;display:grid}.payroll-confirm-actions button{width:100%}}.payroll-fields-lock{border:0;min-inline-size:0;margin:0;padding:0}.payroll-fields-lock:disabled .salary-category{opacity:.64}.payroll-fields-lock:disabled input,.payroll-fields-lock:disabled select,.payroll-fields-lock:disabled textarea{cursor:not-allowed}.confirmed-payroll .payroll-fields-lock{background:#f7faf7}.payroll-edit-button{color:#6f5412;background:#fff9e8;border-color:#d2ad4f;min-height:44px;padding:11px 17px;font-size:14px}.payroll-edit-button:not(:disabled):hover{background:#fff1c7}.payroll-edit-button:disabled{opacity:.45;cursor:not-allowed}aside{width:216px;padding:15px 11px;overflow-y:auto}.brand{padding:0 7px 12px}nav button{min-height:40px;padding:8px 10px;font-size:16px}.source strong{font-size:14px}.owner-toolbar{grid-template-columns:minmax(170px,.72fr) minmax(470px,1.5fr) auto;align-items:center;gap:12px;display:grid}.owner-toolbar-copy{min-width:0}.owner-toolbar-copy p:last-child{line-height:1.45;font-size:14px!important}.prominent-month-picker{background:#173c2f;border:2px solid #e0b453;border-radius:14px;grid-template-columns:auto minmax(135px,.75fr) minmax(115px,.62fr) minmax(245px,1.25fr);align-items:end;gap:8px;padding:9px 11px;display:grid;box-shadow:0 7px 20px #173c2f20}.prominent-month-picker>strong{color:#fff;white-space:nowrap;align-self:center;font-size:clamp(19px,1.55vw,25px);line-height:1.1}.prominent-month-picker label{color:#e9c773;gap:3px;font-size:14px;font-weight:900;display:grid}.prominent-month-picker label span{line-height:1}.prominent-month-picker select{color:#173c2f;font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border:2px solid #d8e5dc;border-radius:9px;width:100%;min-height:52px;margin:0;padding:7px 34px 7px 11px;font-weight:950;line-height:1.05;font-size:clamp(24px,2vw,30px)!important}.next-month-control{align-self:stretch;gap:4px;display:grid}.next-month-button{color:#173c2f;cursor:pointer;background:#f5ce6c;border:2px solid #e5bd5f;border-radius:9px;min-height:52px;padding:8px 13px;font-size:15px;font-weight:950}.next-month-button:hover:not(:disabled){background:#ffe39a}.next-month-button:disabled{color:#d7e0db;cursor:not-allowed;background:#526b60;border-color:#6f8379}.attendance-month-picker{background:#edf5f0;border:1px solid #b8cdbf;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 15px;display:flex}.attendance-month-picker>div:first-child{gap:2px;display:grid}.attendance-month-picker span{color:#416051;font-size:13px;font-weight:900}.attendance-month-picker strong{color:#173c2f;font-size:22px}.attendance-month-picker small{color:#67786e;font-size:12px!important}.attendance-month-picker>div:last-child{align-items:center;gap:7px;display:flex}.attendance-month-picker button,.attendance-month-picker input{color:#173c2f;background:#fff;border:1px solid #9fb9aa;border-radius:8px;min-height:40px;padding:7px 11px;font-size:15px;font-weight:850}.attendance-month-picker input{font-size:17px}.owner-toolbar-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cloud-error-detail{color:#a13b2e;text-align:right;flex-basis:100%;max-width:36rem;font-size:13px;font-weight:700;line-height:1.45}.primary,.ghost,.line-button,.line-login-button{min-height:40px;padding:8px 12px;font-size:15px!important}.summary-grid article{padding:12px 14px}.summary-grid strong{margin:4px 0 1px;font-size:28px}.summary-grid p{font-size:13px!important}.panel-title{padding:13px 15px}.panel-title h2{font-size:24px}.panel-title p:not(.tag),.monthly-stats .panel-title p:not(.tag){line-height:1.45;font-size:14px!important}.eyebrow,.tag{font-size:13px!important}.panel p,.monthly-stats p,.settings-card p{line-height:1.45}.salary-category{grid-template-columns:190px minmax(0,1fr)}.salary-category-title{padding:14px 15px}.salary-category-title h3{font-size:22px}.salary-category-title p{font-size:13px!important}.category-total{font-size:24px}.salary-category-fields{padding:14px}.salary-support{margin-top:10px;padding-top:10px}.monthly-stats table,.attendance-admin table,.release-matrix,.annual-leave-table{font-size:15px}.monthly-stats th,.attendance-admin th,.release-matrix th,.annual-leave-table th{line-height:1.3;padding:8px 9px!important;font-size:14px!important}.monthly-stats td,.attendance-admin td,.release-matrix td,.annual-leave-table td{line-height:1.35;padding:9px!important;font-size:15px!important}.release-all strong{font-size:16px}.release-all small{font-size:13px!important}.release-filter-bar{background:#f1f7f3;border:1px solid #b9d0c1;border-radius:11px;grid-template-columns:minmax(210px,1fr) repeat(2,minmax(190px,230px)) auto;align-items:end;gap:9px;margin:0 8px 8px;padding:10px 12px;display:grid}.release-filter-bar>div{gap:2px;display:grid}.release-filter-bar>div strong{color:#173c2f;font-size:17px}.release-filter-bar>div small{color:var(--muted);font-size:13px!important}.release-filter-bar label{color:#4d6256;gap:4px;font-size:14px;font-weight:900;display:grid}.release-filter-bar select{color:#173c2f;background:#fff;border:1px solid #9fbaaa;border-radius:8px;width:100%;min-height:42px;padding:7px 32px 7px 10px;font-size:16px;font-weight:850}.release-filter-bar>b{color:#fff;white-space:nowrap;background:#173c2f;border-radius:20px;align-self:center;padding:7px 10px;font-size:14px}.release-matrix{table-layout:auto;min-width:940px}.release-matrix th,.release-matrix td{white-space:nowrap}.matrix-person{min-width:150px}.matrix-person small{color:#53645b;background:#edf3ef;border-radius:12px;padding:3px 6px;font-weight:800;font-size:12px!important}.matrix-release,.matrix-exception{padding:6px 8px;font-size:14px}.matrix-step{padding:6px 9px}.release-group-heading th{border-top:2px solid #d2dfd6;border-bottom:1px solid #d2dfd6;color:#264c3b!important;text-align:left!important;background:#edf3ef!important;padding:9px 11px!important}.release-group-heading th span{font-size:16px;font-weight:950}.release-group-heading th b{color:#466152;background:#fff;border-radius:12px;margin-left:9px;padding:3px 8px;font-size:13px}.release-group-calculated .release-group-heading th{color:#765a19!important;background:#fff6da!important}.release-group-signed .release-group-heading th{color:#205c3c!important;background:#e6f4ea!important}.release-group-exception .release-group-heading th{color:#755516!important;background:#fff0cf!important}.release-filter-empty{text-align:center;background:#fafcfb;border:1px dashed #b8c9bf;border-radius:10px;place-items:center;gap:4px;min-height:150px;margin:0;padding:24px;display:grid}.release-filter-empty strong{font-size:18px}.release-filter-empty span{color:var(--muted);font-size:14px}.complete-month strong{font-size:15px}.complete-month small{font-size:13px!important}@media (max-width:1180px){.owner-toolbar{grid-template-columns:minmax(0,1fr) auto}.prominent-month-picker{grid-area:1/1/auto/-1}.owner-toolbar-copy{grid-area:2/1}.owner-toolbar-status{grid-area:2/2}.release-filter-bar{grid-template-columns:1fr 1fr}.release-filter-bar>div{grid-column:1/-1}.release-filter-bar>b{justify-self:end}}@media (max-width:720px){main:not(.login-page):not(.employee-mode){display:block}aside{width:auto;padding:12px}.workspace{padding:11px 9px 22px}.workspace>header.owner-toolbar{grid-template-columns:1fr;gap:8px;display:grid}.prominent-month-picker{grid-area:1/1;grid-template-columns:1fr 1fr;padding:9px}.prominent-month-picker>strong{text-align:center;grid-column:1/-1;font-size:21px}.prominent-month-picker select{min-height:50px;font-size:24px!important}.next-month-control{grid-column:1/-1}.next-month-control small{text-align:center;max-width:none}.owner-toolbar-copy{grid-area:2/1}.owner-toolbar-status{grid-area:3/1;justify-content:space-between}.attendance-month-picker{flex-direction:column;align-items:stretch}.attendance-month-picker>div:last-child{grid-template-columns:1fr 1.2fr 1fr;display:grid}.attendance-month-picker button,.attendance-month-picker input{width:100%;min-width:0;padding:7px 5px}.panel-title{padding:11px 12px}.panel-title h2{font-size:21px}.salary-category{grid-template-columns:1fr}.salary-category-title,.salary-category-fields{padding:12px}.salary-category-title h3{font-size:20px}.release-filter-bar{grid-template-columns:1fr 1fr;margin:0 6px 7px;padding:9px}.release-filter-bar label{min-width:0}.release-filter-bar select{font-size:16px}.release-filter-bar>b{grid-column:1/-1;justify-self:start}.release-matrix-wrap{padding:0 6px 6px}}@media (max-width:430px){.release-filter-bar{grid-template-columns:1fr}.release-filter-bar>div,.release-filter-bar>b{grid-column:1}.prominent-month-picker select{font-size:22px!important}}.signature-screen>section{width:min(920px,100%);height:min(780px,100vh - 36px);min-height:min(560px,100vh - 36px);flex-direction:column;height:min(780px,100dvh - 36px);min-height:min(560px,100dvh - 36px);max-height:none;display:flex;overflow:hidden}.signature-screen header{flex:none;position:relative}.signature-screen header>div{min-width:0}.signature-screen header h2{overflow-wrap:anywhere}.signature-screen header button{flex:none;width:48px;min-width:48px;height:48px;min-height:48px}.signature-screen-summary{flex:none;margin:10px 20px 7px;padding:10px 14px}.signature-screen-summary strong{font-size:24px}.signature-screen-summary small{max-width:52%;font-size:13px}.signature-screen .signature-pad{flex:auto;grid-template-rows:auto minmax(220px,1fr) auto;gap:8px;min-height:0;padding:7px 20px 10px;display:grid}.signature-screen .signature-pad-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.signature-screen .signature-pad-heading span{min-width:0;font-size:14px;line-height:1.35}.signature-screen .signature-pad-heading button{flex:none;width:auto;min-width:104px;min-height:44px;padding:7px 10px}.signature-canvas-shell{background:#fff;border:2px dashed #789b87;border-radius:13px;min-height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #edf2ee}.signature-canvas-shell canvas,.signature-screen .signature-pad canvas{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;display:block}.signature-canvas-shell>span{color:#9aa9a1;pointer-events:none;place-items:center;padding:12px;font-size:15px;font-weight:800;transition:opacity .15s;display:grid;position:absolute;inset:0}.signature-canvas-shell.has-ink>span{opacity:0}.signature-screen .signature-pad>small{min-height:18px;font-size:12px}.signature-screen>section>.signature-error{flex:none;margin:0 20px}.signature-screen-actions{background:#fff;border-top:1px solid #dce5df;flex:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:9px;padding:10px 20px;display:grid;position:relative;bottom:auto;box-shadow:0 -8px 22px #173c2f0d}.signature-screen-actions .primary,.signature-screen-actions .ghost{grid-row:auto;min-height:52px;padding:9px 8px;font-size:15px}@media (max-width:600px){.signature-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7faf8;padding:0;display:block;position:fixed;inset:0}.signature-screen>section{width:100%;height:100vh;min-height:100vh;max-height:100vh;height:100dvh;min-height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0}.signature-screen header{padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.signature-screen-summary{justify-content:space-between;align-items:center;gap:12px;margin:10px 14px 7px;padding:10px 13px;display:flex}.signature-screen-summary span{flex:none}.signature-screen-summary small{max-width:52%;font-size:12px}.signature-screen .signature-pad{grid-template-rows:auto minmax(190px,1fr) auto;padding:7px 14px 9px}.signature-screen .signature-pad-heading{flex-direction:row;align-items:center}.signature-screen .signature-pad-heading button{width:auto}.signature-screen-actions{padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.signature-screen-actions .primary,.signature-screen-actions .ghost{grid-row:auto}}@media (max-width:340px){.signature-screen header{padding-left:10px;padding-right:10px}.signature-screen header h2{font-size:18px}.signature-screen header button{width:48px;height:48px}.signature-screen-summary{gap:8px;margin-left:10px;margin-right:10px}.signature-screen-summary strong{font-size:21px}.signature-screen-summary small{font-size:11px}.signature-screen .signature-pad{padding-left:10px;padding-right:10px}.signature-screen .signature-pad-heading span{font-size:13px}.signature-screen .signature-pad-heading button{min-width:92px;padding-left:7px;padding-right:7px}.signature-screen-actions{padding-left:10px;padding-right:10px}.signature-screen-actions .primary,.signature-screen-actions .ghost{font-size:14px}}@media (max-height:640px) and (max-width:600px){.signature-screen header{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.signature-screen header>div>span{display:none}.signature-screen header h2{margin:0;font-size:18px}.signature-screen-summary{margin-top:5px;margin-bottom:3px;padding:7px 10px}.signature-screen-summary strong{font-size:20px}.signature-screen-summary small{font-size:11px;line-height:1.25}.signature-screen .signature-pad{padding-top:4px;padding-bottom:4px}.signature-screen-actions{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.signature-screen-actions .primary,.signature-screen-actions .ghost{min-height:48px}}:root{--compact-gap:8px;--compact-radius:11px;--compact-control:40px}.system-status-button{z-index:1180;color:#fff;white-space:nowrap;background:#173c2f;border:1px solid #8bb9a0;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:14px;font-weight:900;display:inline-flex;position:fixed;top:12px;right:16px;box-shadow:0 6px 18px #173c2f2b}.system-status-button>span{background:#e0bd61;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #e0bd6126}.system-status-button.healthy>span{background:#53ce75;box-shadow:0 0 0 3px #53ce7526}.system-status-button.unreachable>span{background:#e56b5e;box-shadow:0 0 0 3px #e56b5e26}.system-status-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c2018a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.system-status-dialog{background:#fff;border:1px solid #b9cfc0;border-radius:16px;width:min(720px,100%);max-height:min(760px,100dvh - 36px);overflow:auto;box-shadow:0 24px 70px #07160f52}.system-status-dialog>header{z-index:1;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:15px 17px;display:flex;position:sticky;top:0}.system-status-dialog h2{color:#173c2f;margin:0;font:800 24px/1.2 Georgia,Noto Serif TC,serif}.system-status-close{color:#173c2f;background:#edf3ef;border:0;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;font-size:28px;display:grid}.system-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px;display:grid}.system-health-grid article{background:#f8fbf9;border:1px solid #dbe6df;border-radius:10px;gap:5px;padding:12px;display:grid}.system-health-grid span{color:var(--muted);font-size:12px;font-weight:800}.system-health-grid strong{color:#173c2f;font-size:15px}.system-health-grid strong.healthy{color:#16713a}.system-health-grid strong.unreachable{color:#a13b2e}.system-health-note{color:#52665a;background:#edf5f0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0 13px 13px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.system-health-note button{color:#225c45;background:#fff;border:1px solid #98b9a6;border-radius:8px;flex:none;min-height:36px;padding:6px 10px;font-weight:900}.system-version-list{gap:6px;padding:0 13px 15px;display:grid}.system-version-list h3{color:#173c2f;margin:0 0 3px;font-size:17px}.system-version-list article{border:1px solid var(--line);border-radius:9px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:8px 10px;display:grid}.system-version-list article.latest{background:#edf8f0;border-color:#87ba96}.system-version-list strong{color:#173c2f}.system-version-list span{color:#526158;font-size:13px}.system-version-list b{color:#fff;background:#173c2f;border-radius:999px;padding:4px 7px;font-size:11px}.chunk-recovery-notice{z-index:1400;color:#624a14;background:#fff8df;border:1px solid #d5b75e;border-radius:11px;grid-template-columns:auto auto auto;align-items:center;gap:9px;width:min(640px,100vw - 28px);padding:11px 12px;display:grid;position:fixed;bottom:74px;right:14px;box-shadow:0 12px 34px #3e321f2b}.chunk-recovery-notice strong{font-size:14px}.chunk-recovery-notice span{font-size:13px}.chunk-recovery-notice button{color:#fff;background:#173c2f;border:0;border-radius:8px;min-height:36px;padding:6px 10px;font-weight:900}main:not(.login-page):not(.employee-mode){grid-template-columns:202px minmax(0,1fr)}aside{width:202px;padding:11px 9px}.brand{gap:9px;padding:0 6px 9px}.brandmark{border-radius:10px;width:35px;height:35px;font-size:17px}.brand strong{font-size:18px}nav{gap:2px}nav button{border-radius:8px;min-height:36px;padding:6px 9px;font-size:14px}.nav-subgroup{border-radius:9px;margin:4px 3px;padding:5px 3px 4px}.nav-subgroup-title{gap:6px;padding:2px 7px 4px;font-size:13px}.nav-dot{width:25px;height:20px}.source{padding:8px}.source strong{margin:4px 0;font-size:12px}.source span,.source small{font-size:11px!important}.workspace{padding:11px clamp(9px,1.1vw,17px) 22px}.workspace>header{margin-bottom:8px}.owner-toolbar{grid-template-columns:minmax(120px,.5fr) minmax(400px,1.65fr) minmax(150px,.6fr);gap:8px;padding-right:132px}.owner-toolbar-copy .eyebrow{margin:0}.owner-toolbar-copy p:last-child{font-size:12px!important}.owner-toolbar-status .ghost{min-width:62px}.prominent-month-picker{box-shadow:none;border-width:1px;border-radius:10px;grid-template-columns:auto minmax(104px,.7fr) minmax(86px,.55fr) minmax(175px,1fr);gap:6px;padding:6px 8px}.prominent-month-picker>strong{font-size:17px}.prominent-month-picker label{gap:2px;font-size:11px}.prominent-month-picker select{border-width:1px;border-radius:7px;min-height:40px;padding:5px 28px 5px 8px;font-size:18px!important}.next-month-button{border-width:1px;border-radius:7px;min-height:40px;padding:6px 9px;font-size:13px}.next-month-control small{max-width:250px;font-size:10px!important}.attendance-month-picker{border-radius:9px;gap:9px;margin-bottom:8px;padding:8px 11px}.attendance-month-picker button,.attendance-month-picker input{min-height:38px;padding:6px 9px;font-size:14px}.cloud-status,.status,.pill,.matrix-step{font-size:12px!important}.cloud-error-detail{font-size:12px}.summary-grid{gap:7px;margin-bottom:8px}.summary-grid article{border-radius:10px;padding:9px 11px}.summary-grid article>span{font-size:13px}.summary-grid strong{margin:1px 0 0;font-size:23px;display:inline-block}.summary-grid p{margin-left:8px;display:inline;font-size:11px!important}.content-grid,.accounts-page{gap:8px}.panel,.monthly-stats,.settings-card,.account-login-block,.account-security-block{border-radius:11px;box-shadow:0 2px 9px #19332608}.monthly-stats{margin-top:8px}.panel-title,.accounts-page .panel-title,.account-zone-heading{gap:9px;padding:9px 11px}.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2{font-size:20px}.panel-title p:not(.tag),.monthly-stats .panel-title p:not(.tag),.account-zone-heading p:not(.tag){margin-top:2px;line-height:1.35;font-size:12px!important}.eyebrow,.tag{margin-bottom:3px;font-size:11px!important}.form-section{padding:9px 11px}.form-section h3,.field>span,.new-employee-grid .field>span{font-size:12px!important}.field>span{margin-bottom:3px}.field input,.field select,.account-access select,.registration-list select,.registration-list input{min-height:38px;padding:6px 8px;font-size:15px!important}.panel small,.monthly-stats small,.settings-card small{line-height:1.4;font-size:12px!important}.employee-list{padding:5px}.employee{padding:7px 8px}.employee-main{min-height:44px}.avatar{width:34px;height:34px}.who strong{font-size:14px}.who small{margin-top:1px}.employee-group>h3,.completion-group h3{padding:7px 9px;font-size:14px}.settings-card{padding:13px}.settings-title h2{font-size:20px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}.settings-grid>label{gap:3px;font-size:12px}.settings-grid input{min-height:38px;padding:7px 9px}.settings-actions{gap:8px;margin-top:10px;padding-top:9px}.worksite-settings{border-radius:10px;gap:9px;margin-top:8px;padding:11px}.worksite-settings input{padding:7px}.announcement-editor{gap:8px;padding:0 11px 11px}.announcement-editor textarea{min-height:110px;padding:10px}.announcement-active{gap:8px;padding:9px}.line-binding-list{gap:6px;padding:0 11px 11px}.line-binding-list article{padding:8px}.registration-list{gap:6px;padding:0 11px 11px}.registration-list article{gap:8px;padding:9px 10px}.account-role-summary{gap:6px;padding:0 11px 9px}.account-role-summary span{min-width:110px;padding:6px 9px}.account-access{padding:10px 11px}.account-access-heading{margin-bottom:8px}.account-access-grid{gap:7px}.account-review-actions{gap:7px;margin-top:8px}.account-login-grid,.account-security-grid{gap:8px;padding:8px}.owner-credential-fields{gap:8px;padding:10px 11px}.matrix-help-note{margin:8px 11px 11px;padding:8px 10px}.owner-picker{margin-bottom:7px}.owner-picker select{min-width:180px;margin-top:3px;padding:7px 9px}.salary-layout>.panel-title{z-index:3;background:#fbfcf9;position:sticky;top:0}.salary-layout .salary-category-title{padding:10px 11px}.salary-category-title>span{border-radius:7px;width:25px;height:25px}.salary-layout .salary-category-title h3{margin:7px 0 3px;font-size:18px}.salary-layout .salary-category-title p{line-height:1.4;font-size:11px!important}.salary-layout .category-total{margin-top:7px;font-size:20px}.salary-layout .voluntary-pension-fields{grid-template-columns:repeat(3,minmax(145px,200px));padding:9px}.formula-line{gap:7px;padding:7px 9px}.voluntary-pension-toggle input{width:19px;height:19px}.salary-grand-total{gap:5px;padding:9px}.salary-grand-total>div{gap:2px;min-width:104px;padding:7px 9px}.salary-grand-total span{font-size:11px}.salary-grand-total strong{font-size:15px}.salary-grand-total .grand-net{min-width:145px}.salary-grand-total .grand-net strong{font-size:21px}.payroll-confirm{border-width:1px;border-radius:10px;gap:10px;margin-top:8px;padding:10px 11px}.payroll-confirm strong{font-size:15px}.payroll-confirm small{font-size:12px}.payroll-confirm-actions{gap:6px}.payroll-confirm-actions button,.payroll-edit-button,.payroll-export-button{min-height:38px;padding:7px 10px;font-size:13px}.archive-lock{margin:8px 10px;padding:9px 10px}.carry-forward-notice{gap:8px;margin-bottom:8px;padding:9px 11px}.payroll-leave-note h3{margin:2px 0 8px;font-size:17px}.payroll-leave-note-grid{gap:6px}.payroll-leave-note-grid article{gap:3px;padding:8px}.attendance-calendar-panel{border-radius:11px}.calendar-date span{font-size:10px}.calendar-records p,.calendar-records label{font-size:10px}.calendar-records input{font-size:12px!important}.calendar-footer,.attendance-day-editor,.attendance-color-settings{width:calc(100vw - 242px);max-width:1100px}.calendar-footer{gap:7px;padding:9px}.attendance-day-editor,.attendance-color-settings{padding:10px}.day-editor-grid{gap:7px}.day-editor-grid input,.attendance-status-field select{min-height:38px;font-size:14px!important}.week-seed-bar{gap:8px;margin-bottom:8px;padding:9px 11px}.annual-leave-settings{gap:8px;margin:0 11px 9px;padding:9px 10px}.annual-leave-settings label{gap:3px;min-width:190px;font-size:12px}.annual-leave-settings label input{min-height:38px;padding:6px 8px}.annual-leave-summary{gap:7px;padding:0 11px 9px}.annual-leave-summary article{gap:3px;padding:9px}.annual-leave-summary span{font-size:11px}.annual-leave-summary strong{font-size:19px}.annual-leave-formula{gap:6px 9px;margin:0 11px 9px;padding:9px}.annual-leave-table th,.annual-leave-table td,.monthly-stats th,.monthly-stats td,.attendance-admin th,.attendance-admin td,.release-matrix th,.release-matrix td{line-height:1.3;padding:7px 8px!important;font-size:13px!important}.annual-leave-footer{gap:8px;margin:8px 11px 11px;padding:8px 10px}.release-all{margin:7px;padding:8px 10px}.release-filter-bar{gap:6px;margin:0 7px 6px;padding:7px 8px}.release-filter-bar select{min-height:38px;padding:6px 28px 6px 8px;font-size:14px}.release-matrix-wrap{padding:0 7px 7px}.complete-month{margin:7px;padding:9px 10px}.formula-card{margin-top:8px;padding:11px}.formula-grid{gap:7px;margin-top:8px}.formula-grid article{padding:9px}.rule-section{padding:11px}.rule-heading{gap:9px;margin-bottom:8px}.rule-heading h3{font-size:17px}.group-rule-grid,.driver-rules{gap:8px}.driver-rules article{padding:9px}.driver-fields{gap:7px}.rule-members{gap:5px;margin-top:7px}.login-page{grid-template-columns:minmax(0,1fr);padding:18px}.login-shell{grid-template-columns:minmax(260px,1fr) minmax(390px,540px);gap:34px;width:calc(100vw - 36px);max-width:1040px}.login-intro .brand{margin-bottom:24px}.login-intro h1{margin:7px 0 10px;font-size:40px}.login-role-list{gap:6px;margin-top:14px}.unified-login{padding:20px}.login-choice-card{margin-top:9px;padding:14px}.login-choice-card h2{margin:6px 0 3px;font-size:21px}.login-choice-card>p{margin-bottom:10px}.employee-workspace{width:min(100%,1180px);padding:12px}.portal-toolbar{margin-bottom:8px;padding:8px 10px}.employee-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:820px;margin:14px auto}.employee-menu-grid button{border-radius:12px;gap:5px;min-height:108px;padding:15px}.employee-menu-grid button>span{width:38px;height:38px}.employee-slip,.attendance-card,.manual-attendance,.salary-open{max-width:1100px}.employee-slip{padding:15px}.slip-head{gap:12px;padding-bottom:11px}.slip-head h2,.slip-head>strong{font-size:25px}.slip-lines{padding:8px 0}.slip-lines p{padding:7px 4px}.signature,.signed-box{padding:11px}.attendance-card{margin-bottom:8px;padding:12px}.attendance-message{margin-top:8px;padding:8px}.location-check{margin-top:8px;padding:10px}.location-check>div{margin-top:8px}.attendance-history{gap:4px;margin-top:9px;padding-top:8px}.simplified-clock{grid-template-columns:150px minmax(0,1fr);gap:10px}.clock-step-list{gap:6px;padding:8px}.clock-button{padding:12px}@media (max-width:1100px){.owner-toolbar{grid-template-columns:1fr auto;padding-right:132px}.prominent-month-picker{grid-area:1/1/auto/-1}.owner-toolbar-copy{grid-area:2/1}.owner-toolbar-status{grid-area:2/2}.system-health-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.system-status-button{min-height:36px;padding:6px 9px;font-size:13px;top:10px;right:10px}.system-status-overlay{align-items:end;padding:0}.system-status-dialog{border-radius:16px 16px 0 0;width:100%;max-height:92dvh}.system-status-dialog>header{padding:12px 13px}.system-status-dialog h2{font-size:21px}.system-health-grid{grid-template-columns:1fr 1fr;padding:10px}.system-health-note{flex-direction:column;align-items:stretch;margin:0 10px 10px}.system-version-list{padding:0 10px calc(12px + env(safe-area-inset-bottom))}.system-version-list article{grid-template-columns:52px minmax(0,1fr) auto}.system-version-list span{font-size:12px}.chunk-recovery-notice{grid-template-columns:1fr auto;width:calc(100vw - 16px);bottom:66px;right:8px}.chunk-recovery-notice span{grid-area:2/1/auto/-1}.chunk-recovery-notice button{grid-area:1/2/3}main:not(.login-page):not(.employee-mode){display:block}aside{z-index:900;width:auto;padding:8px 7px;position:sticky;top:0}.brand{padding:0 145px 5px 4px}.brandmark{width:32px;height:32px}.brand strong{font-size:17px}aside nav{overscroll-behavior-x:contain;scrollbar-width:none;gap:5px;margin-top:5px;display:flex;overflow-x:auto}aside nav::-webkit-scrollbar{display:none}.nav-subgroup{display:contents}.nav-subgroup-title{display:none}aside nav button{white-space:nowrap;border:1px solid #ffffff17;flex:none;min-height:38px;padding:7px 9px;font-size:13px}.source{display:none}.workspace{padding:8px 7px 18px}.workspace>header{margin-bottom:7px}.workspace>header.owner-toolbar{grid-template-columns:1fr;gap:6px;padding-right:0}.prominent-month-picker{grid-template-columns:1fr 1fr;padding:7px}.prominent-month-picker>strong{text-align:left;grid-column:1/-1;font-size:16px}.prominent-month-picker select{min-height:40px;font-size:18px!important}.next-month-control{grid-column:1/-1}.next-month-control small{text-align:left;max-width:none}.owner-toolbar-copy{grid-area:2/1}.owner-toolbar-status{grid-area:3/1;justify-content:space-between}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article{padding:8px 9px}.summary-grid strong{font-size:20px}.summary-grid p{margin:1px 0 0;display:block}.panel-title,.accounts-page .panel-title,.account-zone-heading{padding:8px 9px}.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2{font-size:18px}.panel-title p:not(.tag),.account-zone-heading p:not(.tag){font-size:11px!important}.form-section{padding:8px 9px}.salary-layout .salary-category{grid-template-columns:1fr}.salary-layout .salary-category-title,.salary-layout .salary-category-fields{padding:9px}.salary-layout .salary-category-title{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;display:grid}.salary-layout .salary-category-title h3{margin:0}.salary-layout .salary-category-title p{grid-column:2/-1}.salary-layout .category-total{grid-area:1/3;margin:0}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field{width:100%;max-width:none}.salary-layout .custom-bonus,.salary-layout .voluntary-pension-fields{grid-template-columns:1fr 1fr;width:100%;max-width:none}.salary-layout .custom-bonus>.field{width:100%}.salary-grand-total{z-index:2;position:sticky;bottom:0}.payroll-confirm{flex-direction:column;align-items:stretch}.payroll-confirm-actions{grid-template-columns:1fr 1fr;display:grid}.payroll-confirm-actions .primary{grid-column:1/-1}.payroll-confirm-actions button{width:100%}.calendar-footer,.attendance-day-editor,.attendance-color-settings{width:calc(100vw - 20px)}.calendar-weekdays,.attendance-calendar{grid-template-columns:repeat(7,minmax(74px,1fr))}.calendar-weekdays{margin:0 7px}.attendance-calendar{margin:0 7px 7px;overflow:visible}.calendar-day{min-height:82px;padding:5px}.annual-leave-settings{flex-direction:column;align-items:stretch;margin:0 8px 7px}.annual-leave-settings label{min-width:0}.annual-leave-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 7px}.annual-leave-formula{grid-template-columns:1fr;margin:0 8px 7px}.annual-leave-formula small{grid-column:1}.annual-leave-footer{flex-direction:column;align-items:flex-start;margin:7px 8px 8px}.release-filter-bar{grid-template-columns:1fr 1fr;margin:0 5px 6px;padding:7px}.release-filter-bar>div{grid-column:1/-1}.release-filter-bar>b{grid-column:1/-1;justify-self:start}.release-matrix-wrap{padding:0 5px 5px}.account-access-grid,.new-employee-grid{grid-template-columns:1fr 1fr}.account-login-grid,.account-security-grid{padding:6px}.owner-credential-fields{padding:8px}.announcement-editor,.line-binding-list,.registration-list{padding:0 8px 8px}.login-page{padding:58px 12px 12px}.login-shell{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:540px}.login-intro .brand{margin-bottom:10px;padding-right:145px}.login-intro h1{font-size:31px}.login-intro>p:not(.eyebrow){line-height:1.5;font-size:14px!important}.login-role-list{display:none}.unified-login{padding:14px}.login-choice-card{padding:12px}.employee-workspace{padding:58px 7px 8px}.portal-toolbar{padding:7px 8px}.employee-menu{padding:10px 0}.employee-menu h1{font-size:28px}.employee-menu-grid{grid-template-columns:1fr 1fr;gap:7px;margin:10px auto}.employee-menu-grid button{min-height:96px;padding:12px}.employee-slip{padding:11px}.slip-head{gap:7px;padding-bottom:8px}.slip-head h2,.slip-head>strong{font-size:21px}.attendance-card{padding:10px}.simplified-clock{grid-template-columns:1fr}.simplified-clock>div:first-child{grid-column:auto}.clock-step-list{grid-template-columns:1fr 1fr}[data-work-portal-return]{border-radius:9px!important;padding:8px 11px!important;font-size:13px!important;bottom:8px!important;right:8px!important}}@media (max-width:430px){.system-health-grid{grid-template-columns:1fr}.system-health-grid article{grid-template-columns:1fr auto;align-items:center}.system-version-list article{grid-template-columns:48px minmax(0,1fr)}.system-version-list b{display:none}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row,.salary-layout .custom-bonus,.salary-layout .voluntary-pension-fields{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.account-access-grid,.new-employee-grid{grid-template-columns:1fr}.employee-menu-grid{grid-template-columns:1fr 1fr}.employee-menu-grid small{display:none}}.field-previous{color:#245f92;cursor:pointer;background:#edf6ff;border:1px solid #9fc8ec;border-radius:999px;width:max-content;max-width:100%;margin-top:4px;padding:2px 7px;font-size:12px;font-weight:800;line-height:1.4;display:inline-flex}.field-previous.changed{color:#8b5b09;background:#fff8e7;border-color:#dfb45d}.field-previous:disabled{cursor:default;opacity:.82}.toggle-previous{font-weight:800;color:#2d6b98!important}.payroll-adjustments-panel{background:#fffaf0;border:1px solid #dfc77e;border-radius:10px;gap:8px;margin:8px 0;padding:10px 12px;display:grid}.payroll-adjustments-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.payroll-adjustments-heading>div{gap:2px;display:grid}.payroll-adjustments-heading strong{color:#5c4307;font-size:17px}.payroll-adjustments-heading small{color:#6f6756;font-size:13px}.payroll-adjustments-heading>span{color:#75540a;background:#fff;border-radius:999px;padding:4px 9px;font-weight:800}.payroll-adjustment-form{grid-template-columns:145px 120px 160px minmax(220px,1fr) auto;align-items:end;gap:7px;display:grid}.payroll-adjustment-form label,.payroll-adjustment-control{gap:3px;min-width:0;display:grid}.payroll-adjustment-form label>span,.payroll-adjustment-control>span{color:#35463e;font-size:13px;font-weight:800}.payroll-adjustment-form input{background:#fff;border:1px solid #c8d5ce;border-radius:7px;width:100%;min-height:40px;padding:7px 9px;font-size:15px}.payroll-adjustment-form button{white-space:nowrap;min-height:40px;padding:7px 12px}.payroll-adjustment-list{gap:5px;display:grid}.payroll-adjustment-list article{background:#fff;border:1px solid #d9e1dc;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.payroll-adjustment-list article>div:first-child{flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;display:flex}.payroll-adjustment-list article strong{color:#203b2f;font-size:14px}.payroll-adjustment-list article span{font-size:14px}.payroll-adjustment-list article small{color:#66756d;font-size:12px}.payroll-adjustment-list article.status-approved{background:#eff9f2;border-color:#79b58b}.payroll-adjustment-list article.status-cancelled{opacity:.65}.payroll-adjustment-actions{flex:none;gap:5px;display:flex}.payroll-adjustment-actions button{min-height:34px;padding:5px 9px;font-size:13px}@media (max-width:1100px){.payroll-adjustment-form{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-adjustment-reason{grid-column:1/3}}@media (max-width:700px){.payroll-adjustments-heading,.payroll-adjustment-list article{flex-direction:column;align-items:stretch}.payroll-adjustment-form{grid-template-columns:1fr 1fr}.payroll-adjustment-reason,.payroll-adjustment-form>button{grid-column:1/-1}.payroll-adjustment-actions{width:100%}.payroll-adjustment-actions button{flex:1}}.salary-layout .salary-category{grid-template-columns:145px minmax(0,1fr)}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row{grid-template-columns:repeat(auto-fit,minmax(145px,200px));justify-content:start;align-items:start;gap:7px;display:grid}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field{width:100%;min-width:0;max-width:200px}.salary-layout .new-hire-meal-fields{grid-template-columns:repeat(3,minmax(145px,195px))}.salary-layout .custom-bonus{grid-column:span 2;grid-template-columns:repeat(2,minmax(145px,190px));gap:7px;width:max-content;max-width:100%;padding:8px}.salary-layout .custom-bonus>.field{width:190px;max-width:100%}.salary-layout .voluntary-pension-fields{grid-template-columns:repeat(3,minmax(145px,200px));width:max-content;max-width:100%}.deleted-employee-section{background:#f7f8f7;border:1px solid #d8deda;border-radius:11px;margin:14px 20px 0;overflow:hidden}.deleted-employee-section>summary{color:#526158;cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:10px 14px;list-style-position:inside;display:flex}.deleted-employee-section>summary span{gap:2px;margin-left:5px;display:inline-grid}.deleted-employee-section>summary strong{color:#34463c;font-size:16px}.deleted-employee-section>summary small{color:#7a867f;font-size:12px}.deleted-employee-section>summary>b{color:#536159;background:#e5e9e6;border-radius:999px;flex:none;padding:4px 9px;font-size:13px}.deleted-employee-list{border-top:1px solid #d8deda;display:grid}.deleted-employee-row{background:#fff;border-bottom:1px solid #e2e6e3;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:9px 14px;display:flex}.deleted-employee-row:last-child{border-bottom:0}.deleted-employee-person{align-items:center;gap:10px;min-width:0;display:flex}.deleted-employee-person>.avatar{flex:none}.deleted-employee-person>span:last-child{gap:2px;min-width:0;display:grid}.deleted-employee-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.deleted-employee-person small{color:#748078;font-size:12px}.deleted-employee-row .delete-employee{white-space:nowrap;flex:none;min-height:40px;padding:8px 14px}.deleted-employee-empty{color:#78847d;text-align:center;border-top:1px solid #d8deda;margin:0;padding:18px 14px;font-size:13px;font-weight:700}@media (max-width:720px){.salary-layout .salary-category{grid-template-columns:1fr}.deleted-employee-section{margin:12px 14px 0}.deleted-employee-section>summary{align-items:flex-start}.deleted-employee-row{flex-direction:column;align-items:stretch}.deleted-employee-row .delete-employee{width:100%}}@media (max-width:520px){.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row,.salary-layout .new-hire-meal-fields,.salary-layout .voluntary-pension-fields,.salary-layout .custom-bonus{grid-template-columns:1fr;width:100%}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field,.salary-layout .custom-bonus>.field{width:100%;max-width:none}.salary-layout .custom-bonus{grid-column:auto}}.annual-leave-date-editor,.annual-leave-adjustment-editor{align-items:center;gap:7px;margin-top:7px;display:flex}.annual-leave-date-editor{min-width:270px}.annual-leave-date-editor input{background:#fff;border:1px solid #b7cdbd;border-radius:8px;min-height:40px;padding:7px 9px;font-size:14px}.annual-leave-date-editor button,.annual-leave-adjustment-editor button{white-space:nowrap;min-height:40px;padding:7px 11px;font-size:13px}.annual-leave-adjustment-editor{margin-top:0}.annual-leave-adjustment-editor small{margin-left:-3px}@media (min-width:721px){main:not(.login-page):not(.employee-mode){background:#f3f6f2;grid-template-columns:168px minmax(0,1fr)}main:not(.login-page):not(.employee-mode)>aside{background:linear-gradient(#0b4434 0%,#0d5c43 72%,#185e43 100%);width:168px;height:100dvh;padding:12px 8px;position:sticky;top:0;overflow-y:auto}main:not(.login-page):not(.employee-mode)>.workspace{padding:8px 12px 22px}}main:not(.login-page):not(.employee-mode)>aside .brand{gap:7px;padding:2px 5px 11px}main:not(.login-page):not(.employee-mode)>aside .brandmark{color:#164532;background:#c6e83f;border-radius:8px;width:30px;height:30px;font-size:14px}main:not(.login-page):not(.employee-mode)>aside .brand strong{color:#fff;font-size:16px}main:not(.login-page):not(.employee-mode)>aside nav{gap:3px;margin-top:0}main:not(.login-page):not(.employee-mode)>aside nav button{color:#dcebe4;border-radius:7px;min-height:34px;padding:6px 8px;font-size:12px}main:not(.login-page):not(.employee-mode)>aside nav button:hover{background:#ffffff12}main:not(.login-page):not(.employee-mode)>aside nav button.active{color:#fff;background:#2c7658;box-shadow:inset 3px 0 #c8e947}main:not(.login-page):not(.employee-mode)>aside .icon{background:#ffffff12;border-radius:6px;width:21px;height:21px;font-size:10px}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup{background:#052f25;border:1px solid #ffffff16;border-radius:9px;margin:4px 0;padding:5px}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup-title{color:#fff;gap:6px;margin-bottom:3px;padding:2px 3px;font-size:12px}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup-title .icon{color:#153e30;background:#d8b952}main:not(.login-page):not(.employee-mode)>aside .nav-child{padding-left:7px}main:not(.login-page):not(.employee-mode)>aside .nav-dot{background:#ffffff10;border-radius:5px;min-width:23px;padding:2px 3px;font-size:9px}main:not(.login-page):not(.employee-mode)>aside .source{background:#073528;border-color:#ffffff18;margin-top:auto;padding:8px}main:not(.login-page):not(.employee-mode)>aside .source span,main:not(.login-page):not(.employee-mode)>aside .source small{font-size:8px!important}main:not(.login-page):not(.employee-mode)>aside .source strong{font-size:10px}.owner-toolbar{min-height:54px;box-shadow:none;color:#fff;background:linear-gradient(90deg,#0a4b39,#0c684a);border:0;border-radius:9px;grid-template-columns:minmax(185px,.55fr) minmax(420px,1.5fr) auto;gap:8px;margin-bottom:7px!important;padding:6px 146px 6px 11px!important}.owner-toolbar-copy{gap:1px;display:grid}.owner-toolbar-copy .eyebrow{display:none}.owner-toolbar-copy h1{color:#fff;white-space:nowrap;margin:0;font:800 17px/1.2 Arial,Noto Sans TC,sans-serif}.owner-toolbar-copy h1 span{color:#95c9ad;font-weight:500}.owner-toolbar-copy>p:not(.eyebrow){color:#d3e7dc;margin:1px 0 0;font-size:9px!important}.owner-toolbar-status{gap:5px}.owner-toolbar-status .cloud-status{color:#d9f4e5;background:#ffffff12;padding:4px 7px;font-size:10px!important}.owner-toolbar-status .ghost{color:#fff;background:#ffffff10;border-color:#fff5;min-width:54px;min-height:32px;padding:5px 8px;font-size:11px!important}.owner-toolbar-status .cloud-error-detail{color:#ffe1d7;font-size:9px!important}.prominent-month-picker{box-shadow:none;background:#ffffff12;border:0;border-radius:7px;grid-template-columns:auto 104px 90px minmax(155px,1fr);gap:5px;padding:4px 6px}.prominent-month-picker>strong{color:#fff;font-size:12px}.prominent-month-picker label{color:#d2e8dc;gap:1px;font-size:8px}.prominent-month-picker select{border:0;border-radius:6px;min-height:34px;padding:4px 23px 4px 7px;font-size:14px!important}.next-month-control{gap:1px}.next-month-button{color:#fff;background:#ffffff13;border:1px solid #ffffff4c;border-radius:6px;min-height:34px;padding:5px 7px;font-size:10px}.next-month-control small{color:#d9e8df;max-width:230px;line-height:1.2;font-size:8px!important}.payroll-workflow{background:#fff;border:1px solid #dce6df;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 7px;padding:4px;display:grid;overflow:hidden}.payroll-workflow button{color:#65736b;cursor:pointer;background:#f5f7f5;border:0;border-right:1px solid #e6ece8;border-radius:0;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:5px 14px;display:flex;position:relative}.payroll-workflow button:last-child{border-right:0}.payroll-workflow button:after{content:"›";z-index:1;color:#9eaaa3;font-size:17px;position:absolute;right:-5px}.payroll-workflow button:last-child:after{content:none}.payroll-workflow button span{color:#fff;background:#b8c3bd;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:900;display:grid}.payroll-workflow button strong{font-size:12px}.payroll-workflow button.active{color:#176344;background:#ecf8ef}.payroll-workflow button.active span{background:#13824f;box-shadow:0 0 0 3px #cfedd9}.panel,.monthly-stats,.settings-card,.attendance-month-picker,.payroll-employee-picker,.payroll-completion{border-color:#dce5df;border-radius:9px;box-shadow:0 2px 8px #173c2f0a}.panel-title,.accounts-page .panel-title,.account-zone-heading{padding:8px 10px}.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2{font:800 17px/1.25 Arial,Noto Sans TC,sans-serif}.panel-title p:not(.tag),.account-zone-heading p:not(.tag){line-height:1.35;font-size:10px!important}.eyebrow,.tag{letter-spacing:.08em;font-size:9px!important}.primary,.ghost,.line-button,.line-login-button{border-radius:7px;min-height:34px;padding:6px 10px;font-size:11px!important}.field>span,.new-employee-grid .field>span{font-size:9px!important}.field input,.field select,.field textarea,.account-access select,.registration-list select,.registration-list input{border-radius:6px;min-height:34px;padding:5px 7px;font-size:13px!important}.readonly{min-height:34px;padding:6px!important}.readonly b{font-size:12px}.payroll-progress-summary{margin-bottom:7px;overflow:hidden}.payroll-progress-summary>summary{color:#315343;cursor:pointer;background:#f6f9f6;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 10px;list-style:none;display:flex}.payroll-progress-summary>summary::-webkit-details-marker{display:none}.payroll-progress-summary>summary span{align-items:center;gap:9px;display:flex}.payroll-progress-summary>summary b{font-size:11px}.payroll-progress-summary>summary strong{color:#1c6845;background:#def1e4;border-radius:999px;padding:3px 7px;font-size:10px}.payroll-progress-summary>summary small{color:#68776f;font-size:9px}.payroll-progress-summary[open]>summary{border-bottom:1px solid #dce5df}.payroll-progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px}.payroll-progress-grid article{border-radius:7px;gap:2px;padding:7px 8px}.payroll-progress-grid article>span{font-size:9px}.payroll-progress-grid article>strong{font-size:16px}.payroll-progress-grid article>b{font-size:8px}.payroll-employee-picker{background:#f7faf7;align-items:end;gap:7px;margin-bottom:7px;padding:7px 9px;display:flex}.payroll-employee-picker label{flex:0 250px;gap:2px}.payroll-employee-picker label>span{font-size:9px}.payroll-employee-picker select{border-radius:6px;min-height:34px;padding:5px 25px 5px 7px;font-size:12px}.salary-layout{box-shadow:none;background:0 0;border:0;display:block;overflow:visible}.salary-layout>.panel-title{background:#fff;border:1px solid #dce5df;border-radius:9px;margin-bottom:7px;position:static}.salary-workbench{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:8px;display:grid}.salary-workbench>.payroll-fields-lock{gap:7px;display:grid}.salary-layout .salary-category{background:#fff;border:1px solid #dce5df;border-radius:9px;display:block;overflow:hidden}.salary-layout .salary-category-title{background:#e9f7ed;border:0;border-bottom:1px solid #dce5df;align-items:center;gap:7px;min-height:39px;padding:6px 9px;display:flex}.salary-layout .salary-category:nth-child(2) .salary-category-title{background:#fff6d9}.salary-layout .salary-category:nth-child(3) .salary-category-title{background:#eaf3ff}.salary-layout .salary-category:nth-child(4) .salary-category-title{background:#ffe7e7}.salary-layout .salary-category:nth-child(5) .salary-category-title{background:#eee8ff}.salary-layout .salary-category-title>span{border-radius:6px;flex:none;width:22px;height:22px;font-size:8px}.salary-layout .salary-category-title h3{margin:0;font:800 13px Arial,Noto Sans TC,sans-serif}.salary-layout .salary-category-title p{flex:1;margin:0;line-height:1.25;font-size:9px!important}.salary-layout .category-total{white-space:nowrap;margin:0;font:800 14px Arial,Noto Sans TC,sans-serif}.salary-layout .salary-category-fields{padding:7px 9px}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row{grid-template-columns:repeat(auto-fit,minmax(128px,175px));gap:6px}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field{max-width:175px}.salary-layout .custom-bonus{grid-template-columns:repeat(2,minmax(128px,170px));gap:6px;padding:6px}.salary-layout .custom-bonus>.field{width:170px}.salary-layout .salary-support{margin-top:6px;padding-top:6px}.salary-category .inline-formulas{margin-top:6px}.formula-line{border-radius:6px;grid-template-columns:150px minmax(0,1fr) auto;gap:6px;padding:5px 7px}.formula-line span,.formula-line code,.inline-formulas>small{font-size:8px!important}.formula-line strong{font-size:10px}.voluntary-pension-toggle{gap:6px;margin-top:6px;padding:6px 8px}.voluntary-pension-toggle strong{font-size:10px}.voluntary-pension-toggle small{font-size:8px!important}.leave-payroll-grid{gap:6px}.leave-payroll-grid article{padding:6px}.salary-summary-rail{gap:7px;display:grid;position:sticky;top:63px}.salary-summary-rail .salary-grand-total{color:#243c31;background:#fff;border:1px solid #cfe1d5;border-radius:9px;gap:0;padding:0;display:grid;overflow:hidden}.salary-summary-rail .salary-grand-total>div{background:#fff;border-bottom:1px solid #e3e9e5;border-radius:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.salary-summary-rail .salary-grand-total>b{display:none}.salary-summary-rail .salary-grand-total span{color:#56675e;font-size:9px}.salary-summary-rail .salary-grand-total strong{color:#173c2f;font-size:13px}.salary-summary-rail .salary-grand-total .grand-net{text-align:center;background:linear-gradient(135deg,#def4e4,#ccebd7);border:0;justify-items:center;gap:2px;margin:0;padding:14px 10px;display:grid}.salary-summary-rail .salary-grand-total .grand-net span{color:#276246;font-size:10px;font-weight:800}.salary-summary-rail .salary-grand-total .grand-net strong{color:#075735;font-size:24px}.salary-summary-rail .payroll-confirm{border-width:1px;border-radius:9px;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:9px}.salary-summary-rail .payroll-confirm strong{font-size:11px}.salary-summary-rail .payroll-confirm small{line-height:1.35;font-size:9px!important}.salary-summary-rail .payroll-confirm-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.salary-summary-rail .payroll-confirm-actions .primary{grid-column:1/-1}.salary-summary-rail .payroll-confirm-actions button{width:100%;min-height:34px;padding:5px;font-size:10px}.payroll-leave-note{margin-top:7px;padding:8px}.attendance-month-picker{background:#edf7f0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;padding:7px 9px;display:flex}.attendance-month-picker>div:first-child{align-items:center;gap:8px;display:flex}.attendance-month-picker span{font-size:9px}.attendance-month-picker strong{font-size:14px}.attendance-month-picker small{font-size:9px!important}.attendance-month-picker>div:last-child{gap:5px}.attendance-month-picker button,.attendance-month-picker input{border-radius:6px;min-height:34px;padding:5px 8px;font-size:11px}.attendance-calendar-panel>.panel-title{align-items:center;min-height:52px;display:flex}.calendar-employee{font-size:9px}.calendar-employee select{min-width:180px;min-height:34px;padding:5px 7px;font-size:11px!important}.attendance-color-settings{background:#f7faf7;border-radius:8px;margin:0 8px 7px;padding:0}.attendance-color-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 9px;list-style:none;display:flex}.attendance-color-settings>summary::-webkit-details-marker{display:none}.attendance-color-settings>summary span{align-items:center;gap:8px;display:flex}.attendance-color-settings>summary strong{font-size:11px}.attendance-color-settings>summary small{color:#68776f;font-size:8px}.attendance-color-settings>summary b{color:#286044;background:#e3efe6;border-radius:6px;padding:4px 7px;font-size:9px}.attendance-color-settings[open]>summary{border-bottom:1px solid #dce5df}.attendance-color-settings .color-settings-heading{padding:7px 8px 0}.attendance-color-settings .color-settings-heading>p{color:#68776f;margin:0;font-size:8px}.attendance-color-inputs{grid-template-columns:repeat(6,minmax(90px,1fr));gap:5px;margin:7px 8px}.attendance-color-inputs label{border-radius:6px;grid-template-columns:23px 1fr;gap:5px;padding:5px}.attendance-color-inputs input{width:23px;height:23px}.attendance-color-inputs span{font-size:8px}.attendance-color-inputs code{font-size:7px}.color-setting-message{margin:6px 8px;font-size:8px}.attendance-color-legend{gap:4px;margin:0 8px 7px}.attendance-color-legend span{padding:4px 7px;font-size:8px}.calendar-weekdays{margin:0 7px}.calendar-weekdays span{padding:5px;font-size:9px}.attendance-calendar{margin:0 7px 7px}.calendar-day{min-height:82px;padding:5px}.calendar-date strong{font-size:14px}.calendar-records{gap:2px;margin-top:3px}.calendar-records p,.calendar-records label{padding:3px;font-size:8px}.calendar-footer,.attendance-day-editor{width:calc(100vw - 208px);max-width:1100px}@media (max-width:1100px) and (min-width:721px){.owner-toolbar{grid-template-columns:minmax(180px,.6fr) minmax(350px,1.3fr);padding-right:140px!important}.owner-toolbar-status{grid-column:1/-1;justify-content:flex-end}.salary-workbench{grid-template-columns:minmax(0,1fr) 220px}.prominent-month-picker{grid-template-columns:auto 90px 80px minmax(140px,1fr)}}@media (max-width:720px){main:not(.login-page):not(.employee-mode){background:#f3f6f2;display:block}main:not(.login-page):not(.employee-mode)>aside{z-index:900;background:linear-gradient(90deg,#0a4535,#0d674a);width:auto;padding:6px 7px;position:sticky;top:0}main:not(.login-page):not(.employee-mode)>aside .brand{padding:0 142px 5px 2px}main:not(.login-page):not(.employee-mode)>aside .brandmark{width:28px;height:28px}main:not(.login-page):not(.employee-mode)>aside .brand strong{font-size:15px}main:not(.login-page):not(.employee-mode)>aside nav{gap:4px;margin:0;display:flex;overflow-x:auto}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup{display:contents}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup-title{display:none}main:not(.login-page):not(.employee-mode)>aside nav button{flex:none;min-height:34px;padding:5px 8px;font-size:11px}main:not(.login-page):not(.employee-mode)>aside .source{display:none}main:not(.login-page):not(.employee-mode)>.workspace{padding:6px 6px calc(18px + env(safe-area-inset-bottom))}.owner-toolbar{gap:5px;min-height:auto;display:grid;grid-template-columns:1fr!important;padding:6px 132px 6px 8px!important}.owner-toolbar-copy{grid-area:auto/1!important}.owner-toolbar-copy h1{font-size:14px}.prominent-month-picker{grid-template-columns:1fr 1fr;padding:5px;grid-area:auto/1!important}.prominent-month-picker>strong{text-align:left;grid-column:1/-1}.prominent-month-picker label{font-size:8px}.prominent-month-picker select{min-height:34px;font-size:13px!important}.next-month-control{grid-column:1/-1}.next-month-control small{text-align:left;max-width:none}.owner-toolbar-status{justify-content:flex-start;grid-area:auto/1!important}.payroll-workflow{z-index:12;grid-template-columns:repeat(4,minmax(64px,1fr));padding:3px;position:sticky;top:73px;overflow-x:auto}.payroll-workflow button{gap:3px;min-height:36px;padding:4px 3px}.payroll-workflow button span{width:20px;height:20px;font-size:9px}.payroll-workflow button strong{white-space:nowrap;font-size:9px}.payroll-progress-summary>summary{flex-direction:column;align-items:flex-start;gap:3px}.payroll-progress-summary>summary span{justify-content:space-between;width:100%}.payroll-progress-grid{grid-template-columns:1fr 1fr}.payroll-employee-picker{grid-template-columns:1fr 1fr;gap:5px;padding:6px;display:grid}.payroll-employee-picker label{min-width:0}.payroll-employee-picker select{width:100%;font-size:11px}.salary-layout>.panel-title{padding:7px 8px;position:static}.salary-workbench{display:block}.salary-workbench>.payroll-fields-lock{gap:6px}.salary-layout .salary-category-title{grid-template-columns:auto 1fr auto;gap:5px;padding:6px 7px;display:grid}.salary-layout .salary-category-title h3{font-size:12px}.salary-layout .salary-category-title p{grid-column:2/-1}.salary-layout .category-total{grid-area:1/3;font-size:12px}.salary-layout .salary-category-fields{padding:6px 7px}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field{width:100%;max-width:none}.salary-layout .custom-bonus,.salary-layout .voluntary-pension-fields{grid-template-columns:1fr 1fr;width:100%}.salary-layout .custom-bonus>.field{width:100%}.formula-line{grid-template-columns:1fr auto}.formula-line code{grid-area:2/1/auto/-1}.salary-summary-rail{margin-top:6px;position:static}.salary-summary-rail .salary-grand-total{grid-template-columns:1fr 1fr;position:static}.salary-summary-rail .salary-grand-total>div{min-height:42px;padding:6px 8px}.salary-summary-rail .salary-grand-total .grand-net{grid-column:1/-1;padding:11px}.salary-summary-rail .payroll-confirm{position:static}.attendance-month-picker{flex-direction:column;align-items:stretch;gap:5px;padding:6px}.attendance-month-picker>div:first-child{grid-template-columns:auto auto;gap:2px 7px;display:grid}.attendance-month-picker small{grid-column:1/-1}.attendance-month-picker>div:last-child{grid-template-columns:1fr 1.15fr 1fr;display:grid}.attendance-calendar-panel>.panel-title{flex-direction:column;align-items:stretch}.calendar-employee select{width:100%;min-width:0}.attendance-color-settings{width:calc(100vw - 26px);position:sticky;left:0}.attendance-color-settings>summary span{flex-direction:column;align-items:flex-start;gap:1px}.attendance-color-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.color-settings-heading{flex-direction:column;align-items:stretch}.calendar-weekdays,.attendance-calendar{grid-template-columns:repeat(7,minmax(70px,1fr))}.calendar-footer,.attendance-day-editor{width:calc(100vw - 26px)}}@media (max-width:430px){.payroll-employee-picker{grid-template-columns:1fr}.payroll-progress-grid{grid-template-columns:1fr 1fr}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row,.salary-layout .custom-bonus,.salary-layout .voluntary-pension-fields{grid-template-columns:1fr}}.employee-dashboard{position:relative}.employee-dashboard>#employee-salary{pointer-events:none;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.portal-toolbar strong{font-size:16px}.manual-attendance h2{font-size:24px}.clock-rollover-note{color:var(--muted);font-size:14px;line-height:1.55}.clock-step-list>div{font-size:15px}.clock-button strong{font-size:18px}.attendance-history b,.attendance-history span{line-height:1.45;font-size:14px!important}.salary-open strong{font-size:19px}.salary-open small{font-size:14px}.line-binding-content>strong{font-size:18px}.line-binding-content>span,.line-binding-content>small{font-size:14px;line-height:1.45}@media (min-width:860px){.employee-workspace{width:min(100% - 32px,1280px);max-width:none;padding:18px 0 28px}.employee-dashboard{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);align-items:start;gap:14px 16px;display:grid}.employee-dashboard>.manual-attendance{grid-area:1/1/span 2;width:100%;max-width:none;margin:0;padding:20px}.employee-dashboard>.salary-open,.employee-dashboard>.salary-receipt-closed{grid-area:1/2;width:100%;max-width:none;margin:0}.employee-dashboard>.employee-portal-footer{border:0;grid-area:2/2;width:100%;max-width:none;margin:0;padding:0}.employee-dashboard.salary-only{grid-template-columns:minmax(0,720px);justify-content:center}.employee-dashboard.salary-only>.salary-open,.employee-dashboard.salary-only>.salary-receipt-closed,.employee-dashboard.salary-only>.employee-portal-footer{grid-area:auto/1}.employee-portal-footer .line-binding-card{margin:0 0 10px;padding:14px}.employee-dashboard .employee-logout{width:auto;min-height:42px;padding:8px 18px;font-size:14px!important}.simplified-clock{grid-template-columns:170px minmax(0,1fr);gap:14px}.simplified-clock>div:first-child{grid-column:1/-1}.clock-step-list{gap:8px;padding:10px}.clock-button{min-height:94px;padding:16px}}@media (min-width:721px){main:not(.login-page):not(.employee-mode){grid-template-columns:210px minmax(0,1fr)}main:not(.login-page):not(.employee-mode)>aside{width:210px;padding:14px 10px}main:not(.login-page):not(.employee-mode)>.workspace{max-width:none;margin:0;padding:10px 14px 28px}main:not(.login-page):not(.employee-mode)>aside .brand strong{font-size:18px}main:not(.login-page):not(.employee-mode)>aside nav button{min-height:40px;padding:8px 9px;font-size:14px}main:not(.login-page):not(.employee-mode)>aside .nav-subgroup-title{font-size:14px}main:not(.login-page):not(.employee-mode)>aside .nav-dot{font-size:11px}.owner-toolbar{grid-template-columns:minmax(220px,.55fr) minmax(500px,1.5fr) auto;min-height:64px;padding-block:8px!important}.owner-toolbar-copy h1{font-size:20px}.owner-toolbar-copy>p:not(.eyebrow){font-size:13px!important}.prominent-month-picker{grid-template-columns:auto 122px 108px minmax(190px,1fr);gap:7px;padding:6px 8px}.prominent-month-picker>strong{font-size:15px}.prominent-month-picker label{font-size:12px}.prominent-month-picker select{min-height:40px;padding:6px 28px 6px 9px;font-size:16px!important}.next-month-button{min-height:40px;font-size:13px}.next-month-control small{font-size:11px!important}.owner-toolbar-status .cloud-status,.owner-toolbar-status .ghost{font-size:13px!important}.payroll-workflow button{gap:9px;min-height:46px;padding:7px 14px}.payroll-workflow button span{width:28px;height:28px;font-size:13px}.payroll-workflow button strong{font-size:15px}.panel-title,.accounts-page .panel-title,.account-zone-heading{padding:11px 13px}.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2{font-size:20px}.panel-title p:not(.tag),.account-zone-heading p:not(.tag){font-size:14px!important}.eyebrow,.tag{font-size:12px!important}.primary,.ghost,.line-button,.line-login-button{min-height:40px;padding:8px 13px;font-size:14px!important}.field>span,.new-employee-grid .field>span{margin-bottom:6px;font-size:14px!important}.field input,.field select,.field textarea,.account-access select,.registration-list select,.registration-list input{min-height:42px;padding:7px 9px;font-size:16px!important}.field small{font-size:13px}.payroll-progress-summary>summary{min-height:44px;padding:8px 12px}.payroll-progress-summary>summary b{font-size:14px}.payroll-progress-summary>summary strong{font-size:13px}.payroll-progress-summary>summary small{font-size:12px}.payroll-employee-picker{gap:10px;padding:9px 11px}.payroll-employee-picker label{flex-basis:270px}.payroll-employee-picker label>span{font-size:13px}.payroll-employee-picker select{min-height:40px;font-size:15px}.salary-workbench{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.salary-workbench>.payroll-fields-lock{gap:10px}.salary-layout .salary-category-title{gap:9px;min-height:48px;padding:8px 12px}.salary-layout .salary-category-title>span{width:28px;height:28px;font-size:11px}.salary-layout .salary-category-title h3{font-size:18px}.salary-layout .salary-category-title p{font-size:14px!important}.salary-layout .category-total{font-size:18px}.salary-layout .salary-category-fields{padding:10px 12px}.salary-layout .salary-two,.salary-layout .salary-support,.salary-layout .salary-stack,.salary-layout .salary-compact-row{grid-template-columns:repeat(auto-fit,minmax(150px,190px));justify-content:start;gap:9px}.salary-layout .salary-two>.field,.salary-layout .salary-support>.field,.salary-layout .salary-stack>.field,.salary-layout .salary-compact-row>.field{width:100%;max-width:190px}.salary-layout .new-hire-meal-fields{grid-template-columns:repeat(3,minmax(150px,190px))}.salary-layout .custom-bonus{grid-template-columns:repeat(2,minmax(150px,185px));gap:9px;width:max-content;padding:9px}.salary-layout .custom-bonus>.field{width:185px}.salary-layout .voluntary-pension-fields{grid-template-columns:repeat(3,minmax(150px,190px))}.formula-line{grid-template-columns:170px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.formula-line span,.formula-line code,.inline-formulas>small{line-height:1.4;font-size:13px!important}.formula-line strong{font-size:15px}.voluntary-pension-toggle strong{font-size:14px}.voluntary-pension-toggle small{font-size:12px!important}.leave-payroll-grid article{padding:9px}.leave-payroll-grid span,.leave-payroll-grid small{font-size:13px}.leave-payroll-grid strong{font-size:15px}.salary-summary-rail{gap:10px;top:74px}.salary-summary-rail .salary-grand-total>div{padding:10px 12px}.salary-summary-rail .salary-grand-total span{font-size:14px}.salary-summary-rail .salary-grand-total strong{font-size:17px}.salary-summary-rail .salary-grand-total .grand-net{padding:16px 12px}.salary-summary-rail .salary-grand-total .grand-net span{font-size:15px}.salary-summary-rail .salary-grand-total .grand-net strong{font-size:32px}.salary-summary-rail .payroll-confirm{gap:10px;padding:11px}.salary-summary-rail .payroll-confirm strong{font-size:15px}.salary-summary-rail .payroll-confirm small{font-size:13px!important}.salary-summary-rail .payroll-confirm-actions button{min-height:40px;padding:7px;font-size:13px}.rule-section{padding:14px}.rule-heading{margin-bottom:11px}.rule-heading h3{font-size:20px}.rule-heading code{font-size:14px}.rule-heading>strong{font-size:22px}.group-rule-grid{grid-template-columns:minmax(190px,260px) minmax(260px,460px);justify-content:start;gap:10px}.group-rule-grid>.field{max-width:260px}.rule-result span,.rule-result small{font-size:13px}.rule-members>span,.rule-members p{font-size:13px!important}.driver-rules{gap:10px}.driver-rules article{padding:11px}.driver-title{margin-bottom:9px}.driver-title strong,.driver-title span{font-size:18px}.driver-fields{grid-template-columns:repeat(4,minmax(150px,210px));justify-content:start;gap:9px}.driver-fields>.field{width:100%;max-width:210px}.driver-formula,.bonus-rule-note,.no-bonus{line-height:1.45;font-size:14px!important}.attendance-month-picker{padding:9px 11px}.attendance-month-picker span,.attendance-month-picker small{font-size:13px!important}.attendance-month-picker strong{font-size:18px}.attendance-month-picker button,.attendance-month-picker input{min-height:40px;padding:7px 10px;font-size:14px}.attendance-calendar-panel>.panel-title{min-height:62px}.calendar-employee{font-size:13px}.calendar-employee select{min-width:210px;min-height:40px;font-size:15px!important}.attendance-color-settings{margin:0 10px 9px}.attendance-color-settings>summary{min-height:44px;padding:8px 11px}.attendance-color-settings>summary strong{font-size:15px}.attendance-color-settings>summary small{font-size:12px}.attendance-color-settings>summary b{font-size:13px}.attendance-color-inputs{grid-template-columns:repeat(6,minmax(115px,1fr));gap:7px;margin:9px 10px}.attendance-color-inputs label{grid-template-columns:28px 1fr;padding:7px}.attendance-color-inputs input{width:28px;height:28px}.attendance-color-inputs span{font-size:13px}.attendance-color-inputs code{font-size:11px}.color-setting-message{font-size:13px}.attendance-color-legend{gap:6px;margin:0 10px 9px}.attendance-color-legend span{padding:6px 10px;font-size:13px!important}.calendar-weekdays{margin:0 9px}.calendar-weekdays span{padding:8px 5px;font-size:14px}.attendance-calendar{margin:0 9px 9px}.calendar-day{min-height:108px;padding:7px}.calendar-date strong{font-size:18px}.calendar-date span{font-size:12px}.calendar-records{gap:4px;margin-top:6px}.calendar-records p,.calendar-records label{padding:5px;font-size:13px}.calendar-records input{font-size:14px!important}.calendar-footer,.attendance-day-editor{width:calc(100vw - 238px);max-width:1320px}.calendar-footer span,.calendar-footer small{font-size:13px!important}}@media (min-width:721px) and (max-width:1200px){.owner-toolbar{grid-template-columns:1fr;padding-right:142px!important}.owner-toolbar-status{grid-column:1/-1;justify-content:flex-start}.prominent-month-picker{grid-template-columns:auto 110px 96px minmax(170px,1fr)}.salary-workbench{grid-template-columns:minmax(0,1fr) 260px}.driver-fields{grid-template-columns:repeat(2,minmax(150px,210px))}.attendance-color-inputs{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (max-width:859px){.employee-dashboard{display:block}.employee-dashboard>.manual-attendance,.employee-dashboard>.salary-open,.employee-dashboard>.salary-receipt-closed,.employee-dashboard>.employee-portal-footer{width:100%;max-width:none;margin:0 0 10px}.employee-portal-footer{padding-top:10px}.employee-logout{min-height:44px}}@media (max-width:520px){.portal-toolbar strong{font-size:15px}.manual-attendance h2{font-size:22px}.clock-rollover-note{font-size:13px}.clock-step-list>div{font-size:14px}.clock-button strong{font-size:17px}.line-binding-content>strong{font-size:16px}.line-binding-content>span,.line-binding-content>small{font-size:13px}}.owner-app-shell{--ink:#20333f;--muted:#587080;--line:#cbd8e0;--paper:#fff;--green:#1f526d;--mint:#e8f1f6;--owner-navy:#173f53;--owner-navy-strong:#0f3041;--owner-orange:#d66a1f;--owner-orange-soft:#fff1e5;min-width:0;color:var(--ink);background:#fff;grid-template-columns:202px minmax(0,1fr)}.owner-app-shell>.owner-sidebar{background:linear-gradient(180deg,var(--owner-navy-strong),var(--owner-navy));color:#edf6fa;width:202px;box-shadow:none;padding:10px 8px}main.owner-app-shell>.owner-sidebar{background:linear-gradient(#0f3041 0%,#173f53 100%)!important;width:202px!important;padding:10px 8px!important}.owner-app-shell>.owner-sidebar .brand{gap:8px;min-height:52px;padding:4px 5px 10px}.owner-app-shell>.owner-sidebar .brandmark{background:var(--owner-orange);color:#fff;border-radius:7px;width:36px;height:36px;font-size:16px}.owner-app-shell>.owner-sidebar .brand strong{font-size:18px}.owner-app-shell>.owner-sidebar nav{align-content:start;gap:3px;min-height:0;display:grid;overflow-y:auto}.owner-app-shell>.owner-sidebar nav>button,.owner-app-shell .owner-group-toggle{width:100%;min-height:36px;box-shadow:none;color:#dceaf1;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:5px 8px;font-size:15px;font-weight:800;display:flex}.owner-app-shell>.owner-sidebar nav>button:hover,.owner-app-shell .owner-group-toggle:hover,.owner-app-shell .owner-group-toggle.active{color:#fff;background:#28556c}.owner-app-shell>.owner-sidebar nav>button.active{box-shadow:inset 4px 0 var(--owner-orange);color:var(--owner-navy);background:#fff}.owner-app-shell>.owner-sidebar .icon{color:#fff;background:#ffffff13;border-radius:5px;flex:none;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.owner-app-shell>.owner-sidebar nav>button.active .icon{background:var(--owner-orange-soft);color:var(--owner-orange)}.owner-app-shell .owner-nav-group{min-width:0}.owner-app-shell .owner-group-arrow{color:#afc8d4;margin-left:auto}.owner-app-shell .owner-subnav{gap:2px;margin:2px 0 5px 18px;display:grid}.owner-app-shell .owner-subnav[hidden]{display:none}.owner-app-shell .owner-subnav button{color:#d5e5ed;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;min-height:32px;padding:5px 7px;font-size:14px;font-weight:700;display:flex}.owner-app-shell .owner-subnav button:hover{color:var(--owner-navy);background:#e7f0f5}.owner-app-shell .owner-subnav button.active{color:var(--owner-navy);background:#fff}.owner-app-shell .owner-subnav .nav-dot{color:#cde0e9;background:#ffffff14;border-radius:4px;width:25px;height:21px;font-size:11px}.owner-app-shell .owner-subnav button.active .nav-dot{background:var(--owner-orange);color:#fff}.owner-app-shell>.owner-sidebar .source{background:#0d3041;border-color:#5f7e8e;border-radius:6px;padding:9px}.owner-app-shell>.owner-sidebar .source span,.owner-app-shell>.owner-sidebar .source small{font-size:11px!important}.owner-menu-close,.owner-menu-toggle,.owner-menu-backdrop{display:none}.owner-app-shell>.owner-workspace{background:#fff;grid-column:2;width:100%;min-width:0;max-width:none;margin:0;padding:0 10px 24px}.owner-app-shell .owner-toolbar{z-index:24;min-height:58px;box-shadow:none;color:var(--ink);background:#fff;border-bottom:1px solid #c6d4dc;border-radius:0;grid-template-columns:minmax(190px,.55fr) minmax(430px,1.45fr) auto;align-items:center;gap:6px 10px;display:grid;position:sticky;top:0;margin:0 -10px!important;padding:6px 146px 6px 10px!important}.owner-app-shell .owner-toolbar-copy h1{color:var(--owner-navy);white-space:nowrap;font-size:20px}.owner-app-shell .owner-toolbar-copy h1 span{color:var(--owner-orange)}.owner-app-shell .owner-toolbar-copy>p:not(.eyebrow){color:var(--muted)}.owner-app-shell .prominent-month-picker{box-shadow:none;background:#f3f7f9;border:1px solid #c5d3dc;border-radius:6px;grid-template-columns:auto 112px 96px minmax(170px,1fr);gap:5px;padding:5px 7px}.owner-app-shell .prominent-month-picker>strong{color:var(--owner-navy);font-size:15px}.owner-app-shell .prominent-month-picker label{color:#4c6473;font-size:11px}.owner-app-shell .prominent-month-picker select{color:#203b4b;border:1px solid #b8c8d2;border-radius:5px;min-height:34px;padding:4px 26px 4px 7px;font-size:15px!important}.owner-app-shell .next-month-control{gap:1px}.owner-app-shell .next-month-button{border:1px solid var(--owner-orange);background:var(--owner-orange);color:#fff;border-radius:5px;min-height:34px;padding:5px 8px;font-size:13px}.owner-app-shell .next-month-button:hover:not(:disabled){background:#bd5817}.owner-app-shell .next-month-button:disabled{color:#647985;background:#e3e9ed;border-color:#aab9c2}.owner-app-shell .next-month-control small{color:#607581;max-width:280px;font-size:11px!important}.owner-app-shell .owner-toolbar-status{gap:5px}.owner-app-shell .owner-toolbar-status .cloud-status{color:#246243;background:#e8f4ed;border-radius:999px;padding:5px 7px;font-size:13px!important}.owner-app-shell .owner-toolbar-status .ghost{min-width:0;min-height:34px;color:var(--owner-navy);background:#fff;border-color:#b7c8d2;padding:5px 9px;font-size:13px!important}body:has(.owner-app-shell) .system-status-button{background:var(--owner-navy,#173f53);border-color:#476d82;box-shadow:0 5px 16px #173f5330}body:has(.owner-app-shell) .system-status-button>span{background:#f08a34;box-shadow:0 0 0 3px #f08a3429}.owner-tabstrip{scrollbar-width:thin;background:#e9f0f4;border-bottom:1px solid #b8c9d3;align-items:end;gap:4px;max-width:100%;margin:0 -10px 8px;padding:5px 8px 0;display:flex;overflow-x:auto}.owner-tab{border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;flex:none;align-items:center;display:flex;position:relative}.owner-tab.active{background:#fff;border-color:#b8c9d3}.owner-tab.active:before{content:"";background:var(--owner-orange);border-radius:2px;height:3px;position:absolute;top:0;left:8px;right:8px}.owner-tab button{color:#294654;white-space:nowrap;background:0 0;border:0;min-height:36px;padding:6px 9px;font-size:14px;font-weight:800}.owner-tab .owner-tab-close{color:#5c7380;min-width:34px;padding-inline:7px;font-size:18px}.owner-app-shell :is(.owner-tab button,.owner-subnav button,.owner-group-toggle,.owner-menu-toggle,.owner-menu-close):focus-visible{outline:2px solid var(--owner-orange);outline-offset:-2px}.owner-app-shell .payroll-workflow{border-color:#c8d5dd;border-radius:6px;margin-bottom:7px}.owner-app-shell .payroll-workflow button{color:#5a6f7b;background:#f4f7f9}.owner-app-shell .payroll-workflow button.active{background:var(--owner-orange-soft);color:#a9470e}.owner-app-shell .payroll-workflow button.active span{background:var(--owner-orange);box-shadow:0 0 0 3px #f3d1ba}.owner-app-shell :is(.panel,.monthly-stats,.settings-card,.account-login-block,.account-security-block){box-shadow:none;background:#fff;border-color:#cbd8e0;border-radius:6px}.owner-app-shell :is(.panel-title,.accounts-page .panel-title,.account-zone-heading){background:#f4f7f9;border-color:#d4dfe5;gap:7px;padding:7px 9px}.owner-app-shell :is(.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2){color:#213d4d;font-size:18px}.owner-app-shell :is(.panel-title p:not(.tag),.account-zone-heading p:not(.tag)){color:#5a707d;font-size:14px!important}.owner-app-shell :is(.primary,.next-month-button){background:var(--owner-orange)}.owner-app-shell .primary:hover{background:#bd5817}.owner-app-shell :is(.primary,.ghost){border-radius:5px;min-height:34px;padding:5px 9px;font-size:14px!important}.owner-app-shell :is(.field input,.field select,.field textarea,.account-access select,.registration-list select,.registration-list input){border-radius:5px;min-height:36px;padding:5px 7px;font-size:15px!important}.owner-app-shell :is(input,textarea):focus{caret-color:var(--owner-navy);outline-color:var(--owner-orange)}.owner-app-shell :is(.monthly-stats,.attendance-admin,.release-matrix-wrap,.annual-leave-table-wrap){overflow-x:auto}.owner-app-shell :is(.monthly-stats table,.attendance-admin table,.release-matrix,.annual-leave-table){font-size:14px}.owner-app-shell :is(.monthly-stats th,.attendance-admin th,.release-matrix th,.annual-leave-table th){color:#4d6674;background:#eef3f6;padding:6px 8px!important;font-size:13px!important}.owner-app-shell :is(.monthly-stats td,.attendance-admin td,.release-matrix td,.annual-leave-table td){padding:6px 8px!important;font-size:14px!important}@media (max-width:1100px) and (min-width:821px){.owner-app-shell{grid-template-columns:182px minmax(0,1fr)}main.owner-app-shell>.owner-sidebar{width:182px!important}.owner-app-shell .owner-toolbar{grid-template-columns:minmax(160px,.5fr) minmax(390px,1.5fr)}.owner-app-shell .owner-toolbar-status{grid-column:1/-1;justify-content:flex-end}}@media (max-width:820px){.owner-app-shell{background:#fff;display:block}main.owner-app-shell>.owner-sidebar{height:100dvh;padding:8px 8px calc(8px + env(safe-area-inset-bottom));inset:0 auto 0 0;overflow-y:auto;box-shadow:8px 0 30px #0b2e4050;z-index:1110!important;width:min(280px,85vw)!important;display:none!important;position:fixed!important}main.owner-app-shell.owner-menu-open>.owner-sidebar{flex-direction:column;display:flex!important}main.owner-app-shell>.owner-sidebar nav{overflow:visible;display:grid!important}.owner-menu-close{color:#fff;background:#ffffff0d;border:1px solid #7898a9;border-radius:5px;min-height:44px;margin:0 0 6px;font-size:14px;font-weight:800;display:block}.owner-menu-backdrop{display:none}.owner-app-shell.owner-menu-open>.owner-menu-backdrop{z-index:1100;background:#102d3d70;border:0;display:block;position:fixed;inset:0}main.owner-app-shell>.owner-workspace{padding:0 6px calc(18px + env(safe-area-inset-bottom));grid-column:auto}.owner-app-shell .owner-toolbar{gap:5px 7px;min-height:0;position:sticky;grid-template-columns:auto minmax(0,1fr)!important;margin:0 -6px!important;padding:5px 6px!important;display:grid!important}.owner-menu-toggle{min-height:44px;color:var(--owner-navy);background:#fff;border:1px solid #b6c8d2;border-radius:5px;grid-area:1/1;align-items:center;padding:6px 9px;font-size:14px;font-weight:800;display:inline-flex}.owner-app-shell .owner-toolbar-copy{min-width:0;padding-right:120px;grid-area:1/2!important}.owner-app-shell .owner-toolbar-copy h1{text-overflow:ellipsis;font-size:17px;overflow:hidden}.owner-app-shell .owner-toolbar-copy>p:not(.eyebrow){display:none}.owner-app-shell .prominent-month-picker{grid-template-columns:1fr 1fr;padding:5px;grid-area:2/1/auto/-1!important}.owner-app-shell .prominent-month-picker>strong{grid-column:1/-1;font-size:14px}.owner-app-shell .prominent-month-picker select{min-height:44px;font-size:16px!important}.owner-app-shell .next-month-control{grid-column:1/-1}.owner-app-shell .next-month-button{min-height:44px;font-size:14px}.owner-app-shell .owner-toolbar-status{justify-content:flex-start;grid-area:3/1/auto/-1!important}.owner-tabstrip{margin:0 -6px 6px;padding:3px 4px 0}.owner-tab button{min-height:44px;padding:6px 8px;font-size:14px}.owner-tab .owner-tab-close{min-width:44px}.owner-app-shell>.owner-sidebar nav>button,.owner-app-shell .owner-group-toggle,.owner-app-shell .owner-subnav button{min-height:44px;font-size:15px}.owner-app-shell :is(.primary,.ghost){min-height:44px}.owner-app-shell :is(.field input,.field select,.field textarea,.account-access select,.registration-list select,.registration-list input){min-height:44px;font-size:16px!important}.owner-app-shell .payroll-workflow{position:static;overflow-x:auto}.owner-app-shell .payroll-workflow button{min-width:105px;min-height:44px}.owner-app-shell :is(.panel-title,.accounts-page .panel-title,.account-zone-heading){padding:7px 8px}.owner-app-shell :is(.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2){font-size:18px}body:has(.owner-app-shell) .system-status-button{top:8px;right:7px}}@media (max-width:430px){.owner-app-shell .owner-toolbar-copy{padding-right:112px}.owner-app-shell .owner-toolbar-copy h1{font-size:16px}.owner-app-shell .prominent-month-picker{grid-template-columns:1fr 1fr}}@media (min-width:821px){.owner-app-shell .attendance-calendar-panel{overflow:visible}.employee-quick-groups{flex-wrap:wrap;overflow:visible}}.attendance-calendar-tools{align-items:end;gap:8px;display:flex}.attendance-calendar-tools .primary{white-space:nowrap}.owner-app-shell .employee-quick-picker{background:#fff;border:1px solid #ccdbe2;border-radius:9px;gap:7px;margin:0 9px 9px;padding:8px;display:grid;box-shadow:0 2px 7px #102f3f0a}.owner-app-shell .employee-quick-picker.payroll-employee-picker{background:#fff;grid-template-columns:minmax(0,1fr);align-items:stretch;margin:0 0 8px;padding:8px;display:grid}.employee-quick-picker-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee-quick-picker-heading>strong{color:#183f51;font-size:16px}.employee-quick-picker-heading>span{color:#607781;font-size:12px;font-weight:800}.employee-quick-groups{scrollbar-width:thin;align-items:stretch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.employee-quick-group{--quick-bg:#edf4f8;--quick-border:#adc7d5;--quick-ink:#244f65;border:1px solid var(--quick-border);background:var(--quick-bg);border-radius:8px;flex:none;min-width:max-content;padding:5px}.employee-quick-group.category-factory{--quick-bg:#eaf4ff;--quick-border:#a9ccec;--quick-ink:#245d8c}.employee-quick-group.category-inside{--quick-bg:#eaf8ef;--quick-border:#acd7ba;--quick-ink:#256640}.employee-quick-group.category-field{--quick-bg:#fff2df;--quick-border:#e9c087;--quick-ink:#8b5619}.employee-quick-group.category-new-hire{--quick-bg:#f5eafd;--quick-border:#d1afe8;--quick-ink:#70458e}.employee-quick-group-label{color:var(--quick-ink);justify-content:space-between;align-items:center;gap:9px;margin:0 3px 4px;display:flex}.employee-quick-group-label strong{font-size:13px}.employee-quick-group-label span{font-size:11px;font-weight:800}.employee-quick-buttons{gap:4px;display:flex}.owner-app-shell .employee-quick-buttons button{border:1px solid var(--quick-border);min-width:96px;min-height:44px;color:var(--quick-ink);text-align:left;cursor:pointer;background:#fff;border-radius:7px;gap:1px;padding:5px 9px;display:grid}.employee-quick-buttons button strong{white-space:nowrap;font-size:15px;line-height:1.2}.employee-quick-buttons button small{color:#64757b;white-space:nowrap;font-size:11px;font-weight:800}.owner-app-shell .employee-quick-buttons button.selected{outline-offset:-2px;background:#fffaf4;border-color:#dc6c19;outline:2px solid #dc6c19;box-shadow:0 2px 8px #dc6c1924}.owner-app-shell .employee-quick-buttons button:focus-visible{outline-offset:2px;outline:3px solid #f29a4a}.calendar-day-shell{min-width:0;position:relative}.calendar-day-shell.empty{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f6f3;min-height:82px}.calendar-day-shell>.calendar-day{width:100%;height:100%}.calendar-record-count{color:#5c7166;text-align:right;margin-top:4px;font-size:9px;font-weight:800;display:block}.attendance-hover-card{z-index:80;color:#213d4d;background:#fff;border:1px solid #aebfc9;border-radius:8px;width:min(370px,42vw);padding:11px;display:none;position:absolute;top:18px;left:calc(100% - 8px);box-shadow:0 12px 30px #102f3f30}.calendar-day-shell:nth-child(7n) .attendance-hover-card,.calendar-day-shell:nth-child(7n-1) .attendance-hover-card{left:auto;right:calc(100% - 8px)}.attendance-hover-card>header{border-bottom:1px solid #d6e0e5;justify-content:space-between;gap:10px;margin-bottom:7px;padding-bottom:7px;display:flex}.attendance-hover-card>header strong{font-size:13px}.attendance-hover-card>header span{color:#687c87;font-size:11px}@media (hover:hover) and (pointer:fine){.calendar-day-shell:hover{z-index:70}.calendar-day-shell:hover .attendance-hover-card,.calendar-day-shell:focus-within .attendance-hover-card{display:block}}.attendance-record-details{gap:7px;display:grid}.attendance-record-details article{background:#f8fafb;border:1px solid #d8e2e7;border-radius:6px;gap:4px;padding:7px;display:grid}.attendance-record-details article header,.attendance-record-details article p{justify-content:space-between;align-items:flex-start;gap:10px;margin:0;display:flex}.attendance-record-details article header strong{font-size:13px}.attendance-record-details article header span,.attendance-record-details article p{font-size:11px}.attendance-record-details article p b{color:#4d6674}.attendance-record-details article p :is(span,a){text-align:right}.attendance-record-details article a{color:#14658d;font-weight:800}.attendance-record-empty{color:#5a707d;background:#f1f5f7;border-radius:6px;padding:9px;font-size:12px}.attendance-editor-backdrop{z-index:1400;background:#102f3f73;justify-content:flex-end;display:flex;position:fixed;inset:0}.attendance-editor-backdrop .attendance-day-editor{background:#fff;border:0;border-left:1px solid #b7c8d1;border-radius:0;height:100dvh;padding:18px;overflow-y:auto;box-shadow:-12px 0 35px #102f3f30;width:min(560px,48vw)!important;max-width:none!important;margin:0!important;position:relative!important;left:auto!important}.day-editor-heading-actions{align-items:center;gap:8px;display:flex}.day-editor-heading-actions>strong{color:var(--green);background:#e4f2e8;border-radius:20px;padding:7px 10px;font-size:12px}.day-editor-close{color:#274758;cursor:pointer;background:#fff;border:1px solid #b8c8d1;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:grid}.day-editor-close:focus-visible{outline:2px solid var(--owner-orange)}.editor-raw-records{background:#fff;border:1px solid #cbd8df;border-radius:8px;margin-top:14px}.editor-raw-records>summary{color:#294957;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:8px 10px;font-size:13px;font-weight:800;list-style:none;display:flex}.editor-raw-records>summary::-webkit-details-marker{display:none}.editor-raw-records>summary span{background:#edf3f6;border-radius:12px;padding:3px 7px;font-size:11px}.editor-raw-records>.attendance-record-details,.editor-raw-records>.attendance-record-empty{margin:0 9px 9px}@media (max-width:820px){.attendance-calendar-tools{flex-direction:column;align-items:stretch}.attendance-calendar-tools .primary{width:100%}.owner-app-shell .employee-quick-picker{width:calc(100vw - 26px);margin-inline:7px;position:sticky;left:0}.employee-quick-picker-heading{flex-direction:column;align-items:flex-start;gap:2px}.employee-quick-groups{scroll-snap-type:x proximity;margin-inline:-2px}.employee-quick-group{scroll-snap-align:start}.owner-app-shell .employee-quick-buttons button{min-width:104px;min-height:48px}.employee-quick-buttons button strong{font-size:16px}.attendance-hover-card{display:none!important}.attendance-editor-backdrop{align-items:flex-end}.attendance-editor-backdrop .attendance-day-editor{height:auto;max-height:88dvh;padding:14px 12px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #b7c8d1;border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -12px 35px #102f3f30;width:100%!important}.day-editor-heading{flex-direction:row;align-items:flex-start}.day-editor-heading-actions{flex-direction:column-reverse;align-items:flex-end}.day-editor-heading-actions>strong{font-size:11px}.day-editor-close{width:44px;height:44px}.calendar-record-count{font-size:9px}}.global-top-actions{z-index:1180;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:fixed;top:8px;right:10px}.global-top-actions .portal-return-link,.global-top-actions .system-status-button{white-space:nowrap;min-height:40px;margin:0;font-weight:900;line-height:1.2;border-radius:7px!important;padding:7px 11px!important;font-size:14px!important;position:static!important;inset:auto!important}.global-top-actions .portal-return-link{color:#173f53;background:#fff;border:1px solid #8fa8b6;box-shadow:0 4px 14px #173f5324}:is(.global-top-actions .portal-return-link:hover,.global-top-actions .portal-return-link:focus-visible){outline-offset:1px;color:#a9470e;border-color:#d66a1f;outline:2px solid #f5c6a7}body:has(.owner-app-shell) .global-top-actions .system-status-button{background:#173f53;border-color:#476d82;box-shadow:0 4px 14px #173f5330}.owner-app-shell .owner-toolbar{min-height:60px;padding-right:300px!important}.owner-app-shell .owner-toolbar-copy h1{font-size:22px;line-height:1.2}.owner-app-shell .prominent-month-picker>strong{font-size:17px}.owner-app-shell .prominent-month-picker label{font-size:13px}.owner-app-shell .prominent-month-picker select{min-height:40px;font-weight:900;font-size:17px!important}.owner-app-shell .next-month-button{min-height:40px;font-size:14px}main.owner-app-shell>.owner-sidebar nav button{font-size:15px;color:#eaf3f7!important}main.owner-app-shell>.owner-sidebar .owner-group-toggle:hover,main.owner-app-shell>.owner-sidebar .owner-subnav button:hover:not(.active){color:#fff!important;opacity:1!important;background:#28566c!important}main.owner-app-shell>.owner-sidebar .owner-group-toggle:focus-visible{color:#fff!important;opacity:1!important;background:#28566c!important}main.owner-app-shell>.owner-sidebar .owner-subnav button:focus-visible:not(.active){color:#fff!important;opacity:1!important;background:#28566c!important}main.owner-app-shell>.owner-sidebar .owner-subnav button.active,main.owner-app-shell>.owner-sidebar .owner-subnav button.active:hover,main.owner-app-shell>.owner-sidebar .owner-subnav button.active:active{box-shadow:none!important;color:#173f53!important;opacity:1!important;text-shadow:none!important;background:#fff!important;border-left:4px solid #f08a34!important}main.owner-app-shell>.owner-sidebar .owner-subnav button.active:focus-visible{box-shadow:none!important;color:#173f53!important;opacity:1!important;text-shadow:none!important;background:#fff!important;border-left:4px solid #f08a34!important}main.owner-app-shell>.owner-sidebar .owner-subnav button.active .nav-dot{color:#fff!important;background:#d66a1f!important}.owner-app-shell>.owner-workspace{padding:0 8px 18px}.owner-app-shell .owner-tabstrip{margin:0 -8px 7px}.owner-app-shell :is(.panel,.settings-card,.monthly-stats,.account-login-block,.account-security-block){margin-bottom:8px}.owner-app-shell :is(.panel-title,.accounts-page .panel-title,.account-zone-heading){padding:8px 10px}.owner-app-shell :is(.panel-title h2,.accounts-page .panel-title h2,.account-zone-heading h2){font-size:19px;line-height:1.25}.owner-app-shell :is(.panel-title p:not(.tag),.account-zone-heading p:not(.tag)){line-height:1.4;font-size:14px!important}.owner-app-shell :is(.eyebrow,.tag){font-size:12px!important}.owner-app-shell .form-section{padding:9px 10px}.owner-app-shell .form-section h3{font-size:15px}.owner-app-shell :is(.field>span,.new-employee-grid .field>span,.settings-grid label>span,.owner-picker>span){margin-bottom:4px;line-height:1.25;font-size:14px!important}.owner-app-shell :is(.field input,.field select,.field textarea,.account-access select,.registration-list select,.registration-list input,.settings-grid input,.settings-grid select){min-height:40px;padding:7px 9px;font-size:16px!important}.owner-app-shell :is(.field small,.settings-grid small){font-size:12px!important}.owner-app-shell :is(.primary,.ghost,.line-button){min-height:40px;padding:7px 11px;font-size:14px!important}@media (min-width:821px){.owner-app-shell :is(.new-employee-grid,.settings-grid,.owner-credential-fields,.day-editor-grid){grid-template-columns:repeat(auto-fit,minmax(160px,220px));justify-content:start;gap:8px;display:grid}.owner-app-shell :is(.new-employee-grid,.settings-grid,.owner-credential-fields,.day-editor-grid)>.field,.owner-app-shell :is(.new-employee-grid,.settings-grid,.owner-credential-fields,.day-editor-grid)>label{width:100%;min-width:0}.owner-app-shell :is(.settings-actions,.new-employee-actions,.payroll-month-note-actions,.day-editor-actions){flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:7px;display:flex}.owner-app-shell :is(.settings-actions,.new-employee-actions,.payroll-month-note-actions,.day-editor-actions) button{width:auto;min-width:0}}.owner-app-shell :is(.attendance-month-picker strong,.salary-layout>.panel-title h2){font-size:22px;font-weight:900}.owner-app-shell :is(.payroll-employee-picker label>span,.calendar-employee,.owner-picker){font-weight:900;font-size:14px!important}.owner-app-shell :is(.payroll-employee-picker select,.calendar-employee select,.owner-picker select){min-height:40px;font-weight:900;font-size:16px!important}.owner-app-shell :is(.matrix-employee strong,.matrix-person strong,.employee-category-header strong){font-size:16px;line-height:1.3}.owner-app-shell .payroll-progress-summary>summary b{font-size:14px}.owner-app-shell .payroll-progress-summary>summary strong{font-size:13px}.owner-app-shell .payroll-progress-summary>summary small{font-size:12px}.owner-app-shell .payroll-progress-grid article>span{font-size:13px}.owner-app-shell .payroll-progress-grid article>strong{font-size:19px}.owner-app-shell .payroll-progress-grid article>b{font-size:12px}.owner-app-shell .salary-layout .salary-category-title h3{font-size:17px}.owner-app-shell .salary-layout .salary-category-title p{font-size:13px!important}.owner-app-shell .salary-layout .category-total{font-size:18px}.owner-app-shell :is(.formula-line span,.formula-line code,.inline-formulas>small){line-height:1.4;font-size:12px!important}.owner-app-shell .formula-line strong{font-size:15px}.owner-app-shell .salary-summary-rail .salary-grand-total span{font-size:13px}.owner-app-shell .salary-summary-rail .salary-grand-total strong{font-size:17px}.owner-app-shell .salary-summary-rail .salary-grand-total .grand-net span{font-size:14px}.owner-app-shell .salary-summary-rail .salary-grand-total .grand-net strong{font-size:30px}.owner-app-shell .salary-summary-rail .payroll-confirm strong{font-size:14px}.owner-app-shell .salary-summary-rail .payroll-confirm small{font-size:12px!important}.owner-app-shell .salary-summary-rail .payroll-confirm-actions button{font-size:13px}.owner-app-shell .payroll-month-note{gap:7px;margin:0 10px 9px;padding:10px}.owner-app-shell .payroll-month-note textarea{min-height:72px;font-size:15px}.owner-app-shell .attendance-month-picker{margin-bottom:7px;padding:9px 11px}.owner-app-shell .attendance-month-picker span,.owner-app-shell .attendance-month-picker small{font-size:13px!important}.owner-app-shell .attendance-month-picker button,.owner-app-shell .attendance-month-picker input{font-size:15px}.owner-app-shell .attendance-calendar-panel>.panel-title{min-height:56px}.owner-app-shell .calendar-weekdays span{padding:7px 5px;font-size:13px}.owner-app-shell .calendar-day{min-height:96px;padding:6px}.owner-app-shell .calendar-date strong{font-size:17px}.owner-app-shell .calendar-date span{font-size:12px}.owner-app-shell .calendar-records p,.owner-app-shell .calendar-records label{padding:4px;font-size:12px}.owner-app-shell .calendar-record-count{font-size:11px}.owner-app-shell .attendance-color-settings>summary strong{font-size:14px}.owner-app-shell .attendance-color-settings>summary small{font-size:12px}.owner-app-shell .attendance-color-legend span{font-size:12px!important}.login-page,.employee-workspace{padding-top:60px}.portal-toolbar{gap:7px;margin-bottom:8px;padding:8px 10px;font-size:14px!important}.employee-menu{padding:18px 0}.employee-menu h1{font-size:36px}.employee-menu-grid{gap:10px;margin:16px auto}.employee-menu-grid button{min-height:112px;padding:16px}.employee-menu-grid strong{font-size:20px}.employee-menu-grid small{font-size:14px}.employee-slip .slip-head h2,.employee-slip .slip-head>strong{font-size:25px}.employee-slip .slip-head-month strong{font-size:17px}@media (max-width:1180px) and (min-width:821px){.owner-app-shell .owner-toolbar{grid-template-columns:minmax(170px,.55fr) minmax(390px,1.45fr);padding-top:54px!important;padding-right:10px!important}.owner-app-shell .owner-toolbar-status{grid-column:1/-1;justify-content:flex-start}}@media (min-width:1181px) and (max-width:1500px){.owner-app-shell .owner-toolbar{grid-template-columns:minmax(0,1fr) auto!important;padding-right:300px!important}.owner-app-shell .owner-toolbar-copy{grid-area:1/1}.owner-app-shell .owner-toolbar-status{grid-area:1/2;justify-content:flex-end}.owner-app-shell .prominent-month-picker{grid-area:2/1/auto/-1;min-width:0}}@media (max-width:820px){.global-top-actions{top:6px;left:6px;right:6px}.global-top-actions .portal-return-link,.global-top-actions .system-status-button{min-height:42px;padding:7px 9px!important;font-size:13px!important}.global-top-actions .portal-return-link{margin-left:auto}.owner-app-shell .owner-toolbar{padding:54px 6px 6px!important}.owner-app-shell .owner-toolbar-copy{padding-right:0}.owner-app-shell .owner-toolbar-copy h1{font-size:19px}.owner-app-shell .prominent-month-picker>strong{font-size:16px}.owner-app-shell .prominent-month-picker label{font-size:13px}.owner-app-shell .prominent-month-picker select{font-size:17px!important}.owner-app-shell :is(.new-employee-grid,.settings-grid,.owner-credential-fields,.day-editor-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.owner-app-shell .payroll-employee-picker label>span{font-size:14px}.owner-app-shell .payroll-employee-picker select,.owner-app-shell .salary-layout .salary-category-title h3{font-size:16px}.owner-app-shell .salary-layout .salary-category-title p{font-size:13px!important}.owner-app-shell .salary-layout .category-total{font-size:16px}.owner-app-shell .attendance-month-picker strong{font-size:21px}.owner-app-shell .calendar-weekdays span,.owner-app-shell .calendar-records p,.owner-app-shell .calendar-records label{font-size:12px}.login-page,.employee-workspace{padding-top:56px}.employee-menu h1{font-size:32px}.employee-menu-grid button{min-height:104px;padding:14px}}@media (max-width:430px){.global-top-actions .portal-return-link,.global-top-actions .system-status-button{padding-inline:8px!important;font-size:12px!important}.owner-app-shell :is(.new-employee-grid,.settings-grid,.owner-credential-fields,.day-editor-grid){grid-template-columns:1fr}.owner-app-shell .owner-toolbar-copy h1{font-size:18px}.owner-app-shell .attendance-month-picker strong{font-size:20px}.employee-menu-grid{grid-template-columns:1fr 1fr}.employee-menu-grid strong{font-size:18px}}.owner-app-shell .release-all-actions{align-items:center;gap:8px;margin:0 10px 9px}.owner-app-shell .release-all-actions .release-all{min-width:0;padding:9px 11px}.owner-app-shell .release-all-actions .release-all strong{font-size:15px}.owner-app-shell .release-all-actions .release-all small{line-height:1.35;font-size:13px!important}.owner-app-shell .release-selected-button{white-space:nowrap;min-height:44px}.owner-app-shell .matrix-release-status{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.owner-app-shell .matrix-release-status .release-cancel-button{min-height:34px;padding:4px 7px}.owner-app-shell .monthly-stats-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.owner-app-shell .monthly-stats-actions button{min-height:38px;padding:6px 10px;font-size:14px}.owner-app-shell .attendance-calendar-panel{max-width:none;overflow:visible}.owner-app-shell .attendance-calendar-scroll{min-width:0;overflow:visible}.owner-app-shell .employee-quick-picker{z-index:20;top:var(--owner-toolbar-height,61px);background:#fff;min-width:0;position:sticky}.owner-app-shell .employee-quick-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;display:grid;overflow:visible}.owner-app-shell .employee-quick-group{min-width:0;max-width:none}.owner-app-shell .employee-quick-buttons{flex-wrap:wrap;align-content:start;gap:4px;display:flex}.owner-app-shell .employee-quick-buttons button{flex:98px;min-width:0;padding:5px 7px}.owner-app-shell .employee-quick-buttons button strong{white-space:normal;font-size:16px}.owner-app-shell .employee-quick-buttons button small{white-space:normal;font-size:12px}.owner-app-shell .employee-quick-picker-heading>strong{font-size:17px}.owner-app-shell .employee-quick-picker-heading>span{font-size:13px}.owner-app-shell .salary-layout .salary-category{display:block}.owner-app-shell .salary-layout .salary-category-title{flex-wrap:wrap;align-items:center;gap:5px 9px;min-height:43px;padding:7px 10px;display:flex}.owner-app-shell .salary-layout .salary-category-title h3{margin:0;font-size:17px}.owner-app-shell .salary-layout .salary-category-title p{flex:180px;margin:0;font-size:13px!important}.owner-app-shell .salary-layout .category-total{margin:0 0 0 auto;font-size:18px}.owner-app-shell .salary-layout .salary-category-fields{padding:8px 10px}.owner-app-shell .salary-layout :is(.salary-compact-row,.salary-stack,.salary-support,.salary-two,.voluntary-pension-fields){grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.owner-app-shell .salary-layout :is(.salary-compact-row,.salary-stack,.salary-support,.salary-two,.voluntary-pension-fields)>.field{width:100%;min-width:0;max-width:none}.owner-app-shell .salary-layout .custom-bonus{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(100%,460px);padding:7px;display:grid}.owner-app-shell .salary-layout .custom-bonus>.field{width:100%;max-width:none}.owner-app-shell .salary-layout .field>span{font-weight:800;line-height:1.35;font-size:14px!important}.owner-app-shell .salary-layout .field input{min-height:40px;font-size:16px!important}.owner-app-shell .salary-layout .field>div small{font-size:13px!important}.owner-app-shell .salary-layout .field-previous{font-size:12px!important}.owner-app-shell .salary-layout :is(.formula-line span,.formula-line code,.inline-formulas>small){line-height:1.4;font-size:13px!important}.owner-app-shell .salary-layout .formula-line strong{font-size:15px}@media (max-width:1280px){.owner-app-shell .employee-quick-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-app-shell .salary-layout :is(.salary-compact-row,.salary-stack,.salary-support,.salary-two,.voluntary-pension-fields){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.owner-app-shell .attendance-calendar-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.owner-app-shell .employee-quick-picker{width:auto;max-height:40vh;margin-inline:6px;overflow-y:auto}.owner-app-shell .employee-quick-groups{scroll-snap-type:x proximity;flex-wrap:nowrap;display:flex;overflow-x:auto}.owner-app-shell .employee-quick-group{flex:0 0 min(76vw,310px)}.owner-app-shell .salary-layout :is(.salary-compact-row,.salary-stack,.salary-support,.salary-two,.voluntary-pension-fields){grid-template-columns:repeat(2,minmax(0,1fr))}.owner-app-shell .salary-layout .salary-category-title p{flex-basis:100%;order:3}.owner-app-shell .release-all-actions{grid-template-columns:1fr}.owner-app-shell .monthly-stats-actions{justify-content:flex-start}}@media (max-width:480px){.owner-app-shell .salary-layout :is(.salary-compact-row,.salary-stack,.salary-support,.salary-two,.voluntary-pension-fields,.custom-bonus){grid-template-columns:repeat(2,minmax(0,1fr))}.owner-app-shell .salary-layout .field>span{font-size:13px!important}.owner-app-shell .salary-layout .field input{font-size:16px!important}.owner-app-shell .salary-layout .custom-bonus{width:100%}}