*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-3{left:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-60{max-height:15rem}.max-h-72{max-height:18rem}.max-h-\[92vh\]{max-height:92vh}.max-h-\[calc\(100vh-7rem\)\]{max-height:calc(100vh - 7rem)}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-16{min-height:4rem}.min-h-28{min-height:7rem}.min-h-36{min-height:9rem}.min-h-48{min-height:12rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-32{width:8rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[12\%\]{width:12%}.w-\[13\%\]{width:13%}.w-\[14\%\]{width:14%}.w-\[166px\]{width:166px}.w-\[22\%\]{width:22%}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[1050px\]{min-width:1050px}.min-w-\[190px\]{min-width:190px}.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.min-w-\[820px\]{min-width:820px}.min-w-\[900px\]{min-width:900px}.min-w-\[920px\]{min-width:920px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-40{max-width:10rem}.max-w-44{max-width:11rem}.max-w-4xl{max-width:56rem}.max-w-52{max-width:13rem}.max-w-60{max-width:15rem}.max-w-7xl{max-width:80rem}.max-w-\[58\%\]{max-width:58%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-3{row-gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-black\/10>:not([hidden])~:not([hidden]){border-color:rgb(0 0 0/.1)}.divide-black\/5>:not([hidden])~:not([hidden]){border-color:rgb(0 0 0/.05)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-black\/10{border-color:rgb(0 0 0/.1)}.border-black\/5{border-color:rgb(0 0 0/.05)}.border-clay\/20{border-color:rgb(216 101 53/.2)}.border-clay\/25{border-color:rgb(216 101 53/.25)}.border-clay\/30{border-color:rgb(216 101 53/.3)}.border-ink{--tw-border-opacity:1;border-color:rgb(23 33 43/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(6 199 85/var(--tw-border-opacity,1))}.border-line\/20{border-color:rgb(6 199 85/.2)}.border-line\/25{border-color:rgb(6 199 85/.25)}.border-line\/30{border-color:rgb(6 199 85/.3)}.border-line\/40{border-color:rgb(6 199 85/.4)}.border-ocean\/20{border-color:rgb(31 122 140/.2)}.border-saffron\/30{border-color:rgb(233 180 76/.3)}.border-saffron\/40{border-color:rgb(233 180 76/.4)}.border-transparent{border-color:transparent}.bg-black\/30{background-color:rgb(0 0 0/.3)}.bg-black\/45{background-color:rgb(0 0 0/.45)}.bg-black\/5{background-color:rgb(0 0 0/.05)}.bg-clay{--tw-bg-opacity:1;background-color:rgb(216 101 53/var(--tw-bg-opacity,1))}.bg-clay\/10{background-color:rgb(216 101 53/.1)}.bg-clay\/15{background-color:rgb(216 101 53/.15)}.bg-clay\/5{background-color:rgb(216 101 53/.05)}.bg-ink{background-color:rgb(23 33 43/var(--tw-bg-opacity,1))}.bg-ink,.bg-line{--tw-bg-opacity:1}.bg-line{background-color:rgb(6 199 85/var(--tw-bg-opacity,1))}.bg-line\/10{background-color:rgb(6 199 85/.1)}.bg-line\/15{background-color:rgb(6 199 85/.15)}.bg-line\/5{background-color:rgb(6 199 85/.05)}.bg-ocean{--tw-bg-opacity:1;background-color:rgb(31 122 140/var(--tw-bg-opacity,1))}.bg-ocean\/10{background-color:rgb(31 122 140/.1)}.bg-ocean\/5{background-color:rgb(31 122 140/.05)}.bg-paper{--tw-bg-opacity:1;background-color:rgb(247 248 245/var(--tw-bg-opacity,1))}.bg-paper\/45{background-color:rgb(247 248 245/.45)}.bg-paper\/50{background-color:rgb(247 248 245/.5)}.bg-paper\/60{background-color:rgb(247 248 245/.6)}.bg-paper\/70{background-color:rgb(247 248 245/.7)}.bg-saffron{--tw-bg-opacity:1;background-color:rgb(233 180 76/var(--tw-bg-opacity,1))}.bg-saffron\/10{background-color:rgb(233 180 76/.1)}.bg-saffron\/15{background-color:rgb(233 180 76/.15)}.bg-saffron\/20{background-color:rgb(233 180 76/.2)}.bg-saffron\/25{background-color:rgb(233 180 76/.25)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pr-1{padding-right:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-clay{--tw-text-opacity:1;color:rgb(216 101 53/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(23 33 43/var(--tw-text-opacity,1))}.text-ink\/40{color:rgb(23 33 43/.4)}.text-ink\/45{color:rgb(23 33 43/.45)}.text-ink\/50{color:rgb(23 33 43/.5)}.text-ink\/55{color:rgb(23 33 43/.55)}.text-ink\/60{color:rgb(23 33 43/.6)}.text-ink\/65{color:rgb(23 33 43/.65)}.text-ink\/70{color:rgb(23 33 43/.7)}.text-ink\/75{color:rgb(23 33 43/.75)}.text-line{--tw-text-opacity:1;color:rgb(6 199 85/var(--tw-text-opacity,1))}.text-ocean{--tw-text-opacity:1;color:rgb(31 122 140/var(--tw-text-opacity,1))}.text-saffron{--tw-text-opacity:1;color:rgb(233 180 76/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:rgb(255 255 255/.8)}.underline{text-decoration-line:underline}.accent-\[\#1f7a8c\]{accent-color:#1f7a8c}.accent-line{accent-color:#06c755}.opacity-65{opacity:.65}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-soft{--tw-shadow:0 18px 45px rgba(23,33,43,0.12);--tw-shadow-colored:0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-clay\/25{--tw-ring-color:rgb(216 101 53/0.25)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;background:#f7f8f5;--card-radius:18px;--soft-border:rgba(0,0,0,0.1)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding-top:env(safe-area-inset-top);background:radial-gradient(rgba(23,33,43,.055) 1px,transparent 0),linear-gradient(135deg,rgba(6,199,85,.08),transparent 32%),linear-gradient(315deg,rgba(233,180,76,.12),transparent 36%),#f7f8f5;background-size:22px 22px,auto,auto,auto;color:#17212b;font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;overflow-x:hidden}html.is-offline body{padding-top:calc(44px + env(safe-area-inset-top))}.login-surface{background:linear-gradient(90deg,transparent 0 49.75%,rgba(58,88,111,.055) 49.75% 50.25%,transparent 50.25%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(247,248,245,.94)),#f7f8f5;background-size:56px 100%,auto,auto}.safe-area-panel{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.admin-offline-fieldset{display:contents;min-width:0;margin:0;padding:0;border:0}html.is-offline .admin-offline-fieldset :is(button,input,select,textarea){cursor:not-allowed!important}.pwa-offline-banner{position:fixed;inset:0 0 auto;z-index:80;display:flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:calc(.65rem + env(safe-area-inset-top)) 1rem .65rem;background:#d86535;color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 8px 24px rgba(23,33,43,.18)}.pwa-prompts{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:70;display:grid;width:min(calc(100vw - 2rem),420px);gap:.75rem}.pwa-prompt-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff;padding:1rem;box-shadow:0 18px 45px rgba(23,33,43,.18);animation:rotate-in-up .42s cubic-bezier(.18,.92,.18,1) both}.pwa-prompt-action{min-height:42px;gap:.4rem;border:0;border-radius:10px;background:#17212b;padding:.65rem .9rem;color:#fff;font-size:.875rem;font-weight:700}.pwa-prompt-action,.pwa-prompt-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer}.pwa-prompt-close{width:42px;height:42px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#f7f8f5;color:#17212b}.employee-pwa-nav{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;border-top:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.96);padding:.45rem max(.5rem,env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(23,33,43,.1);backdrop-filter:blur(14px)}.employee-pwa-nav a{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:10px;color:rgba(23,33,43,.58);font-size:.72rem;font-weight:700;text-decoration:none}.employee-pwa-nav a.is-active{background:rgba(6,199,85,.1);color:#087f39}@media (max-width:767px){.pwa-prompts{bottom:calc(5.4rem + env(safe-area-inset-bottom))}}button,input,select,textarea{font:inherit}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(6 199 85/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}@keyframes rotate-in-up{0%{opacity:0;filter:blur(5px);transform:translateY(72px) rotateX(14deg) scale(.92)}58%{opacity:1;filter:blur(0);transform:translateY(-8px) rotateX(0) scale(1.015)}to{opacity:1;filter:blur(0);transform:translateY(0) rotateX(0) scale(1)}}.motion-card{animation:rotate-in-up .78s cubic-bezier(.18,.92,.18,1) both;perspective:1000px;transform-origin:center bottom;will-change:transform,opacity,filter}.card-interactive{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1),border-color .28s ease}.card-interactive:hover{border-color:rgba(31,122,140,.55);box-shadow:0 24px 50px rgba(23,33,43,.18);transform:translateY(-8px) scale(1.01)}main :is(header,section,form,article,div)[class*=bg-white][class*=border],main :is(header,section,form,article,div)[class*=shadow-sm],main :is(header,section,form,article,div)[class*=shadow-soft]{border-radius:var(--card-radius)!important}main :is(section,form,article,div)[class*=bg-white][class*=border]:not([class*=divide-y]):not([class*=overflow-x-auto]),main :is(section,form,article,div)[class*=shadow-soft]{animation:rotate-in-up .78s cubic-bezier(.18,.92,.18,1) both;transform-origin:center bottom;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1),border-color .28s ease;will-change:transform,opacity,filter}main :is(section,form,article,div)[class*=bg-white][class*=border]:not([class*=divide-y]):not([class*=overflow-x-auto]):hover,main :is(section,form,article,div)[class*=shadow-soft]:hover{border-color:rgba(31,122,140,.55);box-shadow:0 24px 50px rgba(23,33,43,.18);transform:translateY(-8px) scale(1.01)}main .grid>:first-child{animation-delay:.03s}main .grid>:nth-child(2){animation-delay:.1s}main .grid>:nth-child(3){animation-delay:.17s}main .grid>:nth-child(4){animation-delay:.24s}main .grid>:nth-child(5){animation-delay:.31s}main .grid>:nth-child(6){animation-delay:.38s}.input-modern{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f7f8f5;color:#17212b;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input-modern:focus{border-color:#1f7a8c;background:#fff;box-shadow:0 0 0 4px rgba(31,122,140,.12);outline:none}@media (prefers-reduced-motion:reduce){.motion-card{animation:none}main :is(section,form,article,div)[class*=bg-white][class*=border],main :is(section,form,article,div)[class*=shadow-soft]{animation:none}.pwa-prompt-card{animation:none}.card-interactive,.card-interactive:hover,main :is(section,form,article,div)[class*=bg-white][class*=border]:hover,main :is(section,form,article,div)[class*=shadow-soft]:hover{transform:none}}.payroll-print-root{overflow-x:auto;border:1px solid rgba(0,0,0,.1);border-radius:var(--card-radius);background:#fff;padding:1.5rem;color:#17212b;box-shadow:0 18px 45px rgba(23,33,43,.12)}.payroll-report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;border-bottom:3px solid #17212b;padding-bottom:1rem}.payroll-report-company{margin:0;color:#1f7a8c;font-size:.85rem;font-weight:700}.payroll-report-header h2{margin:.35rem 0 0;font-size:1.75rem;line-height:1.15}.payroll-report-header dl{display:grid;min-width:min(100%,34rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.5rem;margin:0;font-size:.75rem}.payroll-report-header dl div{display:flex;justify-content:space-between;gap:.75rem}.payroll-report-header dt{color:rgba(23,33,43,.58);font-weight:700}.payroll-report-header dd{margin:0;font-weight:700;text-align:right}.payroll-report-summary{display:grid;gap:.75rem;margin-top:1rem}.payroll-report-summary-5{grid-template-columns:repeat(5,minmax(0,1fr))}.payroll-report-summary-6{grid-template-columns:repeat(6,minmax(0,1fr))}.payroll-report-summary>div{min-width:0;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.7rem}.payroll-report-summary span,.payroll-report-summary strong{display:block}.payroll-report-summary span{color:rgba(23,33,43,.58);font-size:.68rem;font-weight:700}.payroll-report-summary strong{margin-top:.25rem;font-size:.9rem;overflow-wrap:anywhere}.payroll-report-section{margin-top:1.35rem}.payroll-report-section>h3{margin:0 0 .6rem;font-size:1rem}.payroll-report-table{width:100%;min-width:850px;border-collapse:collapse;font-size:.72rem}.payroll-report-table td,.payroll-report-table th{border:1px solid rgba(0,0,0,.16);padding:.48rem .55rem;vertical-align:top}.payroll-report-table tfoot th,.payroll-report-table thead th{background:#edf1ee;font-weight:700}.payroll-report-table thead th{white-space:nowrap}.payroll-report-table .number{text-align:right;white-space:nowrap}.payroll-report-table .strong{font-weight:800}.payroll-report-table .negative{color:#b54722}.payroll-report-table-compact{font-size:.66rem}.payroll-report-table-compact td,.payroll-report-table-compact th{padding:.4rem .42rem}.payroll-report-note{margin:1rem 0 0;border-left:4px solid #1f7a8c;background:#f7f8f5;padding:.7rem .8rem;font-size:.7rem;font-weight:600;line-height:1.6}.payroll-audit-employee{margin-top:1.5rem;border-top:3px solid #17212b;padding-top:1rem}.payroll-audit-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.payroll-audit-title h3,.payroll-audit-title p{margin:0}.payroll-audit-title p{color:rgba(23,33,43,.58);font-size:.72rem;font-weight:700}.payroll-audit-title h3{margin-top:.2rem;font-size:1.2rem}.payroll-audit-title>div:last-child{border-radius:7px;padding:.45rem .65rem;font-size:.72rem;font-weight:800;text-align:right}.payroll-audit-title small{display:block;margin-top:.15rem;font-size:.6rem}.review-confirmed{background:rgba(6,199,85,.12);color:#087f39}.review-pending{background:rgba(216,101,53,.12);color:#b54722}.payroll-attendance-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:.75rem 0;overflow:hidden;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:rgba(0,0,0,.14)}.payroll-attendance-grid>div{min-width:0;background:#fff;padding:.48rem}.payroll-attendance-grid dt{color:rgba(23,33,43,.58);font-size:.6rem;font-weight:700}.payroll-attendance-grid dd{margin:.18rem 0 0;font-size:.72rem;font-weight:800}.payroll-item-table{min-width:980px}.payroll-print-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;border-top:1px solid rgba(0,0,0,.18);padding-top:.5rem;color:rgba(23,33,43,.55);font-size:.62rem;font-weight:700}@media (max-width:900px){.payroll-report-header{flex-direction:column}.payroll-report-header dl{width:100%}.payroll-report-summary-5,.payroll-report-summary-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{@page{size:A4 landscape;margin:9mm}body,html{background:#fff!important}body *{visibility:hidden!important}.payroll-print-root,.payroll-print-root *{visibility:visible!important}.payroll-print-root{position:absolute;inset:0;width:100%;overflow:visible;border:0;border-radius:0;padding:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.payroll-report-header h2{font-size:19pt}.payroll-report-table{min-width:0;font-size:7.5pt}.payroll-report-table-compact{font-size:6.8pt}.payroll-report-table td,.payroll-report-table th{padding:3.5pt 4pt}.payroll-report-section,.payroll-report-summary,.payroll-report-table tr{-moz-column-break-inside:avoid;break-inside:avoid}.payroll-print-audit .payroll-audit-employee:not(.payroll-audit-first),.payroll-print-audit .payroll-audit-first{-moz-column-break-before:page;break-before:page}.payroll-audit-employee{margin-top:0}.payroll-attendance-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.payroll-item-table{min-width:0}}.payslip-batch-preview-shell{overflow-x:auto;border-radius:8px;background:#dfe4e1;padding:20px}.payslip-batch-print-root{display:grid;justify-content:center;gap:20px;width:-moz-max-content;width:max-content;min-width:100%}.payslip-batch-sheet{display:grid;grid-template-columns:repeat(2,90mm);grid-template-rows:repeat(3,95mm);width:180mm;height:285mm;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(23,33,43,.16)}.payslip-ticket{box-sizing:border-box;width:90mm;height:95mm;overflow:hidden;border:.25mm dashed #64706a;background:#fff;padding:2.6mm 3mm 2.2mm;color:#17212b;font-family:Arial,Microsoft JhengHei,sans-serif;font-size:7.2pt;line-height:1.2}.payslip-ticket-footer,.payslip-ticket-header,.payslip-ticket-total{display:flex;align-items:center;justify-content:space-between;gap:2mm}.payslip-ticket-header{border-bottom:.35mm solid #17212b;padding-bottom:1.4mm}.payslip-ticket-header h2,.payslip-ticket-header p{margin:0}.payslip-ticket-header h2{max-width:65mm;overflow:hidden;font-size:10pt;text-overflow:ellipsis;white-space:nowrap}.payslip-ticket-header p{margin-top:.5mm;color:#4e5a54;font-size:7pt;font-weight:700}.payslip-ticket-header>strong{flex:none;border:.2mm solid #66716c;border-radius:1mm;padding:.8mm 1.2mm;font-size:6.5pt}.payslip-ticket-employee{display:grid;grid-template-columns:1.2fr 1fr;gap:2mm;margin:1.4mm 0 0}.payslip-ticket-employee>div{display:grid;grid-template-columns:auto 1fr;gap:1mm;min-width:0}.payslip-ticket-employee dt{color:#5e6964;font-size:6.3pt;font-weight:700}.payslip-ticket-employee dd{min-width:0;margin:0;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.payslip-ticket-attendance{display:flex;justify-content:space-between;gap:1mm;margin-top:1.2mm;border:.2mm solid #c8cecb;background:#f3f5f3;padding:1mm 1.2mm;font-size:6.2pt;font-weight:700;white-space:nowrap}.payslip-ticket-table{width:100%;margin-top:1.2mm;border-collapse:collapse;table-layout:fixed;font-size:6.7pt}.payslip-ticket-table td,.payslip-ticket-table th{height:5.25mm;border:.2mm solid #aeb7b2;padding:.7mm 1mm}.payslip-ticket-table tfoot th,.payslip-ticket-table thead th{background:#e9eeeb;font-weight:800}.payslip-ticket-table th:first-child,.payslip-ticket-table th:nth-child(3){width:28%;text-align:left}.payslip-ticket-table td:nth-child(2),.payslip-ticket-table td:nth-child(4){width:22%;text-align:right;font-variant-numeric:tabular-nums}.payslip-ticket-total{margin-top:1.4mm;border:.35mm solid #17212b;padding:1.4mm 2mm;font-size:8pt;font-weight:800}.payslip-ticket-total strong{font-size:12pt;font-variant-numeric:tabular-nums}.payslip-ticket-footer{margin-top:1.4mm;color:#4e5a54;font-size:6.2pt;font-weight:700}@media print{body *{visibility:hidden!important}.payslip-batch-print-root,.payslip-batch-print-root *{visibility:visible!important}.payslip-batch-print-root{position:absolute;top:0;left:0;display:block;width:180mm;min-width:0}.payslip-batch-sheet{-moz-column-break-after:page;break-after:page;margin:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.payslip-batch-sheet,.payslip-ticket{-moz-column-break-inside:avoid;break-inside:avoid}.payslip-batch-sheet:last-child{-moz-column-break-after:auto;break-after:auto}}.focus-within\:bg-line\/10:focus-within{background-color:rgb(6 199 85/.1)}.hover\:border-black\/10:hover{border-color:rgb(0 0 0/.1)}.hover\:border-ink\/20:hover{border-color:rgb(23 33 43/.2)}.hover\:border-line\/40:hover{border-color:rgb(6 199 85/.4)}.hover\:border-line\/50:hover{border-color:rgb(6 199 85/.5)}.hover\:border-ocean\/30:hover{border-color:rgb(31 122 140/.3)}.hover\:bg-clay\/10:hover{background-color:rgb(216 101 53/.1)}.hover\:bg-line\/5:hover{background-color:rgb(6 199 85/.05)}.hover\:bg-paper:hover{--tw-bg-opacity:1;background-color:rgb(247 248 245/var(--tw-bg-opacity,1))}.hover\:bg-paper\/50:hover{background-color:rgb(247 248 245/.5)}.hover\:bg-paper\/60:hover{background-color:rgb(247 248 245/.6)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(23 33 43/var(--tw-text-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:w-32{width:8rem}.sm\:w-64{width:16rem}.sm\:max-w-3xl{max-width:48rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[200px_auto_auto\]{grid-template-columns:200px auto auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[160px_200px_1fr_auto\]{grid-template-columns:160px 200px 1fr auto}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-5{padding-bottom:1.25rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-screen{height:100vh}.lg\:w-64{width:16rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[0\.75fr_1fr_auto\]{grid-template-columns:.75fr 1fr auto}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[160px_160px_1fr_auto\]{grid-template-columns:160px 160px 1fr auto}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:border-r{border-right-width:1px}}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-5{top:1.25rem}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:max-h-\[calc\(100vh-2\.5rem\)\]{max-height:calc(100vh - 2.5rem)}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-\[0\.78fr_1\.22fr\]{grid-template-columns:.78fr 1.22fr}.xl\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.xl\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.xl\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.xl\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.xl\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{grid-template-columns:360px minmax(0,1fr)}.xl\:flex-row{flex-direction:row}.xl\:items-end{align-items:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:overflow-hidden{overflow:hidden}}@media print{.print\:block{display:block}.print\:hidden{display:none}.print\:min-h-32{min-height:8rem}.print\:break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.print\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.print\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.print\:border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.print\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.print\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.print\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}