*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-px{bottom:-1px}.-left-\[32px\]{left:-32px}.left-0{left:0}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-0{right:0}.right-2\.5{right:.625rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[60\]{z-index:60}.m-0{margin:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-3\.5{margin-left:.875rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-4{margin-top:1rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[33px\]{height:33px}.h-\[38px\]{height:38px}.h-\[7px\]{height:7px}.max-h-\[220px\]{max-height:220px}.max-h-\[310px\]{max-height:310px}.max-h-\[92vh\]{max-height:92vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-48{width:12rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[10\%\]{width:10%}.w-\[13\%\]{width:13%}.w-\[14\%\]{width:14%}.w-\[16\%\]{width:16%}.w-\[20\%\]{width:20%}.w-\[24\%\]{width:24%}.w-\[30px\]{width:30px}.w-\[7px\]{width:7px}.w-\[min\(470px\,95vw\)\]{width:min(470px,95vw)}.w-\[min\(900px\,95vw\)\]{width:min(900px,95vw)}.min-w-0{min-width:0}.min-w-\[1050px\]{min-width:1050px}.min-w-\[80px\]{min-width:80px}.min-w-\[950px\]{min-width:950px}.min-w-full{min-width:100%}.max-w-\[220px\]{max-width:220px}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-\[3px\]{gap:3px}.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-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.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-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[1\.5px\]{border-bottom-width:1.5px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-amber-100\/80{border-color:#fef3c7cc}.border-blue-100\/50{border-color:#dbeafe80}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-100\/50{border-color:#d1fae580}.border-emerald-100\/80{border-color:#d1fae5cc}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-red-100\/50{border-color:#fee2e280}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity,1))}.border-rose-100\/50{border-color:#ffe4e680}.border-rose-100\/80{border-color:#ffe4e6cc}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/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-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-t-blue-500{--tw-border-opacity:1;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-t-indigo-600{--tw-border-opacity:1;border-top-color:rgb(79 70 229/var(--tw-border-opacity,1))}.bg-\[\#16161e\]{--tw-bg-opacity:1;background-color:rgb(22 22 30/var(--tw-bg-opacity,1))}.bg-\[\#1e1e2e\]{--tw-bg-opacity:1;background-color:rgb(30 30 46/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-black\/85{background-color:#000000d9}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-50\/50{background-color:#eff6ff80}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100\/50{background-color:#d1fae580}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/40{background-color:#ecfdf566}.bg-emerald-50\/50{background-color:#ecfdf580}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-50\/50{background-color:#fff1f280}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/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-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/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-50\/30{background-color:#f8fafc4d}.bg-slate-50\/50{background-color:#f8fafc80}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:#ffffff80}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.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}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-9{padding-right:2.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.725rem\]{font-size:.725rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.925rem\]{font-size:.925rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/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-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/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-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/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))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);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 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);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 #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-4{--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(4px + 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-blue-50{--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity,1))}.ring-emerald-50{--tw-ring-opacity:1;--tw-ring-color:rgb(236 253 245/var(--tw-ring-opacity,1))}.ring-rose-50{--tw-ring-opacity:1;--tw-ring-color:rgb(255 241 242/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)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glass:0 4px 30px #0000001a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #ffffff4d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-screen{height:100vh}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-muted{color:var(--text-muted)}.btn{border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--bg-color)}.form-label{color:var(--text-main);font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:.375rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.card{background-color:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--bg-color);color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:var(--bg-color)}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background-color:#10b9811a}.badge-warning{color:var(--warning);background-color:#f59e0b1a}.badge-danger{color:var(--danger);background-color:#ef44441a}.badge-info{color:var(--info);background-color:#3b82f61a}.back-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.back-btn:hover{background-color:var(--border-color);color:var(--primary)}.header-nav{align-items:center;gap:.5rem;margin-left:2rem;display:flex}.nav-link-btn{color:var(--text-muted);background:0 0;border:none;border-radius:.375rem;padding:.4rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.nav-link-btn:hover{background-color:var(--border-color);color:var(--text-main)}.nav-link-btn.active{color:var(--primary);background-color:#3b82f61a;font-weight:600}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/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-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-rose-100\/70:hover{background-color:#ffe4e6b3}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/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\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/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\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.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-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.focus\:ring-blue-500\/10:focus{--tw-ring-color:#3b82f61a}.active\:bg-blue-700:active{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:enabled\:border-slate-400:enabled:hover{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.hover\:enabled\:bg-slate-50:enabled:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media not all and (width>=640px){.max-sm\:flex-col{flex-direction:column}.max-sm\:items-start{align-items:flex-start}.max-sm\:gap-4{gap:1rem}}@media (width>=640px){.sm\:w-80{width:20rem}.sm\:w-auto{width:auto}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=768px){.md\:h-1\.5{height:.375rem}.md\:h-3{height:.75rem}.md\:h-3\.5{height:.875rem}.md\:h-4{height:1rem}.md\:h-9{height:2.25rem}.md\:w-1\.5{width:.375rem}.md\:w-3{width:.75rem}.md\:w-3\.5{width:.875rem}.md\:w-4{width:1rem}.md\:w-9{width:2.25rem}.md\:gap-1\.5{gap:.375rem}.md\:gap-2{gap:.5rem}.md\:gap-3\.5{gap:.875rem}.md\:rounded-lg{border-radius:.5rem}.md\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-1{padding-top:.25rem;padding-bottom:.25rem}.md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pl-2{padding-left:.5rem}.md\:text-\[0\.725rem\]{font-size:.725rem}.md\:text-\[0\.775rem\]{font-size:.775rem}.md\:text-\[0\.925rem\]{font-size:.925rem}.md\:text-\[0\.9rem\]{font-size:.9rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}.login-container{background-color:#0f172a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";filter:blur(6px)brightness(.9);opacity:.4;z-index:1;background-image:url(/hr_login_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-10px;transform:scale(1.02)}.login-container:after{content:"";z-index:2;background:radial-gradient(circle,#0f172a4d 0%,#0f172aa6 100%);position:absolute;inset:0}.login-form-container{z-index:3;width:100%;max-width:440px;padding:1.5rem;position:relative}.login-card{-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:1.25rem;width:100%;padding:3rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #0003;background:#ffffffbf!important;border:1px solid #ffffff80!important}.login-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px #00000040;border-color:#ffffffa6!important}.login-header{text-align:center;margin-bottom:2.25rem}.login-header h2{letter-spacing:-.025em;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.login-header p{color:#475569;font-size:.875rem;font-weight:500}.login-error{text-align:center;color:#b91c1c;background-color:#ef444426;border:1px solid #ef444433;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:650}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.825rem;font-weight:600}.input-icon{color:#64748b;transition:color .2s;position:absolute;left:1rem}.input-with-icon .form-input{color:#0f172a;background-color:#ffffffbf;border:1px solid #94a3b880;border-radius:.5rem;width:100%;height:48px;padding-left:2.75rem;padding-right:2.75rem;font-size:.95rem;font-weight:500;transition:all .2s}.input-with-icon .form-input::placeholder{color:#94a3b8}.input-with-icon .form-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f626}.input-with-icon .form-input:focus+.input-icon{color:#3b82f6}.password-toggle-btn{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.password-toggle-btn:hover{color:#3b82f6}.login-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:48px;margin-top:1.5rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #3b82f640}.login-btn:hover:enabled{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.login-btn:active:enabled{transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{border-bottom:1px solid var(--border-color);z-index:10;padding:.5rem 0;position:sticky;top:0}.full-width-px{width:100%;padding-left:2rem;padding-right:2rem}.border-bottom-only{border-bottom:1px solid var(--border-color);background:0 0;padding-top:0;padding-left:0;padding-right:0}.table-container.no-border{box-shadow:none;border:none;border-radius:0;max-height:calc(100vh - 210px);position:relative;overflow-y:auto}.table-container table thead th{z-index:10;background-color:var(--bg-color);box-shadow:inset 0 -1px 0 var(--border-color);position:sticky;top:0}.dashboard-main{flex:1;padding-top:1.5rem;padding-bottom:2rem}.filters-card{padding:1.5rem 0}.filters-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:1rem}.input-with-icon .form-input{padding-left:2.75rem}@media (width<=768px){.filters-grid{grid-template-columns:1fr}}.centre-row{cursor:pointer}.centre-row.expanded{background-color:var(--bg-color);border-left:3px solid var(--primary)}.sub-table-row{background-color:#fcfcfc}.sub-table-cell{border-bottom:2px solid var(--border-color)!important;padding:0!important}.staff-container{padding:1.5rem;box-shadow:inset 0 2px 4px #00000005}.staff-header{color:var(--text-main);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.staff-table{border:1px solid var(--border-color);background-color:#fff;border-radius:.5rem;overflow:hidden}.staff-table th{background-color:#f1f5f9;padding:.5rem 1rem}.staff-table td{padding:.75rem 1rem}.action-buttons{gap:.5rem;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);background-color:#0000;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-btn:hover{transform:translateY(-1px)}.icon-btn.info:hover{color:var(--info);background-color:#3b82f61a}.icon-btn.success:hover{color:var(--success);background-color:#10b9811a}.icon-btn.warning:hover{color:var(--warning);background-color:#f59e0b1a}.icon-btn.danger:hover{color:var(--danger);background-color:#ef44441a}.icon-btn.primary:hover{color:var(--primary);background-color:#3b82f61a}.loading-state{text-align:center;color:var(--text-muted);padding:3rem;font-weight:500}.rejection-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.rejection-modal{background:var(--bg-color,#fff);border-radius:.75rem;width:min(400px,100%);animation:.2s scaleIn;overflow:hidden;box-shadow:0 10px 25px #00000026}.rejection-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.rejection-modal-header h3{color:var(--text-main,#111);text-transform:capitalize;margin:0;font-size:1.1rem}.rejection-modal-header .close-btn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem}.rejection-modal-header .close-btn:hover{color:var(--danger,#ef4444);background:#0000000d}.rejection-modal-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.rejection-modal-body label{color:var(--text-main,#111);font-size:.85rem;font-weight:500}.rejection-modal-body textarea{resize:vertical;min-height:80px}.rejection-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.rejection-modal-actions .btn-danger{color:#fff;background:#ef4444;border:none}.rejection-modal-actions .btn-danger:hover{background:#dc2626}.cs-page{background:#f8fafc;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.cs-header{z-index:20;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;padding:.6rem 0;position:sticky;top:0}.cs-header-inner{justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex}.cs-header-left{align-items:center;gap:.625rem;display:flex}.cs-header-right{align-items:center;gap:1rem;display:flex}.cs-brand{color:#3b82f6;font-size:1.1rem;font-weight:700}.cs-badge-info{color:#3b82f6;background:#3b82f61a;border-radius:999px;padding:.18rem .6rem;font-size:.72rem;font-weight:600}.cs-username{color:#64748b;font-size:.875rem;font-weight:500}.cs-back-btn{cursor:pointer;color:#3b82f6;background:#3b82f614;border:1.5px solid #3b82f62e;border-radius:.5rem;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:flex}.cs-back-btn:hover{background:#3b82f62e;transform:translate(-2px)}.cs-logout-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.4rem;padding:.4rem .875rem;font-family:inherit;font-size:.825rem;font-weight:500;transition:all .18s;display:inline-flex}.cs-logout-btn:hover{color:#0f172a;background:#f1f5f9}.cs-main{flex:1;width:100%;padding:1.5rem 2rem 2.5rem}.cs-page-title{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.cs-title-icon{background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #6366f147}.cs-title-text{color:#0f172a;font-size:1.3rem;font-weight:700;line-height:1.3}.cs-title-code{color:#64748b;margin-left:.4rem;font-size:1rem;font-weight:500}.cs-title-sub{color:#94a3b8;margin-top:.1rem;font-size:.82rem}.cs-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.65rem 1.125rem;display:flex;box-shadow:0 1px 3px #0000000d}.cs-filter-icon{color:#3b82f6;flex-shrink:0}.cs-filter-label{color:#0f172a;white-space:nowrap;font-size:.85rem;font-weight:600}.cs-date-input{cursor:pointer;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.4rem;padding:.32rem .6rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.cs-date-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cs-today-btn{color:#3b82f6;cursor:pointer;background:#3b82f617;border:1.5px solid #3b82f638;border-radius:.4rem;padding:.3rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s}.cs-today-btn:hover{color:#fff;background:#3b82f6}.cs-summary-pills{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.cs-pill{border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.cs-pill--present{color:#059669;background:#10b9811a}.cs-pill--absent{color:#d97706;background:#f59e0b1a}.cs-pill--total{color:#2563eb;background:#3b82f61a}.cs-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;overflow:hidden;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.cs-table-wrap{width:100%;max-height:720px;overflow:auto}.cs-table{border-collapse:collapse;width:100%;min-width:680px}.cs-table thead tr{border-bottom:1px solid #f1f5f9}.cs-th{color:#94a3b8;text-align:left;white-space:nowrap;letter-spacing:.02em;z-index:10;background:#fff;padding:.5rem 1rem;font-size:.72rem;font-weight:600;position:sticky;top:0;box-shadow:inset 0 -1px #f1f5f9}.cs-th--check{width:44px;padding-right:0}.cs-td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.45rem 1rem}.cs-row{transition:background .15s}.cs-row:last-child .cs-td{border-bottom:none}.cs-row:hover{background:#fafbff}.cs-row--checked{background:#f0f7ff}.cs-td--check{text-align:center;width:44px;padding-right:0}.cs-checkbox{cursor:pointer;accent-color:#3b82f6;border-radius:4px;width:15px;height:15px}.cs-staff-cell{align-items:center;gap:.625rem;display:flex}.cs-avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.cs-staff-info{flex-direction:column;gap:.1rem;display:flex}.cs-staff-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.95rem;font-weight:600;overflow:hidden}.cs-staff-sub{color:#94a3b8;white-space:nowrap;font-size:.75rem}.cs-mobile-cell{flex-direction:column;gap:.1rem;display:flex}.cs-mobile-number{color:#334155;white-space:nowrap;min-width:90px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:500;display:inline-block}.cs-mobile-sub{color:#94a3b8;font-size:.72rem}.cs-status{text-align:center;border-radius:.375rem;justify-content:center;align-items:center;min-width:68px;padding:.28rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.cs-status--present{color:#065f46;background:#d1fae5}.cs-status--absent{color:#92400e;background:#fef3c7}.cs-time-cell{flex-direction:column;gap:.1rem;display:flex}.cs-time-label{color:#94a3b8;white-space:nowrap;font-size:.72rem}.cs-time-value{color:#334155;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.835rem;font-weight:500}.cs-dash{color:#cbd5e1;font-size:1rem;font-weight:300}.cs-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .18s;display:inline-flex}.cs-view-btn:hover{color:#3b82f6;background:#f1f5f9}.cs-loading{color:#94a3b8;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;font-size:.9rem;font-weight:500;display:flex}.cs-dots{gap:.3rem;display:inline-flex}.cs-dots span{background:#3b82f6;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite csBounce}.cs-dots span:nth-child(2){animation-delay:.18s}.cs-dots span:nth-child(3){animation-delay:.36s}@keyframes csBounce{0%,80%,to{opacity:.45;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.cs-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.cs-empty p{color:#64748b;font-size:.95rem;font-weight:600}.cs-empty span{font-size:.82rem}@media (width<=640px){.cs-main{padding:1rem}.cs-filter-bar{gap:.5rem}.cs-summary-pills{margin-left:0}.cs-table{min-width:560px}}.regional-main{width:100%;padding-bottom:3rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;margin-bottom:2rem;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f64d;transform:translateY(-4px)}.metric-icon-wrapper{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:700;display:flex}.bg-blue-soft{color:#3b82f6;background-color:#3b82f614}.bg-emerald-soft{color:#10b981;background-color:#10b98114}.bg-indigo-soft{color:#6366f1;background-color:#6366f114}.bg-rose-soft{color:#f43f5e;background-color:#f43f5e14}.bg-amber-soft{color:#f59e0b;background-color:#f59e0b14}.metric-details{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem;font-size:.8rem;font-weight:500}.metric-val{color:var(--text-main);font-size:1.6rem;font-weight:700;line-height:1}.filter-bar{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#fffc;border:1px solid #e2e8f0cc;border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.select-pill{appearance:none;background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:9999px;padding:.45rem 2.25rem .45rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.select-pill:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.select-pill:hover{border-color:var(--text-muted)}.btn-pill{border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-pill-primary{background-color:var(--primary);color:#fff;border:none}.btn-pill-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.region-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:1rem;width:100%;overflow:hidden}.region-table-wrapper table{border-collapse:collapse;width:100%}.region-table-wrapper th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1.5px solid var(--border-color);background-color:#f8fafc;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.region-table-wrapper td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:.8rem}.region-row{cursor:pointer;transition:all .2s}.region-row:hover{background-color:#3b82f608!important}.region-row.active-row{background-color:#3b82f60d}.density-container{align-items:center;gap:.75rem;width:100%;max-width:220px;display:flex}.density-bar-bg{background:#f1f5f9;border-radius:999px;flex:1;height:6px;overflow:hidden}.density-bar-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.density-bar-blue{background:linear-gradient(90deg,#93c5fd,#3b82f6)}.density-bar-emerald{background:linear-gradient(90deg,#6ee7b7,#10b981)}.density-bar-amber{background:linear-gradient(90deg,#fde047,#f59e0b)}.density-bar-rose{background:linear-gradient(90deg,#fda4af,#f43f5e)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0f172a66;animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeIn;position:fixed;inset:0}.drawer-content{background:var(--card-bg);z-index:1001;flex-direction:column;width:100%;max-width:580px;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000026}.drawer-header{border-bottom:1px solid var(--border-color);background:var(--bg-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-title-group{flex-direction:column;gap:.25rem;display:flex}.drawer-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.drawer-subtitle{color:var(--text-muted);font-size:.8rem}.drawer-close-btn{width:2.25rem;height:2.25rem;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.drawer-close-btn:hover{background:var(--border-color);color:var(--danger);transform:rotate(90deg)}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.drawer-staff-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;transition:all .2s;display:flex;position:relative}.drawer-staff-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.staff-card-header{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.staff-card-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.staff-card-grid{grid-template-columns:1fr 1fr 1.2fr;gap:.75rem;font-size:.825rem;display:grid}@media (width<=480px){.staff-card-grid{grid-template-columns:1fr;gap:.5rem}}.staff-info-item{flex-direction:column;gap:.15rem;display:flex}.staff-info-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:500}.staff-info-val{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.drawer-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{border:2px solid #3b82f633;border-top-color:var(--primary);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}.tag-interactive{cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.tag-interactive:hover{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.sidebar-container{border-right:1px solid var(--border-color);z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);flex-direction:column;width:260px;padding:1.5rem 1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;background:#ffffffbf!important}.sidebar-brand{align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem .75rem;display:flex}.brand-logo-wrapper{background:linear-gradient(135deg, var(--primary) 0%, #1d4ed8 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 4px 10px #3b82f640}.brand-logo-dot{background:#fff;border-radius:50%;width:.625rem;height:.625rem;display:block}.brand-details{flex-direction:column;display:flex}.brand-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:.725rem;font-weight:500}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;margin-bottom:1.5rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{width:100%}.nav-link{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.875rem;padding:.75rem 1rem;font-size:.925rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link:hover{color:var(--text-main);background-color:#3b82f60d;transform:translate(2px)}.nav-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s}.nav-link:hover .nav-icon{color:var(--primary)}.nav-link:focus{outline:none}.nav-link.active{color:var(--primary);background:linear-gradient(135deg,#3b82f614 0%,#3b82f605 100%);font-weight:600}.nav-link.active .nav-icon{color:var(--primary)}.active-indicator{background-color:var(--primary);border-radius:0 4px 4px 0;width:4px;height:50%;position:absolute;top:25%;left:0}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.user-profile-card{background:#f8fafccc;border:1px solid #e2e8f080;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar{width:2.25rem;height:2.25rem;color:var(--primary);background-color:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-avatar-icon{stroke-width:2.25px}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:.725rem;font-weight:500}.sidebar-logout-btn{border:1px solid var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;background-color:#0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.675rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:var(--danger);background-color:#ef44440d;border-color:#ef444433}.mobile-navbar{z-index:90;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;height:56px;display:none;position:fixed;top:0;left:0;right:0;background:#fffc!important}.mobile-navbar-inner{justify-content:space-between;align-items:center;height:100%;padding:0 1rem;display:flex}.mobile-menu-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.mobile-menu-toggle:hover{background-color:#0000000d}.mobile-brand{color:var(--text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.mobile-badge{padding:.1rem .5rem;font-size:.7rem}@media (width<=768px){.sidebar-container{transform:translate(-100%);box-shadow:10px 0 30px #00000014}.sidebar-container.open{transform:translate(0)}.mobile-navbar{display:block}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;background-color:#0f172a4d;animation:.2s forwards fadeIn;position:fixed;inset:0}}.app-layout{background-color:var(--bg-color);width:100%;min-height:100vh;display:flex;position:relative}.layout-main-content{flex-direction:column;flex:1;min-width:0;padding-left:260px;transition:padding-left .3s;display:flex}@media (width<=768px){.layout-main-content{padding-top:56px;padding-left:0}}