@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_b0be4939-module__VEr6JG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_b0be4939-module__VEr6JG__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_5e31c5ce-module__xyu9-q__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_5e31c5ce-module__xyu9-q__variable{--font-display:"Manrope", "Manrope Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{--ink:#17323b;--navy:#143c4a;--teal:#0f766e;--aqua:#d9f0eb;--paper:#f5f3ed;--line:#d9ddd8;--amber:#c77728;--blue:#276b9c;--rose:#a63e32;--green:#18a277;--muted:#6f7d81}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display), sans-serif}.eyebrow{color:var(--teal);letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:800}.mono{font-family:monospace}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.hiddenInput{display:none}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(140px,auto) minmax(0,1fr) minmax(120px,auto);align-items:center;gap:20px;height:68px;padding:0 3vw;display:grid;position:sticky;top:0}.brand{min-width:0;color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}a.brand:hover strong{color:var(--teal)}nav .homeLink{color:var(--teal);white-space:nowrap;border-right:1px solid var(--line);align-items:center;gap:5px;margin-right:6px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}nav .homeLink:hover{color:var(--navy)}.brand>img{object-fit:contain;object-position:left center;width:116px;height:40px}.brand strong{font:700 16px var(--font-display);display:block}.brand small{color:#718087;letter-spacing:.04em;font-size:11px;display:block}nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:center;align-items:stretch;gap:2px;min-width:0;height:100%;display:flex;overflow-x:auto}nav button{color:#6c7b80;white-space:nowrap;background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:700;position:relative}nav button.active{color:var(--navy)}nav button.active:after{content:"";background:var(--teal);height:3px;position:absolute;bottom:0;left:12px;right:12px}nav button span{background:#edf0ee;border-radius:12px;margin-left:5px;padding:1px 6px;font-size:11px}.topRight{justify-self:end;align-items:center;gap:8px;display:flex}.topRight .userMenu{min-width:0;padding:4px}.userMenu{min-width:165px;color:var(--navy);text-align:left;background:#f7faf8;border:1px solid #d8e2de;border-radius:8px;justify-self:end;align-items:center;gap:9px;padding:6px 10px;display:flex}.userAvatar{background:var(--navy);color:#fff;width:30px;height:30px;font:800 12px var(--font-display);border-radius:50%;place-items:center;display:grid}.userMenu b,.userMenu small{text-overflow:ellipsis;white-space:nowrap;max-width:125px;display:block;overflow:hidden}.userMenu b{font-size:10px}.userMenu small{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.authShell{background:linear-gradient(135deg,#e8f3ef 0 55%,#f4f1e9 55%);place-items:center;min-height:100vh;padding:20px;display:grid}.authCard{border:1px solid #cad6d1;border-top:5px solid var(--teal);background:#fff;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #17323b22}.authCard img{object-fit:contain;object-position:left;width:190px;height:70px}.authCard h1{font:700 28px var(--font-display);margin:5px 0}.authCard>p:not(.eyebrow){color:#718085;font-size:12px}.authCard label,.settingsCard label{color:#65747a;margin-top:14px;font-size:10px;font-weight:800;display:block}.authCard input,.settingsCard input,.settingsCard select{background:#fff;border:1px solid #ccd6d2;border-radius:6px;width:100%;margin-top:5px;padding:10px;display:block}.authCard button{width:100%;margin-top:20px;padding:11px}.loginError{color:#963d30;background:#fff0ed;padding:9px;font-size:11px}.hero{background:radial-gradient(circle at 72% 20%,#ffffff80 0 2px,#0000 3px) 0 0/24px 24px,linear-gradient(112deg,#edf6f3 0 64%,#f5f3ed 64%);border-bottom:1px solid #cfd8d4;justify-content:space-between;align-items:center;gap:40px;min-height:118px;padding:18px 5vw;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:#0f766e0b;width:170px;height:260px;position:absolute;top:-35px;right:31%;transform:skew(-24deg)}.heroCopy{z-index:1;position:relative}.hero h1{font:700 clamp(26px, 2.4vw, 36px)/1 var(--font-display);letter-spacing:-.035em;margin:0}.hero h1 em{color:var(--teal);font-style:normal}.heroCopy>.eyebrow{margin-bottom:6px}.heroCopy>p:last-child{color:#617176;max-width:620px;margin:8px 0 0;font-size:12px}.heroStatus{z-index:1;background:#fff;border:1px solid #bfd0cb;width:min(370px,34vw);position:relative;box-shadow:0 10px 24px #27424b0d}.liveState{color:#65767b;letter-spacing:.14em;border-bottom:1px solid #dde5e1;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.liveState i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18a27717}.statusFigures{grid-template-columns:repeat(3,1fr);display:grid}.statusFigures span{color:#78878a;border-right:1px solid #e0e6e3;padding:8px 11px;font-size:10px}.statusFigures span:last-child{border:0}.statusFigures b{font:700 19px var(--font-display);color:var(--navy);margin-bottom:1px;display:block}.metrics{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);display:grid}.metrics article{border-right:1px solid var(--line);padding:22px 5vw 22px 20px}.metrics article:first-child{padding-left:5vw}.metrics article:last-child{border-right:0}.metrics span,.metrics small{color:#718085;font-size:11px;display:block}.metrics strong{font:700 26px var(--font-display);color:var(--navy);margin:4px 0;display:block}.metrics .present strong{color:var(--teal)}.metrics .pending strong{color:var(--amber)}.metrics .payroll strong{color:var(--blue)}.metrics .exit strong{color:var(--rose)}.commandBar{background:#fbfcfa;border-bottom:1px solid #d8dfdb;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:8px 3vw;display:flex;box-shadow:0 5px 16px #17323b08}.commandContext span,.commandContext b{display:block}.commandContext span{color:var(--teal);letter-spacing:.17em;font-size:9px;font-weight:800}.commandContext b{font:700 13px var(--font-display);margin-top:2px}.commandActions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.commandPrimary,.commandSecondary{border-radius:6px;height:36px;padding:0 12px;font-size:10px;font-weight:800}.commandPrimary{background:var(--teal);color:#fff;border:0;box-shadow:0 4px 10px #0f766e20}.commandPrimary>span{background:#ffffff20;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:7px;font-size:7px;display:inline-grid}.commandSecondary{color:var(--teal);background:#fff;border:1px solid #b8ccc6}.commandPrimary:disabled,.commandSecondary:disabled{opacity:.5;cursor:not-allowed}.commandGroup{background:#fff;border:1px solid #ccd8d4;border-radius:6px;align-items:center;height:36px;display:flex;overflow:hidden}.commandGroup>span{color:#7b898c;letter-spacing:.1em;padding:0 9px;font-size:9px;font-weight:800}.commandGroup button{height:100%;color:var(--teal);background:#fff;border:0;border-left:1px solid #dce3df;padding:0 9px;font-size:9px;font-weight:800}.commandGroup button:hover{background:#edf7f4}.monthPicker{background:#fff;border:1px solid #ccd8d4;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 10px;display:flex}.monthPicker span{color:#7b898c;letter-spacing:.1em;font-size:9px;font-weight:800}.monthPicker input{color:var(--navy);border:0;outline:0;font-size:11px;font-weight:700}.workspace{border:1px solid var(--line);background:#fff;margin:26px 4vw 60px;box-shadow:0 12px 32px #27424b0b}.sectionHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.sectionHead h2{font:700 23px var(--font-display);margin:0}.sectionHead .eyebrow{margin-bottom:4px}.tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tools label{border:1px solid var(--line);color:#889397;border-radius:7px;padding:8px 11px;font-size:11px}.tools input,.tools select{color:var(--navy);border:0;outline:0;margin-left:8px;font-size:12px}.tools input[type=search],.tools input[type=text]{width:240px}.tools>span{color:#718085;background:#f1f3f2;border-radius:6px;padding:7px 10px;font-size:11px}.groupSelector{color:#718085;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.groupSelector select{min-width:130px;height:34px;color:var(--navy);letter-spacing:0;text-transform:none;background:#fff;border:1px solid #c8d5d1;border-radius:6px;padding:0 8px;font-size:9px;font-weight:700}.tableWrap{scrollbar-gutter:stable;max-height:calc(100vh - 200px);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.04em;padding:10px 14px;font-size:11px}.tableWrap thead th{z-index:4;position:sticky;top:0;box-shadow:0 1px #244f5c}td{border-bottom:1px solid #e5e8e5;padding:10px 14px}tbody tr:hover{background:#f3f8f6}td strong,td small{display:block}td small{color:#728085;margin-top:2px;font-size:11px}.empty{color:#839095;text-align:center;padding:50px}.primary{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;box-shadow:0 4px 12px #0f766e25}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 16px}.rowButton{color:var(--teal);background:#f2fbf8;border:1px solid #a9c9c2;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.rowButton:disabled{opacity:.4}.dangerButton{color:var(--rose);background:#fff4f1;border:1px solid #dfb9af;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:800}.dangerButton:disabled{opacity:.45}.rowActions{justify-content:flex-end;gap:6px;display:flex}.punchPlace{flex-direction:column;gap:2px;display:flex}.punchPlace a{color:var(--indigo,#4f46e5);white-space:nowrap;font-size:11px;text-decoration:none}.punchPlace a:hover{text-decoration:underline}.badge{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.badge.active,.badge.approved,.badge.finalised,.badge.present{color:#16705f;background:#dcefe8}.badge.probation,.badge.pending,.badge.draft,.badge.half_day{color:#9a5c18;background:#fff0da}.badge.notice,.badge.paid_leave,.badge.on_duty{color:#235f86;background:#dcecf6}.badge.exited,.badge.rejected,.badge.absent,.badge.unpaid_leave{color:#9b3e2f;background:#fdeae6}.badge.cancelled,.badge.week_off,.badge.holiday{color:#63737a;background:#eef1ef}.error{color:#8b3828;background:#fff1ed;border:1px solid #e8b4a8;justify-content:space-between;margin:18px 4vw 0;padding:12px 16px;display:flex}.error button{color:inherit;background:0 0;border:0;font-size:20px}.notice{border-left:3px solid var(--teal);color:#637277;background:#eef6f3;gap:12px;margin:0 24px 20px;padding:12px 16px;font-size:11px;display:flex}.notice b{white-space:nowrap;color:var(--navy)}.linkButtonInline{color:var(--teal);font-weight:800;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.modalBackdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102e36b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(660px,100%);max-height:92vh;overflow:auto;box-shadow:0 28px 80px #0c202980}.modal.wide{width:min(1020px,96vw)}.modalHead{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 24px;display:flex}.modalHead h2{font:700 26px var(--font-display);margin:0}.modalHead p:last-child{color:#6f7c80;margin:5px 0 0;font-size:12px}.modalHead>button{color:#68777b;background:0 0;border:0;font-size:24px}.formGrid{grid-template-columns:1fr 1fr;gap:15px;padding:22px 24px;display:grid}.formGrid.three{grid-template-columns:repeat(3,1fr)}.formGrid label{color:#596a70;font-size:11px;font-weight:700}.formGrid .wide{grid-column:1/-1}.formGrid input,.formGrid select,.formGrid textarea{background:#fff;border:1px solid #cfd7d4;border-radius:7px;outline:none;width:100%;margin-top:6px;padding:10px}.formGrid textarea{resize:vertical;min-height:70px}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e16}.formDivider{color:#7a878b;letter-spacing:.12em;border-top:1px solid #dce3df;grid-column:1/-1;padding-top:12px;font-size:10px;font-weight:800}.modal footer{background:#f4f5f2;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal footer .spacer{color:#718084;margin-right:auto;font-size:10px}.employeeTable{min-width:1180px}.groupRow{background:#edf5f2}.groupRow td{border-top:1px solid #b8d0c8!important;border-bottom:1px solid #ccddd7!important;padding-top:10px!important;padding-bottom:10px!important}.groupRow.expanded{background:#e6f1ed}.groupTitle{align-items:center;gap:10px;display:flex}.groupTitle strong{font:800 13px var(--font-display);letter-spacing:.04em;color:var(--navy);display:block}.groupTitle small{color:#718187;margin-top:2px;font-size:10px;display:block}.treeToggle{width:20px;height:20px;color:var(--teal);font:800 13px/1 var(--font-display);background:#fff;border:1px solid #b9cec7;border-radius:4px;flex:0 0 20px;padding:0}.treeToggle:disabled{color:#aab3b0;border-color:#e2e7e4}.groupBadge{background:var(--navy);color:#fff;letter-spacing:.09em;border-radius:3px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-block}.childRow td:first-child{padding-left:40px}.employeeCell strong{color:var(--navy);font-size:12px}.employeeCell small{color:#77878b;font-size:10px}.profileGrid{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 24px 0;display:grid}.profileGrid div{background:#f7faf8;border:1px solid #d7e0dc;padding:11px 12px}.profileGrid small{color:#7b898d;letter-spacing:.09em;font-size:9px;font-weight:800;display:block}.profileGrid b{color:var(--navy);margin-top:4px;font-size:11px;display:block}.docList{padding:8px 24px 20px}.docList h4{color:#748287;letter-spacing:1.4px;margin:14px 0 8px;font-size:9px}.docRow{border-top:1px solid #e5e9e6;align-items:center;gap:10px;padding:9px 11px;font-size:11px;display:flex}.docRow b{flex:1}.docRow span{color:#6e7d81;background:#edf0ee;border-radius:10px;padding:3px 6px;font-size:10px;font-weight:800}.attendanceLayout{grid-template-columns:1fr;display:grid}.attendanceToolbar{border-bottom:1px solid var(--line);background:#f8faf8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex}.attendanceToolbar .quickMarks{flex-wrap:wrap;gap:6px;display:flex}.attendanceToolbar .quickMarks button{color:var(--teal);background:#fff;border:1px solid #b9cbc5;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800}.attendanceTable{min-width:980px}.attendanceTable td{padding:8px 12px}.statusSelect{background:#fff;border:1px solid #ccd8d3;border-radius:5px;min-width:130px;padding:7px 8px;font-size:11px}.timeInput{border:1px solid #ccd8d3;border-radius:5px;width:92px;padding:7px 8px}.remarkInput{border:1px solid #ccd8d3;border-radius:5px;width:100%;min-width:150px;padding:7px 8px}.musterWrap{max-height:calc(100vh - 260px);overflow:auto}.musterTable{min-width:1400px;font-size:11px}.musterTable th,.musterTable td{text-align:center;padding:6px 5px}.musterTable th:first-child,.musterTable td:first-child{z-index:3;text-align:left;min-width:210px;position:sticky;left:0}.musterTable td:first-child{background:#fff}.musterTable thead th{z-index:4;position:sticky;top:0}.musterTable thead th:first-child{z-index:5}.musterTable th.sunday{background:#245464}.musterTable td.sunday{background:#f1f4f2}.musterCell{border-radius:4px;min-width:22px;padding:2px 3px;font-size:9px;font-weight:800;display:inline-block}.musterCell.present{color:#16705f;background:#dcefe8}.musterCell.absent,.musterCell.unpaid_leave{color:#9b3e2f;background:#fdeae6}.musterCell.half_day{color:#9a5c18;background:#fff0da}.musterCell.paid_leave,.musterCell.on_duty{color:#235f86;background:#dcecf6}.musterCell.week_off,.musterCell.holiday{color:#6b7a80;background:#eef1ef}.musterTotals{justify-content:flex-end;gap:6px;display:flex}.musterTotals b{color:var(--navy);background:#eef3f0;border-radius:4px;padding:3px 6px;font-size:9px}.leaveLayout{grid-template-columns:250px minmax(0,1fr);min-height:430px;display:grid}.leaveFolders{border-right:1px solid var(--line);background:#f7f8f5;padding:14px}.folderLabel{color:#82908f;letter-spacing:.16em;padding:4px 8px 10px;font-size:9px;font-weight:800}.leaveFolders>button{color:#506168;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;width:100%;margin-bottom:5px;padding:10px 9px;display:grid}.leaveFolders>button:hover{background:#fff;border-color:#dbe1dd}.leaveFolders>button.selected{color:var(--navy);background:#fff;border-color:#a8c7bf;box-shadow:0 3px 10px #17323b0b}.leaveFolders strong{font:700 11px var(--font-display);display:block}.leaveFolders small{color:#7c898c;margin-top:2px;font-size:10px;display:block}.leaveFolders button>b{background:#e8ece9;border-radius:10px;padding:3px 6px;font-size:10px}.folderIcon{color:#c58a3b;font-size:18px}.leaveList{min-width:0}.listHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.listHead h3{font:700 19px var(--font-display);margin:3px 0}.listHead p{color:#738186;margin:0;font-size:12px}.folderSummary{gap:22px;display:flex}.folderSummary span{color:#738186;font-size:10px}.folderSummary b{color:var(--navy);font:700 19px var(--font-display);display:block}.balanceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 22px;display:grid}.balanceCard{background:#f8fbfa;border:1px solid #d7e0dc;padding:14px}.balanceCard small{color:#7b898d;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.balanceCard strong{font:800 22px var(--font-display);color:var(--navy);margin:5px 0;display:block}.balanceCard span{color:#7b898d;font-size:9px;display:block}.payrollLayout{grid-template-columns:270px minmax(0,1fr);min-height:440px;display:grid}.runList{border-right:1px solid var(--line);background:#f7f8f5;max-height:640px;padding:14px;overflow:auto}.runList>button{text-align:left;color:#506168;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;margin-bottom:6px;padding:11px 12px;display:block}.runList>button:hover{background:#fff;border-color:#dbe1dd}.runList>button.selected{color:var(--navy);background:#fff;border-color:#a8c7bf;box-shadow:0 3px 10px #17323b0b}.runList strong{font:700 12px var(--font-display);display:block}.runList small{color:#7c898c;margin-top:3px;font-size:10px;display:block}.payrollTable{min-width:1240px}.payrollTable td.figure{text-align:right;font-variant-numeric:tabular-nums}.payrollSummary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.payrollSummary article{border-right:1px solid var(--line);padding:16px 20px}.payrollSummary article:last-child{border-right:0}.payrollSummary span{color:#718085;font-size:10px;display:block}.payrollSummary strong{font:700 22px var(--font-display);color:var(--navy);margin-top:4px;display:block}.payslipLayer{z-index:45}.payslipDocument{background:#e7ece9;border-radius:12px;width:min(880px,96vw);max-height:94vh;overflow:auto}.slipToolbar{border-bottom:1px solid #d3dcd8;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.slipToolbar button{min-width:92px;color:var(--navy);background:#fff;border:1px solid #ccd5d1;border-radius:5px;padding:8px 12px;font-size:11px;font-weight:700}.slipToolbar .primary{border-color:var(--teal);background:var(--teal);color:#fff;min-width:150px}.slipPaper{border-top:5px solid var(--teal);color:var(--ink);background:#fff;margin:18px;padding:40px 44px 34px;box-shadow:0 5px 24px #17323b12}.slipPaper>header{border-bottom:1px solid #bdcac5;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.slipLogo{object-fit:contain;object-position:left center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210px;height:72px}.slipTitle{text-align:right}.slipTitle small{color:#718085;letter-spacing:.18em;font-size:10px;font-weight:800;display:block}.slipTitle h2{font:800 27px/1 var(--font-display);letter-spacing:.03em;color:var(--navy);margin:7px 0}.slipTitle span{color:var(--teal);font:700 10px monospace;display:block}.slipMeta{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.slipMeta div{background:#f7f9f7;border:1px solid #d5ded9;min-height:58px;padding:10px 12px}.slipMeta div:first-child{background:#edf6f3;border-color:#b9d3cc}.slipMeta small{color:#7b898d;letter-spacing:.09em;font-size:9px;font-weight:800;display:block}.slipMeta b{color:var(--navy);margin-top:3px;font-size:10px;line-height:1.35;display:block}.slipColumns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.slipColumns table{border-collapse:collapse;border:1px solid #cbd6d1;width:100%}.slipColumns th{background:var(--navy);color:#fff;letter-spacing:.09em;text-transform:uppercase;border-color:#315764;padding:9px 11px;font-size:10px}.slipColumns td{border:1px solid #d8e0dc;padding:9px 11px;font-size:10px}.slipColumns td:last-child{text-align:right;font-variant-numeric:tabular-nums}.slipColumns tfoot td{background:#eef3f0;font-weight:800}.slipNet{background:#edf6f3;border:1px solid #b9d3cc;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;display:flex}.slipNet span{color:#5c6f74;letter-spacing:.1em;font-size:9px;font-weight:800}.slipNet strong{font:800 24px var(--font-display);color:var(--navy)}.slipWords{color:#61727a;margin:8px 0 0;font-size:9px}.slipPaper>footer{color:#617176;border-top:1px solid #aebcb7;justify-content:space-between;margin-top:60px;padding-top:9px;font-size:9px;display:flex}.slipPaper>footer span{text-align:center;width:30%}.slipPaper>footer span:first-child{text-align:left}.slipPaper>footer span:last-child{text-align:right}@media print{@page{size:A4 portrait;margin:0}body *{visibility:hidden}.slipPaper,.slipPaper *{visibility:visible}.slipPaper{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:15mm 16mm;position:absolute;inset:0}.slipToolbar{display:none}}.badge.submitted,.badge.unpaid,.badge.open{color:#9a5c18;background:#fff0da}.badge.approved{color:#16705f;background:#dcefe8}.badge.paid,.badge.claimed{color:#235f86;background:#dcecf6}.badge.rejected{color:#9b3e2f;background:#fdeae6}.entryTable{min-width:1320px}.entryTable td.amount,.entryTable th.amount{text-align:right;font-variant-numeric:tabular-nums}.entryTable tfoot td{background:#eef3f0;font-weight:800}.entryTable .zero{color:#b9c2bf}.billChip{color:var(--teal);background:#f4fbf9;border:1px solid #b8ccc6;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.billChip:hover{background:#e3f2ee}.attachRow{border-top:1px solid #e5e9e6;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.attachRow b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachRow small{color:#7b898d;font-size:9px}.uploadPanel{padding:8px 24px 20px}.uploadPanel h4{color:#748287;letter-spacing:1.4px;margin:14px 0 8px;font-size:9px}.cashTable{min-width:1080px}.cashTable td.figure{text-align:right;font-variant-numeric:tabular-nums}.cashTable td.balance{color:var(--navy);font-weight:800}.cashTable tr.negative td.balance{color:var(--rose)}.cashSummary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.cashSummary article{border-right:1px solid var(--line);padding:16px 20px}.cashSummary article:last-child{border-right:0}.cashSummary span{color:#718085;font-size:10px;display:block}.cashSummary strong{font:700 22px var(--font-display);color:var(--navy);margin-top:4px;display:block}.reportGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.reportCard{border:1px solid var(--line);background:#fafbf9}.reportCard header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.reportCard h3{font:700 16px var(--font-display);margin:0}.reportCard header span{color:#718085;font-size:10px}.reportBody{max-height:340px;padding:14px 16px;overflow:auto}.barRow{grid-template-columns:minmax(110px,1.3fr) 1fr 96px;align-items:center;gap:10px;margin-bottom:9px;font-size:11px;display:grid}.barRow span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barTrack{background:#e6ece9;border-radius:6px;height:10px;overflow:hidden}.barFill{background:var(--teal);border-radius:6px;height:100%}.barFill.advance{background:var(--amber)}.barRow b{text-align:right;font-variant-numeric:tabular-nums}.voucherLineHead,.voucherLine{grid-template-columns:30px 110px 130px 1fr 110px 30px;align-items:center;gap:7px;display:grid}.voucherLineHead{color:#728084;padding:0 24px 6px;font-size:9px;font-weight:800}.voucherLine{padding:0 24px 7px}.voucherLine input,.voucherLine select{border:1px solid #d2dad7;border-radius:5px;width:100%;padding:8px;font-size:11px}.voucherLine>button{color:#7d898d;background:#f0f2f0;border:0;border-radius:5px;padding:8px 0}.addLine{color:var(--teal);background:#f5fbf9;border:1px dashed #9bbcb5;border-radius:6px;margin:4px 24px 18px;padding:7px 11px;font-size:10px;font-weight:800}.voucherSign{color:#61727a;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;font-size:9px;display:grid}.voucherSign div{text-align:center;border-top:1px solid #aebcb7;padding-top:8px}.voucherSign div:first-child{text-align:left}.voucherSign div:last-child{text-align:right}.orgGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.orgCard{border:1px solid var(--line);background:#fafbf9}.orgCard header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.orgCard h3{font:700 17px var(--font-display);margin:0}.orgCard header span{color:#718085;font-size:10px}.orgCardBody{max-height:320px;overflow:auto}.orgCard table{font-size:12px}.orgCard th{color:#52646a;background:#eef2ef}.orgForm{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px;display:grid}.orgForm input,.orgForm select{border:1px solid #ccd8d3;border-radius:6px;width:100%;padding:8px;font-size:11px}.orgForm button{background:var(--teal);color:#fff;border:0;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:800}.orgForm label.check{color:#5d6d72;align-items:center;gap:6px;font-size:10px;display:flex}.maintenanceWorkspace{max-width:1180px;margin-left:auto;margin-right:auto}.maintenanceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.maintenanceCard{background:#fafbf9;border:1px solid #d7dfdb;flex-direction:column;align-items:flex-start;min-height:235px;padding:24px;display:flex;position:relative;overflow:hidden}.maintenanceCard:after{content:"";background:#dceee9;border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-70px}.restoreCard:after{background:#f3e9df}.maintenanceIcon{z-index:1;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:20px;font-size:20px;display:grid;position:relative}.maintenanceCard h3{font:700 20px var(--font-display);color:var(--navy);margin:4px 0 8px}.maintenanceCard p{color:#68777c;max-width:470px;min-height:44px;margin:0;font-size:12px;line-height:1.55}.maintenanceCard button{border-radius:6px;margin-top:auto;padding:9px 14px;font-size:11px;font-weight:800}.restoreButton{color:#8a5328;background:#fff8f2;border:1px solid #b9a28c}.sqlBackupCard{grid-column:1/-1;min-height:190px}.sqlBackupCard .maintenanceIcon{width:48px;font:800 11px var(--font-display);background:#b52d3a;border-radius:8px}.sqlActions{gap:9px;margin-top:auto;display:flex}.sqlActions button{margin-top:0!important}.sqlBackupButton{color:#a32633;background:#fff;border:1px solid #b52d3a}.sqlRestoreButton{color:#fff;background:#17323b;border:1px solid #17323b}.backupStatus{color:#19734f;background:#e8f5ed;border-radius:4px;margin:8px 0 0;padding:6px 9px;font-size:9px;font-weight:800;display:inline-block}.backupStatus.failed{color:#9b3e2f;background:#fff0ed}.historyTable{border:1px solid var(--line);background:#fff;margin:0 24px 24px}.historyHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.historyHead h3{font:700 16px var(--font-display);margin:0}.historyHead button{color:var(--teal);background:#fff;border:1px solid #bfd0ca;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800}.historyBody{max-height:300px;overflow:auto}.historyBody table{min-width:860px;font-size:10px}.historyBody th{color:#53666b;text-transform:uppercase;letter-spacing:.07em;background:#eef3f0;font-size:10px}.settingsWorkspace{max-width:1350px;margin-left:auto;margin-right:auto}.settingsGrid{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;display:grid}.settingsCard{border:1px solid var(--line);background:#fafbf9;padding:20px}.settingsCard h3{font:700 18px var(--font-display);margin:4px 0}.settingsCard button{margin-top:16px}.newUserCard{grid-column:1/-1}.compactForm{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.passwordWarning{border-left:3px solid var(--amber);background:#fff1d9;gap:10px;margin:20px 24px 0;padding:12px 15px;font-size:11px;display:flex}.adminTable{border:1px solid var(--line);margin:0 24px 24px}.adminHead{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.adminHead h3{font:700 17px var(--font-display);margin:0}.adminHead span{color:#718085;font-size:10px}.adminTableWrap{max-height:380px;overflow:auto}.adminTable table{min-width:820px}.adminTable th{color:#52646a;background:#eef2ef}.adminTable td{font-size:11px}.roleSelect{border:1px solid #ccd8d3;border-radius:5px;padding:5px 7px;font-size:10px}.operationLog{background:#fff}.operationLog table{min-width:1220px}.operationLog th{text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;font-size:10px}.operationLog td{vertical-align:top;padding:12px 14px}.logTime strong{font-size:10px;display:block}.logTime small{color:#7b898d;margin-top:3px;font-size:9px;display:block}.operationBadge{border-left:3px solid var(--teal);color:var(--navy);padding-left:7px;font-size:10px;font-weight:800;display:inline-block}.operationBadge.failed{color:#9c392d;border-color:#c94a3b}.operationCode{color:#93a09d;margin:4px 0 0 10px;font:7px monospace;display:block}.detailChips{flex-wrap:wrap;gap:5px;display:flex}.detailChips span{color:#33494f;text-overflow:ellipsis;white-space:nowrap;background:#f8faf9;border:1px solid #dce4e0;border-radius:4px;max-width:240px;padding:5px 7px;font-size:10px;overflow:hidden}.detailChips b{color:#748488;text-transform:uppercase;letter-spacing:.05em;margin-right:5px;font-size:9px}.noDetails{color:#9aa5a2;font-size:9px;font-style:italic}.areaTag{color:var(--teal);background:#e8f3ef;border-radius:12px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-block}.logFilters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faf8;grid-template-columns:145px 145px 150px 200px minmax(220px,1fr) auto;align-items:end;gap:9px;padding:12px 18px;display:grid}.logFilters label{color:#708085;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.logFilters input,.logFilters select{width:100%;height:34px;color:var(--navy);background:#fff;border:1px solid #ccd8d3;border-radius:5px;margin-top:5px;padding:0 8px;font-size:9px;display:block}.logFilters button{height:34px;color:var(--teal);background:#fff;border:1px solid #b9cbc5;border-radius:5px;padding:0 11px;font-size:9px;font-weight:800}@media (max-width:1200px){.topbar{grid-template-columns:200px 1fr 46px;gap:10px}.brand small{display:none}.userMenu{min-width:0;padding:6px}.userMenu>span:last-child,.commandContext{display:none}.metrics{grid-template-columns:repeat(3,1fr)}.balanceGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.topbar{padding:0 18px}nav{z-index:20;border-top:1px solid var(--line);background:#fff;justify-content:flex-start;height:58px;position:fixed;bottom:0;left:0;right:0}nav .homeLink{display:none}nav button{flex:none;padding:0 14px}nav button.active:after{top:0;bottom:auto}.hero{padding:24px 20px}.heroStatus{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:first-child{padding-left:20px}.workspace{margin:16px 12px 80px}.leaveLayout,.payrollLayout{grid-template-columns:1fr}.leaveFolders,.runList{border-right:0;border-bottom:1px solid var(--line);gap:6px;display:flex;overflow:auto}.leaveFolders>button,.runList>button{min-width:190px}.folderLabel{display:none}.orgGrid,.maintenanceGrid,.settingsGrid,.payrollSummary,.formGrid,.formGrid.three,.compactForm,.orgForm,.slipColumns{grid-template-columns:1fr}.logFilters{grid-template-columns:repeat(2,1fr)}.userMenu{display:none}}@media (max-width:600px){.topbar{height:60px;padding:0 14px}.brand>img{width:92px;height:32px}.hero{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 16px}.heroCopy>p:last-child{max-width:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:16px}.commandBar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.commandActions{justify-content:flex-start}.sectionHead{flex-direction:column;align-items:stretch;gap:10px;padding:16px}.tools{width:100%}.tools input[type=search],.tools input[type=text]{flex:auto;width:100%}.balanceGrid,.reportGrid{grid-template-columns:1fr}.voucherLineHead{display:none}.voucherLine{border-bottom:1px solid #eef1ef;grid-template-columns:1fr;row-gap:6px;padding:10px 16px}.modalHead{padding:16px 18px}.modalHead h2{font-size:20px}.formGrid{padding:16px 18px}.payslipDocument{border-radius:0;width:100%;max-height:100vh}.slipPaper{margin:10px;padding:22px 16px}.slipMeta,.payrollSummary,.cashSummary{grid-template-columns:1fr 1fr}table.mobileCards{width:100%;min-width:0;display:block}table.mobileCards thead{display:none}table.mobileCards tbody,table.mobileCards tfoot,table.mobileCards tfoot tr{display:block}table.mobileCards tfoot td{justify-content:space-between;padding:5px 0!important;display:flex!important}table.mobileCards tr{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:10px;padding:10px 12px;display:block}table.mobileCards tr:hover{background:#fff}table.mobileCards td{text-align:right;white-space:normal;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;border-bottom:none!important;padding:5px 0!important;display:flex!important}table.mobileCards td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:9px;font-weight:700}table.mobileCards .rowActions{flex-wrap:wrap;justify-content:flex-end}.tableWrap:has(table.mobileCards){max-height:none;overflow:visible}.logFilters,.voucherSign,.slipMeta{grid-template-columns:1fr}.voucherSign{gap:12px}.slipPaper table th,.slipPaper table td{width:auto!important}.slipPaper>header{flex-direction:column;align-items:flex-start;gap:10px}.slipLogo{width:140px;height:auto}td,.mono{overflow-wrap:anywhere}.tableWrap,.musterWrap,.historyBody,.adminTable,.operationLog{max-height:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}