@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*,: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:rgba(59,130,246,.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:rgba(59,130,246,.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{margin:0;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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-8{right:-2rem}.-top-8{top:-2rem}.right-0{right:0}.right-1\.5{right:.375rem}.top-1\.5{top:.375rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.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}.mt-\[1px\]{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[14px\]{height:14px}.h-\[26px\]{height:26px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-\[55vh\]{max-height:55vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-0{min-height:0}.min-h-\[34px\]{min-height:34px}.min-h-\[44px\]{min-height:44px}.min-h-\[50px\]{min-height:50px}.min-h-\[60px\]{min-height:60px}.min-h-\[64px\]{min-height:64px}.min-h-\[96px\]{min-height:96px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[14px\]{width:14px}.w-\[16\%\]{width:16%}.w-\[205px\]{width:205px}.w-\[26px\]{width:26px}.w-\[32\%\]{width:32%}.w-\[52\%\]{width:52%}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[220px\]{max-width:220px}.max-w-\[520px\]{max-width:520px}.max-w-\[650px\]{max-width:650px}.max-w-\[720px\]{max-width:720px}.max-w-\[880px\]{max-width:880px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.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}.items-baseline{align-items:baseline}.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-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[9px\]{gap:9px}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.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))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * 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-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[\#e4e8ee\]{--tw-border-opacity:1;border-color:rgb(228 232 238/var(--tw-border-opacity,1))}.border-\[\#ff8a3d\]{--tw-border-opacity:1;border-color:rgb(255 138 61/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#0a1c2b\]{--tw-bg-opacity:1;background-color:rgb(10 28 43/var(--tw-bg-opacity,1))}.bg-\[\#0b3b8a\]{--tw-bg-opacity:1;background-color:rgb(11 59 138/var(--tw-bg-opacity,1))}.bg-\[\#12324a\]{--tw-bg-opacity:1;background-color:rgb(18 50 74/var(--tw-bg-opacity,1))}.bg-\[\#f472311f\]{background-color:#f472311f}.bg-\[\#f47231\]{--tw-bg-opacity:1;background-color:rgb(244 114 49/var(--tw-bg-opacity,1))}.bg-\[\#f7f8fa\]{--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}.bg-\[\#ff8a3d\]{--tw-bg-opacity:1;background-color:rgb(255 138 61/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/90{background-color:rgba(37,99,235,.9)}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-50\/60{background-color:rgba(255,247,237,.6)}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-700{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.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}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[15px\]{padding-left:15px;padding-right:15px}.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}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-4{padding-bottom:1rem}.pb-\[13px\]{padding-bottom:13px}.pb-\[3px\]{padding-bottom:3px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.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-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.tracking-\[-0\.3px\]{letter-spacing:-.3px}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[1\.2px\]{letter-spacing:1.2px}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#16a34a\]{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-\[\#1d4d6f\]{--tw-text-opacity:1;color:rgb(29 77 111/var(--tw-text-opacity,1))}.text-\[\#8896a4\]{--tw-text-opacity:1;color:rgb(136 150 164/var(--tw-text-opacity,1))}.text-\[\#dc2626\]{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-\[\#f47231\]{--tw-text-opacity:1;color:rgb(244 114 49/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/25{color:hsla(0,0%,100%,.25)}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.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 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-soft{--tw-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.08);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color),0 10px 30px var(--tw-shadow-color)}.shadow-soft,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--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)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.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}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--navy:#12324a;--navy-d:#0a1c2b;--navy-m:#1d4d6f;--orange:#ff8a3d;--orange-p:#fff2e8;--app-bg:#f7f8fa;--app-surface:#fff;--app-border:#e4e8ee;--app-border-soft:#edf0f4;--text-strong:#0f1923;--text-muted:#8896a4;--gn:#1f9d68;--gnb:#edf9f4;--am:#d18419;--amb:#fff8e8;--rd:#d9534f;--rdb:#fff1f0;--bl:#2d74da;--blb:#eaf2ff;--gy:#6b7280;--gyb:#f3f4f6}body{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-strong);background:var(--app-bg)}body[data-page] #app-top-chrome{display:none!important}body[data-page] .app-main-scroll{padding:0!important}.app-bg{background:var(--app-bg)}.app-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.app-hide-scrollbar::-webkit-scrollbar{display:none}.app-shell-sidebar{background:linear-gradient(180deg,rgba(10,28,43,.96),rgba(18,50,74,.93));border:1px solid hsla(0,0%,100%,.08);box-shadow:0 36px 90px rgba(8,24,37,.22)}.app-card,.glass-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.app-card{overflow:hidden}.app-card-header{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;border-bottom:1px solid var(--app-border-soft);flex-wrap:wrap}.app-title{font-size:1.1rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--text-strong)}.app-subtitle{margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.stat-card{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--app-border);background:var(--app-surface);padding:.9rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}.stat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:0;background:linear-gradient(90deg,var(--navy),#3a6f97)}.stat-card.orange:after{background:linear-gradient(90deg,var(--orange),#ffb27b)}.stat-card.green:after{background:linear-gradient(90deg,#1f9d68,#5ec796)}.stat-card.amber:after{background:linear-gradient(90deg,#d18419,#efc26a)}.stat-card.blue:after{background:linear-gradient(90deg,#2d74da,#7caaf4)}.stat-label{margin-bottom:.5rem;color:var(--text-muted);font-size:.625rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.stat-value{color:var(--text-strong);font-size:1.35rem;line-height:1;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.stat-tag{margin-top:.5rem;border-radius:999px;background:rgba(18,50,74,.07);padding:.25rem .5rem;color:var(--text-muted);font-size:.625rem}.app-btn,.stat-tag{display:inline-flex;font-weight:700}.app-btn{align-items:center;justify-content:center;gap:.375rem;border-radius:6px;border:1px solid var(--app-border);background:#fff;padding:.45rem .75rem;color:#4a5568;font-size:.75rem;line-height:1.35;transition:all .18s ease;white-space:nowrap}.app-btn:hover{background:#fff;color:var(--text-strong);box-shadow:0 1px 3px rgba(0,0,0,.06)}.app-btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--orange),#ff6f2d);color:#fff;box-shadow:none}.app-btn-primary:hover{color:#fff;opacity:.92;transform:none;box-shadow:none}.app-btn-danger{border-color:#f6c2c0;background:#fff1f0;color:#d9534f}.app-btn-success{border-color:#c7eddc;background:#edf9f4;color:#1f9d68}.app-input{border-radius:6px;border:1px solid var(--app-border);background:#fff;padding:.5rem .65rem;color:var(--text-strong);font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.app-input:focus{border-color:var(--navy);box-shadow:none}.app-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.app-table th{border-bottom:1px solid var(--app-border);background:var(--app-bg);padding:.6rem .8rem;text-align:left;color:var(--text-muted);font-size:.625rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.app-table td{border-bottom:1px solid var(--app-border-soft);padding:.7rem .8rem;color:var(--text-strong);vertical-align:middle}.app-table tbody tr:hover td{background:#fafbfc}.app-number{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em}.avatar-tile{width:2.125rem;height:2.125rem;justify-content:center;border-radius:.75rem;color:#fff;background:linear-gradient(135deg,#12324a,#3a6f97);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16)}.avatar-tile,.status-pill{display:inline-flex;align-items:center;font-size:.65rem;font-weight:800}.status-pill{border-radius:999px;padding:.25rem .6rem;letter-spacing:.03em;text-transform:capitalize}.status-pill.calculated,.status-pill.draft{background:rgba(18,50,74,.07);color:#496074}.status-pill.pending,.status-pill.submitted{background:#fff8e8;color:#d18419}.status-pill.approved,.status-pill.locked,.status-pill.published{background:#edf9f4;color:#1f9d68}.status-pill.rejected{background:#fff1f0;color:#d9534f}.shadow-soft{box-shadow:0 1px 3px rgba(0,0,0,.06)!important}.bg-white.border.border-gray-200.rounded-2xl,.bg-white.border.border-gray-200.rounded-xl{background:#fff!important;border-color:var(--app-border)!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important}.bg-white.border.border-gray-200.rounded-2xl{border-radius:10px!important}.bg-white.border.border-gray-200.rounded-xl{border-radius:8px!important}.rounded-2xl.border.border-gray-200,.rounded-xl.border.border-gray-200{border-color:var(--app-border)!important}.rounded-2xl.border.border-gray-200{border-radius:10px!important}.rounded-xl.border.border-gray-200{border-radius:8px!important}input.rounded-xl,select.rounded-xl,textarea.rounded-xl{border-color:var(--app-border)!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;font-size:12.5px!important}input.rounded-xl:focus,select.rounded-xl:focus,textarea.rounded-xl:focus{border-color:var(--navy)!important;box-shadow:none!important;outline:none}a.rounded-xl,button.rounded-xl,label.rounded-xl{border-radius:6px!important}a.border.border-gray-200.bg-white,button.border.border-gray-200.bg-white,label.border.border-gray-200.bg-white{border-color:var(--app-border)!important;background:#fff!important;color:#4a5568!important;box-shadow:none!important}a.border.border-gray-200.bg-white:hover,button.border.border-gray-200.bg-white:hover,label.border.border-gray-200.bg-white:hover{background:#f0f2f5!important;color:var(--text-strong)!important}a.bg-blue-600,button.bg-blue-600{border-radius:6px!important;background:var(--orange)!important;box-shadow:none!important}a.bg-blue-600:hover,button.bg-blue-600:hover{opacity:.92}.text-blue-600{color:#1d4d6f!important}.bg-blue-50{background-color:var(--orange-p)!important}.border-blue-200{border-color:#f8956a!important}.text-blue-700,.text-blue-800{color:var(--navy)!important}.bg-gray-50{background-color:var(--app-bg)!important}.app-table th,thead.bg-gray-50 th{color:var(--text-muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}tbody.divide-y>:not([hidden])~:not([hidden]){border-color:var(--app-border-soft)!important}table.w-full.text-sm td,table.w-full.text-sm th,table.w-full.text-sm.min-w-\[640px\] td,table.w-full.text-sm.min-w-\[640px\] th{padding-top:.7rem!important;padding-bottom:.7rem!important}h1.text-2xl,h2.text-2xl,h3.text-2xl{font-size:1.25rem!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.02em!important}.shadow-sm,.shadow-xl{box-shadow:0 1px 3px rgba(0,0,0,.06)!important}.chip{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem .625rem;font-size:.75rem;line-height:1rem}.bg-white.border.chip.rounded-2xl,.bg-white.border.chip.rounded-xl,.bg-white.chip.border-gray-200.rounded-2xl,.bg-white.chip.border-gray-200.rounded-xl,.chip.border.border-gray-200.rounded-2xl,.chip.border.border-gray-200.rounded-xl{background:#fff;border-color:var(--app-border);box-shadow:0 1px 3px rgba(0,0,0,.06)}.bg-white.border.chip.rounded-2xl,.bg-white.chip.border-gray-200.rounded-2xl,.chip.border.border-gray-200.rounded-2xl{border-radius:10px}.bg-white.border.chip.rounded-xl,.bg-white.chip.border-gray-200.rounded-xl,.chip.border.border-gray-200.rounded-xl{border-radius:8px}.rounded-2xl.border.chip,.rounded-2xl.chip.border-gray-200,.rounded-xl.border.chip,.rounded-xl.chip.border-gray-200{border-color:var(--app-border)}.rounded-2xl.border.chip,.rounded-2xl.chip.border-gray-200{border-radius:10px}.rounded-xl.border.chip,.rounded-xl.chip.border-gray-200{border-radius:8px}a.border.border-gray-200.chip,a.border.chip.bg-white,a.chip.border-gray-200.bg-white,button.border.border-gray-200.chip,button.border.chip.bg-white,button.chip.border-gray-200.bg-white,label.border.border-gray-200.chip,label.border.chip.bg-white,label.chip.border-gray-200.bg-white{border-color:var(--app-border);background:#fff;color:#4a5568;box-shadow:none}a.border.border-gray-200.chip:hover,a.border.chip.bg-white:hover,a.chip.border-gray-200.bg-white:hover,button.border.border-gray-200.chip:hover,button.border.chip.bg-white:hover,button.chip.border-gray-200.bg-white:hover,label.border.border-gray-200.chip:hover,label.border.chip.bg-white:hover,label.chip.border-gray-200.bg-white:hover{background:#f0f2f5;color:var(--text-strong)}.chip.draft{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));background-color:var(--app-bg)}thead.chip.draft th{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chip.pending{border-color:rgb(254 215 170/var(--tw-border-opacity,1));background-color:rgb(255 247 237/var(--tw-bg-opacity,1));color:rgb(154 52 18/var(--tw-text-opacity,1))}.chip.approved,.chip.pending{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.chip.approved{border-color:rgb(187 247 208/var(--tw-border-opacity,1));background-color:rgb(240 253 244/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1))}.chip.locked{background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(30 64 175/var(--tw-text-opacity,1));background-color:var(--orange-p);border-color:#f8956a;color:var(--navy)}.chip.locked,.chip.rejected{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.chip.rejected{border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/var(--tw-bg-opacity,1));color:rgb(153 27 27/var(--tw-text-opacity,1))}.att-page{min-height:100%;background:#f7f8fa;font-size:13px;color:#0f1923;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.att-pb{padding:20px 24px;flex:1}.att-tb{height:50px;background:#fff;border-bottom:1px solid #e4e8ee;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0;flex-wrap:wrap}.att-tb-l{flex:1;min-width:0}.att-tb-pg{font-size:14px;font-weight:600;color:#0f1923;line-height:1.2}.att-tb-sub{font-size:11px;color:#8896a4;margin-top:1px}.att-tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.att-btn{display:inline-flex;align-items:center;gap:4px;border-radius:6px;font-weight:500;line-height:1.4;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.att-btn,.att-btn-sm{padding:5px 10px;font-size:11.5px}.att-btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.att-btn-gh{background:transparent;color:#4a5568;border-color:#e4e8ee}.att-btn-gh:hover{background:#f0f2f5;color:#0f1923}.att-btn-nv{background:#184669;color:#fff;border-color:#184669}.att-btn-nv:hover{background:#1e5a83}.att-btn-pr{background:#f47231;color:#fff;border-color:#f47231}.att-btn-pr:hover{opacity:.9}.att-btn:disabled{opacity:.4;cursor:not-allowed}.att-notice{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:12.5px}.att-notice svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.att-notice-t{font-weight:600}.att-notice-s{font-size:11.5px;margin-top:1px;opacity:.85}.att-mono{font-family:Inter,ui-monospace,monospace;font-variant-numeric:tabular-nums}.att-viewbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.att-emp-lbl{font-size:12px;color:#4a5568;font-weight:500}.att-isel{padding:5px 9px;border:1px solid #e4e8ee;border-radius:6px;font-size:12px;color:#0f1923;background:#fff;min-width:200px;outline:none}.att-isel:focus{border-color:#184669}.att-card{background:#fff;border:1px solid #e4e8ee;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;margin-bottom:12px}.att-ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f4;gap:8px;flex-wrap:wrap;min-height:44px}.att-ct{font-size:13px;font-weight:600;color:#0f1923;flex:1;min-width:0}.att-bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.att-bdg-gn{background:#f0fdf4;color:#16a34a}.att-bdg-rd{background:#fef2f2;color:#dc2626}.att-bdg-am{background:#fffbeb;color:#d97706}.att-bdg-bl{background:#eff6ff;color:#2563eb}.att-bdg-gy{background:#f0f2f5;color:#4a5568}.att-quick{padding:6px 16px 10px;display:flex;gap:6px;border-bottom:1px solid #edf0f4;flex-wrap:wrap}.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid #edf0f4}.att-cal-dow{padding:7px 4px;text-align:center;font-size:9.5px;font-weight:700;color:#8896a4;text-transform:uppercase;letter-spacing:.5px;background:#f7f8fa}.att-cal-cell,.att-cal-dow{border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.att-cal-cell{min-height:75px;padding:5px 7px;cursor:default;transition:background .12s}.att-cal-cell.clickable{cursor:pointer}.att-cal-cell.clickable:hover{background:#f0f2f5}.att-cal-cell.other{background:#f7f8fa;opacity:.45}.att-cal-cell.wknd{background:#fafafa}.att-cal-cell.today{background:#fef9f5}.att-cal-dn{font-size:11.5px;font-weight:600;color:#4a5568;margin-bottom:3px}.att-cal-cell.today .att-cal-dn{color:#f47231}.att-cal-chip{font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px;display:inline-block;width:100%;text-align:center;margin-top:1px}.att-cc-P{background:#f0fdf4;color:#16a34a}.att-cc-A{background:#fef2f2;color:#dc2626}.att-cc-SL{background:#fffbeb;color:#d97706}.att-cc-AL{background:#eff6ff;color:#2563eb}.att-cc-PH{background:#f0f2f5;color:#8896a4}.att-cc-empty{background:transparent;color:#b8c4cf;font-weight:500}.att-sumbar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 16px;border-top:1px solid #edf0f4;background:#f7f8fa}.att-si{text-align:center}.att-sv{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;color:#0f1923}.att-sl{font-size:9.5px;color:#8896a4;margin-top:2px;text-transform:uppercase;letter-spacing:.4px}.att-wrap{overflow:auto;max-height:450px}.att-grid-t{border-collapse:collapse;white-space:nowrap;width:100%}.att-grid-t td,.att-grid-t th{border:1px solid #edf0f4}.att-th-emp{z-index:3;background:#f7f8fa;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#8896a4;min-width:180px;text-align:left}.att-td-emp,.att-th-emp{position:sticky;left:0;padding:6px 12px}.att-td-emp{z-index:2;background:#fff;border-right:2px solid #e4e8ee!important}.att-td-emp .pn{font-size:11.5px;font-weight:500;color:#0f1923}.att-td-emp .ps{font-size:10px;color:#8896a4}.att-grid-t th.dh{width:34px;min-width:34px;max-width:34px;text-align:center;padding:5px 2px;font-size:9px;font-weight:600;color:#8896a4}.att-grid-t th.dh.tod{background:#fef3ec;color:#f47231}.att-grid-t th.dh.wkd{background:#eaeaea;color:#999}.att-grid-t td.dc{width:34px;min-width:34px;max-width:34px;padding:0;text-align:center}.att-grid-t td.dc.wkd{background:#f7f8fa}.att-day-sel{width:34px;height:34px;border:none;background:transparent;font-size:10px;font-weight:700;font-family:Inter,ui-monospace,monospace;text-align:center;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0 auto}.att-day-sel.s-empty{color:#b8c4cf;background:#f7f8fa}.att-day-sel.sP{color:#16a34a;background:#f0fdf4}.att-day-sel.sA{color:#dc2626;background:#fef2f2}.att-day-sel.sSL{color:#d97706;background:#fffbeb}.att-day-sel.sAL{color:#2563eb;background:#eff6ff}.att-day-sel.sPH{color:#8896a4;background:#f0f2f5}.att-day-sel.sUL{color:#d97706;background:#fffbeb}.att-td-sum{text-align:center}.att-td-sum,.att-td-upd{padding:4px 8px;font-size:11px;font-weight:700;font-family:Inter,ui-monospace,monospace;background:#f7f8fa}.att-td-upd{text-align:right;min-width:90px}.att-grid-toolbar{padding:9px 16px;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.att-grid-legend,.att-grid-toolbar{display:flex;flex-wrap:wrap;border-bottom:1px solid #edf0f4;color:#4a5568}.att-grid-legend{padding:7px 16px;gap:12px;font-size:11px}.att-grid-foot{padding:9px 16px;border-top:1px solid #edf0f4;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:#8896a4}.att-sw{position:relative;width:170px;margin-left:auto}.att-sw svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:#b8c4cf;pointer-events:none}.att-si{width:100%;padding:6px 10px 6px 27px;border:1px solid #e4e8ee;border-radius:6px;font-size:12px;color:#0f1923;background:#fff;outline:none}.att-si:focus{border-color:#184669}.att-si::-moz-placeholder{color:#b8c4cf}.att-si::placeholder{color:#b8c4cf}.att-day-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:16px}.att-day-modal{width:100%;max-width:360px;background:#fff;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.16);overflow:hidden}.att-day-modal-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #edf0f4;font-size:14px;font-weight:600}.att-day-modal-b{padding:16px}.att-day-opt{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:7px;border-radius:6px;border:1px solid #e4e8ee;font-size:12px;font-weight:500;cursor:pointer;text-align:left}.att-day-opt:last-child{margin-bottom:0}.att-day-opt.cur{outline:2px solid currentColor;outline-offset:2px}.att-period-input{border:none;background:transparent;font-size:11px;color:#8896a4;cursor:pointer;padding:0;margin-left:4px}.att-period-input:focus{outline:none;color:#184669}.pr-page{min-height:100%;background:#f7f8fa;font-size:13px;color:#0f1923;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pr-pb{padding:20px 24px;flex:1}.pr-page .att-tb{height:50px;background:#fff;border-bottom:1px solid #e4e8ee;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0;flex-wrap:wrap}.pr-g64{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:14px;margin-bottom:14px}@media (max-width:900px){.pr-g64{grid-template-columns:1fr}}.pr-card{background:#fff;border:1px solid #e4e8ee;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.pr-card-pad{padding:14px 16px}.pr-lbl{display:block;font-size:11px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.3px}.pr-lbl-sm{font-size:10px;margin-bottom:3px}.pr-inp,.pr-sel{width:100%;padding:7px 10px;border:1px solid #e4e8ee;border-radius:6px;font-size:12.5px;color:#0f1923;background:#fff;font-family:inherit;outline:none}.pr-inp:focus,.pr-sel:focus{border-color:#184669}.pr-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media (max-width:1100px){.pr-sg{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pr-sg{grid-template-columns:1fr}}.pr-sc{background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.pr-sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.pr-sc.c-nv:after{background:#184669}.pr-sc.c-or:after{background:#f47231}.pr-sc.c-gn:after{background:#16a34a}.pr-sc.c-am:after{background:#d97706}.pr-sc.c-bl:after{background:#2563eb}.pr-sc-lb{font-size:10px;font-weight:600;color:#8896a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.pr-sc-v{font-size:20px;font-weight:700;color:#0f1923;letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums}.pr-sc-tag{display:inline-flex;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px;background:#f0f2f5;color:#8896a4}.pr-notice{align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:14px;border:1px solid #bfdbfe;background:#eff6ff;font-size:12.5px}.pr-notice,.pr-notice-r{display:flex;color:#2563eb}.pr-notice-r{flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;margin-top:1px;font-size:13px;font-weight:800;line-height:1;font-family:Inter,system-ui,sans-serif}.pr-notice-t{font-weight:600}.pr-notice-s{font-size:11.5px;margin-top:1px;opacity:.85}.pr-bdg{display:inline-flex;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600}.pr-bdg-am{background:#fffbeb;color:#d97706}.pr-bdg-bl{background:#eff6ff;color:#2563eb}.pr-bdg-gn{background:#f0fdf4;color:#16a34a}.pr-bdg-rd{background:#fef2f2;color:#dc2626}.pr-ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f4;gap:8px;flex-wrap:wrap;min-height:44px}.pr-ct{font-size:13px;font-weight:600;color:#0f1923;flex:1;min-width:0}.pr-sw{position:relative;max-width:160px;width:100%}.pr-sw svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:#b8c4cf;pointer-events:none}.pr-si{width:100%;padding:6px 10px 6px 27px;border:1px solid #e4e8ee;border-radius:6px;font-size:12px;background:#fff;outline:none}.pr-si:focus{border-color:#184669}.pr-tw{overflow-x:auto;max-height:420px;-webkit-overflow-scrolling:touch}.pr-tbl{width:100%;border-collapse:collapse}.pr-tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8896a4;background:#f7f8fa;border-bottom:1px solid #e4e8ee;white-space:nowrap;position:sticky;top:0;z-index:1}.pr-tbl td{padding:10px 13px;border-bottom:1px solid #edf0f4;vertical-align:middle;font-size:12.5px;color:#0f1923}.pr-tbl tbody tr:hover td{background:#fafbfc}.pr-th-r{text-align:right!important}.pr-td-r{text-align:right}.pr-mono,.pr-td-r{font-family:Inter,ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-person{gap:8px;min-width:160px}.pr-av,.pr-person{display:flex;align-items:center}.pr-av{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0}.pr-pn{font-size:12.5px;font-weight:500;color:#0f1923}.pr-ps{font-size:10.5px;color:#8896a4}.pr-page .ninp,.pr-page .pr-ninp{width:72px;max-width:100%;padding:4px 7px;border:1px solid #e4e8ee;border-radius:4px;font-size:12px;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:normal;text-align:right;outline:none;background:#fff;transition:border .15s;color:#0f1923;display:block;margin:0 auto;box-sizing:border-box;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pr-page .ninp::-webkit-inner-spin-button,.pr-page .ninp::-webkit-outer-spin-button,.pr-page .pr-ninp::-webkit-inner-spin-button,.pr-page .pr-ninp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pr-page .ninp:focus,.pr-page .pr-ninp:focus{border-color:#184669}.pr-page .ninp:disabled,.pr-page .pr-ninp-locked,.pr-page .pr-ninp:disabled{background:#fff;color:#0f1923;opacity:1;cursor:not-allowed;border-color:#e4e8ee}.pr-page .pr-ninp.pr-ninp-warn{color:#dc2626}.pr-tbl td.pr-td-inp{text-align:center;padding:6px 4px;vertical-align:middle}.pr-pager{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid #edf0f4;font-size:11.5px;color:#8896a4}.pr-wd-lbl{font-size:12px;font-weight:500;color:#4a5568}.pr-wd-inp{width:60px;padding:4px 8px;border:1px solid #e4e8ee;border-radius:6px;font-size:12px;font-family:Inter,ui-monospace,monospace}.tx-notice-am{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:14px;border:1px solid #fde68a;background:#fffbeb;color:#d97706;font-size:12.5px}.tx-notice-am svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.tx-notice-am .tx-notice-b{flex:1;min-width:0}.tx-notice-am .tx-notice-t{font-weight:600}.tx-notice-am .tx-notice-s{font-size:11.5px;margin-top:1px;opacity:.85}.att-btn-am{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.att-btn-am:hover{background:#fef3c7;color:#b45309}.tx-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid #e4e8ee;padding-bottom:0}.tx-tab{padding:8px 14px;font-size:12.5px;font-weight:500;color:#8896a4;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit}.tx-tab:hover{color:#0f1923}.tx-tab.active{color:#184669;border-bottom-color:#f47231;font-weight:600}.pr-bdg-gy{background:#f0f2f5;color:#4a5568}.pr-td-paye{color:#dc2626}.pr-td-net{color:#16a34a;font-weight:700}.stg-shell{min-height:100%;background:#f7f8fa;font-size:13px;color:#0f1923;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.stg-tb{height:50px;background:#fff;border-bottom:1px solid #e4e8ee;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:20}.stg-tb-l{flex:1;min-width:0}.stg-tb-pg{font-size:14px;font-weight:600;color:#0f1923;line-height:1.2}.stg-tb-sub{font-size:11px;color:#8896a4;margin-top:1px}.stg-tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0}.stg-pb{padding:20px 24px}.stg-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none}.stg-btn-sm{padding:5px 10px;font-size:11.5px}.stg-btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.stg-btn-pr{background:#f47231;color:#fff;border-color:#f47231}.stg-btn-pr:hover{opacity:.9}.stg-btn-pr:disabled{opacity:.5;cursor:not-allowed}.stg-btn-gh{background:transparent;color:#4a5568;border-color:#e4e8ee}.stg-btn-gh:hover{background:#f0f2f5;color:#0f1923}.stg-cl{font-size:11.5px;font-weight:500;color:#8896a4;cursor:pointer;padding:3px 7px;border-radius:4px;border:none;background:none;font-family:inherit;text-decoration:none;transition:all .15s}.stg-cl:hover{background:#f0f2f5;color:#0f1923}.stg-g55{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}@media (max-width:900px){.stg-g55{grid-template-columns:1fr}}.stg-row2-l{gap:8px}.stg-card-fill,.stg-row2-l{display:flex;flex-direction:column;min-height:0}.stg-card-fill{flex:1}.stg-card-fill .stg-body{flex:0 0 auto}.stg-card-users{display:flex;flex-direction:column;height:auto;max-height:100%}.stg-card-users .stg-ch{padding:8px 12px;min-height:36px}.stg-card-users .stg-ct{font-size:12px}.stg-card-users .stg-users-tw{flex:0 0 auto;max-height:200px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.stg-card-users .stg-tbl th{padding:5px 10px;font-size:9px;position:sticky;top:0;z-index:1}.stg-card-users .stg-tbl td{padding:5px 10px;font-size:11px;line-height:1.35}.stg-card-users .stg-tbl td:first-child{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stg-card-users .stg-bdg{padding:1px 6px;font-size:9.5px}.stg-card-users .stg-btn-xs{padding:2px 6px;font-size:10px;line-height:1.4}.stg-card-users .stg-view-all{padding:6px 12px;font-size:11px}.stg-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stg-card{background:#fff;border:1px solid #e4e8ee;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;height:100%}.stg-ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f4;gap:8px;flex-wrap:wrap;min-height:44px}.stg-ct{font-size:13px;font-weight:600;color:#0f1923;flex:1;min-width:0}.stg-body{padding:16px}.stg-fg{margin-bottom:12px}.stg-fg:last-child{margin-bottom:0}.stg-lbl{display:block;font-size:11px;font-weight:600;color:#4a5568;margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.stg-inp,.stg-sel{width:100%;padding:7px 10px;border:1px solid #e4e8ee;border-radius:6px;font-size:12.5px;color:#0f1923;background:#fff;font-family:inherit;outline:none;transition:border .15s}.stg-inp:focus,.stg-sel:focus{border-color:#184669}.stg-inp:disabled,.stg-sel:disabled{background:#f7f8fa;color:#8896a4;cursor:not-allowed}.stg-inp-mono{font-family:Inter,ui-monospace,monospace;font-variant-numeric:tabular-nums}.stg-hint{font-size:10px;color:#8896a4;margin-top:2px}.stg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.stg-users-tw{overflow-y:auto}.stg-tbl{width:100%;border-collapse:collapse}.stg-tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8896a4;background:#f7f8fa;border-bottom:1px solid #e4e8ee;white-space:nowrap}.stg-tbl td{padding:10px 13px;border-bottom:1px solid #edf0f4;color:#0f1923;vertical-align:middle;font-size:12.5px}.stg-tbl tbody tr:hover td{background:#fafbfc}.stg-tbl tbody tr:last-child td{border-bottom:none}.stg-bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap}.stg-bdg-or{background:#fef3ec;color:#f47231}.stg-bdg-bl{background:#eff6ff;color:#2563eb}.stg-bdg-gy{background:#f0f2f5;color:#4a5568}.stg-foot-links{display:flex;flex-direction:column;gap:6px;padding:4px 2px 0;font-size:11.5px}.stg-foot-links a{color:#2563eb;text-decoration:none}.stg-foot-links a:hover{text-decoration:underline}.stg-view-all{padding:8px 16px 12px;font-size:11.5px;color:#8896a4;border-top:1px solid #edf0f4}.stg-view-all a{color:#2563eb;text-decoration:none}.stg-view-all a:hover{text-decoration:underline}.stg-section-hd{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8896a4;margin-bottom:10px}.stg-rates{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width:1100px){.stg-rates{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.stg-rates{grid-template-columns:1fr}}.stg-tax-block{padding:16px;border-bottom:1px solid #edf0f4}.stg-tax-block:last-child{border-bottom:none}.stg-tax-tester{padding:16px;background:#f7f8fa}.stg-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width:1100px){.stg-preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.stg-preview-grid{grid-template-columns:repeat(2,1fr)}}.stg-pv{background:#fff;border:1px solid #e4e8ee;border-radius:8px;padding:10px;text-align:center}.stg-pv-lb{font-size:9px;color:#8896a4;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.stg-pv-v{font-size:14px;font-weight:700;color:#0f1923;font-variant-numeric:tabular-nums}.stg-pv-v.am{color:#d97706}.stg-pv-v.gn{color:#16a34a}.stg-pv-v.rd{color:#dc2626}.stg-pv-net{background:#ebf2f8;border:2px solid #bfdbfe;border-radius:8px;padding:10px;text-align:center}.stg-pv-net .stg-pv-lb,.stg-pv-net .stg-pv-v{color:#184669}.stg-shell .ninp{width:100%;max-width:140px;padding:4px 7px;border:1px solid #e4e8ee;border-radius:4px;font-size:12px;font-family:Inter,ui-monospace,monospace;text-align:right;outline:none;background:#fff;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stg-shell .ninp:focus{border-color:#184669}.stg-shell .ninp::-webkit-inner-spin-button,.stg-shell .ninp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stg-br-from{color:#8896a4}.stg-br-from,.stg-br-prev{font-size:12px;font-family:Inter,ui-monospace,monospace}.stg-br-prev{color:#dc2626;font-weight:600}.stg-msg{padding:10px 14px;border-radius:8px;font-size:12.5px;margin-bottom:14px}.stg-msg.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.stg-msg.er{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.stg-tax-sub{font-size:11.5px;color:#8896a4;margin-top:2px}.stg-tax-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1;min-width:0}.attendance-pill{display:inline-block;min-width:2.25rem;border-radius:9999px;border-width:1px;padding:.25rem .5rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:500}.bg-white.attendance-pill.border-gray-200.rounded-2xl,.bg-white.attendance-pill.border-gray-200.rounded-xl{background:#fff;border-color:var(--app-border);box-shadow:0 1px 3px rgba(0,0,0,.06)}.bg-white.attendance-pill.border-gray-200.rounded-2xl{border-radius:10px}.bg-white.attendance-pill.border-gray-200.rounded-xl{border-radius:8px}.rounded-2xl.attendance-pill.border-gray-200,.rounded-xl.attendance-pill.border-gray-200{border-color:var(--app-border)}.rounded-2xl.attendance-pill.border-gray-200{border-radius:10px}.rounded-xl.attendance-pill.border-gray-200{border-radius:8px}a.attendance-pill.border-gray-200.bg-white,button.attendance-pill.border-gray-200.bg-white,label.attendance-pill.border-gray-200.bg-white{border-color:var(--app-border);background:#fff;color:#4a5568;box-shadow:none}a.attendance-pill.border-gray-200.bg-white:hover,button.attendance-pill.border-gray-200.bg-white:hover,label.attendance-pill.border-gray-200.bg-white:hover{background:#f0f2f5;color:var(--text-strong)}.attendance-pill.empty{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.bg-white.border.attendance-pill.empty.rounded-2xl,.bg-white.border.attendance-pill.empty.rounded-xl{background:#fff;border-color:var(--app-border);box-shadow:0 1px 3px rgba(0,0,0,.06)}.bg-white.border.attendance-pill.empty.rounded-2xl{border-radius:10px}.bg-white.border.attendance-pill.empty.rounded-xl{border-radius:8px}.rounded-2xl.border.attendance-pill.empty,.rounded-xl.border.attendance-pill.empty{border-color:var(--app-border)}.rounded-2xl.border.attendance-pill.empty{border-radius:10px}.rounded-xl.border.attendance-pill.empty{border-radius:8px}a.border.attendance-pill.empty.bg-white,button.border.attendance-pill.empty.bg-white,label.border.attendance-pill.empty.bg-white{border-color:var(--app-border);background:#fff;color:#4a5568;box-shadow:none}a.border.attendance-pill.empty.bg-white:hover,button.border.attendance-pill.empty.bg-white:hover,label.border.attendance-pill.empty.bg-white:hover{background:#f0f2f5;color:var(--text-strong)}.attendance-pill.empty{background-color:var(--app-bg)}thead.attendance-pill.empty th{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.attendance-pill.status-P{border-color:rgb(187 247 208/var(--tw-border-opacity,1));background-color:rgb(240 253 244/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1))}.attendance-pill.status-AL,.attendance-pill.status-P{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.attendance-pill.status-AL{border-color:rgb(186 230 253/var(--tw-border-opacity,1));background-color:rgb(240 249 255/var(--tw-bg-opacity,1));color:rgb(7 89 133/var(--tw-text-opacity,1))}.attendance-pill.status-SL{border-color:rgb(209 213 219/var(--tw-border-opacity,1));background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(55 65 81/var(--tw-text-opacity,1))}.attendance-pill.status-PH,.attendance-pill.status-SL{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.attendance-pill.status-PH{border-color:rgb(221 214 254/var(--tw-border-opacity,1));background-color:rgb(245 243 255/var(--tw-bg-opacity,1));color:rgb(91 33 182/var(--tw-text-opacity,1))}.attendance-pill.status-UL{border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:rgb(255 251 235/var(--tw-bg-opacity,1));color:rgb(146 64 14/var(--tw-text-opacity,1))}.attendance-pill.status-A,.attendance-pill.status-UL{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.attendance-pill.status-A{border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/var(--tw-bg-opacity,1));color:rgb(153 27 27/var(--tw-text-opacity,1))}.attendance-pill.status-HD-P{border-color:rgb(167 243 208/var(--tw-border-opacity,1));background-color:rgb(236 253 245/var(--tw-bg-opacity,1));color:rgb(6 95 70/var(--tw-text-opacity,1))}.attendance-pill.status-HD-P,.attendance-pill.status-HD-UL{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.attendance-pill.status-HD-UL{border-color:rgb(252 211 77/var(--tw-border-opacity,1));background-color:rgb(254 243 199/var(--tw-bg-opacity,1));color:rgb(120 53 15/var(--tw-text-opacity,1))}.attendance-pill.status-leave{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity,1))}.leave-design .leave-tabs-wrap{padding-left:16px;padding-right:16px}.leave-design .leave-tab{padding:9px 11px;margin-bottom:-1px;font-size:12px;font-weight:500;line-height:1.2}.leave-design .leave-tab.is-on{font-weight:600}.leave-design .leave-filters{padding-top:8px;padding-bottom:8px}.leave-design .leave-isel{font-size:12px;padding:5px 9px;min-height:30px}.leave-design .leave-table th{padding:8px 13px;font-size:10px;font-weight:700;letter-spacing:.05em}.leave-design .leave-table td{padding:10px 13px;font-size:12.5px}.leave-design .leave-table td:last-child,.leave-design .leave-table th:last-child{text-align:left}.leave-design .leave-xs-btn{padding:3px 8px;border-radius:4px;font-size:11px;line-height:1.5}.leave-design .leave-small-pill{padding:2px 7px;font-size:10.5px;font-weight:600}.leave-holiday-form label{letter-spacing:.4px}.leave-design .leave-status-chip,.leave-design .leave-type-chip{padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.1px;border:0}.leave-design .leave-type-AL{background:var(--blb);color:var(--bl)}.leave-design .leave-type-SL{background:var(--amb);color:var(--am)}.leave-design .leave-type-FL{background:var(--gyb);color:var(--gy)}.leave-design .leave-type-UL{background:var(--rdb);color:var(--rd)}.leave-design .leave-status-approved,.leave-design .leave-type-PH{background:var(--gnb);color:var(--gn)}.leave-design .leave-status-pending{background:var(--amb);color:var(--am)}.leave-design .leave-status-rejected{background:var(--rdb);color:var(--rd)}@media print{@page{size:A4;margin:4mm}body,html{padding:0;margin:0;background:#fff!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.payslip-print{width:100%!important;max-width:48rem!important;margin-left:auto!important;margin-right:auto!important;font-size:12px!important}.payslip-print .payslip-main-row{display:grid!important;grid-template-columns:2fr 1fr!important;gap:2rem!important}.payslip-print .payslip-bottom-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2rem!important}.payslip-print .payslip-section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;-webkit-region-break-inside:avoid}.payslip-print table{table-layout:fixed!important;width:100%!important}.payslip-print .payslip-employee-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}}.rp-shell{min-height:100%;background:#f7f8fa;font-size:13px;color:#0f1923;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.rp-shell .att-tb{height:50px;background:#fff;border-bottom:1px solid #e4e8ee;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0;flex-wrap:wrap}.rp-pb{padding:20px 24px}.rp-isel{padding:5px 9px;border:1px solid #e4e8ee;border-radius:6px;font-size:12px;font-family:inherit;color:#0f1923;background:#fff;outline:none;cursor:pointer;min-width:140px}.rp-isel:focus{border-color:#184669}.rp-notice{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid #bbf7d0;background:#ecfdf5;color:#16a34a;font-size:12.5px}.rp-notice svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.rp-notice-t{font-weight:600}.rp-notice-s{font-size:11.5px;margin-top:1px;opacity:.85}.rp-rg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.rp-rg{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.rp-rg{grid-template-columns:1fr}}.rp-rc{background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .18s,transform .18s}.rp-rc:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.rp-ri{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.rp-ri svg{width:17px;height:17px}.rp-rn{font-size:13px;font-weight:600;color:#0f1923;margin-bottom:3px}.rp-rd{font-size:11.5px;color:#8896a4;line-height:1.5;margin-bottom:12px}.rp-rb{display:flex;gap:5px;flex-wrap:wrap}.rp-toast{position:fixed;bottom:24px;right:24px;z-index:100;padding:10px 16px;border-radius:8px;font-size:12.5px;font-weight:500;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);max-width:min(360px,calc(100vw - 48px))}.rp-toast-ok{background:#16a34a}.rp-toast-wa{background:#d97706}.rp-toast-er{background:#dc2626}.ap-page{min-height:100%;background:#f7f8fa;font-size:13px;color:#0f1923;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.ap-page .tb{height:50px;background:#fff;border-bottom:1px solid #e4e8ee;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0}.ap-page .tb-l{flex:1;min-width:0}.ap-page .tb-pg{font-size:14px;font-weight:600;color:#0f1923;line-height:1.2;letter-spacing:-.01em}.ap-page .tb-sub{font-size:11px;font-weight:400;color:#8896a4;margin-top:1px;line-height:1.3}.ap-page .pb{padding:20px 24px;flex:1}.ap-page .mb16{margin-bottom:16px}.ap-page .mb12{margin-bottom:12px}.ap-page .btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none}.ap-page .btn-sm{padding:5px 10px;font-size:11.5px}.ap-page .btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.ap-page .btn-gh{background:transparent;color:#4a5568;border-color:#e4e8ee}.ap-page .btn-gh:hover{background:#f0f2f5;color:#0f1923}.ap-page .btn-ok{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.ap-page .btn-ok:hover{background:#bbf7d0}.ap-page .btn-dn{background:#fef2f2;color:#dc2626;border-color:#fecaca}.ap-page .btn-dn:hover{background:#fecaca}.ap-page .btn:disabled{opacity:.4;cursor:not-allowed}.ap-page .sg{display:grid;gap:10px;margin-bottom:18px}.ap-page .s3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.ap-page .s3{grid-template-columns:1fr}}.ap-page .sc{background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.ap-page .sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.ap-page .c-am:after{background:#d97706}.ap-page .c-gn:after{background:#16a34a}.ap-page .c-rd:after{background:#dc2626}.ap-page .sc-lb{font-size:10px;font-weight:600;color:#8896a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.ap-page .sc-v{font-size:20px;font-weight:700;color:#0f1923;letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums}.ap-page .sc-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px}.ap-page .tag-wa{background:#fffbeb;color:#d97706}.ap-page .tag-up{background:#f0fdf4;color:#16a34a}.ap-page .tag-fl{background:#f0f2f5;color:#8896a4}.ap-page .card{background:#fff;border:1px solid #e4e8ee;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.ap-page .ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f4;gap:8px;min-height:44px}.ap-page .ct{font-size:13px;font-weight:600;color:#0f1923;flex:1}.ap-page .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.ap-page .tbl{width:100%;border-collapse:collapse}.ap-page .tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8896a4;background:#f7f8fa;border-bottom:1px solid #e4e8ee;white-space:nowrap}.ap-page .tbl td{padding:10px 13px;border-bottom:1px solid #edf0f4;color:#0f1923;vertical-align:middle;font-size:12.5px}.ap-page .tbl tbody tr:hover td{background:#fafbfc}.ap-page .tbl tbody tr:last-child td{border-bottom:none}.ap-page .td-mono{font-family:Inter,ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.ap-page .td-muted{color:#8896a4}.ap-page .col-desc{min-width:280px}.ap-page .col-act{min-width:140px}.ap-page .tbl-empty{color:#8896a4;text-align:center;padding:24px!important}.ap-page .bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap}.ap-page .b-gn{background:#f0fdf4;color:#16a34a}.ap-page .b-am{background:#fffbeb;color:#d97706}.ap-page .b-rd{background:#fef2f2;color:#dc2626}.ap-page .b-bl{background:#eff6ff;color:#2563eb}.ap-page .b-or{background:#fef3ec;color:#f47231}.ap-page .b-nv{background:#ebf2f8;color:#184669}.ap-page .row-done{font-size:11px;font-weight:600}.ap-page .row-done-ok{color:#16a34a}.ap-page .row-done-rd{color:#dc2626}.ap-page .tbl-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ap-page .ap-msg{padding:10px 14px;border-radius:8px;font-size:12.5px;margin-bottom:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ap-page .ap-payroll-card{background:#fff;border:1px solid #fcd34d;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;margin-bottom:12px}.ap-page .ap-payroll-card.ap-approved{border-color:#bbf7d0}.ap-page .ap-payroll-card.ap-rejected{border-color:#fecaca}.ap-page .ap-payroll-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;background:#fffbeb;border-bottom:1px solid #fcd34d}.ap-page .ap-payroll-card.ap-approved .ap-payroll-banner{background:#f0fdf4;border-bottom-color:#bbf7d0}.ap-page .ap-payroll-card.ap-rejected .ap-payroll-banner{background:#fef2f2;border-bottom-color:#fecaca}.ap-page .ap-payroll-banner-main{flex:1;min-width:200px}.ap-page .ap-payroll-title{font-size:13.5px;font-weight:700;color:#d97706}.ap-page .ap-payroll-card.ap-approved .ap-payroll-title{color:#16a34a}.ap-page .ap-payroll-card.ap-rejected .ap-payroll-title{color:#dc2626}.ap-page .ap-payroll-sub{font-size:12px;color:#d97706;opacity:.85;margin-top:2px;line-height:1.45}.ap-page .ap-payroll-card.ap-approved .ap-payroll-sub{color:#16a34a}.ap-page .ap-payroll-card.ap-rejected .ap-payroll-sub{color:#dc2626}.ap-page .ap-payroll-outcome{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px}.ap-page .ap-payroll-outcome-ok{background:#f0fdf4;color:#16a34a}.ap-page .ap-payroll-outcome-rd{background:#fef2f2;color:#dc2626}.ap-page .ap-payroll-actions{display:flex;gap:8px;flex-wrap:wrap}.ap-page .ap-payroll-stats{display:flex;gap:20px;flex-wrap:wrap;padding:10px 18px;background:#f7f8fa;align-items:flex-end}.ap-page .ap-stat-lb{font-size:9.5px;color:#8896a4;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.ap-page .ap-stat-v{font-size:15px;font-weight:700;color:#0f1923;font-variant-numeric:tabular-nums}.ap-page .ap-stat-rd{color:#dc2626}.ap-page .ap-stat-gn{color:#16a34a}.ap-page .ap-stat-badge-wrap{margin-left:auto;display:flex;align-items:center}.ap-page .bdg-lg{font-size:12px;padding:4px 10px}.ap-page .ap-toast{position:fixed;bottom:24px;right:24px;z-index:500;padding:10px 16px;border-radius:8px;font-size:12.5px;font-weight:500;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);max-width:min(400px,calc(100vw - 48px))}.ap-page .ap-toast-ok{background:#16a34a}.ap-page .ap-toast-er{background:#dc2626}.ap-page .ap-modal-note{font-size:12.5px;color:#4a5568;margin-bottom:12px;line-height:1.45}.ap-page .ap-modal-lbl{display:block;font-size:11px;font-weight:600;color:#4a5568;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.ap-page .ap-modal-ta{width:100%;padding:8px 10px;border:1px solid #e4e8ee;border-radius:6px;font-size:12.5px;color:#0f1923;background:#fff;font-family:inherit;outline:none;min-height:100px;resize:vertical}.ap-page .ap-modal-ta:focus{border-color:#184669}.ap-page .ap-modal-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.tx-page{--navy:#184669;--orange:#f47231;--bg:#f7f8fa;--surf:#fff;--s2:#f0f2f5;--bd:#e4e8ee;--bds:#edf0f4;--t1:#0f1923;--t2:#4a5568;--t3:#8896a4;--gn:#16a34a;--am:#d97706;--rd:#dc2626;--bl:#2563eb;--blb:#eff6ff;--amb:#fffbeb;--amc:#fcd34d;min-height:100%;background:var(--bg);font-size:13px;color:var(--t1);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tx-page .tb{height:50px;background:var(--surf);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0}.tx-page .tb-l{flex:1;min-width:0}.tx-page .tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.tx-page .tb-pg{font-size:14px;font-weight:600;color:var(--t1);line-height:1.2}.tx-page .tb-sub{font-size:11px;font-weight:400;color:var(--t3);margin-top:1px;line-height:1.3}.tx-page .pb{padding:20px 24px;flex:1}.tx-page .mb16{margin-bottom:16px}.tx-page .btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none}.tx-page .btn-sm{padding:5px 10px;font-size:11.5px}.tx-page .btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.tx-page .btn-gh{background:transparent;color:var(--t2);border-color:var(--bd)}.tx-page .btn-gh:hover{background:var(--s2);color:var(--t1)}.tx-page .btn-pr{background:var(--orange);color:#fff;border-color:var(--orange)}.tx-page .btn-pr:hover{opacity:.9}.tx-page .btn-am{background:var(--amb);color:var(--am);border-color:var(--amc)}.tx-page .btn-am:hover{background:var(--amc)}.tx-page .btn:disabled{opacity:.4;cursor:not-allowed}.tx-page .notice{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid;font-size:12.5px}.tx-page .notice svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.tx-page .notice-b{flex:1;min-width:0}.tx-page .notice-t{font-weight:600}.tx-page .notice-s{font-size:11.5px;margin-top:1px;opacity:.85;font-weight:400}.tx-page .n-am{background:var(--amb);border-color:var(--amc);color:var(--am)}.tx-page .sg{display:grid;gap:10px;margin-bottom:18px}.tx-page .s4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.tx-page .s4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tx-page .s4{grid-template-columns:1fr}}.tx-page .sc{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.tx-page .sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.tx-page .c-nv:after{background:var(--navy)}.tx-page .c-or:after{background:var(--orange)}.tx-page .c-gn:after{background:var(--gn)}.tx-page .c-bl:after{background:var(--bl)}.tx-page .sc-lb{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.tx-page .sc-v{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums}.tx-page .sc-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px}.tx-page .tag-fl{background:var(--s2);color:var(--t3)}.tx-page .card{background:var(--surf);border:1px solid var(--bd);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.tx-page .ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--bds);gap:8px;min-height:44px}.tx-page .ct{font-size:13px;font-weight:600;color:var(--t1);flex:1;min-width:0}.tx-page .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.tx-page .tbl{width:100%;border-collapse:collapse}.tx-page .tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);background:var(--bg);border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:1}.tx-page .tbl td{padding:10px 13px;border-bottom:1px solid var(--bds);color:var(--t1);vertical-align:middle;font-size:12.5px}.tx-page .tbl tbody tr:hover td{background:#fafbfc}.tx-page .tbl tbody tr:last-child td{border-bottom:none}.tx-page .th-r{text-align:right!important}.tx-page .td-r{text-align:right;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.3px;white-space:nowrap}.tx-page .td-empno{font-size:11.5px;color:var(--t3);white-space:nowrap}.tx-page .tbl td.td-paye{color:var(--rd)!important;font-weight:500}.tx-page .tbl td.td-net{color:var(--gn)!important;font-weight:700}.tx-page .tbl-empty{color:var(--t3);text-align:center;padding:24px!important}.tx-page .person{gap:8px;min-width:160px}.tx-page .av,.tx-page .person{display:flex;align-items:center}.tx-page .av{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0}.tx-page .pn{font-size:12.5px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tx-page .bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.tx-page .b-bl{background:var(--blb);color:var(--bl)}.tx-page .b-gy{background:var(--s2);color:var(--t2)}.tx-page .tx-msg{padding:10px 14px;border-radius:8px;font-size:12.5px;margin-bottom:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.tx-page .tx-loading{padding:24px;color:#8896a4;font-size:13px}.db-page{--navy:#184669;--navy-m:#1e5a83;--orange:#f47231;--orange-p:#fef3ec;--bg:#f7f8fa;--surf:#fff;--s2:#f0f2f5;--bd:#e4e8ee;--bds:#edf0f4;--t1:#0f1923;--t2:#4a5568;--t3:#8896a4;--t4:#b8c4cf;--gn:#16a34a;--gnb:#f0fdf4;--am:#d97706;--amb:#fffbeb;--amc:#fcd34d;--rd:#dc2626;--bl:#2563eb;--blb:#eff6ff;min-height:100%;background:var(--bg);font-size:13px;color:var(--t1);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.db-page a{text-decoration:none;color:inherit}.db-page .tb{height:50px;background:var(--surf);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0}.db-page .tb-l{flex:1;min-width:0}.db-page .tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.db-page .tb-pg{font-size:14px;font-weight:600;color:var(--t1);line-height:1.2}.db-page .tb-sub{font-size:11px;font-weight:400;color:var(--t3);margin-top:1px;line-height:1.3}.db-page .pb{padding:20px 24px;flex:1}.db-page .mb16{margin-bottom:16px}.db-page .db-period-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.db-page .db-period-label{font-size:12px;font-weight:600;color:var(--t2)}.db-page .db-period-meta{font-size:11.5px;color:var(--t3);margin-left:4px}.db-page .btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none;background:none}.db-page .btn svg{width:12px;height:12px;flex-shrink:0}.db-page .btn-sm{padding:5px 10px;font-size:11.5px}.db-page .btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.db-page .btn-gh{background:transparent;color:var(--t2);border-color:var(--bd)}.db-page .btn-gh:hover{background:var(--s2);color:var(--t1)}.db-page .btn-pr{background:var(--orange);color:#fff;border-color:var(--orange)}.db-page .btn-pr:hover{opacity:.9}.db-page .btn:disabled{opacity:.4;cursor:not-allowed}.db-page .ibtn{width:30px;height:30px;border-radius:6px;border:1px solid var(--bd);background:var(--surf);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);position:relative;transition:all .15s;flex-shrink:0;text-decoration:none}.db-page .ibtn:hover{background:var(--s2);color:var(--t1)}.db-page .ibtn svg{width:14px;height:14px;flex-shrink:0;display:block}.db-page .ndot{width:6px;height:6px;background:var(--orange);border-radius:50%;position:absolute;top:3px;right:3px;border:1.5px solid var(--surf)}.db-page .isel{padding:5px 9px;border:1px solid var(--bd);border-radius:6px;font-size:12px;font-family:inherit;color:var(--t1);background:var(--surf);outline:none;cursor:pointer}.db-page .isel:focus{border-color:var(--navy)}.db-page .sg{display:grid;gap:10px;margin-bottom:18px}.db-page .s4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.db-page .s4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.db-page .s4{grid-template-columns:1fr}}.db-page .sc{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.db-page .sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.db-page .c-nv:after{background:var(--navy)}.db-page .c-or:after{background:var(--orange)}.db-page .c-gn:after{background:var(--gn)}.db-page .c-am:after{background:var(--am)}.db-page .c-bl:after{background:var(--bl)}.db-page .sc-lb{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.db-page .sc-v{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums}.db-page .sc-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px}.db-page .tag-up{background:var(--gnb);color:var(--gn)}.db-page .tag-fl{background:var(--s2);color:var(--t3)}.db-page .tag-wa{background:var(--amb);color:var(--am)}.db-page .g73{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:14px;align-items:start}@media (max-width:1024px){.db-page .g73{grid-template-columns:1fr}}.db-page .gcol{display:flex;flex-direction:column;gap:12px}.db-page .card{background:var(--surf);border:1px solid var(--bd);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.db-page .ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--bds);gap:8px;flex-wrap:wrap;min-height:44px}.db-page .ct{font-size:13px;font-weight:600;color:var(--t1);flex:1;min-width:0}.db-page .db-card-sub{font-size:11px;color:var(--t3);margin-top:1px}.db-page .cl{font-size:11.5px;font-weight:500;color:var(--t3);cursor:pointer;padding:3px 7px;border-radius:4px;border:none;background:none;font-family:inherit;transition:all .15s;text-decoration:none;white-space:nowrap}.db-page .cl:hover{background:var(--s2);color:var(--t1)}.db-page .prog{display:flex;align-items:center;padding:16px 20px}.db-page .p-step{display:flex;align-items:center;flex:1}.db-page .p-step:last-child{flex:0}.db-page .p-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.db-page .p-dot.done{background:var(--gn);color:#fff}.db-page .p-dot.act{background:var(--orange);color:#fff;box-shadow:0 0 0 3px rgba(244,114,49,.2)}.db-page .p-dot.todo{background:var(--bd);color:var(--t4)}.db-page .p-line{flex:1;height:1px;background:var(--bd);margin:0 4px}.db-page .p-line.done{background:var(--gn)}.db-page .prog-lbls{display:flex;padding:0 20px 12px}.db-page .p-lbl{flex:1;font-size:10px;color:var(--t3);text-align:center}.db-page .p-lbl.done{color:var(--gn)}.db-page .p-lbl.act{color:var(--orange);font-weight:600}.db-page .sw{position:relative}.db-page .sw svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--t4);pointer-events:none;display:block}.db-page .db-search{max-width:180px;flex:0 1 180px;min-width:120px}.db-page .si{width:100%;padding:6px 10px 6px 27px;border:1px solid var(--bd);border-radius:6px;font-size:12px;color:var(--t1);background:var(--surf);font-family:inherit;outline:none;transition:border .15s}.db-page .si:focus{border-color:var(--navy)}.db-page .si::-moz-placeholder{color:var(--t4)}.db-page .si::placeholder{color:var(--t4)}.db-page .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.db-page .db-emp-scroll{max-height:340px;overflow-y:auto}.db-page .tbl{width:100%;border-collapse:collapse}.db-page .tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);background:var(--bg);border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:1}.db-page .tbl td{padding:10px 13px;border-bottom:1px solid var(--bds);color:var(--t1);vertical-align:middle;font-size:12.5px}.db-page .tbl tbody tr:hover td{background:#fafbfc}.db-page .tbl tbody tr:last-child td{border-bottom:none}.db-page .th-r{text-align:right!important}.db-page .td-r{text-align:right;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.3px;white-space:nowrap}.db-page .td-empno{font-size:11.5px;color:var(--t3);white-space:nowrap}.db-page .tbl-empty{color:var(--t3);text-align:center;padding:24px!important}.db-page .person{gap:8px;min-width:160px}.db-page .av,.db-page .person{display:flex;align-items:center}.db-page .av{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0}.db-page .pn{font-size:12.5px;font-weight:500;color:var(--t1)}.db-page .pn,.db-page .ps{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.db-page .ps{font-size:10.5px;color:var(--t3)}.db-page .bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.db-page .b-gn{background:var(--gnb);color:var(--gn)}.db-page .b-am{background:var(--amb);color:var(--am)}.db-page .b-gy{background:var(--s2);color:var(--t2)}.db-page .b-bl{background:var(--blb);color:var(--bl)}.db-page .db-dept-badge{font-size:10px}.db-page .pager{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid var(--bds);font-size:11.5px;color:var(--t3);flex-wrap:wrap;gap:8px}.db-page .db-pager-btns{display:flex;gap:5px}.db-page .db-bars{padding:12px 16px}.db-page .lbr{display:flex;align-items:center;gap:8px;padding:4px 0}.db-page .lb-lbl{font-size:11.5px;color:var(--t2);width:46px;flex-shrink:0}.db-page .lb-track{flex:1;height:5px;background:var(--bds);border-radius:3px;overflow:hidden}.db-page .lb-fill{height:100%;border-radius:3px}.db-page .lb-pct{font-size:10.5px;color:var(--t3);width:26px;text-align:right;font-family:Inter,monospace;flex-shrink:0}.db-page .bdr{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--bds);font-size:12.5px}.db-page .bdr:last-child{border-bottom:none}.db-page .bdr .k{color:var(--t2)}.db-page .bdr .v{font-weight:600;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.db-page .bdr .v.mono{font-family:Inter,monospace}.db-page .bdr-rd{color:var(--rd)}.db-page .bdr.tot{background:#ebf2f8}.db-page .bdr.tot .k{color:var(--navy);font-weight:600}.db-page .bdr.tot .v{color:var(--navy);font-size:13px}.db-page .qi{display:flex;align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid var(--bds);transition:background .15s;text-decoration:none;color:inherit}.db-page .qi:last-child{border-bottom:none}.db-page .qi:hover{background:var(--bg);cursor:pointer}.db-page .qd{width:5px;height:5px;border-radius:50%;flex-shrink:0}.db-page .qi-body{flex:1;min-width:0}.db-page .qt{font-size:12.5px;font-weight:500;color:var(--t1)}.db-page .qs{font-size:11px;color:var(--t3);margin-top:1px}.db-page .db-empty{padding:16px;font-size:12.5px;color:var(--t3)}.em-page{--navy:#184669;--navy-m:#1e5a83;--orange:#f47231;--bg:#f7f8fa;--surf:#fff;--s2:#f0f2f5;--bd:#e4e8ee;--bds:#edf0f4;--t1:#0f1923;--t2:#4a5568;--t3:#8896a4;--t4:#b8c4cf;--gn:#16a34a;--gnb:#f0fdf4;--am:#d97706;--amb:#fffbeb;--rd:#dc2626;--rdb:#fef2f2;--rdc:#fecaca;--bl:#2563eb;--blb:#eff6ff;min-height:100%;background:var(--bg);font-size:13px;color:var(--t1);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.em-page .tb{height:50px;background:var(--surf);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0}.em-page .tb-l{flex:1;min-width:0}.em-page .tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.em-page .tb-pg{font-size:14px;font-weight:600;color:var(--t1);line-height:1.2}.em-page .tb-sub{font-size:11px;font-weight:400;color:var(--t3);margin-top:1px;line-height:1.3}.em-page .pb{padding:20px 24px;flex:1}.em-page .mb16{margin-bottom:16px}.em-page .btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none;background:none}.em-page .btn svg{width:12px;height:12px;flex-shrink:0;display:block}.em-page .btn-sm{padding:5px 10px;font-size:11.5px}.em-page .btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.em-page .btn-gh{background:transparent;color:var(--t2);border-color:var(--bd)}.em-page .btn-gh:hover{background:var(--s2);color:var(--t1)}.em-page .btn-pr{background:var(--orange);color:#fff;border-color:var(--orange)}.em-page .btn-pr:hover{opacity:.9}.em-page .btn-nv{background:var(--navy);color:#fff;border-color:var(--navy)}.em-page .btn-nv:hover{background:var(--navy-m)}.em-page .btn-dn{background:var(--rdb);color:var(--rd);border-color:var(--rdc)}.em-page .btn-dn:hover{background:var(--rdc)}.em-page .btn:disabled{opacity:.4;cursor:not-allowed}.em-page .sg{display:grid;gap:10px;margin-bottom:18px}.em-page .s4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.em-page .s4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.em-page .s4{grid-template-columns:1fr}}.em-page .sc{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.em-page .sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.em-page .c-nv:after{background:var(--navy)}.em-page .c-or:after{background:var(--orange)}.em-page .c-gn:after{background:var(--gn)}.em-page .c-am:after{background:var(--am)}.em-page .sc-lb{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.em-page .sc-v{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums}.em-page .sc-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px}.em-page .tag-up{background:var(--gnb);color:var(--gn)}.em-page .tag-fl{background:var(--s2);color:var(--t3)}.em-page .card{background:var(--surf);border:1px solid var(--bd);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.em-page .tnav{display:flex;border-bottom:1px solid var(--bd);padding:0 16px;overflow-x:auto;flex-shrink:0}.em-page .tnav::-webkit-scrollbar{display:none}.em-page .ti{padding:9px 11px;font-size:12px;font-weight:500;color:var(--t3);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;font-family:inherit}.em-page .ti:hover{color:var(--t1)}.em-page .ti.on{color:var(--t1);border-bottom-color:var(--orange);font-weight:600}.em-page .fbar{display:flex;align-items:center;gap:7px;padding:9px 16px;border-bottom:1px solid var(--bds);flex-wrap:wrap}.em-page .sw{position:relative}.em-page .sw svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--t4);pointer-events:none;display:block}.em-page .em-search{flex:1;min-width:190px}.em-page .si{width:100%;padding:6px 10px 6px 27px;border:1px solid var(--bd);border-radius:6px;font-size:12px;color:var(--t1);background:var(--surf);font-family:inherit;outline:none;transition:border .15s}.em-page .si:focus{border-color:var(--navy)}.em-page .si::-moz-placeholder{color:var(--t4)}.em-page .si::placeholder{color:var(--t4)}.em-page .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.em-page .em-table-scroll{max-height:420px;overflow-y:auto}.em-page .tbl{width:100%;border-collapse:collapse;min-width:960px}.em-page .tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);background:var(--bg);border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:1}.em-page .tbl td{padding:10px 13px;border-bottom:1px solid var(--bds);color:var(--t1);vertical-align:middle;font-size:12.5px}.em-page .tbl tbody tr:hover td{background:#fafbfc}.em-page .tbl tbody tr:last-child td{border-bottom:none}.em-page .th-r{text-align:right!important}.em-page .td-r{text-align:right;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.3px;white-space:nowrap}.em-page .td-empno{font-size:11.5px;color:var(--t3);white-space:nowrap}.em-page .td-leave{font-weight:600}.em-page .td-leave-rd{color:var(--rd)!important}.em-page .td-leave-gn{color:var(--gn)!important}.em-page .tbl-empty{color:var(--t3);text-align:center;padding:24px!important}.em-page .person{gap:8px;min-width:160px}.em-page .av,.em-page .person{display:flex;align-items:center}.em-page .av{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.em-page .em-av-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.em-page .pn{font-size:12.5px;font-weight:500;color:var(--t1)}.em-page .pn,.em-page .ps{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.em-page .ps{font-size:10.5px;color:var(--t3)}.em-page .bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.em-page .b-gn{background:var(--gnb);color:var(--gn)}.em-page .b-gy{background:var(--s2);color:var(--t2)}.em-page .b-bl{background:var(--blb);color:var(--bl)}.em-page .tbl-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;white-space:nowrap}.em-page .pager{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid var(--bds);font-size:11.5px;color:var(--t3);flex-wrap:wrap;gap:8px}.em-page .em-pager-btns{display:flex;gap:5px}.em-page .isel{padding:5px 8px;border:1px solid var(--bd);border-radius:6px;font-size:11.5px;color:var(--t1);background:var(--surf);outline:none;font-family:inherit;min-width:110px}.em-page .isel:focus{border-color:var(--navy)}.em-page .b-am{background:var(--amb);color:var(--am)}.em-page .b-rd{background:var(--rdb);color:var(--rd)}.em-page .tag-wa{background:var(--amb);color:var(--am)}.em-page .td-mono{font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.3px}.em-page .ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--bds);gap:8px;flex-wrap:wrap;min-height:44px}.em-page .ct{font-size:13px;font-weight:600;color:var(--t1);flex:1;min-width:0}.em-page .cl{font-size:11.5px;font-weight:500;color:var(--t3);cursor:pointer;padding:3px 7px;border-radius:4px;border:none;background:none;font-family:inherit;transition:all .15s;white-space:nowrap}.em-page .cl:hover{background:var(--s2);color:var(--t1)}.em-page .g55{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}@media (max-width:1024px){.em-page .g55{grid-template-columns:1fr}}.em-page.pt-page .ph-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width:900px){.em-page.pt-page .ph-g{grid-template-columns:1fr}}.em-page.pt-page .phc{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.em-page.pt-page .ph-lb{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:6px}.em-page.pt-page .ph-v{font-size:24px;font-weight:700;color:var(--t1);letter-spacing:-.6px;font-family:Inter,system-ui,sans-serif}.em-page.pt-page .ph-s{font-size:11.5px;color:var(--t3);margin-top:3px}.em-page.pt-page .lb3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.em-page.pt-page .lb3-t{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--t3);font-weight:600}.em-page.pt-page .lb3-d{font-size:18px;font-weight:700;color:var(--t1);font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums}.em-page.pt-page .prow{display:flex;justify-content:space-between;font-size:12px;padding:7px 0;border-bottom:1px solid var(--bds)}.em-page.pt-page .prow:last-child{border-bottom:none}.em-page.pt-page .prow .k{color:var(--t3)}.em-page.pt-page .prow .v{font-weight:500}.em-page.pt-page .pt-leave-foot{padding:10px 16px;border-top:1px solid var(--bds);display:flex;gap:16px;flex-wrap:wrap}.em-page.pt-page .pt-payslip-card{display:flex;flex-direction:column;min-height:0;min-width:0}.em-page.pt-page .g55>.card{min-width:0}.em-page.pt-page .pt-ch-sub{font-size:11px;color:var(--t3);flex:1;min-width:0;line-height:1.35}.em-page.pt-page .pt-payslip-card .ch .ct{flex:0 0 auto;margin-right:8px}.em-page.pt-page .pt-payslip-tw{flex:0 0 auto;overflow:hidden;min-height:243px}.em-page.pt-page .pt-payslip-tbl{width:100%;min-width:0;table-layout:fixed}.em-page.pt-page .pt-payslip-tbl td,.em-page.pt-page .pt-payslip-tbl th{padding:8px 10px;font-size:12px}.em-page.pt-page .pt-payslip-tbl th:first-child{width:28%}.em-page.pt-page .pt-payslip-tbl th:nth-child(2),.em-page.pt-page .pt-payslip-tbl th:nth-child(3),.em-page.pt-page .pt-payslip-tbl th:nth-child(4){width:16%}.em-page.pt-page .pt-payslip-tbl th:nth-child(5){width:14%}.em-page.pt-page .pt-payslip-tbl th:nth-child(6){width:10%}.em-page.pt-page .pt-payslip-tbl tbody tr{height:42px}.em-page.pt-page .pt-payslip-tbl .tbl-empty{height:210px;vertical-align:middle}.em-page.pt-page .pt-slip-period{font-weight:500;font-size:12.5px;color:var(--t1);line-height:1.3}.em-page.pt-page .pt-slip-range{font-size:10.5px;color:var(--t3);margin-top:1px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.em-page.pt-page .sl-paye{color:var(--rd)!important}.em-page.pt-page .sl-net{color:var(--gn)!important;font-weight:700!important}.em-page.pt-page .sl-gross{color:var(--t1)}.em-page.pt-page .pt-payslip-pager{flex-shrink:0;border-top:1px solid var(--bds)}.em-page.pt-page .pt-payslip-tbl .bdg{font-size:10px;padding:2px 6px}.em-page.pt-page .pt-payslip-tbl .btn-xs{padding:2px 7px;font-size:10.5px}.em-page.pt-page .pt-leave-card{display:flex;flex-direction:column;min-height:0}.em-page.pt-page .pt-leave-tabs{padding:0 16px;flex-shrink:0}.em-page.pt-page .pt-leave-tw{flex:0 0 auto;overflow-x:auto;min-height:243px}.em-page.pt-page .pt-leave-tbl{min-width:520px}.em-page.pt-page .pt-leave-tbl tbody tr{height:42px}.em-page.pt-page .pt-leave-tbl tbody tr td{padding-top:8px;padding-bottom:8px}.em-page.pt-page .pt-leave-tbl .tbl-empty{height:210px;vertical-align:middle}.em-page.pt-page .pt-leave-dates{font-size:12px;white-space:nowrap}.em-page.pt-page .pt-leave-by{font-size:11.5px;color:var(--t3);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-page.pt-page .pt-leave-action{font-size:11px;color:var(--t3);white-space:nowrap}.em-page.pt-page .pt-leave-pager{flex-shrink:0;border-top:1px solid var(--bds)}.em-page.pt-page .pt-stat-k{font-size:9.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.em-page.pt-page .pt-stat-v{font-size:17px;font-weight:700;color:var(--t1)}.em-page.pt-page .pt-stat-v.orange{color:var(--orange)}.em-page.pt-page .pt-stat-v.red{color:var(--rd)}.em-page.pt-page .doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:900px){.em-page.pt-page .doc-grid{grid-template-columns:1fr}}.em-page.pt-page .doc-card{background:var(--surf);border:1px solid var(--bd);border-radius:8px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:inherit}.em-page.pt-page .doc-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px);border-color:var(--navy)}.em-page.pt-page .doc-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ebf2f8}.em-page.pt-page .doc-icon svg{width:18px;height:18px;display:block}.em-page.pt-page .doc-nm{font-size:12.5px;font-weight:600;color:var(--t1);margin-bottom:2px}.em-page.pt-page .doc-sz{font-size:10.5px;color:var(--t3)}.em-page.pt-page .pt-doc-pad{padding:14px 16px}.em-page.pt-page .pt-doc-error{margin-bottom:10px;padding:8px 12px;border-radius:6px;border:1px solid var(--rdc);background:var(--rdb);color:var(--rd);font-size:12px;line-height:1.4}.em-page.pt-page .doc-card.doc-unavailable{opacity:.72;border-style:dashed;cursor:not-allowed}.em-page.pt-page .doc-card.doc-unavailable:hover{transform:none;box-shadow:none;border-color:var(--bd)}.em-page.pt-page .doc-card.doc-opening{opacity:.7;pointer-events:none}.dp-page{--navy:#184669;--navy-m:#1e5a83;--orange:#f47231;--bg:#f7f8fa;--surf:#fff;--s2:#f0f2f5;--bd:#e4e8ee;--bds:#edf0f4;--t1:#0f1923;--t2:#4a5568;--t3:#8896a4;--gn:#16a34a;--gnb:#f0fdf4;--am:#d97706;--rd:#dc2626;--rdb:#fef2f2;--rdc:#fecaca;--bl:#2563eb;min-height:100%;background:var(--bg);font-size:13px;color:var(--t1);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dp-page .tb{height:50px;background:var(--surf);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100;flex-shrink:0}.dp-page .tb-l{flex:1;min-width:0}.dp-page .tb-r{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.dp-page .tb-pg{font-size:14px;font-weight:600;color:var(--t1);line-height:1.2}.dp-page .tb-sub{font-size:11px;font-weight:400;color:var(--t3);margin-top:1px;line-height:1.3}.dp-page .pb{padding:20px 24px;flex:1}.dp-page .mb16{margin-bottom:16px}.dp-page .btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none;background:none}.dp-page .btn-sm{padding:5px 10px;font-size:11.5px}.dp-page .btn-xs{padding:3px 8px;font-size:11px;border-radius:4px;line-height:1.5}.dp-page .btn-gh{background:transparent;color:var(--t2);border-color:var(--bd)}.dp-page .btn-gh:hover{background:var(--s2);color:var(--t1)}.dp-page .btn-pr{background:var(--orange);color:#fff;border-color:var(--orange)}.dp-page .btn-pr:hover{opacity:.9}.dp-page .btn-nv{background:var(--navy);color:#fff;border-color:var(--navy)}.dp-page .btn-nv:hover{background:var(--navy-m)}.dp-page .btn-dn{background:var(--rdb);color:var(--rd);border-color:var(--rdc)}.dp-page .btn-dn:hover{background:var(--rdc)}.dp-page .sg{display:grid;gap:10px;margin-bottom:18px}.dp-page .s4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.dp-page .s4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dp-page .s4{grid-template-columns:1fr}}.dp-page .sc{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden}.dp-page .sc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.dp-page .c-nv:after{background:var(--navy)}.dp-page .c-or:after{background:var(--orange)}.dp-page .c-gn:after{background:var(--gn)}.dp-page .c-bl:after{background:var(--bl)}.dp-page .sc-lb{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.dp-page .sc-v{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1;margin-bottom:5px;font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums}.dp-page .sc-v-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;letter-spacing:-.3px}.dp-page .sc-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;border-radius:20px}.dp-page .tag-up{background:var(--gnb);color:var(--gn)}.dp-page .tag-fl{background:var(--s2);color:var(--t3)}.dp-page .card{background:var(--surf);border:1px solid var(--bd);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.dp-page .ch{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--bds);gap:8px;flex-wrap:wrap;min-height:44px}.dp-page .ct{font-size:13px;font-weight:600;color:var(--t1);flex:1;min-width:0}.dp-page .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.dp-page .tbl{width:100%;border-collapse:collapse;min-width:900px}.dp-page .tbl th{padding:8px 13px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);background:var(--bg);border-bottom:1px solid var(--bd);white-space:nowrap}.dp-page .tbl td{padding:10px 13px;border-bottom:1px solid var(--bds);color:var(--t1);vertical-align:middle;font-size:12.5px}.dp-page .tbl tbody tr:hover td{background:#fafbfc}.dp-page .tbl tbody tr:last-child td{border-bottom:none}.dp-page .th-r{text-align:right!important}.dp-page .td-r{text-align:right;white-space:nowrap}.dp-page .td-mono{font-family:Inter,monospace;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.3px}.dp-page .td-dept-name{font-weight:600;color:var(--t1)}.dp-page .td-hq{font-size:12px;color:var(--t2)}.dp-page .td-headcount{font-weight:700}.dp-page .tbl-empty{color:var(--t3);text-align:center;padding:24px!important}.dp-page .bdg{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.dp-page .b-gn{background:var(--gnb);color:var(--gn)}.dp-page .b-gy{background:var(--s2);color:var(--t2)}.dp-page .tbl-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;white-space:nowrap}.em-page .c-bl:after{background:var(--bl)}.em-page.pt-page .pt-full-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.em-page.pt-page .pt-full-tbl{width:100%;min-width:0;table-layout:auto}.em-page.pt-page .pt-muted{font-size:12px;color:var(--t3)}.em-page.pt-page .pt-loading{padding:24px 16px;font-size:12.5px;color:var(--t3);text-align:center}.em-page.pt-page .pt-empty-state{padding:28px 16px;text-align:center}.em-page.pt-page .pt-empty-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px}.em-page.pt-page .pt-empty-sub{font-size:12px;color:var(--t3);margin-bottom:14px;line-height:1.45}.em-page.pt-page .pt-msg{font-size:12px;padding:8px 12px;border-radius:6px;line-height:1.4}.em-page.pt-page .pt-msg.er{color:var(--rd);background:var(--rdb);border:1px solid var(--rdc)}.em-page.pt-page .pt-msg.ok{color:var(--gn);background:var(--gnb);border:1px solid #bbf7d0}.em-page.pt-page .pt-msg.wa{color:var(--am);background:var(--amb);border:1px solid #fde68a;margin:0 16px 12px}.em-page.pt-page .pt-att-leave-types{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.em-page.pt-page .pt-att-leave-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--t2)}.em-page.pt-page .pt-att-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 7px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.1px}.em-page.pt-page .pt-att-legend{padding:12px 16px;border-top:1px solid var(--bds);background:var(--bg)}.em-page.pt-page .pt-att-legend-title{font-size:11px;font-weight:600;color:var(--t2);margin-bottom:8px}.em-page.pt-page .pt-att-legend-items{display:flex;flex-wrap:wrap;gap:10px 14px}.em-page.pt-page .pt-att-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--t3)}.em-page.pt-page .pt-rp-notice{margin-bottom:16px}.em-page.pt-page .pt-leave-reason{display:block;font-size:11px;color:var(--rd);margin-top:2px}.em-page.pt-page .pt-doc-foot{padding:10px 16px;border-top:1px solid var(--bds);font-size:11px;color:var(--t3)}.em-page.pt-page .pt-stg-g55{max-width:960px}.em-page.pt-page .pt-form-stack{display:flex;flex-direction:column;gap:14px}.em-page.pt-page .pt-field-hint{font-size:11px;color:var(--t3);margin-top:4px;line-height:1.35}.em-page.pt-page .mb12{margin-bottom:12px}.em-page.pt-page .pt-pw-wrap{position:relative}.em-page.pt-page .pt-pw-wrap .stg-inp{width:100%;padding-right:36px}.em-page.pt-page .pt-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.em-page.pt-page .pt-pw-toggle:hover{background:var(--s2)}.em-page.pt-page .pt-eye-icon{width:16px;height:16px;color:var(--t3);display:block}.stg-ta{min-height:72px;resize:vertical;font-family:inherit}.placeholder\:text-slate-300::-moz-placeholder{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.placeholder\:text-slate-300::placeholder{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.first\:mt-0:first-child{margin-top:0}.last\:border-0:last-child{border-width:0}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-50\/80:hover{background-color:rgba(249,250,251,.8)}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/\[0\.05\]:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/85:hover{color:hsla(0,0%,100%,.85)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:border-\[\#184669\]:focus{--tw-border-opacity:1;border-color:rgb(24 70 105/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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)}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-blue-500\/30:focus{--tw-ring-color:rgba(59,130,246,.3)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-4{padding:1rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.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\:p-5{padding:1.25rem}.md\:p-8{padding:2rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.lg\:inline-flex{display:inline-flex}.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\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}}@media print{.print\:grid{display:grid}.print\:hidden{display:none}.print\:w-full{width:100%}.print\:max-w-none{max-width:none}.print\:break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.print\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.print\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.print\:gap-4{gap:1rem}.print\:rounded-none{border-radius:0}.print\:border-0{border-width:0}.print\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.print\:px-0{padding-left:0;padding-right:0}.print\:px-4{padding-left:1rem;padding-right:1rem}.print\:py-0{padding-top:0;padding-bottom:0}.print\:py-3{padding-top:.75rem;padding-bottom:.75rem}.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)}}