@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--fg:25 28 31;color:rgb(var(--fg));font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9fd;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:rgb(var(--fg));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-style:normal}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #0058be}#root{min-height:100vh}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.app-shell{color:#191c1f;background:#f7f9fd;min-height:100vh;display:flex}.login-page{color:#1e293b;background:linear-gradient(#e0f2fe,#f0f9ff 48%,#fff);flex-direction:column;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page.transitioning{background:linear-gradient(#e0f2fe,#fef3c7 48%,#fcd34d)}:root[data-theme=dark] .login-page{color:#e8eef9;background:linear-gradient(#020617,#0f172a 48%,#020617)}.login-decor,.login-cloud{pointer-events:none;border-radius:999px;position:absolute}.login-decor{filter:blur(60px)}.login-decor-a{background:#bae6fd66;width:280px;height:280px;top:-80px;left:-20px}.login-decor-b{background:#bae6fd4d;width:220px;height:220px;top:56px;right:8%}.login-decor-c{background:#7dd3fc4d;width:320px;height:320px;bottom:48px;right:-48px}:root[data-theme=dark] .login-decor-a{background:#3341554d}:root[data-theme=dark] .login-decor-b{background:#33415540}:root[data-theme=dark] .login-decor-c{background:#07598533}.login-cloud{background:#ffffffb3}:root[data-theme=dark] .login-cloud{background:#ffffff1a}.login-cloud-a{width:132px;height:36px;top:140px;left:14%}.login-cloud-b{width:168px;height:42px;top:220px;right:22%}.login-topbar,.login-layout{z-index:1;position:relative}.login-topbar{justify-content:flex-start;align-items:center;gap:16px;display:flex}.login-brand-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border-radius:999px;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:inline-flex;box-shadow:0 10px 35px -20px #1e40af73}:root[data-theme=dark] .login-brand-pill{background:#ffffff1a}.login-brand-mark{color:#0284c7;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:18px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.login-brand-mark svg{width:18px;height:18px}.login-brand-pill strong,.login-brand-pill span{display:block}.login-brand-pill strong{font-size:14px;line-height:20px}.login-brand-pill span{color:#64748b;font-size:12px;line-height:16px}:root[data-theme=dark] .login-brand-pill span{color:#cbd5e1}.login-layout{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,30rem);align-items:center;gap:28px;padding:32px 0 8px;display:grid}.login-hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9;border:1px solid #fff9;border-radius:2.75rem;flex-direction:column;justify-content:space-between;min-height:580px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px -35px #194c8799}.login-hero-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#bae6fd99,#ffffff4d,#e0f2feb3);position:absolute;inset:0}:root[data-theme=dark] .login-hero-panel{background:#0f172ab3;border-color:#ffffff1a;box-shadow:0 22px 60px -35px #0f172acc}:root[data-theme=dark] .login-hero-panel:before{background:linear-gradient(135deg,#0f172a99,#0f172a33,#1e293b66)}.login-hero-copy,.login-hero-metrics{z-index:1;position:relative}.login-hero-copy span{color:#0369a1;letter-spacing:1px;text-transform:uppercase;background:#ffffffb8;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.login-hero-copy h1{letter-spacing:-.04em;max-width:640px;margin:18px 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.04}.login-hero-copy p{color:#475569;max-width:560px;margin:0;font-size:16px;line-height:26px}:root[data-theme=dark] .login-hero-copy p{color:#cbd5e1}.login-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.login-hero-metrics article{background:#fff9;border:1px solid #fff6;border-radius:24px;padding:18px 20px}:root[data-theme=dark] .login-hero-metrics article{background:#0f172a94;border-color:#ffffff14}.login-hero-metrics strong,.login-hero-metrics span{display:block}.login-hero-metrics strong{margin-bottom:6px;font-size:16px;line-height:22px}.login-hero-metrics span{color:#64748b;font-size:13px;line-height:20px}:root[data-theme=dark] .login-hero-metrics span{color:#cbd5e1}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffc;border:1px solid #fff9;border-radius:2.25rem;flex-direction:column;gap:20px;max-width:30rem;padding:32px;display:flex;box-shadow:0 25px 70px -32px #0f407a8c}:root[data-theme=dark] .login-card{background:#0f172acc;border-color:#ffffff1a}.login-card-head span{color:#0284c7;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:18px}.login-card-head h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:30px;line-height:36px}.login-card-head p{color:#64748b;margin:0;font-size:14px;line-height:22px}:root[data-theme=dark] .login-card-head p{color:#cbd5e1}.login-error-alert{color:#be123c;background:#fff1f2cc;border:1px solid #fda4af99;border-radius:18px;padding:12px 14px;font-size:13px;font-weight:600;line-height:20px}:root[data-theme=dark] .login-error-alert{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e66}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field>span{color:#334155;font-size:12px;font-weight:700;line-height:18px}:root[data-theme=dark] .login-field>span{color:#e2e8f0}.login-input-shell{position:relative}.login-input-shell>svg:first-child{color:#94a3b8;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input-shell input{color:#0f172a;width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #ffffffb3;border-radius:18px;outline:none;padding:0 16px 0 46px;font-size:14px}.login-input-shell input::placeholder{color:#94a3b8}.login-input-shell input:focus-visible{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}:root[data-theme=dark] .login-input-shell input{color:#f8fafc;background:#0f172a99;border-color:#ffffff1a}:root[data-theme=dark] .login-input-shell input::placeholder{color:#64748b}.login-input-shell.password input{padding-right:56px}.login-password-toggle{color:#0284c7;cursor:pointer;background:#e0f2feb3;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;display:inline-flex;position:absolute;top:4px;bottom:4px;right:8px}.login-password-toggle:hover{background:#bae6fdcc}:root[data-theme=dark] .login-password-toggle{color:#bae6fd;background:#33415566}.login-form-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-checkbox{color:#475569;align-items:center;gap:10px;font-size:13px;line-height:20px;display:inline-flex}.login-checkbox input{accent-color:#0ea5e9;border:1px solid #fff9;width:16px;height:16px;margin:0}:root[data-theme=dark] .login-checkbox{color:#cbd5e1}:root[data-theme=dark] .login-checkbox input{background:#0f172a99;border-color:#fff3}.login-form-meta a,.forgot-password-back{color:#0284c7;font-size:13px;font-weight:600;text-decoration:none}.login-form-meta a:hover,.forgot-password-back:hover{color:#0ea5e9}:root[data-theme=dark] .login-form-meta a,:root[data-theme=dark] .forgot-password-back{color:#7dd3fc}:root[data-theme=dark] .login-form-meta a:hover,:root[data-theme=dark] .forgot-password-back:hover{color:#bae6fd}.login-submit-button{color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#0ea5e9,#ebac34);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:transform .18s;display:inline-flex;box-shadow:0 20px 45px -25px #0f407cdb}.login-submit-button:hover:not(:disabled){transform:translateY(-2px)}.login-submit-button:disabled{cursor:not-allowed;opacity:.6}.login-info-box{background:#ffffffb3;border:1px solid #fff9;border-radius:20px;padding:16px 18px}:root[data-theme=dark] .login-info-box{background:#0f172a99;border-color:#ffffff1a}.login-info-box strong{margin-bottom:6px;font-size:13px;line-height:18px;display:block}.login-info-box p{color:#475569;margin:0;font-size:13px;line-height:20px}:root[data-theme=dark] .login-info-box p{color:#cbd5e1}.login-transition-page{color:#92400e;background:linear-gradient(135deg,#e0f2fe,#fffbeb,#fef3c7);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .login-transition-page{color:#fef2c8;background:linear-gradient(135deg,#020617,#0f172a,#020617)}.login-transition-page.enhanced{opacity:1}.login-transition-decor{filter:blur(70px);pointer-events:none;border-radius:999px;animation:8s ease-in-out infinite drift;position:absolute}.login-transition-decor-a{background:#bae6fd73;width:260px;height:260px;top:-60px;left:-40px}.login-transition-decor-b{background:#fef3c773;width:260px;height:260px;top:6%;right:8%}.login-transition-decor-c{background:linear-gradient(135deg,#fde68a73,#ffe08a66,#0000);width:320px;height:320px;bottom:4%;right:6%}.login-transition-decor-d{background:#e0f2fe59;width:240px;height:240px;bottom:10%;left:8%}:root[data-theme=dark] .login-transition-decor-a{background:#3341554d}:root[data-theme=dark] .login-transition-decor-b{background:#f59e0b40}:root[data-theme=dark] .login-transition-decor-c{background:linear-gradient(135deg,#c9980b4d,#c9980b40,#0000)}:root[data-theme=dark] .login-transition-decor-d{background:#1e293b40}.login-transition-shell{z-index:1;opacity:0;position:relative}.login-transition-main{z-index:10;text-align:center;color:#b45309;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}:root[data-theme=dark] .login-transition-main{color:#ffe08a}.login-transition-wordmark{place-items:center;display:inline-grid;position:relative}.login-transition-wordmark .base,.login-transition-wordmark .fill{letter-spacing:.9rem;text-transform:uppercase;grid-area:1/1;font-size:clamp(2.75rem,7vw,6rem);font-weight:600;line-height:1}.login-transition-wordmark .base{color:#d977068c}:root[data-theme=dark] .login-transition-wordmark .base{color:#d4af3799}.login-transition-wordmark .fill{white-space:nowrap;color:#d977068c;width:0%;overflow:hidden}.login-transition-main p{color:#d97706;letter-spacing:.4rem;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:16px}:root[data-theme=dark] .login-transition-main p{color:#fef2c8cc}.login-transition-card{text-align:center;background:#fffc;border:1px solid #fff9;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:min(460px,100%);padding:36px 32px;display:flex;box-shadow:0 20px 60px -30px #0f407a66}:root[data-theme=dark] .login-transition-card{background:#0f172acc;border-color:#ffffff1a}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-20px)scale(1.04)}}.main-shell{flex-direction:column;flex:1;min-width:0;padding-left:18rem;display:flex}.sidebar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#000;box-sizing:border-box;background:linear-gradient(#ebac34,#ebac34f2,#d4af37);border-right:1px solid #ebac3466;flex-direction:column;justify-content:space-between;gap:1.5rem;width:18rem;height:100%;padding:1.25rem .75rem;transition:color .7s,background-color .7s,border-color .7s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:0 28px 60px -34px #92400e8c}.sidebar>div:first-child{flex-direction:column;flex:1;min-height:0;display:flex}.brand{color:#000;align-items:center;gap:12px;min-height:68px;padding:0 8px 24px;display:flex}.brand-icon{color:#000;background:#ffffff26;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.brand h1{color:#000;max-width:190px;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.brand p{color:#000c;letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:10px;font-weight:700}.side-nav{scrollbar-width:thin;scrollbar-color:#00000059 transparent;flex-direction:column;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:0 0}.side-nav::-webkit-scrollbar-thumb{background:#00000047;border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:#0000006b}.side-menu-group{flex-direction:column;gap:4px;display:flex}.side-link{color:#000c;width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.side-link>span:last-of-type{flex:1}.side-icon{color:#000;background:#ffffff26;border-radius:12px;flex:none;place-items:center;width:32px;height:32px;transition:background-color .18s,color .18s,box-shadow .18s;display:grid;position:relative}.side-chevron{color:#000000a6;flex:none;width:12px;transition:transform .18s}.side-chevron.open{transform:rotate(180deg)}.side-link:hover,.side-link.active{color:#fff;background:#ffffff1a;border-color:#fff6}.side-link:hover{transform:translateY(-2px)}.side-link.active{color:#000;background:#fff3;border-color:#fff9;box-shadow:inset 0 2px 4px #0000000f}.side-link.active .side-icon{color:#d4af37;background:#fff;box-shadow:inset 0 2px 4px #0000000f}.side-subnav{flex-direction:column;gap:2px;padding:4px 0 4px 56px;display:flex}.side-sub-link{color:#000000b8;border-radius:8px;align-items:center;min-height:32px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;transition:color .18s,transform .18s;display:flex;position:relative}.side-sub-link:before{content:"";background:#00000047;border-radius:999px;width:6px;height:6px;position:absolute;left:-18px}.side-sub-link:hover,.side-sub-link.active{color:#000}.side-sub-link.disabled{cursor:not-allowed;opacity:.55}.side-sub-link.active:before{background:#fff}.side-sub-link:not(.disabled):hover{transform:translateY(-1px)}.sidebar-user-shell{gap:10px;display:grid}.sidebar-user{color:#000;background:#ffffff26;border:1px solid #ffffff59;border-radius:12px;align-items:flex-start;gap:12px;min-height:74px;padding:16px;display:flex}.sidebar-user strong,.profile-mini strong{font-size:12px;line-height:16px;display:block}.sidebar-user span,.profile-mini span{color:#000000b3;font-size:10px;line-height:15px;display:block}.sidebar-user-error{color:#7f1d1d;background:#b91c1c1f;border-radius:10px;padding:10px 12px;font-size:11px;line-height:16px}.sidebar-logout-button{color:#614200;cursor:pointer;background:#ffffff94;border:1px solid #6142002e;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.sidebar-logout-button:hover:not(:disabled){background:#ffffffc7;border-color:#6142004d;transform:translateY(-1px)}.sidebar-logout-button:disabled{opacity:.65;cursor:wait}.top-navbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffffd9;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex;position:sticky;top:0}.warehouse-switcher-shell{position:relative}.warehouse-switcher{color:#7e5700;min-width:248px;min-height:36px;font:inherit;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.warehouse-switcher-copy{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.warehouse-switcher-copy strong{color:#7e5700;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;line-height:18px;overflow:hidden}.warehouse-switcher-copy small{color:#827562;font-size:10px;font-weight:600;line-height:14px}.warehouse-switcher-menu{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;background:#fffffff5;border:1px solid #d4c4af4d;border-radius:10px;flex-direction:column;gap:6px;min-width:280px;max-height:min(360px,100vh - 120px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 20px 40px -28px #00000047}.warehouse-switcher-option{color:#191c1f;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.warehouse-switcher-option:hover,.warehouse-switcher-option.active{background:#f8f1df}.warehouse-switcher-option span{flex-direction:column;flex:1;min-width:0;display:flex}.warehouse-switcher-option strong{color:#191c1f;font-size:13px;line-height:18px}.warehouse-switcher-option small{color:#827562;font-size:11px;line-height:16px}.warehouse-switcher-option svg{color:#7e5700}.nav-inline-icon{color:currentColor;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.nav-inline-icon.muted{color:#94a3b8}.chevron-icon{color:#827562;width:10px}.navbar-actions,.quick-info,.profile-mini{align-items:center;display:flex}.navbar-actions{gap:16px}.quick-info{color:#64748b;gap:16px;font-size:13px;font-weight:600}.quick-info span{align-items:center;gap:6px;display:inline-flex}.quick-info-help{color:#64748b;cursor:help;background:#fff;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;line-height:1;text-decoration:none;display:inline-grid;position:relative}.quick-info-help svg{width:9px;height:12px;display:block}.quick-info-help:hover,.quick-info-help:focus-visible{color:#334155;border-color:#94a3b8}.quick-info-help:after{z-index:20;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:-34px;right:0;transform:translateY(-4px)}.quick-info-help:hover:after,.quick-info-help:focus-visible:after{opacity:1;transform:translateY(0)}.navbar-divider{background:#d4c4af4d;width:1px;height:32px}.profile-mini{text-align:right;gap:8px}.profile-mini span{color:#504535}.avatar-initial{color:#614200;background:#ebac34;border-radius:8px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.content-area{box-sizing:border-box;flex:1;padding:32px}.dashboard-page{flex-direction:column;gap:32px;display:flex}.page-title-block{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.page-title-block h2{color:#191c1f;letter-spacing:0;margin:0;font-size:28px;font-weight:700;line-height:36px}.page-title-block p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.dashboard-scope-note{color:#827562;margin-top:6px;font-size:12px;line-height:18px;display:block}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.summary-card{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:26px;min-width:0;min-height:170px;padding:24px 20px 22px;display:flex;box-shadow:0 1px 2px #0000000d}.summary-top{justify-content:space-between;align-items:flex-start;gap:8px;min-height:36px;display:flex}.icon-badge{border-radius:8px;flex:none;place-items:center;display:grid}.icon-badge.sm{width:32px;height:32px}.icon-badge.md{width:38px;height:38px}.icon-badge.lg{width:42px;height:42px}.summary-icon{border-radius:8px;place-items:center;min-width:42px;height:42px;display:grid}.summary-icon.blue,.icon-badge.blue{color:#2563eb;background:#eff6ff}.summary-icon.amber,.icon-badge.amber{color:#d97706;background:#fffbeb}.summary-icon.violet,.icon-badge.violet{color:#9333ea;background:#faf5ff}.summary-icon.green,.icon-badge.green{color:#16a34a;background:#f0fdf4}.summary-icon.red,.icon-badge.red{color:#dc2626;background:#fef2f2}.summary-icon.emerald,.icon-badge.emerald{color:#059669;background:#ecfdf5}.trend-pill{color:#16a34a;background:#f0fdf4;border-radius:8px;justify-content:center;min-width:38px;padding:2px 8px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.trend-pill.down{color:#dc2626;background:#fef2f2}.trend-pill.stable{color:#64748b;background:#f2f4f8}.dashboard-alert{color:#991b1b;background:#fef2f2;border:1px solid #ba1a1a2e;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.summary-card-placeholder{color:#827562;grid-column:1/-1;justify-content:center;min-height:120px;font-size:14px;font-weight:700}.summary-copy{flex-direction:column;justify-content:flex-end;gap:8px;min-height:72px;display:flex}.summary-card p{color:#504535;letter-spacing:.55px;text-transform:uppercase;min-height:32px;margin:0;font-size:11px;font-weight:600;line-height:16px}.summary-card strong{overflow-wrap:normal;color:#191c1f;white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:30px;display:block}.analysis-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);gap:32px;display:grid}.chart-panel,.branch-panel{background:#fff;border-radius:8px;box-shadow:0 12px 40px #0f172a0a}.chart-panel{box-sizing:border-box;border:1px solid #d4c4af1a;min-height:498px;padding:32px}.branch-panel{box-sizing:border-box;min-height:460px;padding:32px}.panel-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.panel-header h2{color:#191c1f;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:28px}.panel-header p{color:#827562;margin-top:4px;font-size:14px}.panel-header.compact{align-items:flex-start}.panel-header.compact h2{max-width:120px}.panel-header a{color:#0058be;text-align:right;font-size:12px;font-weight:700;line-height:16px;text-decoration:none}.chart-legend{color:#827562;text-transform:uppercase;gap:16px;font-size:12px;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:999px;width:12px;height:12px}.legend-dot.masuk{background:#0058be}.legend-dot.keluar{background:#ba1a1a}.flow-chart{border-bottom:1px solid #d4c4af33;grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;min-height:326px;padding-top:92px;display:grid}.flow-column{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.flow-tooltip{z-index:3;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#191c1f;border-radius:8px;flex-direction:column;gap:3px;min-width:132px;padding:10px 12px;font-size:11px;line-height:16px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%,8px)}.flow-tooltip:after{content:"";background:#191c1f;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.flow-tooltip strong{font-size:12px;line-height:18px}.flow-column:hover .flow-tooltip,.flow-column:focus-within .flow-tooltip{opacity:1;transform:translate(-50%)}.bar-group{align-items:end;gap:4px;height:160px;display:flex}.bar{border-radius:999px 999px 0 0;width:10px}.bar.masuk{background:#0058be}.bar.keluar{background:#ba1a1a5c}.flow-column>span{color:#827562;text-transform:uppercase;font-size:10px;font-weight:700}.branch-list{flex-direction:column;gap:32px;margin-top:32px;display:flex}.branch-row{flex-direction:column;gap:8px;display:flex}.branch-row>div:first-child{color:#191c1f;justify-content:space-between;gap:16px;font-size:14px;font-weight:700;display:flex}.branch-row span{color:#7e5700;font-weight:700}.branch-row span.danger{color:#ba1a1a}.progress-track{background:#f2f4f8;border-radius:8px;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);border-radius:8px 0 0 8px;height:100%;display:block}.progress.danger{background:#ba1a1a}.app-footer{box-sizing:border-box;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:32px;min-height:109px;padding:30px 32px;display:flex}.app-footer strong{color:#64748b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:24px;display:block}.app-footer span{color:#94a3b8;margin-top:4px;font-size:12px;line-height:16px;display:block}.footer-socials{border-left:1px solid #f1f5f9;align-items:center;gap:16px;padding-left:32px;display:flex}.footer-socials a{color:#ebac34;background:#f2f4f8;border-radius:8px;place-items:center;width:36px;height:36px;transition:background-color .18s,color .18s,transform .18s;display:grid}.footer-socials a:hover{color:#fff;background:#ebac34;transform:translateY(-2px)}.employee-page{flex-direction:column;gap:32px;display:flex}.employee-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.employee-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:28px;font-weight:700;line-height:36px}.employee-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.download-button{color:#fefcff;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.download-button:disabled{cursor:not-allowed;opacity:.7}.employee-export-feedback{color:#7e5700;background:#ebac341a;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;line-height:20px}.employee-add-button{color:#281900;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.employee-modal-overlay{z-index:1000;background:#0f172a94;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0;overflow:hidden}.employee-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100%);max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000040}.employee-modal-shell{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.employee-modal-header{border-bottom:1px solid #d4c4af4d;padding:32px 32px 24px}.employee-modal-header h3{color:#191c1f;letter-spacing:0;margin:0;font-size:24px;font-weight:700;line-height:32px}.employee-modal-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.employee-modal-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;min-height:0;padding:32px;display:grid;overflow-y:auto}.employee-modal-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.employee-modal-field.full{grid-column:1/-1}.employee-modal-active-warehouse{background:#ebac341a;border-radius:4px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.employee-modal-active-warehouse span{color:#7e5700;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-modal-active-warehouse strong{color:#191c1f;font-size:14px;line-height:20px}.employee-import-panel{background:#fffdf8;border:1px solid #d4c4af80;border-radius:8px;flex-direction:column;grid-column:1/-1;gap:16px;padding:18px;display:flex}.employee-import-header,.employee-import-grid{gap:16px;display:grid}.employee-import-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.employee-import-header strong{color:#191c1f;font-size:15px;line-height:22px;display:block}.employee-import-header p{color:#504535;margin:2px 0 0;font-size:13px;line-height:19px}.employee-import-template,.employee-import-submit,.employee-import-upload{min-height:42px;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.employee-import-template{color:#7e5700;background:#fff;border:1px solid #ebac34;padding:0 14px}.employee-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-import-upload{color:#504535;background:#fff;border:1px dashed #7e570066;min-width:0;padding:0 14px}.employee-import-upload.filled{color:#7e5700;background:#ebac341a;border-style:solid}.employee-import-upload input{display:none}.employee-import-upload span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.employee-import-submit{color:#fff;background:#191c1f;border:0}.employee-import-submit:disabled{cursor:not-allowed;opacity:.6}.employee-import-feedback{color:#7e5700;background:#ebac341f;border-radius:4px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:19px}.employee-import-jobs{flex-direction:column;gap:10px;padding-top:4px;display:flex}.employee-import-jobs-header,.employee-import-job{justify-content:space-between;align-items:center;gap:14px;display:flex}.employee-import-jobs-header strong,.employee-import-job strong{color:#191c1f;font-size:13px;line-height:18px;display:block}.employee-import-jobs-header span,.employee-import-job span,.employee-import-job small{color:#827562;font-size:11px;line-height:16px;display:block}.employee-import-jobs-header button{color:#504535;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4c4af;border-radius:4px;padding:0 12px;font-size:12px;font-weight:800}.employee-import-jobs-header button:disabled{cursor:not-allowed;opacity:.6}.employee-import-job-list{flex-direction:column;gap:8px;max-height:174px;display:flex;overflow-y:auto}.employee-import-job{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d4c4af73;border-radius:4px;padding:10px 12px}.employee-import-job.active,.employee-import-job:hover{background:#ebac3414;border-color:#ebac34}.employee-import-job>div{min-width:0}.employee-import-job>div:first-child{flex:1}.employee-import-job>div:last-child{text-align:right}.employee-import-job strong,.employee-import-job span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-import-job em{color:#7e5700;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-style:normal;font-weight:800;line-height:16px;display:inline-flex}.employee-import-empty{color:#827562;background:#f2f4f8b3;border-radius:4px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;line-height:18px}.employee-import-job-detail{background:#fff;border:1px solid #d4c4af73;border-radius:4px;flex-direction:column;gap:12px;padding:12px;display:flex}.employee-import-job-detail-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.employee-import-job-detail-header strong{color:#191c1f;font-size:13px;line-height:18px;display:block}.employee-import-job-detail-header span{color:#827562;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:11px;line-height:16px;display:block;overflow:hidden}.employee-import-job-detail-header button{color:#504535;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4c4af;border-radius:4px;padding:0 12px;font-size:12px;font-weight:800}.employee-import-job-detail-header button:disabled{cursor:not-allowed;opacity:.6}.employee-import-progress{background:#f2f4f8;border-radius:999px;height:8px;overflow:hidden}.employee-import-progress span{border-radius:inherit;background:#ebac34;height:100%;display:block}.employee-import-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.employee-import-detail-grid div{background:#f2f4f8b3;border-radius:4px;min-width:0;padding:10px}.employee-import-detail-grid span{color:#827562;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px;display:block}.employee-import-detail-grid strong{color:#191c1f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;display:block;overflow:hidden}.employee-import-detail-list{flex-direction:column;gap:6px;display:flex}.employee-import-detail-list>strong{color:#191c1f;font-size:12px;line-height:18px}.employee-import-detail-list p{color:#ba1a1a;background:#ba1a1a14;border-radius:4px;margin:0;padding:8px 10px;font-size:12px;line-height:18px}.employee-modal-field>span:first-child,.employee-modal-field legend{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:16px}.employee-modal-field input,.employee-modal-field select,.employee-modal-field textarea{color:#191c1f;width:100%;font:inherit;background:#f2f4f8;border:0;border-radius:4px;outline:0;font-size:14px}.employee-modal-field input,.employee-modal-field select{height:44px}.employee-modal-field input{padding:0 16px}.employee-modal-field input::placeholder{color:#50453566}.employee-modal-field select{appearance:none;cursor:pointer;padding:0 42px 0 16px}.employee-modal-field textarea{resize:vertical;min-height:140px;padding:14px 16px;line-height:20px}.employee-modal-field input:read-only{color:#475569}.employee-modal-field input:disabled,.employee-modal-field select:disabled{cursor:not-allowed;opacity:.7}.employee-modal-input-wrap,.employee-modal-select{align-items:center;display:flex;position:relative}.employee-modal-input-wrap input,.employee-modal-select select{flex:1;min-width:0}.employee-modal-password input{padding-right:48px}.employee-modal-password svg,.employee-modal-select svg{color:#50453599;pointer-events:none;position:absolute;right:16px}.employee-modal-gender{padding-bottom:0}.employee-modal-radio-group{align-items:center;gap:24px;min-height:44px;display:flex}.employee-modal-radio-group label{color:#191c1f;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.employee-modal-radio-group input{accent-color:#ebac34;width:16px;height:16px}.employee-modal-feedback{color:#ba1a1a;background:#ba1a1a14;border-radius:4px;grid-column:1/-1;margin:0;padding:12px 14px;font-size:13px;line-height:20px}.employee-cutoff-help{color:#6b7280;margin-top:2px;font-size:12px;line-height:18px}.employee-cutoff-ranges{flex-direction:column;gap:12px;display:flex}.employee-cutoff-range-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:14px;display:grid}.employee-cutoff-add,.employee-cutoff-remove{min-height:40px;font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.employee-cutoff-add{color:#7e5700;background:#fff8e8;border:1px solid #ebac34;align-self:flex-start}.employee-cutoff-remove{color:#ba1a1a;background:#fff;border:1px solid #e5c7c7}.employee-cutoff-remove:disabled{cursor:not-allowed;opacity:.5}.employee-modal-footer{background:#f2f4f880;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.employee-modal-secondary,.employee-modal-primary{min-width:96px;height:42px;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.employee-modal-secondary{color:#504535;background:0 0;border:1px solid #d4c4af}.employee-modal-primary{color:#281900;background:#ebac34;border:0;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.employee-modal-primary:disabled{cursor:not-allowed;opacity:.7}.employee-stat-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;display:grid}.employee-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:118px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.employee-stat-card.featured{border-left:4px solid #f59e0b}.employee-stat-card>span{color:#64748b;letter-spacing:.5px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600;line-height:15px;overflow:hidden}.employee-stat-card div{align-items:baseline;gap:10px;display:flex}.employee-stat-card strong{color:#0f172a;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:36px}.employee-stat-card em{color:#059669;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;display:inline-flex}.employee-filter-panel{background:#f2f4f8;border-radius:8px;align-items:center;gap:16px;padding:24px;display:flex}.search-field,.select-field{background:#fff;border-radius:8px;align-items:center;min-height:44px;display:flex;box-shadow:0 1px 2px #0000000d}.search-field{color:#94a3b8;flex:1;gap:16px;min-width:220px;padding:0 16px 0 24px}.search-field input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:#6b7280}.select-field{color:#94a3b8;width:160px;position:relative}.role-select-field{width:176px}.select-field select{appearance:none;color:#475569;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:0;padding:0 42px 0 16px;font-size:14px}.select-field svg{pointer-events:none;position:absolute;right:16px}.filter-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 1px 2px #0000000d}.employee-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.employee-table-wrap{overflow-x:auto}.employee-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.employee-table thead{background:#f8fafc}.employee-table th{color:#64748b;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.employee-table td{color:#475569;vertical-align:middle;border-top:1px solid #f8fafc;height:72px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.employee-clickable-row{cursor:pointer}.employee-clickable-row:hover td,.employee-clickable-row:focus td{background:#ebac340f}.employee-clickable-row:focus{outline-offset:-2px;outline:2px solid #ebac3473}.employee-table tbody tr:first-child td{border-top:0}.employee-table td:first-child,.employee-table th:first-child{padding-left:48px}.employee-table td strong{color:#0f172a;max-width:150px;font-weight:600;display:block}.employee-table .mono{letter-spacing:.2px;font-variant-numeric:tabular-nums;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.employee-id{color:#94a3b8;margin-top:4px;font-size:11px;font-weight:600;line-height:16px;display:block}.employee-empty{color:#827562;text-align:center;height:112px;font-weight:600}.status-pill{text-transform:uppercase;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:10px;font-weight:600;line-height:12px;display:inline-flex}.status-pill.active{color:#047857;background:#d1fae5}.status-pill.inactive{color:#b45309;background:#fec7c7}.status-pill.probation{color:#a16207;background:#fffbeb}.employee-pagination{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:24px;min-height:81px;padding:24px 32px;display:flex}.employee-pagination p{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:16px}.employee-pagination nav{align-items:center;gap:4px;display:flex}.employee-pagination button{color:#475569;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.employee-pagination button:disabled{cursor:not-allowed;opacity:.42}.employee-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.employee-pagination button.active{color:#614200;background:#ebac34;box-shadow:0 1px 2px #0000000d}.employee-pagination span{color:#94a3b8;padding:0 4px;font-size:16px}.employee-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.employee-detail-page{flex-direction:column;gap:40px;display:flex}.employee-detail-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.employee-detail-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:800;line-height:36px}.employee-detail-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.employee-detail-actions button,.employee-detail-footer button{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.employee-detail-danger{color:#ba1a1a;background:#fff;border:1px solid #ba1a1a}.employee-detail-warning{color:#614200;background:#fff;border:1px solid #ebac34}.employee-detail-primary{color:#281900;background:#ebac34;border:0}.employee-detail-layout{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);align-items:start;gap:40px;display:grid}.employee-detail-left,.employee-detail-right{flex-direction:column;gap:32px;min-width:0;display:flex}.employee-detail-profile-card,.employee-detail-mini-card,.employee-detail-stat-card,.employee-detail-wide-card,.employee-detail-small-card,.employee-detail-leave-card,.employee-detail-activity-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.employee-detail-profile-card{flex-direction:column;gap:32px;padding:32px;display:flex}.employee-detail-card-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.employee-detail-card-header button{color:#7e5700;font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}.employee-detail-section-title{align-items:center;gap:12px;min-width:0;display:flex}.employee-detail-section-title>span{background:#7e5700;border-radius:12px;width:6px;height:24px}.employee-detail-section-title.blue>span{background:#0058be}.employee-detail-section-title h3{color:#191c1f;letter-spacing:0;margin:0;font-size:20px;font-weight:700;line-height:28px}.employee-detail-profile-main{border-bottom:1px solid #f2f4f8;grid-template-columns:128px minmax(0,1fr);gap:32px;padding-bottom:32px;display:grid}.employee-detail-profile-main img{object-fit:cover;border-radius:8px;width:128px;height:128px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.employee-detail-profile-grid,.employee-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;min-width:0;display:grid}.employee-detail-info-grid{border-bottom:1px solid #f2f4f8;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:32px}.employee-detail-field{flex-direction:column;gap:4px;min-width:0;display:flex}.employee-detail-field span,.employee-detail-address span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:15px}.employee-detail-field strong{color:#191c1f;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:20px}.employee-detail-field em{color:#0058be;text-transform:uppercase;background:#0058be1a;border-radius:6px;width:fit-content;padding:4px 8px;font-size:10px;font-style:normal;font-weight:900;line-height:15px}.employee-detail-address{flex-direction:column;gap:7px;display:flex}.employee-detail-address p{color:#191c1fcc;margin:0;font-size:14px;font-weight:500;line-height:23px}.employee-detail-bank{background:#f2f4f8;border:1px solid #d4c4af33;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px;display:grid}.employee-detail-bank .employee-detail-field:first-child strong{color:#7e5700}.employee-detail-history-grid,.employee-detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.employee-detail-stat-grid{gap:20px}.employee-detail-mini-card{flex-direction:column;gap:16px;padding:24px;display:flex}.employee-detail-mini-card h3{color:#191c1f;letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:900;line-height:20px;display:flex}.employee-detail-mini-card h3 svg{color:#7e5700}.employee-detail-mini-card:nth-child(2) h3 svg{color:#ba1a1a}.employee-detail-timeline{flex-direction:column;gap:16px;display:flex}.employee-detail-timeline div{border-left:2px solid #ebac344d;flex-direction:column;gap:2px;padding:0 0 16px 24px;display:flex;position:relative}.employee-detail-timeline div:before{content:"";background:#ebac34;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-7px}.employee-detail-timeline div.active:before{background:#7e5700}.employee-detail-timeline strong,.employee-detail-case strong{color:#191c1f;font-size:12px;font-weight:700;line-height:16px}.employee-detail-timeline span,.employee-detail-case span{color:#504535;font-size:10px;line-height:15px}.employee-detail-case{border-radius:4px;flex-direction:column;gap:4px;padding:12px;display:flex}.employee-detail-case.danger{background:#ba1a1a0d;border-left:4px solid #ba1a1a}.employee-detail-case.danger strong{color:#ba1a1a}.employee-detail-case.muted{background:#f2f4f8;border-left:4px solid #d4c4af}.employee-detail-case.muted strong{font-style:italic}.employee-detail-stat-card{flex-direction:column;justify-content:center;gap:12px;min-height:140px;padding:24px;display:flex}.employee-detail-stat-card svg.gold{color:#7e5700}.employee-detail-stat-card svg.blue{color:#0058be}.employee-detail-stat-card>span,.employee-detail-wide-card>span,.employee-detail-small-card>span{color:#504535;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-detail-stat-card strong,.employee-detail-wide-card strong,.employee-detail-small-card strong{color:#191c1f;font-size:28px;font-weight:800;line-height:32px}.employee-detail-stat-card small,.employee-detail-wide-card small,.employee-detail-small-card small{color:#504535;font-size:14px;font-weight:500}.employee-detail-wide-card{flex-direction:column;gap:12px;padding:24px;display:flex}.employee-detail-card-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-detail-card-topline svg{color:#ba1a1a}.employee-detail-card-topline span{color:#ba1a1a;text-transform:uppercase;background:#ba1a1a1a;border-radius:2px;padding:2px 8px;font-size:10px;font-weight:900;line-height:15px}.employee-detail-progress{background:#f2f4f8;border-radius:12px;width:100%;height:6px;overflow:hidden}.employee-detail-progress span{height:100%;display:block}.employee-detail-progress.danger span{background:#ba1a1a}.employee-detail-progress.gold span{background:#7e5700}.employee-detail-progress.blue span{background:#0058be}.employee-detail-small-card{flex-direction:column;gap:6px;min-height:128px;padding:20px;display:flex}.employee-detail-small-card.highlighted{border-top:2px solid #ebac34}.employee-detail-small-card p{color:#504535;margin:0;font-size:12px;line-height:20px}.employee-detail-small-card.highlighted p{color:#16a34a;font-weight:700}.employee-detail-leave-card{background:linear-gradient(135deg,#fff 0%,#f2f4f8 100%);flex-direction:column;gap:18px;padding:24px;display:flex}.employee-detail-leave-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-detail-leave-title h3,.employee-detail-activity-card h3{color:#191c1f;letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:18px}.employee-detail-leave-title span{color:#504535;border:2px solid #504535;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:grid}.employee-detail-leave-row{flex-direction:column;gap:8px;display:flex}.employee-detail-leave-row>div:first-child{color:#191c1f;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;line-height:16px;display:flex}.employee-detail-activity-card{flex-direction:column;gap:16px;padding:24px;display:flex}.employee-detail-activity{align-items:flex-start;gap:12px;display:flex}.employee-detail-activity>span{border-radius:12px;flex:none;place-items:center;width:32px;height:32px;display:grid}.employee-detail-activity>span.gold{color:#7e5700;background:#7e57001a}.employee-detail-activity>span.blue{color:#0058be;background:#0058be1a}.employee-detail-activity strong{color:#191c1f;font-size:12px;line-height:16px;display:block}.employee-detail-activity p{color:#504535;margin:0;font-size:10px;line-height:15px}.employee-detail-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;display:flex}.employee-detail-footer button{color:#504535;background:#fff;border:1px solid #d4c4af}.employee-detail-footer p{color:#94a3b8;margin:0;font-size:12px;line-height:16px}.employee-promotion-modal{width:min(860px,100%)}.employee-promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-promotion-template{background:#0058be14;border-radius:4px;flex-direction:column;grid-column:1/-1;gap:4px;padding:14px 16px;display:flex}.employee-promotion-template span{color:#0058be;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-promotion-template strong{color:#191c1f;font-size:14px;line-height:20px}.employee-warning-modal{width:min(672px,100%);max-width:672px;max-height:min(745px,100vh - 32px)}.employee-warning-header{background:#f2f4f8;border-bottom:1px solid #d4c4af4d;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.employee-warning-header h3{color:#ebac34;margin:0;font-size:24px;font-weight:800;line-height:32px}.employee-warning-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.employee-warning-close svg{width:20px;height:20px}.employee-warning-grid{gap:28px 24px}.employee-warning-summary{background:#f7f9fd;border:1px solid #d4c4af33;border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.employee-warning-person{align-items:center;gap:16px;display:flex}.employee-warning-photo{background:#e2e8f0;border-radius:4px;flex:none;width:48px;height:48px;overflow:hidden}.employee-warning-photo img{object-fit:cover;width:100%;height:100%}.employee-warning-person-copy{flex-direction:column;display:flex}.employee-warning-person-copy strong{color:#191c1f;font-size:16px;line-height:24px}.employee-warning-person-copy span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.employee-warning-person-copy small{color:#94a3b8;font-size:11px;line-height:16px}.employee-warning-history{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.employee-warning-history>span{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:15px}.employee-warning-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.employee-warning-pills em{color:#93000a;background:#ffd9d3;border:1px solid #ba1a1a1a;border-radius:999px;padding:4px 12px;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.employee-warning-money{align-items:center;display:flex;position:relative}.employee-warning-money strong{z-index:1;color:#94a3b8;font-size:12px;font-weight:700;line-height:16px;position:absolute;left:16px}.employee-warning-money input{padding-left:40px}.employee-warning-footer{background:#f2f4f8;border-top:1px solid #d4c4af4d}.employee-warning-secondary{color:#64748b;border-color:#cbd5e1}.employee-warning-primary{min-width:200px}.performance-page{flex-direction:column;gap:32px;display:flex}.performance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.performance-stat-card{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;min-height:154px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.performance-stat-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.performance-icon{border-radius:4px;flex:none;place-items:center;width:42px;height:42px;display:grid}.performance-icon.amber,.performance-note.amber{color:#b45309;background:#fffbeb}.performance-icon.blue,.performance-note.blue{color:#2563eb;background:#eff6ff}.performance-icon.violet,.performance-note.violet{color:#9333ea;background:#faf5ff}.performance-icon.red,.performance-note.red{color:#dc2626;background:#fef2f2}.performance-note{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.performance-stat-card p{color:#504535;letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600;line-height:16px}.performance-stat-card strong{color:#191c1f;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:34px;display:block}.performance-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.performance-search,.performance-select,.performance-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.performance-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:280px;padding:0 16px}.performance-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.performance-search input::placeholder{color:#50453573}.performance-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:142px;padding:0 16px;font-size:14px;font-weight:500;position:relative}.performance-select select{appearance:none;width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 26px 0 0}.performance-select svg{pointer-events:none;position:absolute;right:16px}.performance-select.wide{min-width:164px}.performance-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.performance-table-card{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.performance-table-wrap{overflow-x:auto}.performance-table{border-collapse:collapse;text-align:left;width:100%;min-width:1060px}.performance-table thead{background:#f2f4f880}.performance-table th{color:#504535;letter-spacing:.6px;text-transform:uppercase;padding:18px 24px;font-size:11px;font-weight:700;line-height:14px}.performance-table td{color:#504535;vertical-align:middle;border-top:1px solid #d4c4af1a;height:74px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.performance-table tbody tr:first-child td{border-top:0}.performance-table td:first-child,.performance-table th:first-child{padding-left:48px}.performance-table td:first-child strong{color:#191c1f;font-size:14px;font-weight:600;display:block}.performance-table td:first-child span{color:#504535b8;margin-top:2px;font-size:12px;display:block}.performance-empty{color:#827562;text-align:center;height:112px;font-weight:600}.case-pill{letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:10px;font-weight:600;line-height:12px;display:inline-flex}.case-pill.clean{color:#15803d;background:#f0fdf4}.case-pill.warning{color:#b45309;background:#fffbeb}.performance-score{max-width:240px}.performance-score>div:first-child{justify-content:space-between;align-items:center;gap:20px;margin-bottom:6px;display:flex}.performance-score strong{color:#7e5700;font-size:12px;font-weight:700;line-height:14px}.performance-score span{color:#504535;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;line-height:14px}.performance-score.danger strong,.performance-score.danger span{color:#dc2626}.score-track{background:#f2f4f8;border-radius:12px;height:6px;overflow:hidden}.score-track span{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);border-radius:12px;height:100%;display:block}.performance-score.danger .score-track span{background:#ef4444}.row-action{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.performance-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.performance-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.performance-pagination nav{align-items:center;gap:4px;display:flex}.performance-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.performance-pagination button:disabled{cursor:not-allowed;opacity:.42}.performance-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.performance-pagination button.active{color:#281900;background:#ebac34}.performance-pagination button.muted{opacity:.35}.performance-pagination span{color:#504535;padding:0 8px;font-size:12px}.performance-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.mutation-page{flex-direction:column;gap:24px;display:flex}.mutation-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.mutation-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.mutation-header p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.mutation-add-button{color:#281900;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.mutation-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.mutation-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:120px;padding:22px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.mutation-stat-card.featured{border-left:4px solid #d97706}.mutation-stat-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mutation-stat-top.compact{justify-content:flex-end;min-height:24px}.mutation-icon{border-radius:4px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.mutation-icon.amber,.mutation-icon.gold{color:#7e5700;background:#ffdeac}.mutation-icon.blue{color:#006496;background:#cce5ff}.mutation-note{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:12px;align-items:center;gap:5px;min-height:24px;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.mutation-stat-card p{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:600;line-height:15px}.mutation-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:36px;display:block}.mutation-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.mutation-search,.mutation-select,.mutation-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.mutation-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:300px;padding:0 16px}.mutation-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.mutation-search input::placeholder{color:#50453573}.mutation-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:130px;padding:0 16px;font-size:14px;font-weight:500;position:relative}.mutation-select select{appearance:none;width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 26px 0 0}.mutation-select svg{pointer-events:none;position:absolute;right:16px}.mutation-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;margin-left:auto;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mutation-table-card{background:#fff;border:1px solid #e2e8f033;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.mutation-table-wrap{overflow-x:auto}.mutation-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.mutation-table thead{background:#f2f4f8}.mutation-table th{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;padding:18px 24px;font-size:10px;font-weight:700;line-height:14px}.mutation-table td{color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;height:101px;padding:20px 24px;font-size:14px;font-weight:400;line-height:20px}.mutation-table tbody tr:first-child td{border-top:0}.mutation-table td:first-child,.mutation-table th:first-child{padding-left:48px}.mutation-table td:first-child strong{color:#0f172a;font-size:14px;font-weight:600;display:block}.mutation-table td:first-child span,.mutation-table td:nth-child(2) span{color:#64748b;margin-top:2px;font-size:12px;line-height:16px;display:block}.mutation-table td:nth-child(2) strong{color:#334155;font-size:12px;font-weight:600;line-height:16px;display:block}.branch-transfer{color:#d97706;align-items:center;gap:8px;display:flex}.branch-transfer span{color:#475569;letter-spacing:.4px;text-transform:uppercase;background:#f1f5f9;border-radius:4px;align-items:center;min-height:24px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.branch-transfer span.highlight{color:#d97706;background:#fffbeb}.position-change{gap:3px;display:grid}.position-change>span{color:#94a3b8;font-size:12px;font-weight:500;text-decoration:line-through}.position-change strong{color:#0f172a;font-size:13px;font-weight:700;line-height:18px}.position-change em{text-transform:uppercase;border-radius:3px;width:max-content;padding:2px 6px;font-size:9px;font-style:normal;font-weight:700;line-height:14px}.position-change em.promotion{color:#047857;background:#d1fae5}.position-change em.rotation{color:#64748b;background:#f1f5f9}.position-change em.migration{color:#a16207;background:#fffbeb}.effective-date{color:#334155;max-width:72px;font-size:12px;font-weight:600;line-height:16px;display:block}.mutation-empty{color:#827562;text-align:center;height:112px;font-weight:600}.mutation-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.mutation-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.mutation-pagination nav{align-items:center;gap:4px;display:flex}.mutation-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.mutation-pagination button:disabled{cursor:not-allowed;opacity:.42}.mutation-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.mutation-pagination button.active{color:#281900;background:#ebac34}.mutation-pagination button.muted{opacity:.35}.mutation-pagination span{color:#504535;padding:0 8px;font-size:12px}.mutation-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.attendance-page{flex-direction:column;gap:32px;display:flex}.attendance-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.attendance-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.attendance-header p{color:#504535;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.attendance-header-actions{align-items:center;gap:12px;display:flex}.attendance-secondary-button,.attendance-primary-button{min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.attendance-secondary-button{color:#334155;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.attendance-primary-button{color:#281900;background:#ebac34;border:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.attendance-analytics{grid-template-columns:minmax(260px,304px) minmax(0,1fr);gap:24px;display:grid}.attendance-summary-column{gap:24px;display:grid}.attendance-summary-card{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.attendance-summary-card span:first-child{color:#504535;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:36px;display:block}.attendance-summary-icon{border-radius:12px;flex:none;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.attendance-summary-icon.amber{color:#7e5700;background:#fffbeb}.attendance-summary-icon.blue{color:#2563eb;background:#eff6ff}.attendance-summary-icon.green{color:#16a34a;background:#f0fdf4}.attendance-summary-icon.rose{color:#ba1a1a;background:#fef2f2}.attendance-create-modal{background:#fff;border-radius:8px;flex-direction:column;width:min(1440px,100vw - 32px);max-height:min(870px,100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.attendance-page.create-only{background:#f7f9fd;min-height:100vh;padding:32px 32px 112px}.attendance-page.create-only>:not(.attendance-create-page-shell){display:none}.attendance-create-page-shell{flex-direction:column;min-height:calc(100vh - 144px);display:flex;position:relative}.attendance-create-page-card{min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.attendance-create-page-card .attendance-create-modal-body{flex:1;grid-template-columns:1fr;overflow:visible}.attendance-create-page-card .attendance-create-sidebar,.attendance-create-page-card .attendance-create-main-header{display:none}.attendance-create-page-card .attendance-create-main-scroll{padding:0;overflow:visible}.attendance-create-page-title{justify-content:space-between;align-items:flex-end;gap:24px;padding:0;display:flex}.attendance-create-page-title span{color:#7e5700;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px;display:block}.attendance-create-page-title h2{color:#191c1f;margin:4px 0 0;font-size:30px;font-weight:800;line-height:38px}.attendance-create-page-date{color:#504535;white-space:nowrap;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.attendance-create-config-card{background:#fff;border:1px solid #d4c4af47;border-left:4px solid #ebac34;border-radius:8px;flex-direction:column;gap:22px;margin:32px 0 0;padding:24px;display:flex;box-shadow:0 1px 2px #0f172a0d}.attendance-create-config-card.is-collapsed{gap:0;padding-block:16px}.attendance-create-config-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.attendance-create-config-title{align-items:center;gap:10px;min-width:0;display:inline-flex}.attendance-create-config-title svg{color:#7e5700;flex:none;font-size:20px}.attendance-create-config-title h3{color:#191c1f;letter-spacing:.9px;text-transform:uppercase;margin:0;font-size:18px;font-weight:800;line-height:28px}.attendance-create-config-toggle{color:#7e5700;cursor:pointer;background:#fff7e8;border:1px solid #7e57002e;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.attendance-create-config-toggle:hover{background:#fcebc8}.attendance-create-config-toggle svg{font-size:12px}.attendance-create-config-grid{grid-template-columns:minmax(132px,1fr) minmax(132px,1fr) minmax(132px,1fr) minmax(132px,1fr) minmax(132px,1fr) minmax(132px,1fr) minmax(148px,1.15fr) auto;align-items:end;gap:16px;display:grid}.attendance-create-config-field{flex-direction:column;gap:8px;min-width:0;display:flex}.attendance-create-config-field span,.attendance-create-config-check span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:15px}.attendance-create-config-field input,.attendance-create-config-field select,.attendance-create-config-static{box-sizing:border-box;color:#191c1f;width:100%;min-height:44px;font:inherit;background:#f2f4f8;border:0;border-radius:4px;outline:none;padding:10px 12px}.attendance-create-config-static{align-items:center;display:flex}.attendance-create-config-check{white-space:nowrap;align-items:center;gap:10px;min-height:44px;padding-bottom:1px;display:inline-flex}.attendance-create-config-check input{accent-color:#7e5700;width:18px;height:18px;margin:0}.attendance-create-page-card .attendance-create-general-card{display:none}.attendance-create-page-card .attendance-create-main{background:0 0;overflow:visible}.attendance-create-page-card .attendance-create-context-card{display:none}.attendance-create-page-card .attendance-create-manual.by-date{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(320px,384px);gap:32px;margin-top:32px}.attendance-create-page-card .attendance-create-entry-list{grid-area:1/1/span 2;gap:16px}.attendance-create-page-list-toolbar{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:24px;display:grid}.attendance-create-page-list-toolbar h3{color:#504535;letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:16px;font-weight:800;line-height:24px}.attendance-create-page-list-toolbar .attendance-create-search-field{background:#fff;border-radius:8px;min-height:40px;box-shadow:0 1px 2px #0f172a0a}.attendance-create-page-card .attendance-create-entry-scroll-shell{background:#fff;border-radius:8px;min-height:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.attendance-create-page-card .attendance-create-entry-scroll-shell .attendance-create-entry-table-head,.attendance-create-page-card .attendance-create-entry-scroll-shell .attendance-create-entry-row.by-date{min-width:760px}.attendance-create-page-card .attendance-create-entry-table-head{background:#fff;border-bottom:1px solid #eceef2;padding:18px 16px}.attendance-create-page-card .attendance-create-entry-table-head.by-date span:nth-child(4){font-size:0}.attendance-create-page-card .attendance-create-entry-table-head.by-date span:nth-child(4):after{content:"Waktu (In/Out)";font-size:11px}.attendance-create-page-card .attendance-create-entry-table-head.by-date span:nth-child(5){display:none}.attendance-create-page-card .attendance-create-entry-table-head span{color:#504535;letter-spacing:1.1px;font-size:11px}.attendance-create-page-card .attendance-create-entry-rows{gap:0;padding-right:0;overflow:visible}.attendance-create-page-card .attendance-create-entry-row{background:#fff;border:0;border-bottom:1px solid #eceef2;border-radius:0;padding:22px 16px}.attendance-create-page-card .attendance-create-entry-row:last-child{border-bottom:0}.attendance-create-page-time-cell{align-items:center;gap:8px;display:flex}.attendance-create-page-time-cell input,.attendance-create-page-division-cell select{color:#504535;min-width:0;min-height:28px;font:inherit;background:#f2f4f8;border:0;border-radius:4px;outline:none;padding:4px 8px;font-size:12px;font-weight:700}.attendance-create-page-time-cell input:first-child{color:#128c4a;background:#eafaf1;max-width:64px}.attendance-create-page-time-cell input:last-child{max-width:64px}.attendance-create-page-time-cell span{color:#d4c4af;font-size:12px;font-weight:800}.attendance-create-page-division-cell select{color:#504535;width:100%;font-weight:500}.attendance-create-page-break-toggle{align-items:center;width:34px;height:18px;display:inline-flex;position:relative}.attendance-create-page-break-toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.attendance-create-page-break-toggle span{background:#d4c4af;border-radius:999px;width:34px;height:18px;box-shadow:inset 0 2px 4px #0f172a1a}.attendance-create-page-break-toggle span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a2e}.attendance-create-page-break-toggle input:checked+span{background:#ebac34}.attendance-create-page-break-toggle input:checked+span:after{transform:translate(16px)}.attendance-create-page-card .attendance-create-check span{display:none}.attendance-create-page-card .attendance-create-check input{width:18px;height:18px}.attendance-create-page-card .attendance-create-entry-meta strong{font-size:14px;line-height:20px}.attendance-create-page-card .attendance-create-entry-meta span{color:#504535;font-size:12px;line-height:18px}.attendance-create-page-card .attendance-create-unregistered-section{display:none}.attendance-create-selected-panel{background:#f2f4f8;border:1px solid #d4c4af52;border-radius:8px;grid-area:1/2/span 2;min-height:650px}.attendance-create-selected-scroll{flex-direction:column;gap:12px;height:100%;padding:20px 16px;display:flex;overflow:auto}.attendance-create-selected-scroll>span{color:#504535;letter-spacing:1.1px;text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:800;line-height:16px}.attendance-create-selected-card{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a0d}.attendance-create-selected-card div{min-width:0}.attendance-create-selected-card strong,.attendance-create-selected-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attendance-create-selected-card strong{color:#191c1f;font-size:12px;line-height:16px}.attendance-create-selected-card small{color:#504535;font-size:10px;line-height:14px}.attendance-create-selected-card button{color:#827562;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.attendance-create-selected-scroll>em{color:#d4c4af;text-align:center;padding:8px 0;font-size:11px;font-style:normal;font-weight:800;line-height:16px}.attendance-create-selected-empty{color:#827562;text-align:center;place-items:center;min-height:120px;padding:20px;font-size:12px;line-height:18px;display:grid}.attendance-create-page-card .attendance-create-modal-footer{z-index:12;box-sizing:border-box;background:#f2f4f8;justify-content:space-between;min-height:80px;margin-top:24px;position:sticky;bottom:0}.attendance-create-footer-actions{align-items:center;gap:16px;display:flex}.attendance-create-modal-footer .attendance-create-footer-add{color:#7e5700;background:0 0;border-color:#7e5700}.attendance-create-page-card .attendance-create-footer-actions button:first-child{color:#504535;background:0 0;border-color:#0000}.attendance-create-page-card .attendance-create-footer-actions button:last-child{color:#281900;background:#ebac34;min-width:182px;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.attendance-create-page-card .attendance-create-footer-actions button:last-child svg{display:none}.attendance-create-page-list-toolbar{grid-template-columns:minmax(220px,1fr) minmax(360px,520px)}.attendance-create-page-list-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.attendance-create-page-list-actions .attendance-create-search-field{flex:1;min-width:220px}.attendance-create-selected-toggle{color:#7e5700;min-height:40px;font:inherit;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #7e570038;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:800;line-height:16px;display:inline-flex}.attendance-create-page-card .attendance-create-entry-table-head.by-date,.attendance-create-page-card .attendance-create-entry-row.by-date{grid-template-columns:48px minmax(260px,300px) minmax(190px,220px) minmax(170px,190px) minmax(170px,190px) 88px}.attendance-create-selected-panel{min-height:460px}.attendance-create-selected-scroll{gap:10px;padding:16px 12px}.attendance-create-selected-card{grid-template-columns:24px minmax(0,1fr) 28px;min-height:46px;padding:10px;display:grid}.attendance-create-selected-card b{color:#7e5700;background:#fff7e8;border-radius:4px;place-items:center;width:24px;height:24px;font-size:11px;line-height:16px;display:inline-grid}.attendance-create-selected-card strong{font-size:12px;line-height:18px}@media (width<=760px){.attendance-create-page-card .attendance-create-manual.by-date.create-page-grid{grid-template-columns:minmax(0,1fr)}.attendance-create-page-card .create-page-grid>.attendance-create-selected-panel{grid-area:2/1}.attendance-create-page-list-toolbar{grid-template-columns:1fr}.attendance-create-page-list-actions{flex-direction:column;align-items:stretch}.attendance-create-page-list-actions .attendance-create-search-field,.attendance-create-selected-toggle{width:100%}}.attendance-export-modal{background:#fff;border-radius:8px;width:min(720px,100vw - 32px);max-height:min(760px,100vh - 32px);overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.attendance-create-modal-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.attendance-create-modal-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:700;line-height:28px}.attendance-create-modal-header p{color:#827562;letter-spacing:1px;text-transform:uppercase;margin:2px 0 0;font-size:10px;font-weight:700;line-height:15px}.attendance-create-modal-header button{color:#827562;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;font-size:18px;display:grid}.attendance-create-modal-body{flex:1;grid-template-columns:minmax(280px,341px) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.attendance-export-modal-body{flex-direction:column;gap:24px;padding:24px 32px;display:flex}.attendance-export-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-export-range label{gap:8px;display:grid}.attendance-export-range span{color:#827562;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.attendance-export-range input{box-sizing:border-box;color:#334155;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:8px 12px}.attendance-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-export-card{color:#191c1f;text-align:left;cursor:pointer;background:#fff;border:1px solid #eceef2;border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.attendance-export-card:hover:not(:disabled){border-color:#ebac3480;transform:translateY(-2px);box-shadow:0 12px 24px -18px #0f172a59}.attendance-export-card:disabled{cursor:not-allowed;opacity:.65}.attendance-export-card strong{font-size:15px;font-weight:700;line-height:22px}.attendance-export-card p{color:#64748b;margin:0;font-size:13px;line-height:20px}.attendance-export-icon{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.attendance-export-icon.amber{color:#d97706;background:#fffbeb}.attendance-export-icon.blue{color:#2563eb;background:#eff6ff}.attendance-export-icon.green{color:#16a34a;background:#f0fdf4}.attendance-export-icon.rose{color:#e11d48;background:#fff1f2}.attendance-create-primary-toggle{background:#eceef2;border-radius:4px;grid-template-columns:repeat(3,minmax(112px,1fr));align-self:stretch;width:100%;padding:3px;display:grid}.attendance-create-primary-toggle button,.attendance-create-entry-switch button{color:#504535;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:0;border-radius:2px;min-width:112px;padding:8px 16px;font-size:12px;font-weight:600;line-height:16px}.attendance-create-primary-toggle button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-create-manual{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex;overflow:hidden}.attendance-create-manual.by-date{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr)) minmax(280px,340px);align-items:stretch;gap:18px;display:grid}.attendance-create-manual.by-date .attendance-create-context-card{grid-column:1/-1}.attendance-create-manual.by-date>.attendance-create-entry-list{grid-area:2/1/auto/4}.attendance-create-manual.by-date>.attendance-create-unregistered-section{grid-area:2/4}.attendance-create-sidebar{background:#f2f4f8;border-right:1px solid #d4c4af4d;flex-direction:column;min-width:0;min-height:0;display:flex}.attendance-create-sidebar-scroll{flex-direction:column;flex:1;gap:32px;min-height:0;padding:32px;display:flex;overflow:auto}.attendance-create-sidebar-header h3{color:#191c1f;margin:0;font-size:24px;font-weight:800;line-height:32px}.attendance-create-sidebar-header p{color:#504535;letter-spacing:.3px;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:500;line-height:16px}.attendance-create-sidebar-section,.attendance-create-sidebar-group{flex-direction:column;display:flex}.attendance-create-sidebar-section{gap:24px}.attendance-create-sidebar-group{gap:12px}.attendance-create-sidebar-group-mode{gap:10px}.attendance-create-sidebar-group-mode .attendance-create-mode-select{width:100%;max-width:252px}.attendance-create-mode-select select{appearance:none;cursor:pointer;padding-right:40px}.attendance-create-mode-select svg{color:#504535;pointer-events:none;position:absolute;right:14px}.attendance-create-sidebar-group>span,.attendance-create-entry-list-header span{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.attendance-create-entry-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-create-entry-card{color:#504535;min-height:104px;font:inherit;cursor:pointer;background:#e0e3e680;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.attendance-create-entry-card svg{font-size:18px}.attendance-create-entry-card strong{color:inherit;text-align:center;font-size:11px;font-weight:700;line-height:16px}.attendance-create-entry-card.active{color:#7e5700;background:#ebac341a;border-color:#ebac34;box-shadow:inset 0 0 0 1px #ebac34}.attendance-create-entry-card.single{cursor:default;min-height:72px}.attendance-create-setting-field{flex-direction:column;gap:8px;display:flex}.attendance-create-setting-field>span{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.attendance-create-sidebar-note{background:#ebac341f;border:1px solid #ebac344d;border-radius:8px;align-items:flex-start;gap:12px;margin-top:auto;padding:16px;display:flex}.attendance-create-sidebar-note span{color:#ebac34;background:#7e5700;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.attendance-create-sidebar-note span svg{font-size:14px}.attendance-create-sidebar-note p{color:#5f4100;margin:0;font-size:11px;line-height:18px}.attendance-create-main{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.attendance-create-main-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 32px 24px;display:flex}.attendance-create-main-heading h4{color:#191c1f;margin:0;font-size:18px;font-weight:700;line-height:28px}.attendance-create-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendance-create-title-row span{color:#7e5700;background:#fff7e8;border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:11px;font-weight:800;line-height:16px;display:inline-flex}.attendance-create-main-heading p{color:#504535;margin:0;font-size:12px;line-height:16px}.attendance-create-main-header button{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:40px;height:40px;display:inline-grid}.attendance-create-main-scroll{flex-direction:column;flex:1;gap:24px;min-height:0;padding:0 32px 32px;display:flex;overflow:auto}.attendance-create-context-card{background:linear-gradient(135deg,#fff7e8 0%,#fff 100%);border:1px solid #eceef2;border-radius:8px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 24px;display:grid}.attendance-create-context-card span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-create-context-card strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.attendance-create-select,.attendance-create-search-field,.attendance-create-input-shell,.attendance-create-row-field{background:#fff;border-radius:4px;align-items:center;min-height:40px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #d4c4af4d}.attendance-create-select select,.attendance-create-search-field select,.attendance-create-input-shell input,.attendance-create-row-field select,.attendance-create-row-field input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:10px 16px}.attendance-create-input-shell.static input{color:#475569}.attendance-create-select svg,.attendance-create-row-field svg{color:#827562;pointer-events:none;position:absolute;right:12px}.attendance-create-search-field{padding-left:40px;padding-right:40px}.attendance-create-search-field>svg:first-child{color:#827562;position:absolute;left:14px}.attendance-create-search-field>svg:last-child{color:#827562;pointer-events:none;position:absolute;right:14px}.attendance-create-picker{position:relative}.attendance-create-picker-trigger{color:#191c1f;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #d4c4af4d}.attendance-create-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attendance-create-picker-trigger>svg:first-child,.attendance-create-picker-search>svg{color:#827562}.attendance-create-picker-trigger>svg:last-child{color:#827562;font-size:12px}.attendance-create-picker-dropdown{z-index:20;background:#fff;border-radius:8px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px -24px #0f172a59,inset 0 0 0 1px #d4c4af4d}.attendance-create-picker-search{border-bottom:1px solid #d4c4af40;align-items:center;min-height:46px;padding:0 14px 0 40px;display:flex;position:relative}.attendance-create-picker-search>svg{position:absolute;left:14px}.attendance-create-picker-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none}.attendance-create-picker-options{overflow:auto}.attendance-create-picker-options button,.attendance-create-picker-empty{text-align:left;background:#fff;border:0;border-top:1px solid #d4c4af26;flex-direction:column;gap:2px;width:100%;padding:12px 14px;display:flex}.attendance-create-picker-options button{cursor:pointer}.attendance-create-picker-options button:hover,.attendance-create-picker-options button.active{background:#fffaf1}.attendance-create-picker-options button strong{color:#191c1f;font-size:13px;line-height:18px}.attendance-create-picker-options button span,.attendance-create-picker-empty{color:#64748b;font-size:12px;line-height:18px}.attendance-create-entry-list{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.attendance-create-entry-list-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.attendance-create-unregistered-section{border-left:1px solid #d4c4af59;flex-direction:column;gap:12px;min-height:0;max-height:none;padding-top:4px;padding-left:16px;display:flex;overflow:auto}.attendance-create-unregistered-section .attendance-create-entry-list-header{flex-direction:column;align-items:flex-start}.attendance-create-unregistered-section .attendance-create-entry-list-header em{max-width:none}.attendance-create-entry-list-header em{color:#827562;font-size:10px;font-style:italic;line-height:15px}.attendance-create-feedback{color:#1f4f7c;background:#eef6ff;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px}.attendance-create-feedback.error{color:#9f1d1d;background:#fff2f2}.attendance-create-entry-table-head{gap:12px;padding:0 12px;display:grid}.attendance-create-entry-table-head.by-employee,.attendance-create-entry-row.by-employee{grid-template-columns:.8fr 1.1fr 1.5fr .8fr .8fr 1fr 1fr}.attendance-create-entry-table-head.by-date,.attendance-create-entry-row.by-date{grid-template-columns:minmax(64px,.7fr) minmax(220px,2fr) minmax(150px,1.25fr) minmax(82px,.75fr) minmax(82px,.75fr) minmax(92px,.85fr) minmax(92px,.85fr)}.attendance-create-entry-table-head.by-date.unknown,.attendance-create-entry-row.by-date.unknown{grid-template-columns:.9fr 1.4fr 1fr .8fr .8fr 1fr 1fr 44px}.attendance-create-entry-table-head span{color:#d4c4af;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.attendance-create-entry-rows{flex-direction:column;flex:1;gap:16px;min-height:0;padding-right:8px;display:flex;overflow:auto}.attendance-create-entry-scroll-shell{flex-direction:column;flex:1;min-width:0;min-height:180px;padding-bottom:4px;display:flex;overflow:auto visible}.attendance-create-entry-scroll-shell .attendance-create-entry-table-head,.attendance-create-entry-scroll-shell .attendance-create-entry-row.by-date{min-width:1060px}.attendance-create-entry-scroll-shell .attendance-create-entry-rows,.attendance-create-entry-rows.unknown{flex:initial;overflow:visible}.attendance-create-entry-rows.unknown.summary{gap:12px}.attendance-create-entry-row{box-shadow:none;background:#f2f4f8;border:1px solid #d4c4af33;border-radius:8px;align-items:center;gap:12px;padding:20px 24px;display:grid}.attendance-create-entry-row.unknown{background:#fffdf8;border-color:#ebac3438}.attendance-create-row-field{min-height:40px;box-shadow:none;background:#f2f4f8}.attendance-create-row-field.compact input{color:#191c1f;font-size:12px}.attendance-create-check{color:#827562;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;font-weight:600;display:flex}.attendance-create-check input{accent-color:#ebac34;width:16px;height:16px;margin:0}.attendance-create-entry-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.attendance-create-entry-meta strong,.attendance-create-entry-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-create-entry-row.by-date .attendance-create-entry-person strong,.attendance-create-entry-row.by-date .attendance-create-entry-person span{text-overflow:clip;white-space:normal;overflow:visible}.attendance-create-entry-row.by-date .attendance-create-entry-person strong{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.attendance-create-entry-row.by-date .attendance-create-entry-person span{overflow-wrap:anywhere;word-break:break-word}.attendance-create-general-card{background:#fffaf0;border:1px solid #ebac343d;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.attendance-create-general-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.attendance-create-general-header strong{color:#191c1f;font-size:13px;line-height:20px}.attendance-create-general-header span{color:#827562;font-size:11px;line-height:16px}.attendance-create-general-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attendance-create-general-field{flex-direction:column;gap:8px;display:flex}.attendance-create-general-field span{color:#504535;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.attendance-create-general-field input,.attendance-create-general-field select{color:#191c1f;width:100%;min-height:40px;font:inherit;background:#fff;border:0;border-radius:4px;outline:none;padding:10px 12px;box-shadow:inset 0 0 0 1px #d4c4af59}.attendance-create-general-value{color:#504535;overflow-wrap:anywhere;background:#fff;border-radius:6px;min-width:0;padding:8px 10px;font-size:11px;font-weight:700;line-height:16px}.attendance-create-static-time{color:#504535;min-width:0;font-size:12px;font-weight:700;line-height:18px}.attendance-create-checkbox-field{color:#504535;background:#fff;border-radius:4px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #d4c4af59}.attendance-create-checkbox-field.compact{justify-content:center;padding:8px 10px}.attendance-create-checkbox-field input{accent-color:#ebac34;width:16px;height:16px;margin:0}.attendance-create-checkbox-field strong{color:#504535;font-size:11px;font-weight:700;line-height:16px}.attendance-create-checkbox-field:has(input:disabled){opacity:.62}.attendance-create-entry-meta strong{color:#191c1f;font-size:12px;line-height:18px}.attendance-create-entry-meta span{color:#827562;font-size:11px;line-height:16px}.attendance-create-upload{color:#827562;text-transform:uppercase;cursor:pointer;background:#fff;border:1px dashed #d4c4af;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.attendance-create-upload input{display:none}.attendance-create-upload svg{font-size:14px}.attendance-create-upload.filled{color:#7e5700;background:#fff7e8;border-style:solid;border-color:#7e570033}.attendance-create-upload.block{box-sizing:border-box;width:100%}.attendance-create-empty-state{color:#827562;text-align:center;background:#fff;border:1px dashed #d4c4af;border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:24px;font-size:13px;line-height:20px;display:flex}.attendance-create-empty-state.unknown{min-height:96px}.attendance-create-remove{color:#ba1a1a;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;display:grid}.attendance-create-add-row{color:#ebac34;cursor:pointer;background:#fff;border:2px dashed #ebac344d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:4px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.attendance-create-add-row svg{font-size:18px}.attendance-unregistered-card{background:#fffdf8;border:1px solid #ebac3433;border-radius:8px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.attendance-unregistered-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.attendance-unregistered-badge{color:#7e5700;text-transform:uppercase;white-space:nowrap;background:#fff7e8;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:10px;font-weight:700;line-height:14px;display:inline-flex}.attendance-unregistered-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attendance-unregistered-card-grid div,.attendance-unregistered-card-actions{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:inset 0 0 0 1px #d4c4af3d}.attendance-unregistered-card-grid span{color:#827562;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-unregistered-card-grid strong{color:#191c1f;font-size:12px;line-height:18px}.attendance-unregistered-card-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.attendance-unregistered-card-actions button{color:#504535;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4c4af66;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700}.attendance-unregistered-card-actions button:last-child{color:#9f1d1d}.attendance-inline-modal-overlay{z-index:40;background:#191c1f6b;justify-content:center;align-items:flex-start;padding:clamp(24px,7vh,72px) 24px 24px;display:flex;position:fixed;inset:0;overflow:auto}.attendance-inline-modal{background:#fff;border-radius:10px;flex-direction:column;width:min(100%,680px);max-height:calc(100dvh - 48px);display:flex;box-shadow:0 24px 48px #0f172a3d}.attendance-inline-modal-header,.attendance-inline-modal-footer{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.attendance-inline-modal-header{border-bottom:1px solid #d4c4af4d}.attendance-inline-modal-header h4{color:#191c1f;margin:0;font-size:18px;line-height:24px}.attendance-inline-modal-header p{color:#827562;margin:4px 0 0;font-size:12px;line-height:18px}.attendance-inline-modal-header button{color:#475569;cursor:pointer;background:#f8fafc;border:0;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:grid}.attendance-inline-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex;overflow:auto}.attendance-inline-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-inline-modal-footer{border-top:1px solid #d4c4af4d;justify-content:flex-end}.attendance-inline-modal-footer button{min-height:42px;font:inherit;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;display:inline-flex}.attendance-inline-modal-footer button:first-child{color:#191c1f;background:#fff;border-color:#827562}.attendance-inline-modal-footer button:last-child{color:#fff;background:#7e5700}.attendance-create-finger-state{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.attendance-create-finger-hero{background:linear-gradient(135deg,#fff8ea 0%,#fff 100%);border:1px solid #ebac3438;border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex}.attendance-create-finger-hero div{align-items:center;gap:12px;display:flex}.attendance-create-finger-state svg{color:#7e5700;font-size:24px}.attendance-create-finger-state strong{color:#191c1f;font-size:16px;font-weight:700;line-height:24px}.attendance-create-finger-state p{color:#504535;margin:0;font-size:14px;line-height:20px}.attendance-create-settings.finger,.attendance-create-context-card.finger{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-create-hint-card{color:#1f4f7c;background:#eef6ff;border-radius:6px;align-items:center;min-height:40px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px;display:flex}.attendance-create-hint-card.muted{color:#64748b;background:#f8fafc}.attendance-finger-rules-card,.attendance-finger-result{background:#fff;border:1px solid #eceef2;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.attendance-finger-rules-grid,.attendance-finger-detail-grid,.attendance-finger-mini-grid{gap:16px;display:grid}.attendance-finger-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-finger-detail-grid,.attendance-finger-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-finger-checkbox{color:#475569;background:#f8fafc;border-radius:6px;align-items:flex-start;gap:10px;min-height:40px;padding:12px 14px;font-size:12px;line-height:18px;display:flex}.attendance-finger-checkbox input{accent-color:#ebac34;width:16px;height:16px;margin:1px 0 0}.attendance-finger-mode-note{color:#7e5700;background:#fff7e8;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px}.attendance-finger-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.attendance-finger-summary-grid article{background:#f8fafc;border-radius:8px;padding:14px 16px}.attendance-finger-summary-grid span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-finger-summary-grid strong{color:#191c1f;font-size:18px;font-weight:700;line-height:24px}.attendance-finger-panel{background:#f8fafc;border-radius:8px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.attendance-finger-panel.compact{background:#fffdf8;border:1px solid #ebac3429}.attendance-finger-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-finger-panel-heading strong{color:#191c1f;font-size:13px;font-weight:700;line-height:18px}.attendance-finger-panel-heading span{color:#7e5700;font-size:11px;font-weight:700;line-height:16px}.attendance-finger-list{flex-direction:column;gap:12px;max-height:216px;display:flex;overflow:auto}.attendance-finger-list article{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:inset 0 0 0 1px #d4c4af3d}.attendance-finger-list strong,.attendance-finger-list span,.attendance-finger-list p{display:block}.attendance-finger-list strong{color:#191c1f;font-size:12px;line-height:18px}.attendance-finger-list span{color:#827562;margin-top:2px;font-size:11px;line-height:16px}.attendance-finger-list p{color:#504535;margin:6px 0 0;font-size:12px;line-height:18px}.attendance-finger-tags{flex-wrap:wrap;gap:8px;display:flex}.attendance-finger-tags span{color:#504535;background:#fff;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #d4c4af4d}.attendance-finger-table-card{flex-direction:column;gap:12px;display:flex}.attendance-finger-download-button{color:#fff;cursor:pointer;background:#191c1f;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.attendance-finger-download-button:disabled{cursor:not-allowed;opacity:.55}.attendance-finger-table-scroll{background:#fff;border:1px solid #eceef2;border-radius:8px;max-height:520px;overflow:auto}.attendance-finger-table{border-collapse:separate;border-spacing:0;color:#191c1f;width:max-content;min-width:100%;font-size:12px;line-height:18px}.attendance-finger-table th,.attendance-finger-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eceef2;border-right:1px solid #eceef2;min-width:92px;padding:10px 12px}.attendance-finger-table th{z-index:3;color:#7e5700;text-transform:uppercase;background:#fff7e8;font-size:11px;font-weight:800;position:sticky;top:0}.attendance-finger-table thead tr:nth-child(2) th{top:39px}.attendance-finger-table td{background:#fff}.attendance-finger-table .sticky{z-index:2;background:#fff;position:sticky}.attendance-finger-table th.sticky{z-index:4;background:#fff7e8}.attendance-finger-table .sticky:first-child{min-width:56px;left:0}.attendance-finger-table .sticky:nth-child(2){min-width:96px;left:56px}.attendance-finger-table .sticky:nth-child(3){min-width:220px;max-width:280px;left:152px}.attendance-finger-table .name{white-space:normal}.attendance-finger-table-empty{color:#827562;text-align:center}.attendance-create-modal-footer{background:#fff;border-top:1px solid #d4c4af4d;justify-content:flex-end;align-items:center;gap:16px;padding:24px;display:flex}.attendance-create-modal-footer button{min-height:42px;font:inherit;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:700;display:inline-flex}.attendance-create-modal-footer button:first-child{color:#191c1f;background:#fff;border-color:#827562}.attendance-create-modal-footer button:last-child{color:#fff;background:#7e5700;box-shadow:0 10px 15px -3px #7e570033,0 4px 6px -4px #7e570033}.attendance-create-modal-footer button:last-child:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@media (width<=960px){.attendance-create-modal,.attendance-create-page-card{width:min(100vw - 20px,1024px)}.attendance-page.create-only{padding:20px}.attendance-create-page-shell,.attendance-create-page-card{min-height:calc(100vh - 144px)}.attendance-create-page-title{flex-direction:column;align-items:flex-start;padding:20px 20px 0}.attendance-create-page-title h2{font-size:24px;line-height:32px}.attendance-create-config-card{margin:20px 20px 0;padding:20px}.attendance-create-config-grid{grid-template-columns:1fr}.attendance-export-modal{width:min(100vw - 20px,720px)}.attendance-create-modal-body{grid-template-columns:1fr}.attendance-export-modal-body{padding:20px}.attendance-create-sidebar-scroll,.attendance-create-main-header,.attendance-create-main-scroll{padding-left:20px;padding-right:20px}.attendance-create-sidebar-scroll{padding-top:20px;padding-bottom:20px}.attendance-create-main-header{padding-top:20px}.attendance-create-main-scroll{padding-bottom:20px}.attendance-export-grid,.attendance-export-range,.attendance-create-entry-card-grid,.attendance-create-primary-toggle,.attendance-create-settings,.attendance-create-context-card,.attendance-create-general-grid,.attendance-create-manual.by-date,.attendance-create-settings.finger,.attendance-create-context-card.finger,.attendance-finger-rules-grid,.attendance-finger-detail-grid,.attendance-finger-mini-grid,.attendance-finger-summary-grid{grid-template-columns:1fr}.attendance-create-manual.by-date .attendance-create-context-card,.attendance-create-manual.by-date>.attendance-create-entry-list,.attendance-create-manual.by-date>.attendance-create-unregistered-section{grid-area:auto}.attendance-create-unregistered-section{border-left:0;max-height:320px;padding-left:0}.attendance-create-entry-table-head{display:none}.attendance-create-entry-row.by-employee,.attendance-create-entry-row.by-date.unknown{grid-template-columns:1fr}.attendance-create-entry-scroll-shell .attendance-create-entry-table-head{display:grid}.attendance-create-general-header{flex-direction:column;align-items:flex-start}.attendance-unregistered-card-grid,.attendance-inline-modal-grid{grid-template-columns:1fr}.attendance-create-modal-footer{padding:20px}}.attendance-chart-card{box-sizing:border-box;background:#fff;border-radius:8px;min-width:0;min-height:360px;padding:24px;box-shadow:0 1px 2px #0000000d}.attendance-chart-card-full{min-height:384px}.attendance-chart-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.attendance-chart-header h3{color:#191c1f;text-transform:uppercase;margin:0;font-size:18px;font-weight:600;line-height:28px}.attendance-chart-tabs{background:#f2f4f8;border-radius:4px;gap:2px;padding:4px;display:inline-flex}.attendance-chart-tabs button{color:#64748b;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:700;line-height:16px}.attendance-chart-tabs button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-bar-chart{grid-auto-columns:minmax(12px,1fr);grid-auto-flow:column;align-items:flex-end;gap:4px;height:240px;padding:24px 8px 0;display:grid;overflow-x:auto}.attendance-bar{background:#fef3c7;border-radius:2px 2px 0 0;justify-self:center;width:min(18px,100%);min-width:8px;position:relative}.attendance-bar.normal{background:#fde68a}.attendance-bar.high{background:#fcd34d}.attendance-bar.peak{background:#7e5700}.attendance-bar.empty{background:#e2e8f0}.attendance-bar em{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:2px;padding:2px 4px;font-size:9px;font-style:normal;line-height:14px;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.attendance-bar:hover em{opacity:1}.attendance-chart-axis{color:#94a3b8;grid-auto-columns:minmax(12px,1fr);grid-auto-flow:column;gap:4px;padding:0 8px;font-size:9px;font-weight:700;line-height:14px;display:grid;overflow-x:auto}.attendance-chart-axis.full{overflow-x:auto}.attendance-chart-axis.full span,.attendance-chart-axis.full strong{text-align:center;min-width:12px}.attendance-chart-axis strong{color:#7e5700}.attendance-filter-panel{box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:7px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.attendance-filter-panel-compact .attendance-search-form{min-width:360px}.attendance-mode-toggle{background:#f2f4f8;border-radius:4px;padding:4px;display:flex}.attendance-mode-toggle button{color:#64748b;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 20px;font-size:12px;font-weight:700}.attendance-mode-toggle button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-date-filter,.attendance-select,.attendance-search{color:#334155;min-height:36px;font:inherit;background:#f2f4f8;border:0;border-radius:4px;align-items:center;font-size:14px;display:inline-flex}.attendance-date-filter{gap:8px;padding:8px 16px;font-weight:500}.attendance-date-filter span{white-space:nowrap}.attendance-date-filter input{color:#334155;width:132px;min-height:26px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px}.attendance-date-filter svg,.attendance-search svg{color:#94a3b8}.attendance-select{width:192px;position:relative}.attendance-select select{appearance:none;color:#191c1f;width:100%;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:0;padding:8px 32px 8px 12px}.attendance-search{flex:1;gap:10px;min-width:260px;padding:0 16px}.attendance-search-form{flex:1;gap:8px;min-width:260px;display:flex}.attendance-search-submit{color:#191c1f;min-height:36px;font:inherit;cursor:pointer;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.attendance-search-submit:hover{background:#dda126}.attendance-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.attendance-search input::placeholder{color:#6b7280}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.attendance-table-wrap{overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%;min-width:1512px}.attendance-table thead tr:first-child{background:#f2f4f8}.attendance-table thead tr:nth-child(2){background:#f8fafc80}.attendance-table th,.attendance-table td{border:1px solid #e2e8f0}.attendance-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700;line-height:12px}.attendance-table th[rowspan="2"]{min-width:150px}.attendance-table th:first-child{min-width:200px}.attendance-table th:nth-child(3){min-width:190px}.attendance-table .attendance-date-heading{color:#7e5700;text-align:center;text-transform:none;background:#fffbeb80;min-width:180px;font-size:11px}.attendance-table td{color:#64748b;vertical-align:middle;height:66px;padding:16px 24px;font-size:14px;line-height:20px}.attendance-table td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){text-align:center;min-width:60px;padding:16px 8px}.attendance-employee-cell{align-items:center;gap:12px;display:flex}.attendance-employee-cell>span{color:#7e5700;background:#fef3c7;border-radius:12px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.attendance-employee-cell strong{color:#1e293b;font-size:14px;font-weight:600}.attendance-role-pill{text-transform:uppercase;border-radius:2px;align-items:center;max-width:132px;padding:4px 8px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.attendance-role-pill.blue{color:#1d4ed8;background:#dbeafe}.attendance-role-pill.slate{color:#475569;background:#f1f5f9}.attendance-time{font-size:10px;font-weight:700;line-height:12px}.attendance-time.in{color:#16a34a}.attendance-time.out{color:#dc2626}.attendance-total{color:#1e293b;font-size:11px;font-weight:700;line-height:14px}.attendance-status-cell{text-align:center;text-transform:uppercase;height:66px;font-size:9px;font-weight:700;line-height:11px}.attendance-status-cell.leave{color:#15803d;background:#f0fdf4}.attendance-status-cell.holiday,.attendance-status-cell.libur{color:#a16207;background:#fefce8}.attendance-status-cell.izin{color:#1d4ed8;background:#eff6ff}.attendance-status-cell.empty{color:#94a3b8;background:#fff}.attendance-matrix{color:#94a3b8;font-size:12px;font-weight:700}.attendance-matrix.present{color:#15803d;background:#f0fdf4}.attendance-matrix.empty{background:#fff}.physical-attendance-page{flex-direction:column;gap:40px;display:flex}.physical-attendance-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.physical-attendance-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.physical-attendance-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.physical-date-card{background:#fff;border:1px solid #e6e8ec;border-radius:8px;align-items:center;gap:4px;min-height:61px;padding:6px;display:flex;box-shadow:0 1px 2px #0000000d}.physical-date-card>div{color:#7e5700;align-items:center;gap:12px;padding:8px 16px;display:flex}.physical-date-card label{flex-direction:column;gap:4px;display:flex}.physical-date-card input{color:#334155;width:132px;min-height:24px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px}.physical-date-card small{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px;display:block}.physical-date-card strong{color:#191c1f;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;display:block}.physical-date-card button{color:#fff;cursor:pointer;background:#7e5700;border:0;border-radius:4px;place-items:center;width:35px;height:30px;display:grid}.physical-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(260px,1fr);gap:24px;display:grid}.physical-summary-card,.physical-sync-card{border-radius:8px;min-height:123px;box-shadow:0 1px 2px #0000000d}.physical-summary-card{background:#fff;border:1px solid #f2f4f8;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;overflow:hidden}.physical-summary-card span:first-child,.physical-sync-top span{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px;display:block}.physical-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;margin-top:4px;font-size:48px;font-weight:700;line-height:48px;display:block}.physical-summary-icon{border-radius:4px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.physical-summary-icon.amber{color:#7e5700;background:#ebac3433}.physical-summary-icon.blue{color:#0058be;background:#0058be1a}.physical-sync-card{color:#fff;background:linear-gradient(135deg,#2170e4 0%,#0058be 100%);flex-direction:column;justify-content:space-between;gap:10px;padding:24px;display:flex}.physical-sync-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.physical-sync-top span{color:#ffffffb8}.physical-sync-top em{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#fff3;border-radius:12px;padding:4px 12px;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.physical-sync-card h3{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:28px}.physical-sync-card p{color:#ffffffb8;margin:4px 0 0;font-size:12px;font-weight:500;line-height:16px}.physical-sync-track{background:#fff3;border-radius:12px;height:4px;display:block;overflow:hidden}.physical-sync-track i{background:#fff;width:80%;height:100%;display:block}.physical-table-card{background:#fff;border:1px solid #f2f4f8;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.physical-table-header{border-bottom:1px solid #f2f4f8;padding:24px}.physical-table-header h3{color:#191c1f;margin:0;font-size:18px;font-weight:700;line-height:28px}.physical-table-wrap{overflow-x:auto}.physical-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.physical-table thead{background:#f2f4f880}.physical-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.physical-table th:last-child,.physical-table td:last-child{text-align:center}.physical-table td{color:#191c1f;border-top:1px solid #f2f4f8;height:70px;padding:20px 24px;font-size:14px;line-height:20px}.physical-table td:first-child{color:#504535;font-weight:600}.physical-table td strong{font-weight:700}.physical-download-button{color:#614200;min-height:28px;font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;line-height:12px;text-decoration:none;display:inline-flex}.physical-download-button.disabled{cursor:not-allowed;opacity:.45}.physical-empty{color:#827562;text-align:center;height:92px;font-weight:600}.schedule-page{flex-direction:column;gap:32px;display:flex}.schedule-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.schedule-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:38px}.schedule-header p{color:#504535;max-width:360px;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.schedule-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.schedule-secondary-button,.schedule-primary-button{min-height:38px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.schedule-secondary-button{color:#191c1f;background:#fff;border:1px solid #d4c4af4d}.schedule-primary-button{color:#fff;background:#ebac34;border:0}.schedule-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.schedule-summary-card{background:#fff;border:1px solid #f1f5f980;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:109px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.schedule-summary-card>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-summary-card div{align-items:baseline;gap:8px;display:flex}.schedule-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:36px}.schedule-summary-card strong.highlight{color:#7e5700}.schedule-summary-card em{color:#504535;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.schedule-insight-grid{grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(240px,.8fr));align-items:start;gap:32px;display:grid}.schedule-chart-card,.schedule-shift-card,.schedule-filter-panel,.schedule-table-card{background:#fff;border:1px solid #f1f5f980;border-radius:8px;box-shadow:0 1px 2px #0000000d}.schedule-chart-card{min-height:360px;padding:24px 24px 18px}.schedule-chart-card h3,.schedule-shift-card h3{color:#191c1f;margin:0;font-size:18px;font-weight:800;line-height:28px}.schedule-chart-scroll{overflow-x:auto}.schedule-bar-chart{align-items:end;gap:4px;min-width:560px;min-height:240px;padding:32px 8px 0;display:grid}.schedule-bar{background:#fef3c7;border-radius:2px 2px 0 0;min-height:20px;display:block;position:relative}.schedule-bar.normal{background:#fde68a}.schedule-bar.high{background:#fcd34d}.schedule-bar.peak{background:#7e5700}.schedule-bar.empty{background:#e2e8f0}.schedule-bar em{color:#fff;white-space:nowrap;background:#0f172a;border-radius:2px;padding:2px 4px;font-size:9px;font-style:normal;line-height:14px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.schedule-bar:hover em{display:block}.schedule-chart-axis{color:#94a3b8;text-align:center;gap:4px;min-width:560px;padding:0 8px;font-size:9px;font-weight:700;line-height:14px;display:grid}.schedule-chart-axis span{min-width:0}.schedule-shift-card{flex-direction:column;min-height:326px;padding:24px;display:flex}.schedule-shift-list{scrollbar-width:thin;scrollbar-color:#94a3b8cc transparent;flex-direction:column;flex:1;gap:16px;min-height:0;max-height:360px;margin-top:24px;padding-right:6px;display:flex;overflow-y:auto}.schedule-shift-list::-webkit-scrollbar{width:6px}.schedule-shift-list::-webkit-scrollbar-track{background:0 0}.schedule-shift-list::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.schedule-shift-row{color:#191c1f;width:100%;min-height:64px;font:inherit;cursor:pointer;text-align:left;background:#eceef2;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.schedule-shift-row>span:nth-child(2){flex:1;min-width:0}.schedule-shift-code{border-radius:4px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;line-height:16px;display:grid}.schedule-shift-code.amber{color:#614200;background:#ebac34}.schedule-shift-code.blue{color:#fff;background:#2170e4}.schedule-shift-code.dark{color:#fff;background:#2d3134}.schedule-shift-row strong,.schedule-shift-row em{display:block}.schedule-shift-row strong{color:#191c1f;letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px}.schedule-shift-row em{color:#504535;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.schedule-shift-row i{color:#94a3b8;font-size:14px;font-style:normal}.schedule-division-row{cursor:default}.schedule-division-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.schedule-division-actions button{color:#504535;width:30px;height:30px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.schedule-division-actions button:last-child{color:#ba1a1a}.schedule-division-actions button:disabled{color:#c4c7ca;cursor:not-allowed}.schedule-filter-panel{align-items:center;gap:16px;min-height:74px;padding:16px;display:flex}.schedule-search,.schedule-date-filter,.schedule-select,.schedule-filter-button{color:#191c1f;min-height:40px;font:inherit;background:#f7f9fd;border:0;border-radius:8px;font-size:14px}.schedule-search{color:#94a3b8;flex:1;align-items:center;gap:12px;min-width:240px;padding:0 16px;display:flex}.schedule-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.schedule-search input::placeholder{color:#6b7280}.schedule-date-filter{align-items:center;gap:12px;min-width:286px;padding:10px 16px;font-weight:600;display:inline-flex}.schedule-date-filter svg{color:#94a3b8}.schedule-date-filter input{color:#191c1f;width:100%;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:600}.schedule-select{width:210px;position:relative}.schedule-select:after{content:"";pointer-events:none;border-bottom:2px solid #6b7280;border-right:2px solid #6b7280;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.schedule-select select{appearance:none;color:#191c1f;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:0;padding:10px 40px 10px 16px}.schedule-filter-button{color:#504535;cursor:pointer;background:#e0e3e6;flex:none;place-items:center;width:38px;height:40px;display:grid}.schedule-table-card{overflow:hidden}.schedule-state-message{color:#ba1a1a;margin:-12px 0 0;font-size:13px;font-weight:600;line-height:20px}.schedule-table-wrap{overflow-x:auto}.schedule-table{border-collapse:collapse;text-align:left;width:100%;min-width:1504px}.schedule-table th,.schedule-table td{border-right:1px solid #d4c4af1a}.schedule-table thead{background:#f2f4f8}.schedule-table th{color:#504535;letter-spacing:1px;text-align:center;text-transform:uppercase;height:44px;padding:16px 12px;font-size:10px;font-weight:800;line-height:12px}.schedule-table th:first-child{text-align:left;width:200px;min-width:200px;padding:16px 24px}.schedule-table th:nth-child(2){width:64px;min-width:64px}.schedule-table th:nth-child(n+3),.schedule-table td:nth-child(n+3){width:40px;min-width:40px}.schedule-table td{text-align:center;vertical-align:middle;border-top:1px solid #d4c4af1a;height:65px;padding:16px 8px}.schedule-table td:first-child{text-align:left;padding:16px 24px}.schedule-empty-row{color:#827562;text-align:center;font-weight:600}.schedule-employee-cell{align-items:center;gap:12px;display:flex}.schedule-employee-cell>span{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;line-height:16px;display:grid}.schedule-employee-cell>span.amber{color:#7e5700;background:#7e57001a}.schedule-employee-cell>span.blue{color:#0058be;background:#0058be1a}.schedule-employee-cell>span.teal{color:#006496;background:#0064961a}.schedule-employee-cell strong,.schedule-employee-cell small{display:block}.schedule-employee-cell strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.schedule-employee-cell small{color:#504535;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700;line-height:12px}.schedule-position-pill{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:2px;justify-content:center;align-items:center;min-width:35px;min-height:20px;padding:4px 8px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.schedule-shift{border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.schedule-shift.s1{color:#614200;background:#ebac3433}.schedule-shift.s2{color:#0058be;background:#2170e433}.schedule-shift.ns{color:#2d3134;background:#2d31341a}.schedule-shift.off{color:#94a3b8;background:#f1f5f9}.schedule-create-modal{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.schedule-create-modal-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.schedule-create-modal-header h3{color:#92400e;letter-spacing:-1px;margin:0;font-size:24px;font-weight:800;line-height:32px}.schedule-create-modal-header button{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;display:grid}.schedule-create-modal-body{flex-direction:column;flex:1;gap:32px;min-height:0;padding:32px 32px 0;display:flex;overflow:auto}.schedule-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.schedule-create-field{flex-direction:column;gap:8px;min-width:0;display:flex}.schedule-create-field.full{width:100%}.schedule-create-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-create-selection-list{flex-direction:column;gap:10px;max-height:220px;padding-right:4px;display:flex;overflow:auto}.schedule-create-selection-item{cursor:pointer;background:#fff;border:1px solid #eceef2;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.schedule-create-selection-item input{accent-color:#ebac34;margin:2px 0 0}.schedule-create-selection-item span{flex-direction:column;flex:1;min-width:0;display:flex}.schedule-create-selection-item strong{color:#191c1f;font-size:13px;line-height:18px}.schedule-create-selection-item small{color:#64748b;font-size:11px;line-height:16px}.schedule-create-selection-item i{color:#7e5700}.schedule-create-input{background:#f2f4f8;border-radius:4px;align-items:center;min-height:44px;display:flex}.schedule-create-input.with-icon{position:relative}.schedule-create-input.with-icon>svg:first-child{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.schedule-create-input select,.schedule-create-input input{color:#191c1f;width:100%;min-width:0;height:44px;font:inherit;background:0 0;border:0;border-radius:4px;outline:none;font-size:14px}.schedule-create-input select{appearance:none;cursor:pointer;padding:0 16px}.schedule-create-input.with-icon select{padding:0 40px}.schedule-create-input input{padding:0 16px}.schedule-offday-chips{flex-wrap:wrap;gap:8px;display:flex}.schedule-offday-chips button{color:#191c1f;min-height:33px;font:inherit;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:700}.schedule-offday-chips button.active{color:#fff;background:#ebac34}.schedule-generate-button{color:#7e5700;width:100%;min-height:48px;font:inherit;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #ebac34;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.schedule-preview-card{background:#f2f4f8;border-radius:8px;flex-direction:column;gap:16px;padding:32px 24px 24px;display:flex}.schedule-preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.schedule-preview-header span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-preview-header em{color:#b45309;text-transform:uppercase;background:#fef3c7;border-radius:2px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.schedule-create-summary-bar{flex-wrap:wrap;gap:8px;display:flex}.schedule-create-summary-bar span{color:#504535;background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:6px 10px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #d4c4af59}.schedule-preview-table-shell{background:#fff;border:1px solid #eceef2;border-radius:4px;overflow:hidden}.schedule-preview-table{border-collapse:collapse;width:100%}.schedule-preview-table thead{background:#f2f4f880}.schedule-preview-table th{color:#504535;letter-spacing:.5px;text-align:left;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700;line-height:12px}.schedule-preview-table td{color:#191c1f;border-top:1px solid #eceef2;padding:16px;font-size:14px;line-height:20px}.schedule-preview-table td.muted{color:#94a3b8}.schedule-preview-pill{color:#92400e;background:#fffbeb;border-radius:2px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.schedule-preview-pill.off{color:#64748b;background:#eceef2}.schedule-preview-remove{color:#ba1a1a73;cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;margin-left:auto;padding:0;display:grid}.schedule-preview-empty{color:#827562;text-align:center}.schedule-create-modal-footer{background:#eceef2;border-top:1px solid #ffffff80;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.schedule-create-modal-footer button{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}.schedule-create-modal-footer button:first-child{color:#504535;background:0 0}.schedule-create-modal-footer button:last-child{color:#281900;background:#ebac34;padding-left:32px;padding-right:32px;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.schedule-create-modal-footer button:last-child:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.schedule-shift-modal{background:#fff;border:1px solid #fff3;border-radius:8px;flex-direction:column;width:min(576px,100vw - 32px);max-width:576px;max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #191c1f33}.schedule-shift-modal-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.schedule-shift-modal-heading{align-items:center;gap:16px;display:flex}.schedule-shift-modal-mark{color:#7e5700;background:#ebac341a;border-radius:4px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.schedule-shift-modal-heading h3{color:#191c1f;letter-spacing:-.5px;text-transform:uppercase;margin:0;font-size:20px;font-weight:900;line-height:28px}.schedule-shift-modal-heading p{color:#7e5700;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;line-height:15px}.schedule-shift-modal-header button{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;display:inline-flex}.schedule-shift-modal-body{flex-direction:column;flex:1;gap:24px;min-height:0;padding:32px;display:flex;overflow:auto}.schedule-shift-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.schedule-shift-field{flex-direction:column;gap:8px;min-width:0;display:flex}.schedule-shift-field.full{grid-column:1/-1}.schedule-shift-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:900;line-height:15px}.schedule-shift-input{background:#f2f4f8;border-radius:8px;align-items:center;min-height:44px;display:flex}.schedule-shift-input input{color:#191c1f;width:100%;min-width:0;height:44px;font:inherit;background:0 0;border:0;border-radius:8px;outline:none;font-size:14px;font-weight:500}.schedule-shift-input select{color:#191c1f;width:100%;min-width:0;height:44px;font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;padding:0 16px;font-size:14px;font-weight:500}.schedule-shift-input input::placeholder{color:#5045354d}.schedule-shift-input:not(.with-trailing-icon):not(.with-suffix) input{padding:0 16px}.schedule-shift-input.with-trailing-icon{position:relative}.schedule-shift-input.with-trailing-icon input{padding:0 52px 0 16px}.schedule-shift-input.with-trailing-icon svg{color:#50453580;pointer-events:none;position:absolute;right:16px}.schedule-shift-input.with-suffix{justify-content:space-between;gap:12px;padding-right:16px}.schedule-shift-input.with-suffix input{padding:0 0 0 16px}.schedule-shift-input.with-suffix em{color:#504535;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.schedule-shift-toggle{background:#f2f4f8;border-radius:8px;align-items:center;gap:12px;padding:6px;display:inline-flex}.schedule-shift-toggle button{color:#504535;min-width:70px;min-height:29px;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px 20px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.schedule-shift-toggle button.active{color:#191c1f;background:#fff;box-shadow:0 1px 2px #0000000d}.schedule-shift-note-card{background:#ebac340d;border:1px solid #ebac3426;border-radius:8px;align-items:flex-start;gap:16px;padding:16px;display:flex}.schedule-shift-note-card>svg{color:#7e5700;margin-top:2px}.schedule-shift-note-card p{color:#504535;margin:0;font-size:12px;line-height:20px}.schedule-shift-note-card strong{color:#9a6a02}.schedule-shift-modal-footer{background:#f2f4f880;justify-content:flex-end;align-items:center;gap:16px;padding:24px 32px;display:flex}.schedule-shift-modal-footer button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex}.schedule-shift-modal-footer button:first-child{color:#504535;background:0 0}.schedule-shift-modal-footer button:last-child{color:#fff;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);min-width:182px;padding:12px 32px;box-shadow:0 20px 25px -5px #78350f4d,0 8px 10px -6px #78350f4d}.schedule-shift-modal-footer button:last-child:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.schedule-pattern-modal{width:min(760px,100vw - 32px);max-width:760px}.schedule-pattern-items{flex-direction:column;gap:12px;display:flex}.schedule-pattern-items-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.schedule-pattern-items-header>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:900;line-height:15px}.schedule-pattern-items-header button{color:#191c1f;min-height:34px;font:inherit;cursor:pointer;background:#f2f4f8;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.schedule-pattern-item{background:#fff;border:1px solid #eceef2;border-radius:8px;grid-template-columns:32px minmax(160px,1.2fr) minmax(112px,.7fr) minmax(140px,1fr) 36px;align-items:end;gap:12px;padding:12px;display:grid}.schedule-pattern-sequence{color:#7e5700;background:#f2f4f8;border-radius:6px;place-items:center;width:32px;height:44px;font-size:12px;font-weight:900;display:grid}.schedule-pattern-remove{color:#be123c;cursor:pointer;background:#fff1f2;border:0;border-radius:6px;place-items:center;width:36px;height:44px;padding:0;display:grid}.schedule-pattern-remove:disabled{cursor:not-allowed;opacity:.45}.activation-page{flex-direction:column;gap:32px;max-width:1280px;display:flex}.activation-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.activation-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.activation-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.activation-add-button,.activation-filter-button{color:#281900;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.activation-add-button{padding:10px 24px}.activation-filter-button{color:#fff;min-width:150px;padding:10px 24px}.activation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.activation-summary-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:132px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.activation-summary-card p{color:#504535;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700;line-height:15px}.activation-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:36px}.activation-progress{background:#eceef2;border-radius:12px;height:4px;display:block;overflow:hidden}.activation-progress i{height:100%;display:block}.activation-progress i.gold{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%)}.activation-progress i.amber{background:#f59e0b}.activation-progress i.green{background:#10b981}.activation-progress i.red{background:#ef4444}.activation-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.activation-state-message{color:#ba1a1a;margin:-12px 0 0;font-size:13px;font-weight:600;line-height:20px}.activation-filter-panel{background:#f2f4f880;align-items:center;gap:16px;min-height:88px;padding:24px;display:flex}.activation-search,.activation-status-select{color:#504535;background:#fff;border-radius:4px;align-items:center;min-height:40px;display:flex;box-shadow:0 0 0 1px #d4c4af4d}.activation-search{flex:1;gap:12px;min-width:240px;padding:0 16px}.activation-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.activation-search input::placeholder{color:#94a3b8}.activation-status-select{width:256px;position:relative}.activation-status-select:after{content:"";pointer-events:none;border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;width:9px;height:9px;position:absolute;top:50%;right:18px;transform:translateY(-65%)rotate(45deg)}.activation-status-select select{appearance:none;color:#191c1f;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:0;padding:10px 40px;font-size:14px}.activation-table-wrap{overflow-x:auto}.activation-table{border-collapse:collapse;text-align:left;width:100%;min-width:960px}.activation-table thead{background:#f2f4f8}.activation-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;height:56px;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.activation-table th:last-child,.activation-table td:last-child{text-align:right}.activation-table td{color:#504535;vertical-align:middle;border-top:1px solid #eceef2;min-height:77px;padding:20px 24px;font-size:14px;font-weight:500;line-height:20px}.activation-applicant{align-items:center;gap:12px;display:flex}.activation-applicant>span{border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;line-height:16px;display:grid}.activation-applicant>span.amber{color:#7e5700;background:#7e57001a}.activation-applicant>span.blue{color:#0058be;background:#0058be1a}.activation-applicant>span.slate{color:#64748b;background:#f1f5f9}.activation-applicant>span.gold{color:#b45309;background:#fef3c7}.activation-applicant strong,.activation-applicant small{display:block}.activation-applicant strong{color:#191c1f;font-size:14px;font-weight:700}.activation-applicant small{color:#504535;font-size:11px;font-weight:400}.activation-status{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:20px;padding:4px 12px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.activation-status.pending{color:#b45309;background:#f59e0b1a;box-shadow:0 0 0 1px #f59e0b33}.activation-status.approved{color:#047857;background:#10b9811a;box-shadow:0 0 0 1px #10b98133}.activation-status.rejected{color:#b91c1c;background:#ef44441a;box-shadow:0 0 0 1px #ef444433}.activation-actions{justify-content:flex-end;gap:8px;display:flex}.activation-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.activation-actions button:hover{color:#504535;background:#f2f4f8}.activation-empty{color:#827562;text-align:center;font-weight:600}.activation-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.activation-pagination>span{color:#504535;font-size:12px;font-weight:600;line-height:16px}.activation-pagination nav{align-items:center;gap:4px;display:flex}.activation-pagination button{color:#504535;min-width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.activation-pagination button.active{color:#281900;background:#ebac34}.activation-pagination button.muted{opacity:.3}.activation-pagination nav span{color:#504535;padding:0 8px;font-size:12px}.operational-approval-page{flex-direction:column;gap:32px;max-width:1280px;display:flex}.operational-approval-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.operational-approval-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.operational-approval-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.operational-add-button{color:#281900;min-height:44px;font:inherit;cursor:pointer;background:#ebac34;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:800;line-height:20px;display:inline-flex;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.operational-add-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.operational-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.operational-summary-card{background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:105px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.operational-summary-card.amber{border-left-color:#fbbf24}.operational-summary-card.green{border-left-color:#10b981}.operational-summary-card.red{border-left-color:#ba1a1a}.operational-summary-card.blue{border-left-color:#2170e4}.operational-summary-card.slate{border-left-color:#64748b}.operational-summary-card.money{border-left-color:#059669}.operational-summary-card>span{color:#94a3b8;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.operational-summary-card div{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.operational-summary-card strong{color:#0f172a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-size:30px;font-weight:800;line-height:36px}.operational-summary-card svg{color:#7e57002e;font-size:30px}.operational-summary-card.amber svg{color:#fbbf243d}.operational-summary-card.green svg{color:#10b9813d}.operational-summary-card.red svg{color:#ba1a1a3d}.operational-summary-card.blue svg{color:#2170e43d}.operational-summary-card.slate svg{color:#64748b3d}.operational-summary-card.money svg{color:#0596693d}.operational-type-tabs{background:#f2f4f8;border:1px solid #d4c4af33;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;max-width:900px;padding:6px;display:flex}.operational-type-tabs button{color:#64748b;min-height:34px;font:inherit;letter-spacing:.6px;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;font-size:12px;font-weight:700;line-height:18px}.operational-type-tabs button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.operational-filter-panel{background:#fff;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:minmax(240px,1.3fr) repeat(4,minmax(150px,1fr));gap:16px;padding:25px;display:grid;box-shadow:0 1px 2px #0000000d}.operational-filter-panel label{flex-direction:column;gap:8px;min-width:0;display:flex}.operational-filter-panel label>span{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.operational-filter-panel label>div,.operational-filter-panel select{color:#191c1f;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#f7f9fd;border:0;border-radius:4px;align-items:center;gap:12px;font-size:13px;display:flex}.operational-filter-panel label>div{padding:0 14px}.operational-filter-panel input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.operational-filter-panel input::placeholder{color:#6b7280}.operational-filter-panel svg{color:#94a3b8}.operational-filter-panel select{appearance:none;cursor:pointer;outline:0;padding:0 16px}.operational-select{position:relative}.operational-select:after{content:"";pointer-events:none;border-bottom:2px solid #6b7280;border-right:2px solid #6b7280;width:8px;height:8px;position:absolute;bottom:18px;right:18px;transform:rotate(45deg)}.operational-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.operational-table-wrap{overflow-x:auto}.operational-table{border-collapse:collapse;text-align:left;width:100%;min-width:1360px}.operational-table thead{background:#f2f4f8}.operational-table th{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #e2e8f0;height:56px;padding:16px 24px;font-size:10px;font-weight:800;line-height:12px}.operational-table td{color:#475569;vertical-align:middle;border-top:1px solid #f1f5f9;min-height:119px;padding:24px;font-size:13px;line-height:20px}.operational-employee{align-items:center;gap:12px;display:flex}.operational-employee img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px}.operational-employee strong,.operational-employee small{display:block}.operational-employee strong{color:#0f172a;font-size:13px;font-weight:700;line-height:16px}.operational-employee small{color:#64748b;font-size:11px;font-weight:500;line-height:14px}.operational-request-detail{gap:8px;display:grid}.operational-request-detail span{gap:2px;display:grid}.operational-request-detail strong{color:#94a3b8;letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:800;line-height:10px}.operational-request-detail em{color:#334155;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.operational-photo-button{color:#475569;min-height:42px;font:inherit;cursor:pointer;background:#f2f4f8;border:1px solid #d4c4af4d;border-radius:4px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:11px;font-weight:700;display:inline-flex}.operational-photo-button svg{box-sizing:border-box;color:#7e5700;background:#fff;border:1px solid #d4c4af33;border-radius:6px;width:32px;height:32px;padding:8px;display:grid;box-shadow:0 1px 2px #0000000d}.operational-photo-button:disabled{cursor:not-allowed;opacity:.45}.operational-row-actions{align-items:center;gap:12px;display:flex}.operational-row-actions button{color:#fff;cursor:pointer;border:0;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.operational-row-actions button.approve{background:#10b981}.operational-row-actions button.edit{background:#2563eb}.operational-row-actions button.reject{background:#ba1a1a}.operational-status{text-transform:uppercase;border-radius:12px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.operational-status.pending{color:#b45309;background:#f59e0b1a}.operational-status.approved{color:#047857;background:#10b9811a}.operational-status.rejected{color:#ba1a1a;background:#ba1a1a1a}.operational-action-done{color:#94a3b8;font-size:12px;font-weight:700}.operational-empty{color:#827562;text-align:center;font-weight:600}.operational-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.operational-pagination>span{color:#504535;font-size:12px;font-weight:600;line-height:16px}.operational-pagination nav{align-items:center;gap:4px;display:flex}.operational-pagination button{color:#504535;min-width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.operational-pagination button.active{color:#281900;background:#ebac34}.operational-pagination button.muted{opacity:.3}.operational-pagination nav span{color:#504535;padding:0 8px;font-size:12px}.operational-create-modal{width:min(1180px,100vw - 32px)}.operational-create-modal-header{background:#f2f4f8;border-bottom:1px solid #d4c4af4d}.operational-create-modal-body{background:#fff;min-height:0;padding:24px 32px 28px;display:block;overflow:auto}.operational-create-modal .attendance-create-manual{gap:18px;overflow:visible}.operational-create-modal .attendance-create-entry-toggle{background:#f8fafc;border:1px solid #eceef2;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.operational-create-modal .attendance-create-entry-toggle>span{color:#475569;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.operational-create-modal .attendance-create-entry-switch{background:#e2e8f0;border-radius:6px;grid-auto-flow:column;gap:4px;padding:3px;display:inline-grid}.operational-create-modal .attendance-create-entry-switch button{border-radius:4px;min-width:116px}.operational-create-modal .attendance-create-entry-switch button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0f172a1f}.operational-create-modal .attendance-create-settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.operational-create-modal .attendance-create-context-card{background:#fff;gap:12px;padding:14px 16px}.operational-create-modal .attendance-create-entry-list{gap:12px}.operational-create-modal .attendance-create-entry-list-header{align-items:flex-start}.operational-overtime-import-panel{flex-direction:column;gap:18px;display:flex}.operational-overtime-import-upload{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:92px;display:flex}.operational-overtime-import-upload svg{color:#ebac34}.operational-overtime-entry-head,.operational-overtime-entry-row{gap:12px;display:grid}.operational-overtime-entry-head{display:none}.operational-overtime-entry-rows{flex-direction:column;gap:12px;display:flex;overflow:visible}.operational-overtime-entry-row{background:#fff;border:1px solid #eceef2;border-radius:8px;grid-template-columns:78px minmax(170px,1.25fr) repeat(5,minmax(96px,.75fr));grid-template-areas:"check meta project project start end break""check meta note note note proofin proofout";align-items:stretch;min-width:0;padding:14px;box-shadow:0 8px 18px -18px #0f172a59}.operational-overtime-entry-row .attendance-create-check{grid-area:check;align-self:center}.operational-overtime-entry-row .attendance-create-entry-meta{grid-area:meta;align-self:center;min-width:0}.operational-overtime-entry-row .overtime-project-field{grid-area:project}.operational-overtime-entry-row .overtime-start-field{grid-area:start}.operational-overtime-entry-row .overtime-end-field{grid-area:end}.operational-overtime-entry-row .overtime-break-field{grid-area:break}.operational-overtime-entry-row .overtime-note-field{grid-area:note}.operational-overtime-entry-row .attendance-create-upload{justify-content:center;min-width:0;padding:10px 12px}.operational-overtime-entry-row .overtime-proof-in{grid-area:proofin}.operational-overtime-entry-row .overtime-proof-out{grid-area:proofout}.operational-overtime-entry-row .attendance-create-upload span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=980px){.operational-create-modal-body{padding:20px}.operational-create-modal .attendance-create-entry-toggle,.operational-create-modal .attendance-create-entry-list-header{flex-direction:column;align-items:stretch}.operational-create-modal .attendance-create-entry-switch{grid-auto-flow:unset;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.operational-create-modal .attendance-create-entry-switch button{min-width:0}.operational-create-modal .attendance-create-settings,.operational-create-modal .attendance-create-context-card{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-overtime-entry-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"check meta""project project""start end""break break""note note""proofin proofout"}}@media (width<=640px){.operational-create-modal .attendance-create-settings,.operational-create-modal .attendance-create-context-card,.operational-overtime-entry-row{grid-template-columns:1fr}.operational-overtime-entry-row{grid-template-areas:"check""meta""project""start""end""break""note""proofin""proofout"}}.client-page{flex-direction:column;gap:24px;display:flex}.client-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.client-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.client-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.client-add-button{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #f59e0b33,0 4px 6px -4px #f59e0b33}.client-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.client-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:168px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-stat-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.client-icon{border-radius:4px;flex:none;place-items:center;width:38px;height:38px;display:grid}.client-icon.amber{color:#d97706;background:#fffbeb}.client-icon.blue{color:#2563eb;background:#eff6ff}.client-icon.green{color:#16a34a;background:#f0fdf4}.client-icon.gold{color:#7e5700;background:#ebac3433}.client-note{letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:10px;font-weight:600;line-height:15px;display:inline-flex}.client-note.amber,.client-note.green{color:#16a34a;background:#f0fdf4}.client-note.blue{color:#2563eb;background:#eff6ff}.client-note.gold{color:#7e5700;background:#ebac341a}.client-stat-card p{color:#504535;letter-spacing:1px;text-transform:uppercase;min-height:40px;margin:0 0 6px;font-size:13px;font-weight:600;line-height:20px}.client-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:32px;display:block}.client-chart-card{background:#fff;border-radius:8px;min-height:400px;padding:32px;box-shadow:0 1px 2px #0000000d}.client-chart-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.client-chart-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:700;line-height:28px}.client-chart-header p{color:#504535;letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:600;line-height:16px}.client-chart-legend{align-items:center;gap:16px;display:flex}.client-chart-legend span{color:#504535;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.client-chart-legend i,.client-chart-column span{border-radius:999px 999px 0 0;width:12px;display:block}.client-chart-legend i{border-radius:999px;height:12px}.client-chart-legend .masuk,.client-chart-column .masuk{background:#7e5700}.client-chart-legend .selesai,.client-chart-column .selesai{background:#cbd5e1}.client-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:16px;min-height:284px;padding:48px 8px 0;display:grid}.client-chart-column{flex-direction:column;align-items:center;gap:12px;display:flex}.client-chart-column div{align-items:end;gap:5px;height:190px;display:flex}.client-chart-column strong{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.client-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-search,.client-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.client-search{color:#50453580;background:#f2f4f8;gap:14px;width:min(100%,405px);padding:0 16px}.client-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.client-search input::placeholder{color:#50453573}.client-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.client-card{background:#fff;border-radius:8px;flex-direction:column;gap:24px;min-width:0;min-height:343px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-card-header h3{color:#191c1f;margin:0;font-size:16px;font-weight:700;line-height:24px}.client-card-header button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.client-status{text-transform:uppercase;border-radius:3px;align-items:center;min-height:18px;padding:1px 8px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.client-status.premium{color:#16a34a;background:#f0fdf4}.client-status.inactive{color:#d97706;background:#fffbeb}.client-detail-list{flex-direction:column;gap:16px;margin:0;display:flex}.client-detail-list div{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.client-detail-list div.address,.client-detail-list div.npwp{border-bottom:0;padding-bottom:0;display:block}.client-detail-list dt{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.client-detail-list dd{color:#191c1f;margin:0;font-size:12px;font-weight:600;line-height:16px}.client-detail-list .address dd{color:#504535;margin-top:4px;font-weight:500;line-height:20px}.client-detail-list .npwp{padding-top:8px}.client-detail-list .npwp dd{background:#f2f4f8;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-top:4px;padding:8px 12px;display:flex}.client-detail-list .npwp span{color:#191c1f;letter-spacing:.2px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:500}.branch-page{flex-direction:column;gap:32px;display:flex}.branch-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.branch-header nav{color:#50453599;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.branch-header nav strong{color:#7e5700;font-weight:700}.branch-header h2{color:#191c1f;letter-spacing:0;margin:8px 0 0;font-size:30px;font-weight:700;line-height:36px}.branch-add-button{color:#614200;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.branch-add-button:disabled{opacity:.55;cursor:not-allowed}.branch-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.branch-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;min-height:148px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-stat-card.featured{border-left-color:#7e5700}.branch-stat-card.blue{border-left-color:#0058be}.branch-stat-card.green{border-left-color:#16a34a}.branch-stat-icon{border-radius:4px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.branch-stat-icon.gold{color:#7e5700;background:#ffdeac4d}.branch-stat-icon.blue{color:#0058be;background:#d8e2ff59}.branch-stat-icon.green{color:#15803d;background:#dcfce7}.branch-stat-card p{color:#504535;margin:0 0 4px;font-size:12px;font-weight:500;line-height:16px}.branch-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px;display:block}.branch-filter-panel{box-sizing:border-box;background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-search,.branch-select,.branch-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.branch-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:300px;padding:0 16px}.branch-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.branch-search input::placeholder{color:#50453573}.branch-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:124px;padding:0 16px;font-size:14px;font-weight:500}.branch-select-input{cursor:text;min-width:240px}.branch-select-input input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.branch-select-input input::placeholder{color:#50453573}.branch-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;margin-left:auto;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.branch-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.branch-table-wrap{overflow-x:auto}.branch-table{border-collapse:collapse;text-align:left;width:100%;min-width:920px}.branch-table thead{background:#f2f4f8}.branch-table th{color:#504535b3;letter-spacing:.8px;text-transform:uppercase;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.branch-table td{color:#504535;vertical-align:middle;border-top:1px solid #eceef2;height:73px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.branch-table tbody tr:first-child td{border-top:0}.branch-table td:first-child,.branch-table th:first-child{padding-left:48px}.branch-table td:first-child strong{color:#191c1f;max-width:180px;font-size:14px;font-weight:700;line-height:20px;display:block}.branch-table td:nth-child(2),.branch-table td:nth-child(3){color:#191c1f;font-weight:500}.branch-table td:nth-child(5) strong{color:#5045359e;max-width:70px;font-size:12px;font-weight:700;line-height:16px;display:block}.branch-rating{align-items:center;gap:2px;font-size:12px;display:inline-flex}.branch-rating .filled{color:#f59e0b}.branch-rating .empty{color:#50453533}.branch-rating-cell{flex-direction:column;gap:4px;display:inline-flex}.branch-rating-cell small{color:#5045359e;font-size:12px;font-weight:600}.branch-table-empty{color:#504535;text-align:center}.branch-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.branch-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.branch-pagination nav{align-items:center;gap:4px;display:flex}.branch-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.branch-pagination button:disabled{cursor:not-allowed}.branch-pagination button.active{color:#281900;background:#ebac34}.branch-pagination button.muted{opacity:.35}.branch-pagination span{color:#504535;padding:0 8px;font-size:12px}.branch-filter-summary{color:#504535b3;padding:0 24px 18px;font-size:12px;font-weight:500}.branch-create-modal-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191c1f73;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.branch-create-modal-card{background:#fff;border-radius:8px;width:min(100%,672px);max-height:calc(100vh - 64px);overflow:hidden auto;box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000040}.branch-create-modal-header{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 32px;display:flex}.branch-create-modal-header h3{color:#191c1f;letter-spacing:-.5px;text-transform:uppercase;margin:0;font-size:20px;font-weight:900;line-height:28px}.branch-create-modal-header p{color:#7e5700;letter-spacing:1.1px;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:700;line-height:16px}.branch-create-modal-close{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.branch-create-modal-close:hover{background:#50453514}.branch-create-modal-body{flex-direction:column;gap:24px;padding:32px;display:flex}.branch-create-modal-grid{gap:24px;display:grid}.branch-create-modal-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-create-modal-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.branch-create-field{flex-direction:column;gap:8px;display:flex}.branch-create-field span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.branch-create-field input,.branch-create-field textarea,.branch-create-select select{color:#191c1f;width:100%;font:inherit;box-sizing:border-box;background:#f2f4f8;border:0;border-radius:4px;font-size:14px;font-weight:500}.branch-create-field input,.branch-create-select select{min-height:44px;padding:13px 16px 14px}.branch-create-field textarea{resize:vertical;min-height:84px;padding:12px 16px;line-height:20px}.branch-create-field input::placeholder,.branch-create-field textarea::placeholder{color:#50453566}.branch-create-field input:focus-visible,.branch-create-field textarea:focus-visible,.branch-create-select select:focus-visible{outline-offset:2px;outline:2px solid #d9770640}.branch-create-select{position:relative}.branch-create-select select{appearance:none;cursor:pointer;padding-right:48px}.branch-create-select svg{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.branch-create-map-shell{background:#fff;border-radius:8px;position:relative;overflow:hidden}.branch-create-map{width:100%;height:128px}.branch-create-map-placeholder{filter:saturate(.8);background:linear-gradient(135deg,#251e16fa,#433a2df5),repeating-linear-gradient(120deg,#f59e0b1f 0 2px,#0000 2px 42px),repeating-linear-gradient(35deg,#ffffff0f 0 1px,#0000 1px 36px)}.branch-create-map-shell .leaflet-control-container{display:none}.branch-create-map-overlay{pointer-events:none;background:#78350f14;position:absolute;inset:0}.branch-create-map-actions{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.branch-create-map-button{color:#191c1f;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 8px 4px 0;display:inline-flex}.branch-create-map-button-icon{color:#d97706;background:#f59e0b24;border-radius:999px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.branch-create-map-button:after{content:"Preview Koordinat";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#191c1f;letter-spacing:1px;text-transform:uppercase;background:#ffffffeb;border-radius:2px;align-items:center;min-height:23px;padding:4px 14px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex;box-shadow:0 1px 2px #0000000d}.branch-create-map-coordinates{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#191c1fb8;border-radius:999px;align-items:center;min-height:23px;padding:4px 10px;font-size:11px;font-weight:600;line-height:15px;display:inline-flex}.branch-create-error{color:#991b1b;background:#b91c1c14;border-radius:6px;padding:12px 16px;font-size:13px;font-weight:600}.branch-create-modal-footer{background:#f2f4f880;justify-content:flex-end;align-items:center;gap:12px;padding:24px 32px;display:flex}.branch-create-modal-secondary,.branch-create-modal-primary{min-height:37px;font:inherit;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.branch-create-modal-secondary{color:#504535;background:0 0;padding:10px 24px}.branch-create-modal-primary{color:#281900;background:#ebac34;min-width:171px;padding:10px 32px;box-shadow:0 0 0 1px #7e57001a,0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.branch-create-modal-primary:disabled{opacity:.55;cursor:not-allowed}.branch-management-page{flex-direction:column;gap:32px;min-height:860px;display:flex}.branch-management-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.branch-management-header h2{color:#191c1f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:30px;font-weight:700;line-height:36px}.branch-management-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.branch-management-action{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.branch-management-action span{flex:none;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.branch-management-action .mini-plus{width:8px;height:8px;position:absolute;bottom:-2px;right:-3px}.branch-role-tabs{box-sizing:border-box;background:#f2f4f8;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:46px;padding:6px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-role-tabs button{color:#504535;min-height:34px;font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:8px 24px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-role-tabs button.active{color:#7e5700;background:#fff;border-color:#7e57001a;box-shadow:0 1px 2px #0000000d}.branch-management-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.branch-management-table-wrap{overflow-x:auto}.branch-management-table{border-collapse:collapse;text-align:left;width:100%;min-width:920px}.branch-management-table thead{background:#f2f4f8}.branch-management-table th{color:#504535;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid #e0e3e6;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.branch-management-table th:first-child{padding-left:32px}.branch-management-table th:last-child{text-align:right;padding-right:32px}.branch-management-table td{color:#504535;vertical-align:middle;border-top:1px solid #f2f4f8;height:85px;padding:20px 24px;font-size:14px;font-weight:400;line-height:20px}.branch-management-table tbody tr:first-child td{border-top:0}.branch-management-table td:first-child{padding-left:32px}.branch-management-table td:last-child{text-align:right;padding-right:32px}.branch-management-table td:first-child strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.branch-management-table td:first-child span{color:#827562;text-transform:uppercase;max-width:130px;margin-top:2px;font-size:10px;font-weight:400;line-height:12px;display:block}.branch-management-table td:nth-child(2){color:#504535;letter-spacing:.2px;font-size:15px;font-weight:500}.branch-management-table td:nth-child(3) a{color:#7e5700;font-size:14px;font-weight:500;text-decoration:none}.branch-count-pill{color:#001a42;white-space:nowrap;background:#d8e2ff;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-count-pill.neutral{color:#475569;background:#f1f5f9}.branch-pic-detail{background:#fff;border:1px solid #d4c4af4d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-pic-detail strong{color:#191c1f;font-size:14px;font-weight:800}.branch-pic-detail span{color:#504535;font-size:13px;font-weight:600;line-height:20px}.branch-manage-link{color:#7e5700;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-management-empty{color:#827562;text-align:center;font-weight:600}.branch-management-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.branch-management-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.branch-management-pagination nav{align-items:center;gap:4px;display:flex}.branch-management-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.branch-management-pagination button.active{color:#281900;background:#ebac34}.branch-management-pagination button.muted{opacity:.35}.branch-management-pagination span{color:#504535;padding:0 8px;font-size:12px}.branch-management-modal-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c1f57;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.branch-management-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #78350f1a}.branch-management-modal-header{background:#f2f4f8;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 32px;display:flex}.branch-management-modal-header h3{color:#191c1f;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:800;line-height:32px}.branch-management-modal-header p{color:#827562;letter-spacing:1.1px;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:700;line-height:16px}.branch-management-modal-close{color:#827562;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.branch-management-modal-body{flex-direction:column;gap:32px;padding:32px;display:flex;overflow-y:auto}.branch-management-modal-search,.branch-management-modal-selection{flex-direction:column;gap:12px;display:flex}.branch-management-modal-search>span,.branch-management-modal-selection>span{color:#7e5700;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.branch-management-modal-search-input{position:relative}.branch-management-modal-search-input svg{color:#827562;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.branch-management-modal-search-input input{color:#191c1f;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#f2f4f8;border:0;border-radius:8px;outline:none;padding:0 16px 0 48px;font-size:14px}.branch-management-modal-search-input input::placeholder{color:#6b7280}.branch-management-modal-search-input input:focus-visible{box-shadow:0 0 0 2px #ebac344d}.branch-management-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.branch-management-modal-grid button{color:#191c1f;text-align:left;cursor:pointer;background:#f2f4f8;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex}.branch-management-modal-grid button.selected{border-color:#7e570033;box-shadow:0 8px 24px -18px #78350f80}.branch-management-modal-checkbox{color:#0000;background:#fff;border:1px solid #9d8763;border-radius:2px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.branch-management-modal-grid button.selected .branch-management-modal-checkbox{color:#fff;background:#7e5700;border-color:#7e5700}.branch-management-modal-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.branch-management-modal-option-copy strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.branch-management-modal-option-copy small{color:#827562;font-size:12px;font-weight:600;line-height:16px}.branch-management-modal-summary{background:#f2f4f8;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.branch-management-modal-summary-title{align-items:center;gap:8px;display:flex}.branch-management-modal-summary-icon{color:#7e5700;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.branch-management-modal-summary-title strong{color:#191c1f;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px}.branch-management-modal-summary-chips{flex-wrap:wrap;gap:8px;display:flex}.branch-management-modal-chip{color:#191c1f;min-height:31px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ebac344d;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex;box-shadow:0 1px 2px #0000000d}.branch-management-modal-chip svg{color:#827562}.branch-management-modal-chip.ghost{color:#827562;cursor:default;box-shadow:none;text-transform:uppercase;background:0 0;border:2px dashed #d4c4af}.branch-management-modal-footer{background:#eceef2;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.branch-management-modal-secondary,.branch-management-modal-primary{min-height:41px;font:inherit;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:900;line-height:16px;display:inline-flex}.branch-management-modal-secondary{color:#191c1f;background:0 0;min-width:104px;padding:12px 32px}.branch-management-modal-primary{color:#281900;background:#ebac34;min-width:212px;padding:12px 40px;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.payroll-component-page{flex-direction:column;gap:32px;display:flex}.payroll-component-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.payroll-component-header nav{color:#50453599;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.payroll-component-header nav svg{width:6px}.payroll-component-header nav strong{color:#7e5700;font-weight:700}.payroll-component-header h2{color:#191c1f;letter-spacing:0;margin:8px 0 0;font-size:30px;font-weight:700;line-height:36px}.payroll-component-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.payroll-component-add{color:#281900;min-height:48px;font:inherit;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-component-add>span{flex:none;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.payroll-component-add .mini-plus{width:9px;height:9px;position:absolute;bottom:-2px;right:-4px}.payroll-component-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.payroll-component-stat{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-component-stat.red{border-left-color:#ba1a1a}.payroll-component-stat span{color:#50453599;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.payroll-component-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.payroll-component-filter-panel{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) auto;gap:16px;padding:17px 24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-component-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.payroll-component-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.payroll-component-input,.payroll-component-select{box-sizing:border-box;background:#fff;border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-component-input{color:#504535}.payroll-component-input svg{color:#6b7280;flex:none}.payroll-component-input input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.payroll-component-input input::placeholder{color:#50453573}.payroll-component-filter-panel button{color:#281900;min-width:124px;min-height:42px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-self:end;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.payroll-component-empty{color:#6b7280;text-align:center;padding:28px 16px}.payroll-component-status{border-radius:999px;align-items:center;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.payroll-component-status.active{color:#047857;background:#0596691f}.payroll-component-status.inactive{color:#b91c1c;background:#b91c1c1f}.payroll-component-table-card{background:#fff;border:1px solid #e6e8ec;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-component-table-wrap{overflow-x:auto}.payroll-component-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.payroll-component-table thead{background:#f2f4f8}.payroll-component-table th{color:#504535b3;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid #e6e8ec;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.payroll-component-table th:last-child{text-align:right}.payroll-component-table td{color:#504535;vertical-align:middle;border-top:1px solid #e6e8ec;height:88px;padding:18px 24px;font-size:14px;line-height:20px}.payroll-component-table tbody tr:first-child td{border-top:0}.payroll-component-name-cell{flex-direction:column;gap:4px;max-width:220px;display:flex}.payroll-component-name-cell strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-component-name-cell span{color:#504535;font-size:11px;line-height:15px;display:block}.payroll-type-pill{letter-spacing:1px;text-transform:uppercase;border-radius:12px;align-items:center;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.payroll-type-pill.allowance{color:#15803d;background:#f0fdf4}.payroll-type-pill.deduction{color:#b91c1c;background:#fef2f2}.payroll-apply-type{color:#504535;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-apply-type i{border-radius:999px;width:8px;height:8px;display:block}.payroll-apply-type.blue i{background:#0058be}.payroll-apply-type.gold i{background:#ebac34}.payroll-nominal{color:#191c1f;max-width:140px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-component-meta-stack{flex-direction:column;gap:8px;display:inline-flex}.payroll-component-table td:last-child{text-align:right}.payroll-component-actions{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.payroll-component-actions button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:15px;display:grid}.payroll-component-actions button.settings{color:#7e5700}.payroll-component-actions button.danger{color:#ba1a1a}.payroll-component-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.payroll-component-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.payroll-component-pagination nav{align-items:center;gap:4px;display:flex}.payroll-component-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.payroll-component-pagination button.active{color:#281900;background:#ebac34}.payroll-component-pagination button.muted{opacity:.35}.payroll-component-pagination span{color:#504535;padding:0 8px;font-size:12px}.payroll-component-modal-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at top,#ffffff3d,#0000 32%),#1118279e;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:fixed;inset:0}.payroll-component-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(100%,512px);max-width:512px;max-height:min(578px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.payroll-component-modal-header{border-bottom:1px solid #eceef2;flex-direction:column;gap:4px;padding:24px 32px;display:flex}.payroll-component-modal-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-component-modal-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:900;line-height:28px}.payroll-component-modal-header p{color:#827562;margin:0;font-size:14px;line-height:20px}.payroll-component-modal-close{color:#827562;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.payroll-component-modal-close svg{width:20px;height:20px}.payroll-component-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.payroll-component-modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:32px;display:flex;overflow-y:auto}.payroll-component-modal-feedback{color:#b91c1c;background:#b91c1c14;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;font-weight:500;line-height:18px}.payroll-component-modal-intro{background:linear-gradient(#fcfcfd 0%,#f7f9fd 100%);border:1px solid #eceef2;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.payroll-component-modal-intro span{color:#827562;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:14px}.payroll-component-modal-intro strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.payroll-component-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payroll-component-modal-grid-accent{background:#fcfcfd;border:1px solid #eceef2;border-radius:10px;padding:18px}.payroll-component-modal-field{flex-direction:column;gap:8px;min-width:0;display:flex}.payroll-component-modal-field>span:first-child{color:#d4c4af;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-component-modal-field input,.payroll-component-modal-select{box-sizing:border-box;color:#191c1f;width:100%;min-width:0;min-height:42px;font:inherit;background:#f7f9fd;border:1px solid #e0e3e6;border-radius:8px;align-items:center;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.payroll-component-modal-field input{padding:11px 14px 12px;font-size:14px;line-height:17px}.payroll-component-modal-field input:focus,.payroll-component-modal-select:focus-within{border-color:#7e570073;box-shadow:0 0 0 3px #ebac3424}.payroll-component-modal-field input::placeholder{color:#6b7280}.payroll-component-modal-field input:disabled{color:#827562;cursor:not-allowed;background:#eef2f7}.payroll-component-modal-currency{align-items:center;width:100%;display:flex;position:relative}.payroll-component-modal-currency strong{z-index:1;color:#827562;font-size:14px;font-weight:700;line-height:20px;position:absolute;left:16px}.payroll-component-modal-currency input{padding-left:82px;font-weight:600}.payroll-component-modal-footer{background:#f2f4f8;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.payroll-component-modal-secondary,.payroll-component-modal-primary{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;line-height:20px;display:inline-flex}.payroll-component-modal-secondary{color:#827562;background:0 0;min-width:82px;padding:10px 24px;font-weight:600}.payroll-component-modal-primary{color:#fff;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);min-width:193px;padding:10px 32px;font-weight:700;box-shadow:0 10px 15px -3px #78350f33,0 4px 6px -4px #78350f33}.payroll-component-modal-secondary:disabled,.payroll-component-modal-primary:disabled{cursor:not-allowed;opacity:.7}.payroll-dropdown{width:100%;position:relative}.payroll-dropdown.disabled{pointer-events:none}.payroll-dropdown-trigger{color:#191c1f;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.payroll-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payroll-dropdown-trigger svg{color:#827562;flex:none;transition:transform .18s}.payroll-dropdown.open .payroll-dropdown-trigger svg{transform:rotate(180deg)}.payroll-dropdown-menu{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e0e3e6f2;border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px -16px #0f172a47,0 8px 16px -12px #0f172a38}.payroll-dropdown-menu-filter,.payroll-dropdown-menu-modal{min-width:100%}.payroll-dropdown-option{color:#3c3126;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:20px;transition:background-color .16s,color .16s,transform .16s;display:flex}.payroll-dropdown-option:hover{color:#191c1f;background:#ebac341f}.payroll-dropdown-option.selected{color:#191c1f;background:linear-gradient(90deg,#ebac342e,#7e570014);font-weight:700}.payroll-dropdown-option svg{color:#7e5700;flex:none}.wage-page{flex-direction:column;gap:32px;display:flex}.wage-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.wage-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:36px}.wage-header p{color:#50453599;letter-spacing:.4px;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.wage-action{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.wage-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.wage-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.wage-stat-card.red{border-left-color:#ba1a1a}.wage-stat-card span{color:#50453599;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.wage-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.wage-filter-grid{grid-template-columns:minmax(260px,.5fr) minmax(0,1fr);gap:16px;display:grid}.wage-perspective-card,.wage-search-card{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:115px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.wage-perspective-card>span,.wage-search-card>span{color:#7e570099;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.wage-perspective-card div{background:#f2f4f8;border-radius:4px;align-items:center;gap:4px;min-height:44px;padding:4px;display:flex}.wage-perspective-card button{color:#504535;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px 20px;font-size:14px;font-weight:500;display:inline-flex}.wage-perspective-card button.active{color:#7e5700;background:#fff;font-weight:700;box-shadow:0 1px 2px #0000000d}.wage-search-card div{color:#50453566;background:#f2f4f8;border-radius:8px;align-items:center;gap:16px;min-height:44px;padding:0 16px 0 24px;display:flex}.wage-search-card input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.wage-search-card input::placeholder{color:#50453573}.wage-table-card{background:#fff;border:1px solid #eceef2;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.wage-table-card>header{box-sizing:border-box;border-bottom:1px solid #eceef2;align-items:center;min-height:77px;padding:24px;display:flex}.wage-table-card h3{color:#191c1f;margin:0;font-size:18px;font-weight:700;line-height:28px}.wage-table-wrap{overflow-x:auto}.wage-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.wage-table thead{background:#f2f4f880}.wage-table th{color:#504535b3;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #eceef2;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.wage-table th:last-child{text-align:right}.wage-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #eceef2;height:107px;padding:20px 24px}.wage-table tbody tr:first-child td{border-top:0}.wage-table td:first-child strong{color:#191c1f;max-width:180px;font-size:18px;font-weight:700;line-height:24px;display:block}.wage-detail-grid{grid-template-columns:repeat(4,minmax(78px,1fr));gap:16px 24px;display:grid}.wage-detail-grid div{gap:4px;display:grid}.wage-detail-grid span{color:#50453566;text-transform:uppercase;font-size:9px;font-weight:700;line-height:11px}.wage-detail-grid strong{color:#191c1f;max-width:92px;font-size:12px;font-weight:600;line-height:16px}.wage-detail-grid strong.danger{color:#ba1a1a;text-transform:uppercase}.wage-cycle{align-items:center;gap:12px;display:flex}.wage-cycle>span{color:#7e5700;background:#ebac341a;border-radius:4px;flex:none;place-items:center;width:36px;height:36px;display:grid}.wage-cycle strong{color:#191c1f;font-size:12px;font-weight:700;line-height:16px;display:block}.wage-cycle p{color:#50453599;max-width:90px;margin:0;font-size:10px;font-weight:500;line-height:12px}.wage-table td:last-child{text-align:right}.wage-edit{color:#7e5700;width:36px;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:20px;display:inline-grid}.wage-employee-table{min-width:1340px}.wage-employee-table th,.wage-employee-table td{padding:16px 18px}.wage-employee-table td{color:#504535;white-space:nowrap;height:76px;font-size:13px;font-weight:500}.wage-employee-table td:first-child strong{white-space:normal;max-width:150px;font-size:14px;line-height:20px}.wage-employee-table td:nth-child(2),.wage-employee-table td:nth-child(3){color:#334155;letter-spacing:.2px;font-size:12px}.wage-employee-table td:nth-child(6),.wage-employee-table td:nth-child(7){color:#191c1f;font-weight:700}.wage-employee-table td:nth-child(8){color:#ba1a1a;font-weight:700}.wage-employee-table th:last-child,.wage-employee-table td:last-child{text-align:right}.wage-cycle-pill{color:#7e5700;background:#ebac341f;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.wage-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.wage-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.wage-pagination nav{align-items:center;gap:4px;display:flex}.wage-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.wage-pagination button.active{color:#281900;background:#ebac34}.wage-pagination button.muted{opacity:.35}.wage-pagination span{color:#504535;padding:0 8px;font-size:12px}.event-page{flex-direction:column;gap:32px;display:flex}.event-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.event-header nav{color:#50453580;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.event-header nav strong{color:#504535}.event-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:45px}.event-add{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.event-add svg{font-size:18px}.event-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.event-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.event-stat-card.red{border-left-color:#ba1a1a}.event-stat-card span{color:#50453599;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.event-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.event-filter-panel{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:17px;display:grid}.event-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.event-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.event-filter-input,.event-filter-select{color:#191c1f;box-sizing:border-box;background:#fff;border:0;border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0000000d}.event-filter-input{color:#504535}.event-filter-input svg{color:#504535;opacity:.75;flex:none;width:14px}.event-filter-input input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.event-filter-input input::placeholder{color:#50453573}.event-filter-select{width:100%;font:inherit;text-align:left;cursor:pointer;justify-content:space-between;font-size:14px;font-weight:400}.event-filter-select.muted{color:#6b7280}.event-filter-select svg{color:#6b7280;flex:none}.event-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.event-table-wrap{overflow-x:auto}.event-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.event-table thead{background:#f2f4f8}.event-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #d4c4af1a;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.event-table th:last-child{text-align:center}.event-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #d4c4af1a;height:85px;padding:20px 24px;font-size:14px}.event-table tbody tr:first-child td{border-top:0}.event-table td:first-child{width:235px}.event-table td:first-child strong,.event-table td:nth-child(3) strong{color:#191c1f;font-size:14px;font-weight:600;line-height:20px;display:block}.event-table td:first-child span,.event-table td:nth-child(3) span{color:#504535b3;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500;line-height:12px;display:block}.event-table td:nth-child(4),.event-table td:nth-child(5){font-size:15px;font-weight:400}.event-position-badge{text-transform:uppercase;border-radius:6px;align-items:center;max-width:112px;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.event-position-badge.gold{color:#5f4100;background:#ffdeac4d}.event-position-badge.blue{color:#004395;background:#d8e2ff4d}.event-position-badge.cyan{color:#004b72;background:#cce5ff4d}.event-wage{color:#191c1f;max-width:88px;font-size:15px;font-weight:700;line-height:20px;display:block}.event-table td:last-child{text-align:center}.event-actions{justify-content:center;align-items:center;gap:8px;display:inline-flex}.event-actions button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:16px;display:grid}.event-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.event-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.event-pagination nav{align-items:center;gap:4px;display:flex}.event-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.event-pagination button.active{color:#281900;background:#ebac34}.event-pagination button.muted{opacity:.35}.event-pagination span{color:#504535;padding:0 8px;font-size:12px}.payroll-management-page{flex-direction:column;gap:40px;display:flex}.payroll-management-summary{gap:24px;display:grid}.payroll-management-top-stats{grid-template-columns:1.55fr repeat(3,1fr);gap:20px;display:grid}.payroll-management-bottom-stats{grid-template-columns:1fr 1fr 1fr .46fr 1fr;gap:20px;display:grid}.payroll-management-stat,.payroll-management-mini-stat{box-sizing:border-box;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-management-stat{align-content:start;gap:4px;min-height:130px;padding:24px;display:grid}.payroll-management-stat.gold{border-left:4px solid #7e5700}.payroll-management-mini-stat{align-content:center;gap:4px;min-height:91px;padding:20px;display:grid}.payroll-management-mini-stat.red{border-bottom:4px solid #ba1a1a33}.payroll-management-stat span,.payroll-management-mini-stat span{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-management-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.payroll-management-stat strong.blue{color:#0058be}.payroll-management-stat em{color:#94a3b8;font-size:12px;font-style:normal;font-weight:500;position:absolute;top:70px;left:118px}.payroll-management-stat small{color:#16a34a;background:#f0fdf4;border-radius:12px;align-items:center;width:fit-content;min-height:23px;margin-top:10px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.payroll-management-mini-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:28px}.payroll-management-mini-stat strong.red{color:#ba1a1a}.payroll-management-mini-stat strong.orange{color:#d97706}.payroll-management-filter{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.3fr) minmax(300px,1.6fr);gap:16px;padding:17px;display:grid}.payroll-management-filter-field{gap:6px;min-width:0;display:grid}.payroll-management-filter-field-wide{grid-column:span 2}.payroll-management-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.payroll-management-filter-field button,.payroll-management-filter-field input,.payroll-management-filter-field select,.payroll-management-filter-field>div{color:#191c1f;min-height:42px;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-management-filter-field select[multiple]{align-items:flex-start;min-height:86px;padding-top:10px}.payroll-management-filter-field input,.payroll-management-filter-field select{outline:0;width:100%}.payroll-management-filter-field input[type=search]{cursor:text}.payroll-management-filter-field input:disabled,.payroll-management-filter-field select:disabled{cursor:not-allowed;opacity:.65}.payroll-management-dropdown-field{position:relative}.payroll-management-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payroll-management-dropdown-trigger strong{color:#6b7280;flex:none;font-size:12px;font-weight:800}.payroll-management-dropdown-panel{z-index:20;box-sizing:border-box;background:#fff;border:1px solid #5045351f;border-radius:6px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 45px #0f172a26}.payroll-management-filter-field>div.payroll-management-dropdown-panel{cursor:default;align-items:stretch;min-height:0;padding:10px;display:grid}.payroll-management-dropdown-list{gap:2px;max-height:220px;display:grid;overflow:auto}.payroll-management-dropdown-list button{min-height:36px;box-shadow:none;color:#191c1f;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:13px;display:block}.payroll-management-dropdown-list button:hover,.payroll-management-dropdown-list button.selected{background:#f3f4f6}.payroll-management-dropdown-list-checks{gap:0}.payroll-management-dropdown-list-checks label{color:#191c1f;cursor:pointer;box-sizing:border-box;border-radius:4px;align-items:center;gap:10px;min-height:36px;padding:8px 10px;font-size:13px;display:flex}.payroll-management-dropdown-list-checks label:hover{background:#f3f4f6}.payroll-management-dropdown-list-checks input[type=checkbox]{width:16px;min-height:16px;box-shadow:none;cursor:pointer;flex:none;padding:0}.payroll-management-dropdown-list small{color:#827562;padding:10px;font-size:13px;font-weight:600}.payroll-management-validation-row{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.payroll-management-validation-row>button{color:#fff;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:#191c1f;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.payroll-management-validation-row>button.payroll-management-summary-button{color:#281900;background:#ebac34}.payroll-management-validation-row>button:disabled{cursor:not-allowed;opacity:.55}.payroll-management-validation-status{color:#6b7280;background:#fff;border-radius:4px;flex:1;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-management-validation-status strong{color:#191c1f;text-transform:capitalize}.payroll-validation-mode-modal{background:#f7f8fa;border-radius:6px;width:min(560px,100vw - 32px);overflow:hidden;box-shadow:0 18px 50px #00000038}.payroll-validation-mode-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.payroll-validation-mode-header h3{color:#191c1f;margin:0;font-size:18px;line-height:1.25}.payroll-validation-mode-header p{color:#6b7280;margin:5px 0 0;font-size:13px;line-height:1.4}.payroll-validation-mode-header button{color:#191c1f;cursor:pointer;width:32px;height:32px;font:inherit;background:#f3f4f6;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.payroll-validation-mode-list{gap:10px;padding:16px;display:grid}.payroll-validation-mode-list button{color:#191c1f;cursor:pointer;width:100%;font:inherit;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:5px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.payroll-validation-mode-list button:hover:not(:disabled){border-color:#ebac34;box-shadow:0 8px 20px #191c1f14}.payroll-validation-mode-list button:disabled{cursor:not-allowed;opacity:.52}.payroll-validation-mode-list strong{font-size:14px;line-height:1.3}.payroll-validation-mode-list span{color:#374151;font-size:13px;font-weight:700;line-height:1.35}.payroll-validation-mode-list small{color:#6b7280;font-size:12px;font-weight:600;line-height:1.35}.payroll-management-filter-field>div:not(.payroll-management-dropdown-panel) input{min-height:0;box-shadow:none;padding:0}.payroll-management-filter-field>div:not(.payroll-management-dropdown-panel) svg{flex:none}.payroll-management-filter-field button.muted{color:#6b7280}.payroll-management-filter-field svg{color:#6b7280;flex:none}.payroll-management-feedback,.payroll-management-empty{color:#827562;padding:16px 20px;font-size:13px;font-weight:600;line-height:20px}.payroll-management-feedback{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:0}.payroll-summary-detail{gap:16px;display:grid}.payroll-summary-detail-back{color:#fff;width:fit-content;min-height:40px;font:inherit;cursor:pointer;background:#191c1f;border:0;border-radius:4px;padding:0 16px;font-size:13px;font-weight:800}.payroll-summary-detail-loader-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-summary-detail-meta{background:#fff;border:1px solid #d0c5af;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-summary-detail-meta-header{color:#1f1b13;width:100%;min-height:56px;font:inherit;box-sizing:border-box;background:#ebac34;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:16px;line-height:24px;display:flex}.payroll-summary-detail-meta-header>span{align-items:center;gap:12px;min-width:0;display:inline-flex}.payroll-summary-detail-meta-header strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.payroll-summary-detail-meta-actions{align-items:center;gap:14px;display:inline-flex}.payroll-summary-detail-meta-actions button{color:#1f1b13;min-height:34px;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #1f1b132e;border-radius:4px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.payroll-summary-detail-meta-actions button:disabled{cursor:not-allowed;opacity:.7}.payroll-summary-detail-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 24px;display:grid}.payroll-summary-detail-meta-block{align-content:start;gap:14px;display:grid}.payroll-summary-detail-meta-block h3{color:#7e5700;text-transform:uppercase;border-bottom:1px solid #d0c5af;margin:0;padding-bottom:10px;font-size:16px;font-weight:600;line-height:24px}.payroll-summary-detail-chip{color:#1f1b13;text-transform:uppercase;background:#fbf3e5;border:1px solid #d0c5af;border-radius:999px;align-items:center;width:fit-content;max-width:100%;min-height:32px;padding:4px 14px;font-size:14px;font-weight:800;line-height:20px;display:inline-flex}.payroll-summary-detail-meta-block ul{color:#4d4635;gap:5px;margin:0;padding:0;font-size:14px;font-weight:800;line-height:21px;list-style:none;display:grid}.payroll-summary-detail-meta-block p{color:#4d4635;margin:0;font-size:14px;line-height:21px}.payroll-summary-detail-status{align-items:center;gap:10px;display:flex;color:#7e5700!important}.payroll-summary-detail-tabs{background:#fff;border:1px solid #f2f4f8;justify-content:center;gap:32px;min-height:60px;display:flex;overflow-x:auto;box-shadow:0 1px 2px #0000000d}.payroll-summary-detail-tabs button{color:#4d4635;min-height:60px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:10px;padding:0 0 2px;font-size:18px;font-weight:700;display:inline-flex}.payroll-summary-detail-tabs button.active{color:#7e5700;border-bottom-color:#7e5700}.payroll-summary-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;display:grid}.payroll-summary-detail-primary-kpi,.payroll-summary-detail-kpi-card{box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.payroll-summary-detail-primary-kpi{align-content:center;gap:8px;min-height:126px;padding:24px;display:grid}.payroll-summary-detail-primary-kpi:first-child,.payroll-summary-detail-primary-kpi.centered{grid-column:span 2}.payroll-summary-detail-primary-kpi.centered{text-align:center;justify-items:center}.payroll-summary-detail-primary-kpi span,.payroll-summary-detail-kpi-card span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-summary-detail-primary-kpi strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:40px}.payroll-summary-detail-primary-kpi small{color:#827562;font-size:12px;line-height:16px}.payroll-summary-detail-progress{background:#f2f4f8;border-radius:12px;width:100%;height:5px;overflow:hidden}.payroll-summary-detail-progress span{border-radius:inherit;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);height:100%;display:block}.payroll-summary-detail-kpi-card{background:#ebac34;border-top:4px solid #7e5700;align-content:center;gap:12px;min-height:100px;padding:20px;display:grid}.payroll-summary-detail-kpi-card strong{overflow-wrap:anywhere;color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:32px}.payroll-summary-detail-kpi-card strong.danger{color:#ba1a1a}.payroll-summary-detail-table-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-summary-detail-table-wrap{overflow-x:auto}.payroll-summary-detail-table{border-collapse:collapse;text-align:left;width:100%;min-width:940px}.payroll-summary-detail-table thead{background:#f2f4f880}.payroll-summary-detail-table th{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;padding:20px 16px;font-size:10px;font-weight:800;line-height:12px}.payroll-summary-detail-table td{color:#191c1f;border-top:1px solid #f2f4f8;height:74px;padding:18px 16px;font-size:14px;font-weight:700;line-height:20px}.payroll-summary-detail-table tbody tr:first-child td{border-top:0}.payroll-summary-detail-table td small{color:#94a3b8;font-size:10px;font-weight:500;line-height:12px;display:block}.payroll-summary-detail-table td span{color:#64748b;letter-spacing:1px;text-transform:uppercase;background:#f1f5f9;border-radius:2px;align-items:center;min-height:24px;padding:4px 10px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.payroll-summary-detail-table td em{color:#0058be;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.payroll-summary-detail-table th:last-child,.payroll-summary-detail-table td:last-child{text-align:right}.payroll-summary-detail-tab-empty{color:#827562;background:#fff;border:1px solid #e6e8ec;border-radius:8px;padding:24px;font-size:13px;font-weight:700;line-height:20px;box-shadow:0 1px 2px #0000000d}.payroll-summary-attendance-card{border-color:#e6e8ec;border-radius:16px}.payroll-summary-attendance-table{min-width:1680px}.payroll-summary-attendance-table th:last-child{color:#7e5700;text-align:center;background:#fffbebb8;min-width:120px}.payroll-summary-attendance-total{text-align:center;background:#fffbeb73;font-weight:800;color:#191c1f!important;font-size:16px!important}.payroll-summary-overtime-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.payroll-summary-overtime-kpis article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffffb8;border:1px solid #d4af371f;border-radius:16px;align-content:center;gap:10px;min-height:132px;padding:24px 28px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-summary-overtime-kpis article.highlight{border:2px solid #d4af3752}.payroll-summary-overtime-kpis span{color:#4d4635;text-transform:uppercase;font-size:16px;font-weight:500;line-height:24px}.payroll-summary-overtime-kpis strong{color:#1f1b13;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;min-width:0;font-size:32px;font-weight:800;line-height:38px;display:flex}.payroll-summary-overtime-kpis .highlight strong{color:#7e5700}.payroll-summary-overtime-kpis small{color:#4d4635;font-size:20px;font-weight:500;line-height:28px}.payroll-summary-overtime-card{border-radius:8px}.payroll-summary-overtime-table{border-collapse:collapse;text-align:left;width:100%;min-width:1024px}.payroll-summary-overtime-table thead{background:#f2f4f8}.payroll-summary-overtime-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;height:68px;padding:18px 24px;font-size:10px;font-weight:800;line-height:12px}.payroll-summary-overtime-table th:nth-child(4),.payroll-summary-overtime-table td:nth-child(4){text-align:center}.payroll-summary-overtime-table th:nth-child(5),.payroll-summary-overtime-table th:nth-child(6),.payroll-summary-overtime-table td:nth-child(5),.payroll-summary-overtime-table td:nth-child(6){text-align:right}.payroll-summary-overtime-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #eceef2;height:112px;padding:24px;font-size:12px;font-weight:500;line-height:15px}.payroll-summary-overtime-table tbody tr:first-child td{border-top:0}.payroll-summary-overtime-table td strong{color:#191c1f;font-size:13px;font-weight:800;line-height:16px;display:block}.payroll-summary-overtime-table td:nth-child(6) strong{color:#7e5700;font-size:12px;line-height:15px}.payroll-summary-overtime-table td small{color:#504535;margin-top:3px;font-size:11px;font-weight:500;line-height:13px;display:block}.payroll-summary-overtime-table td span{color:#191c1f;display:block}.payroll-summary-overtime-table td em{color:#504535;font-size:12px;font-style:normal;line-height:15px;display:block}.payroll-summary-overtime-duration{background:#d8e2ff;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:4px 10px;font-size:11px;font-weight:800;line-height:14px;color:#001a42!important;display:inline-flex!important}.payroll-summary-deduction-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.payroll-summary-deduction-kpis article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fff;border:1px solid #d0c5af;border-radius:12px;align-content:center;gap:24px;min-height:148px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-summary-deduction-kpis article>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-summary-deduction-kpis article>div>span:last-child{color:#4d4635;letter-spacing:.6px;text-align:right;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px}.payroll-summary-deduction-icon{color:#ba1a1a;background:#ffdad633;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:inline-flex}.payroll-summary-deduction-kpis .highlight .payroll-summary-deduction-icon{color:#735c00;background:#d4af3733}.payroll-summary-deduction-icon.muted{color:#5c5f62;background:#dee0e480}.payroll-summary-deduction-kpis strong{overflow-wrap:anywhere;color:#1f1b13;font-variant-numeric:tabular-nums;min-width:0;font-size:32px;font-weight:800;line-height:38px}.payroll-summary-deduction-kpis .danger strong{color:#ba1a1a}.payroll-summary-deduction-kpis .highlight strong{color:#735c00}.payroll-summary-deduction-card{border-color:#d0c5af;border-radius:8px}.payroll-summary-deduction-table{border-collapse:collapse;text-align:left;width:100%;min-width:1024px}.payroll-summary-deduction-table thead{background:#fbf3e5}.payroll-summary-deduction-table th{color:#4d4635;letter-spacing:.6px;text-transform:uppercase;height:56px;padding:16px 24px;font-size:12px;font-weight:800;line-height:12px}.payroll-summary-deduction-table th:last-child,.payroll-summary-deduction-table td:last-child{text-align:right}.payroll-summary-deduction-table td{color:#1f1b13;vertical-align:middle;border-top:1px solid #d0c5af;min-height:68px;padding:18px 24px;font-size:14px;font-weight:500;line-height:20px}.payroll-summary-deduction-table tbody tr:first-child td{border-top:0}.payroll-summary-deduction-table td strong{color:#1f1b13;font-size:14px;font-weight:800;line-height:20px;display:block}.payroll-summary-deduction-table td small{color:#4d4635;font-size:12px;font-weight:500;line-height:16px;display:block}.payroll-summary-deduction-table td code{color:#555f6f;overflow-wrap:anywhere;white-space:normal;background:#efe7da;border-radius:4px;align-items:center;max-width:72px;min-height:38px;padding:3px 8px;font-family:Liberation Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.payroll-summary-deduction-table td:last-child strong{color:#ba1a1a;font-size:16px;line-height:20px}.payroll-summary-deduction-type{color:#c4c7ca;text-transform:uppercase;background:#5c5f62;border-radius:999px;align-items:center;min-height:22px;padding:2px 10px;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.payroll-summary-deduction-type.internal{color:#554300;background:#d4af37}.payroll-summary-deduction-type.deduction{color:#3b4554;background:#a9b3c5}.payroll-summary-bonus-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.payroll-summary-bonus-kpis article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fff;border:1px solid #d0c5af;border-radius:12px;align-content:center;gap:24px;min-height:148px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-summary-bonus-kpis article>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-summary-bonus-kpis article>div>span:last-child{color:#4d4635;letter-spacing:.6px;text-align:right;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px}.payroll-summary-bonus-icon{color:#735c00;background:#ffdad633;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:inline-flex}.payroll-summary-bonus-kpis .highlight .payroll-summary-bonus-icon{color:#735c00;background:#d4af3733}.payroll-summary-bonus-icon.muted{color:#5c5f62;background:#dee0e480}.payroll-summary-bonus-kpis strong{overflow-wrap:anywhere;color:#1f1b13;font-variant-numeric:tabular-nums;min-width:0;font-size:32px;font-weight:800;line-height:38px}.payroll-summary-bonus-kpis .highlight strong{color:#735c00}.payroll-summary-bonus-card{border-color:#d0c5af;border-radius:8px}.payroll-summary-bonus-table{border-collapse:collapse;text-align:left;width:100%;min-width:1024px}.payroll-summary-bonus-table thead{background:#fbf3e5}.payroll-summary-bonus-table th{color:#4d4635;letter-spacing:.6px;text-transform:uppercase;height:56px;padding:16px 24px;font-size:12px;font-weight:800;line-height:12px}.payroll-summary-bonus-table th:last-child,.payroll-summary-bonus-table td:last-child{text-align:right}.payroll-summary-bonus-table td{color:#1f1b13;vertical-align:middle;border-top:1px solid #d0c5af;min-height:68px;padding:18px 24px;font-size:14px;font-weight:500;line-height:20px}.payroll-summary-bonus-table tbody tr:first-child td{border-top:0}.payroll-summary-bonus-table td strong{color:#1f1b13;font-size:14px;font-weight:800;line-height:20px;display:block}.payroll-summary-bonus-table td small{color:#4d4635;font-size:12px;font-weight:500;line-height:16px;display:block}.payroll-summary-bonus-table td code{color:#555f6f;overflow-wrap:anywhere;white-space:normal;background:#efe7da;border-radius:4px;align-items:center;max-width:72px;min-height:38px;padding:3px 8px;font-family:Liberation Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.payroll-summary-bonus-table td:last-child strong{color:#1aba3d;font-size:16px;line-height:20px}.payroll-summary-bonus-type{color:#554300;text-transform:uppercase;background:#d4af37;border-radius:999px;align-items:center;min-height:22px;padding:2px 10px;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.payroll-summary-bonus-type.allowance{color:#554300;background:#d4af37}.payroll-summary-bonus-type.bonus{color:#3b4554;background:#a9b3c5}.payroll-management-empty{text-align:center}.payroll-management-loader-cell{padding:0!important}.payroll-management-run-loader{color:#827562;text-align:center;place-items:center;gap:14px;min-height:240px;padding:40px 20px;display:grid}.payroll-management-run-loader strong{color:#191c1f;font-size:14px;font-weight:800;line-height:20px;display:block}.payroll-management-run-loader p{color:#827562;margin:4px 0 0;font-size:12px;font-weight:600;line-height:18px}.payroll-management-run-loader .wheel-and-hamster{--dur:1s;width:12em;height:12em;font-size:11px;position:relative}.payroll-management-run-loader .wheel,.payroll-management-run-loader .hamster,.payroll-management-run-loader .hamster div,.payroll-management-run-loader .spoke{position:absolute}.payroll-management-run-loader .wheel,.payroll-management-run-loader .spoke{border-radius:50%;width:100%;height:100%;top:0;left:0}.payroll-management-run-loader .wheel{z-index:2;background:radial-gradient(100% 100%,#9990 47.8%,#999 48%)}.payroll-management-run-loader .hamster{width:7em;height:3.75em;animation:hamster var(--dur) ease-in-out infinite;transform-origin:50% 0;z-index:1;top:50%;left:calc(50% - 3.5em);transform:rotate(4deg)translate(-.8em,1.85em)}.payroll-management-run-loader .hamster__head{width:2.75em;height:2.5em;animation:hamsterHead var(--dur) ease-in-out infinite;transform-origin:100%;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;top:0;left:-2em;box-shadow:inset 0 -.25em #facc9e,inset .75em -1.55em #fce6cf}.payroll-management-run-loader .hamster__ear{width:.75em;height:.75em;animation:hamsterEar var(--dur) ease-in-out infinite;transform-origin:50% 75%;background:#fbb6b6;border-radius:50%;top:-.25em;right:-.25em;box-shadow:inset -.25em 0 #f48c25}.payroll-management-run-loader .hamster__eye{width:.5em;height:.5em;animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;top:.375em;left:1.25em}.payroll-management-run-loader .hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;width:.2em;height:.25em;top:.75em;left:0}.payroll-management-run-loader .hamster__body{width:4.5em;height:3em;animation:hamsterBody var(--dur) ease-in-out infinite;transform-origin:17%;transform-style:preserve-3d;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;top:.25em;left:2em;box-shadow:inset .1em .75em #f48c25,inset .15em -.5em #facc9e}.payroll-management-run-loader .hamster__limb--fr,.payroll-management-run-loader .hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);transform-origin:50% 0;width:1em;height:1.5em;top:2em;left:.5em}.payroll-management-run-loader .hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg)translateZ(-1px)}.payroll-management-run-loader .hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.payroll-management-run-loader .hamster__limb--br,.payroll-management-run-loader .hamster__limb--bl{clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);transform-origin:50% 30%;border-radius:.75em .75em 0 0;width:1.5em;height:2.5em;top:1em;left:2.8em}.payroll-management-run-loader .hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg)translateZ(-1px)}.payroll-management-run-loader .hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.payroll-management-run-loader .hamster__tail{width:1em;height:.5em;animation:hamsterTail var(--dur) linear infinite;transform-origin:.25em .25em;background:#fbb6b6;border-radius:.25em 50% 50% .25em;top:1.5em;right:-.5em;transform:rotate(30deg)translateZ(-1px);box-shadow:inset 0 -.2em #f98686}.payroll-management-run-loader .spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100%,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47% 52.9%,#a6a6a600 53%) 50%/99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg)translate(-.8em,1.85em)}50%{transform:rotate(0)translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg)translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg)translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg)translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.payroll-management-period{gap:24px;display:grid}.payroll-management-period-header{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.payroll-management-period-header>button{color:#281900;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-management-period-header>button:disabled{color:#94a3b8;cursor:not-allowed;background:#e6e8ec}.payroll-management-period-title{grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;gap:16px;padding:0 8px;display:grid}.payroll-management-period-title span{background:linear-gradient(90deg,#d4c4af00,#d4c4af99,#d4c4af00);height:2px}.payroll-management-period-title h3{color:#7e5700;letter-spacing:3px;text-align:center;text-transform:uppercase;background:#ffdeac73;border-radius:8px;margin:0;padding:8px 24px;font-size:11px;font-weight:700;line-height:17px}.payroll-management-period-title h3.muted{color:#94a3b8;background:#e6e8eca6}.payroll-management-table-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-management-table-card.locked{opacity:.86}.payroll-management-table-wrap{overflow-x:auto}.payroll-management-table{border-collapse:collapse;text-align:left;width:100%;min-width:1360px}.payroll-management-table thead{background:#f2f4f880}.payroll-management-table th{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;padding:16px;font-size:10px;font-weight:700;line-height:12px}.payroll-management-table th:nth-child(5),.payroll-management-table th:nth-child(14){text-align:center}.payroll-management-table th:nth-child(7),.payroll-management-table th:nth-child(8),.payroll-management-table th:nth-child(10),.payroll-management-table th:nth-child(11),.payroll-management-table th:nth-child(12),.payroll-management-table th:nth-child(13){text-align:right}.payroll-management-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #f2f4f8;height:100px;padding:20px 16px;font-size:14px}.payroll-management-table tbody tr:first-child td{border-top:0}.payroll-management-person{align-items:center;gap:12px;min-width:145px;display:flex}.payroll-management-person>span{border-radius:2px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.payroll-management-person>span.gold{color:#7e5700;background:#ffdeac}.payroll-management-person>span.blue{color:#0058be;background:#d8e2ff}.payroll-management-person strong,.payroll-management-money,.payroll-management-take-home{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-person small{color:#94a3b8;margin-top:2px;font-size:10px;line-height:12px;display:block}.payroll-management-position{color:#64748b;letter-spacing:1px;text-transform:uppercase;background:#f1f5f9;border-radius:2px;align-items:center;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.payroll-management-jabatan{color:#94a3b8;margin-top:6px;font-size:10px;font-weight:600;line-height:12px;display:block}.payroll-management-account{color:#191c1f;max-width:82px;font-size:12px;font-weight:500;line-height:16px;display:block}.payroll-management-account+small{text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700;line-height:11px;display:block}.payroll-management-account+small.blue{color:#0058be}.payroll-management-account+small.orange{color:#ea580c}.payroll-management-status{letter-spacing:.45px;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:19px;padding:4px 12px;font-size:9px;font-weight:700;line-height:11px;display:inline-flex}.payroll-management-status.green{color:#15803d;background:#dcfce7}.payroll-management-status.yellow{color:#b45309;background:#fef3c7}.payroll-management-table td:nth-child(5),.payroll-management-table td:nth-child(14){text-align:center}.payroll-management-table td:nth-child(6){font-weight:600}.payroll-management-center{text-align:center}.payroll-management-right,.payroll-management-table td:nth-child(7),.payroll-management-table td:nth-child(8),.payroll-management-table td:nth-child(10),.payroll-management-table td:nth-child(11),.payroll-management-table td:nth-child(12),.payroll-management-table td:nth-child(13){text-align:right}.payroll-management-bonus{color:#0058be;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-deduction{color:#ba1a1a;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-action{color:#cbd5e1;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.payroll-data-modal-card{background:#fff;border-radius:8px;width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px #0f172a47}.payroll-data-modal-header{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.payroll-data-modal-header h3{color:#191c1f;margin:0;font-size:20px;line-height:28px}.payroll-data-modal-header p{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:600}.payroll-data-modal-header button{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:inline-flex}.payroll-data-modal-form{gap:18px;padding:24px;display:grid}.payroll-data-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payroll-data-modal-field{gap:7px;display:grid}.payroll-data-modal-field.full{grid-column:1/-1}.payroll-data-modal-field>span{color:#504535;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:800}.payroll-data-modal-field input,.payroll-data-modal-field select{color:#191c1f;width:100%;min-height:42px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d8dee4;border-radius:4px;outline:0;padding:0 12px;font-size:14px}.payroll-data-modal-field input[type=file]{padding:9px 12px}.payroll-data-check-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.payroll-data-check-row button{color:#fff;min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;background:#191c1f;border:0;border-radius:4px;padding:0 14px;font-size:13px;font-weight:800}.payroll-data-check-row button:disabled{cursor:not-allowed;opacity:.55}.payroll-data-bank-field{position:relative}.payroll-data-bank-trigger{color:#191c1f;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d8dee4;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.payroll-data-bank-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payroll-data-bank-trigger strong{color:#6b7280;flex:none;font-size:12px;font-weight:800}.payroll-data-bank-panel{z-index:35;box-sizing:border-box;background:#fff;border:1px solid #5045351f;border-radius:6px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 45px #0f172a2e}.payroll-data-bank-panel input[type=search]{min-height:38px}.payroll-data-bank-list{gap:2px;max-height:240px;display:grid;overflow:auto}.payroll-data-bank-list button{color:#191c1f;min-height:36px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:13px}.payroll-data-bank-list button:hover,.payroll-data-bank-list button.selected{background:#f3f4f6}.payroll-data-bank-list small{color:#827562;padding:10px;font-size:13px;font-weight:600}.payroll-data-bank-hidden-input{opacity:0;pointer-events:none;height:1px;position:absolute;width:1px!important;min-height:1px!important}.payroll-data-modal-feedback{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.payroll-data-modal-footer{justify-content:flex-end;gap:12px;display:flex}.payroll-data-modal-secondary,.payroll-data-modal-primary{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:800;display:inline-flex}.payroll-data-modal-secondary{color:#374151;background:#f3f4f6}.payroll-data-modal-primary{color:#281900;background:#ebac34}.payroll-data-modal-primary:disabled{cursor:not-allowed;opacity:.65}.payroll-management-locked-state{color:#94a3b8;text-align:center;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.payroll-management-locked-state svg{color:#cbd5e1;font-size:30px}.payroll-management-locked-state strong{letter-spacing:1.2px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.payroll-management-locked-state button{color:#7e5700;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7e570040;padding:0 0 2px;font-size:10px;font-weight:700;line-height:12px}.payroll-result-page{flex-direction:column;gap:40px;display:flex}.payroll-result-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.payroll-result-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:38px}.payroll-result-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:400;line-height:20px}.payroll-result-filterbar{align-items:flex-end;gap:16px;display:flex}.payroll-result-filterbar label{gap:6px;display:grid}.payroll-result-filterbar label>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-result-filterbar label:first-child{width:178px}.payroll-result-filterbar label:nth-child(2){width:220px}.payroll-result-filterbar label button,.payroll-result-filter-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;display:inline-flex}.payroll-result-filterbar label button{color:#191c1f;background:#fff;justify-content:space-between;gap:12px;width:100%;padding:12px 16px 12px 20px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #0000000d}.payroll-result-filterbar label button svg{color:#94a3b8;font-size:18px}.payroll-result-filter-button{color:#fff;background:#ebac34;justify-content:center;width:44px;height:44px;padding:0;font-size:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-result-brief{grid-template-columns:1fr 1fr 2.15fr;align-items:stretch;gap:24px;display:grid}.payroll-result-stat,.payroll-result-compliance{box-sizing:border-box;border-radius:8px;overflow:hidden}.payroll-result-stat{background:#fff;border:1px solid #f1f5f980;align-content:center;gap:8px;min-height:105px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-result-stat span,.payroll-result-compliance span,.payroll-result-list h3,.payroll-result-metric span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-result-stat strong{color:#191c1f;font-size:24px;font-weight:700;line-height:32px}.payroll-result-compliance{color:#fff;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);justify-content:space-between;align-items:center;min-height:130px;padding:24px;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-result-compliance span{color:#ffffffd1;font-weight:700}.payroll-result-compliance strong{color:#fff;margin-top:8px;font-size:24px;font-weight:700;line-height:32px;display:block}.payroll-result-compliance p{color:#ffffffb8;margin:4px 0 0;font-size:11px;line-height:16px}.payroll-result-compliance>svg{color:#28190040;font-size:44px;position:absolute;bottom:14px;right:18px}.payroll-result-list{gap:16px;display:grid}.payroll-result-list h3{letter-spacing:1.1px;margin:0;font-size:11px;line-height:17px}.payroll-result-card{box-sizing:border-box;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:115px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-result-card-main{flex:1;align-items:center;gap:32px;min-width:0;display:flex}.payroll-result-metric{gap:4px;min-width:80px;display:grid}.payroll-result-metric.wide{min-width:235px}.payroll-result-metric strong{color:#191c1f;max-width:190px;font-size:16px;font-weight:700;line-height:24px}.payroll-result-metric.amount strong{color:#0058be;font-weight:700}.payroll-result-divider{background:#e2e8f0bf;flex:none;width:1px;height:40px}.payroll-result-card-actions{justify-content:flex-end;align-items:center;gap:24px;display:flex}.payroll-result-status{text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:23px;padding:4px 12px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.payroll-result-status.green{color:#15803d;background:#dcfce7}.payroll-result-status.yellow{color:#b45309;background:#fef3c7}.payroll-result-card-actions button{color:#191c1f;min-height:36px;font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#eceef2;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-result-card-actions button svg{display:none}.payroll-rapel-page{flex-direction:column;gap:32px;display:flex}.payroll-rapel-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.payroll-rapel-header span{color:#7e5700;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px;display:block}.payroll-rapel-header h2{color:#191c1f;text-transform:uppercase;margin:4px 0 0;font-size:30px;font-weight:700;line-height:36px}.payroll-rapel-blast{color:#281900;min-height:48px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-rapel-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.payroll-rapel-stat{box-sizing:border-box;background:#fff;border-radius:8px;align-content:center;gap:12px;min-height:153px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-rapel-stat span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:500;line-height:15px}.payroll-rapel-stat strong{color:#191c1f;font-size:36px;font-weight:700;line-height:40px}.payroll-rapel-stat p{color:#827562;margin:0;font-size:12px;line-height:16px}.payroll-rapel-progress{background:#f2f4f8;border-radius:12px;width:100%;height:4px;overflow:hidden}.payroll-rapel-progress span{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);width:75%;height:100%;display:block}.payroll-rapel-filter{box-sizing:border-box;background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:0 25px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-rapel-filter label{color:#50453580;background:#f2f4f8;border-radius:4px;flex:1;align-items:center;gap:16px;min-width:0;min-height:40px;padding:0 16px 0 20px;display:flex}.payroll-rapel-filter input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.payroll-rapel-filter input::placeholder{color:#50453573}.payroll-rapel-filter button{color:#281900;min-height:40px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.payroll-rapel-table-card{background:#fff;border:1px solid #eceef2;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-rapel-table-wrap{overflow-x:auto}.payroll-rapel-table{border-collapse:collapse;text-align:left;width:100%;min-width:1120px}.payroll-rapel-table thead{background:#f2f4f8}.payroll-rapel-table th{color:#191c1f;letter-spacing:1px;text-transform:uppercase;padding:16px 18px;font-size:10px;font-weight:700;line-height:12px}.payroll-rapel-table th:nth-child(n+4):nth-child(-n+8){text-align:center}.payroll-rapel-table th:last-child,.payroll-rapel-table td:last-child{text-align:right}.payroll-rapel-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #eceef2;height:84px;padding:18px;font-size:14px}.payroll-rapel-table tbody tr:first-child td{border-top:0}.payroll-rapel-table td:nth-child(n+4):nth-child(-n+8){text-align:center}.payroll-rapel-table td:nth-child(2){color:#504535;font-family:Liberation Mono,monospace;line-height:20px}.payroll-rapel-table td:nth-child(3){color:#504535;max-width:150px;font-size:12px;line-height:16px}.payroll-rapel-person{align-items:center;gap:12px;min-width:195px;display:flex}.payroll-rapel-person>span{border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.payroll-rapel-person>span.gold{color:#7e5700;background:#ffdeac}.payroll-rapel-person>span.blue{color:#0058be;background:#d8e2ff}.payroll-rapel-person>span.cyan{color:#006496;background:#cce5ff}.payroll-rapel-person strong{color:#191c1f;max-width:120px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-rapel-person small{color:#827562;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500;line-height:12px;display:block}.payroll-rapel-table td.danger{color:#ba1a1a}.payroll-rapel-table td.success{color:#16a34a}.payroll-rapel-table td:nth-child(11) strong{color:#191c1f;max-width:110px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-rapel-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.payroll-rapel-pagination p{color:#504535;margin:0;font-size:12px;font-weight:600;line-height:16px}.payroll-rapel-pagination nav{align-items:center;gap:4px;display:flex}.payroll-rapel-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.payroll-rapel-pagination button.active{color:#281900;background:#ebac34}.payroll-rapel-pagination button.muted{opacity:.35}.payroll-rapel-pagination span{color:#504535;padding:0 8px;font-size:12px}@media (width<=1180px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.employee-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-filter-panel{flex-wrap:wrap}.performance-search{flex-basis:100%}.mutation-filter-panel{flex-wrap:wrap}.mutation-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-analytics{grid-template-columns:1fr}.attendance-summary-column{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-panel{flex-wrap:wrap}.physical-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.physical-sync-card{grid-column:1/-1}.schedule-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-insight-grid{grid-template-columns:1fr}.schedule-filter-panel{flex-wrap:wrap}.schedule-search{flex-basis:100%}.activation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-filter-panel{flex-wrap:wrap}.activation-search{flex-basis:100%}.operational-summary-grid,.operational-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-type-tabs{max-width:none;overflow-x:auto}.operational-type-tabs button{flex:none;min-width:170px}.attendance-search-form,.mutation-search{flex-basis:100%}.client-stat-grid,.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-filter-panel{flex-wrap:wrap}.branch-search{flex-basis:100%}.branch-role-tabs{justify-content:flex-start;overflow-x:auto}.payroll-component-filter-panel{grid-template-columns:1fr 1fr}.payroll-component-filter-field:first-child{grid-column:1/-1}.payroll-component-modal-grid,.wage-filter-grid{grid-template-columns:1fr}.wage-detail-grid{grid-template-columns:repeat(3,minmax(78px,1fr))}.event-filter-panel,.payroll-management-top-stats,.payroll-management-bottom-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-management-filter{grid-template-columns:1fr}.payroll-summary-detail-meta-grid{grid-template-columns:1fr;gap:24px}.payroll-summary-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-result-header,.payroll-result-card{flex-direction:column;align-items:stretch}.payroll-result-filterbar{flex-wrap:wrap;width:100%}.payroll-result-filterbar label:first-child,.payroll-result-filterbar label:nth-child(2){flex:1;width:auto;min-width:220px}.payroll-result-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-result-compliance{grid-column:1/-1}.payroll-result-card-main{flex-wrap:wrap;width:100%}.payroll-result-card-actions{width:100%}.payroll-rapel-filter{flex-wrap:wrap}.payroll-rapel-filter label{flex-basis:100%}}@media (width<=820px){.app-shell{display:block}.main-shell{padding-left:0}.sidebar{gap:24px;width:auto;min-height:auto;position:static}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.top-navbar,.app-footer{flex-direction:column;align-items:flex-start}.navbar-actions{justify-content:space-between;width:100%}.content-area{padding:24px 16px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel-header,.chart-legend{flex-direction:column;align-items:flex-start}.footer-socials{border-left:0;padding-left:0}.employee-header,.employee-filter-panel,.employee-pagination{flex-direction:column;align-items:stretch}.employee-header-actions{justify-content:flex-start}.employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.select-field{width:100%}.employee-pagination nav{justify-content:flex-end}.employee-modal-overlay{align-items:flex-start;padding:16px}.employee-modal-card{max-height:calc(100vh - 32px)}.employee-modal-grid{grid-template-columns:1fr;padding:24px}.employee-import-header,.employee-import-grid{grid-template-columns:1fr}.employee-import-template,.employee-import-submit,.employee-import-upload{width:100%}.employee-import-jobs-header,.employee-import-job,.employee-import-job-detail-header{flex-direction:column;align-items:stretch}.employee-import-job>div:last-child,.employee-import-job-detail-header span{text-align:left;max-width:100%}.employee-import-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-promotion-grid{grid-template-columns:1fr}.employee-warning-summary{flex-direction:column}.employee-warning-history{align-items:flex-start}.employee-warning-pills{justify-content:flex-start}.employee-cutoff-range-row{grid-template-columns:1fr}.employee-modal-footer{padding:20px 24px}.employee-detail-header,.employee-detail-footer{flex-direction:column;align-items:stretch}.employee-detail-actions{justify-content:flex-start}.employee-detail-layout{grid-template-columns:1fr}.employee-detail-right{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-detail-right>.employee-detail-section-title,.employee-detail-wide-card,.employee-detail-leave-card,.employee-detail-activity-card{grid-column:1/-1}.performance-filter-panel,.performance-pagination{flex-direction:column;align-items:stretch}.performance-search,.performance-select,.performance-select.wide,.performance-apply{width:100%;min-width:0}.performance-pagination nav{justify-content:flex-end}.mutation-header,.mutation-filter-panel,.mutation-pagination{flex-direction:column;align-items:stretch}.mutation-stat-grid{grid-template-columns:1fr}.mutation-search,.mutation-select,.mutation-apply{width:100%;min-width:0;margin-left:0}.mutation-pagination nav{justify-content:flex-end}.attendance-header,.attendance-header-actions,.attendance-filter-panel{flex-direction:column;align-items:stretch}.attendance-header-actions,.attendance-secondary-button,.attendance-primary-button,.attendance-date-filter,.attendance-select,.attendance-search-form,.attendance-search{width:100%;min-width:0}.schedule-header,.schedule-actions,.schedule-filter-panel{flex-direction:column;align-items:stretch}.schedule-actions,.schedule-secondary-button,.schedule-primary-button,.schedule-date-filter,.schedule-select,.schedule-search{width:100%;min-width:0}.schedule-summary-grid{grid-template-columns:1fr}.schedule-shift-modal{max-height:calc(100vh - 32px)}.schedule-shift-modal-body{padding:24px}.schedule-shift-form-grid{grid-template-columns:1fr;gap:24px}.schedule-pattern-item{grid-template-columns:32px minmax(0,1fr) 36px;align-items:start}.schedule-pattern-item .schedule-shift-field{grid-column:2/3}.schedule-pattern-remove{grid-area:1/3/2/4}.schedule-shift-modal-footer{flex-direction:column-reverse;padding:20px 24px}.schedule-shift-modal-footer button{width:100%}.schedule-chart-scroll{overflow-x:auto}.schedule-bar-chart,.schedule-chart-axis{min-width:560px}.activation-header,.activation-filter-panel,.activation-pagination{flex-direction:column;align-items:stretch}.activation-add-button,.activation-search,.activation-status-select,.activation-filter-button{width:100%;min-width:0}.activation-summary-grid{grid-template-columns:1fr}.activation-pagination nav{justify-content:flex-end}.operational-summary-grid,.operational-filter-panel{grid-template-columns:1fr}.operational-pagination{flex-direction:column;align-items:stretch}.operational-pagination nav{justify-content:flex-end}.attendance-summary-column{grid-template-columns:1fr}.attendance-chart-header{flex-direction:column;align-items:flex-start}.physical-attendance-header{flex-direction:column;align-items:stretch}.physical-date-card{box-sizing:border-box;justify-content:space-between;width:100%}.physical-summary-grid{grid-template-columns:1fr}.physical-sync-card{grid-column:auto}.client-header,.client-filter-panel{flex-direction:column;align-items:stretch}.client-search,.client-apply{width:100%}.client-chart-header{flex-direction:column;align-items:flex-start}.branch-header,.branch-filter-panel,.branch-pagination{flex-direction:column;align-items:stretch}.branch-stat-grid{grid-template-columns:1fr}.branch-search,.branch-select,.branch-apply{width:100%;min-width:0;margin-left:0}.branch-pagination nav{justify-content:flex-end}.branch-create-modal-overlay{align-items:flex-start;padding:16px}.branch-create-modal-card{max-height:calc(100vh - 32px)}.branch-create-modal-body{padding:24px}.branch-create-modal-grid-two,.branch-create-modal-grid-three{grid-template-columns:1fr}.branch-create-map-actions{flex-direction:column;align-items:flex-start}.branch-create-modal-footer{flex-direction:column-reverse;padding:20px 24px}.branch-create-modal-secondary,.branch-create-modal-primary{width:100%}.branch-management-header,.branch-management-pagination{flex-direction:column;align-items:stretch}.branch-management-action{width:100%}.branch-management-modal-overlay{align-items:flex-start;padding:16px}.branch-management-modal-card{max-height:calc(100vh - 32px)}.branch-management-modal-body{padding:24px}.branch-management-modal-grid{grid-template-columns:1fr}.branch-management-modal-footer{flex-direction:column-reverse;padding:20px 24px}.branch-management-modal-secondary,.branch-management-modal-primary{width:100%}.branch-management-pagination nav{justify-content:flex-end}.payroll-component-header,.payroll-component-filter-panel,.payroll-component-pagination{align-items:stretch}.payroll-component-stats{grid-template-columns:1fr}.payroll-component-add,.payroll-component-filter-panel button{width:100%;min-width:0}.payroll-component-filter-panel{grid-template-columns:1fr}.payroll-component-pagination nav{justify-content:flex-end}.payroll-component-modal-overlay{align-items:flex-start;padding:16px}.payroll-component-modal-card{max-height:calc(100vh - 32px)}.payroll-component-modal-body{padding:24px}.payroll-component-modal-footer{flex-direction:column-reverse;padding:20px 24px}.payroll-component-modal-secondary,.payroll-component-modal-primary{width:100%}.wage-header,.wage-pagination{flex-direction:column;align-items:stretch}.wage-action{width:100%}.wage-stat-grid{grid-template-columns:1fr}.wage-pagination nav{justify-content:flex-end}.event-header,.event-pagination{flex-direction:column;align-items:stretch}.event-add{width:100%}.event-stat-grid,.event-filter-panel{grid-template-columns:1fr}.event-pagination nav{justify-content:flex-end}.payroll-management-page{gap:32px}.payroll-management-top-stats,.payroll-management-bottom-stats,.payroll-management-period-title,.payroll-management-period-header{grid-template-columns:1fr}.payroll-management-period-header>button{width:100%}.payroll-summary-detail-meta-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.payroll-summary-detail-meta-header strong{white-space:normal}.payroll-summary-detail-meta-actions{justify-content:space-between;width:100%}.payroll-summary-detail-meta-grid{padding:24px 16px}.payroll-summary-detail-tabs{justify-content:flex-start;gap:24px;padding:0 16px}.payroll-summary-detail-tabs button{flex:none;font-size:16px}.payroll-summary-detail-kpis,.payroll-summary-overtime-kpis,.payroll-summary-deduction-kpis,.payroll-summary-bonus-kpis{grid-template-columns:1fr}.payroll-summary-detail-primary-kpi:first-child,.payroll-summary-detail-primary-kpi.centered{grid-column:auto}.payroll-summary-detail-primary-kpi strong{font-size:30px;line-height:36px}.payroll-result-filterbar{flex-direction:column;align-items:stretch}.payroll-result-filterbar label:first-child,.payroll-result-filterbar label:nth-child(2),.payroll-result-filter-button{width:100%;min-width:0}.payroll-result-brief{grid-template-columns:1fr}.payroll-result-card-main{flex-direction:column;align-items:stretch;gap:18px}.payroll-result-divider{width:100%;height:1px}.payroll-result-card-actions{flex-direction:column;align-items:stretch;gap:12px}.payroll-result-card-actions button{width:100%}.payroll-management-period-title span{display:none}.payroll-management-period-title h3{box-sizing:border-box;width:100%}.payroll-rapel-header,.payroll-rapel-filter,.payroll-rapel-pagination{flex-direction:column;align-items:stretch}.payroll-rapel-blast,.payroll-rapel-filter button{width:100%}.payroll-rapel-summary{grid-template-columns:1fr}.payroll-rapel-pagination nav{justify-content:flex-end}}@media (width<=560px){.top-navbar{padding:16px}.quick-info,.navbar-actions,.profile-mini{flex-direction:column;align-items:flex-start}.navbar-divider{display:none}.summary-grid,.side-nav{grid-template-columns:1fr}.summary-card{min-height:136px}.chart-panel,.branch-panel{padding:24px}.flow-chart{grid-template-columns:repeat(6,56px);gap:6px;overflow-x:auto}.employee-header h2{font-size:26px;line-height:32px}.employee-stat-grid{grid-template-columns:1fr}.employee-stat-card{min-height:96px}.employee-detail-actions button{width:100%}.employee-detail-profile-card{padding:24px}.employee-detail-profile-main,.employee-detail-profile-grid,.employee-detail-info-grid,.employee-detail-bank,.employee-detail-history-grid,.employee-detail-right,.employee-detail-stat-grid{grid-template-columns:1fr}.employee-detail-profile-main img{width:112px;height:112px}.employee-detail-card-header{flex-direction:column;align-items:flex-start}.employee-header-actions,.download-button,.employee-add-button{width:100%}.employee-modal-header{padding:24px 24px 20px}.employee-modal-footer{flex-direction:column-reverse}.employee-modal-secondary,.employee-modal-primary{width:100%}.employee-warning-primary{min-width:0}.employee-cutoff-add,.employee-cutoff-remove{width:100%}.employee-table td:first-child,.employee-table th:first-child{padding-left:24px}.performance-stat-grid{grid-template-columns:1fr}.performance-stat-card{min-height:136px}.performance-table td:first-child,.performance-table th:first-child{padding-left:24px}.mutation-header h2{font-size:26px;line-height:32px}.mutation-stat-card{min-height:144px}.mutation-table td:first-child,.mutation-table th:first-child{padding-left:24px}.client-header h2{font-size:26px;line-height:32px}.client-stat-grid,.client-grid{grid-template-columns:1fr}.client-chart{grid-template-columns:repeat(6,72px);overflow-x:auto}.branch-header h2{font-size:26px;line-height:32px}.branch-create-modal-header{padding:24px 24px 20px}.branch-create-modal-header h3{font-size:22px;line-height:28px}.branch-create-map-coordinates{max-width:100%}.branch-table td:first-child,.branch-table th:first-child{padding-left:24px}.branch-management-header h2{font-size:26px;line-height:32px}.branch-management-table td:first-child,.branch-management-table th:first-child{padding-left:24px}.branch-management-table td:last-child,.branch-management-table th:last-child{padding-right:24px}.branch-management-modal-header{padding:24px 24px 20px}.branch-management-modal-header h3{font-size:22px;line-height:28px}.payroll-component-header h2,.wage-header h2{font-size:26px;line-height:32px}.wage-detail-grid{grid-template-columns:repeat(2,minmax(78px,1fr))}.event-header h2{font-size:26px;line-height:32px}.event-table td:first-child,.event-table th:first-child{padding-left:24px}.payroll-management-stat strong{font-size:22px;line-height:30px}.payroll-management-stat em{position:static}.payroll-management-table th,.payroll-management-table td{padding-left:14px;padding-right:14px}.payroll-result-header h2{font-size:26px;line-height:32px}.payroll-result-compliance strong{font-size:21px;line-height:28px}.payroll-rapel-header h2{font-size:26px;line-height:32px}.payroll-rapel-stat strong{font-size:28px;line-height:34px}.payroll-rapel-table th,.payroll-rapel-table td{padding-left:14px;padding-right:14px}.schedule-header h2,.activation-header h2,.operational-approval-header h2{font-size:26px;line-height:32px}}.maintenance-page{background:radial-gradient(circle at top,#ebac342e,#0000 30%),linear-gradient(#fffaf1 0%,#f5f7fb 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.maintenance-card{text-align:center;background:#ffffffeb;border:1px solid #d4c4af80;border-radius:20px;width:min(100%,560px);padding:40px 36px;box-shadow:0 24px 48px -20px #0f172a47,0 10px 20px -16px #7e570033}.maintenance-badge{color:#7e5700;letter-spacing:1.2px;text-transform:uppercase;background:#ebac3424;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:8px 14px;font-size:11px;font-weight:800;display:inline-flex}.maintenance-card h1{color:#191c1f;margin:0;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.1}.maintenance-card p{color:#5f5344;margin:16px 0 0;font-size:15px;line-height:24px}.management-database-page{flex-direction:column;gap:28px;display:flex}.management-database-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.management-database-header span{color:#7e5700;letter-spacing:1.2px;text-transform:uppercase;background:#ebac3429;border-radius:999px;margin-bottom:10px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.management-database-header h2{color:#191c1f;letter-spacing:-.04em;margin:0;font-size:34px;font-weight:900;line-height:40px}.management-database-header p{color:#5f5344;max-width:720px;margin:10px 0 0;font-size:14px;line-height:22px}.management-database-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.management-database-summary-card{background:#fff;border:1px solid #f3f4f6cc;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:16px;min-height:148px;padding:24px;display:flex;box-shadow:0 24px 40px -32px #0f172a52,0 1px 2px #0f172a0f}.management-database-summary-copy{flex-direction:column;gap:8px;display:flex}.management-database-summary-copy span{color:#5f5344;letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:900}.management-database-summary-copy strong{color:#191c1f;letter-spacing:-.06em;font-size:clamp(34px,4vw,58px);font-weight:900;line-height:1}.management-database-filterbar{background:#fffffff2;border:1px solid #f3f4f6e6;border-radius:24px;align-items:center;gap:18px;padding:16px;display:flex;box-shadow:0 1px 2px #0f172a0d}.management-database-search{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.management-database-search svg{color:#5f5344;position:absolute;left:16px}.management-database-search input,.management-database-date-field input,.management-database-select select{color:#191c1f;font:inherit;background:#f2f4f8;border:0;outline:none}.management-database-search input{border-radius:12px;width:100%;min-height:52px;padding:0 16px 0 48px;font-size:15px}.management-database-search input::placeholder{color:#50453594}.management-database-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.management-database-filter-group>span{color:#5f5344;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.management-database-date-field,.management-database-select{align-items:center;min-width:170px;display:inline-flex;position:relative}.management-database-date-field svg,.management-database-select svg{color:#64748b;pointer-events:none;position:absolute;right:14px}.management-database-date-field svg{left:14px;right:auto}.management-database-date-field input,.management-database-select select{border-radius:12px;width:100%;min-height:48px;font-size:14px;font-weight:600}.management-database-date-field input{padding:0 14px 0 44px}.management-database-select select{appearance:none;padding:0 40px 0 14px}.management-database-table-card{background:#fff;border:1px solid #f3f4f6d9;border-radius:24px;overflow:hidden;box-shadow:0 24px 40px -34px #0f172a47,0 1px 2px #0f172a0f}.management-database-table-wrap{overflow-x:auto}.management-database-table{border-collapse:collapse;width:100%;min-width:960px}.management-database-table thead tr{background:#f2f4f8b3}.management-database-table th,.management-database-table td{text-align:left;vertical-align:middle;padding:22px 18px}.management-database-table th{color:#5f5344;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:900}.management-database-table td{border-top:1px solid #f6f7fa}.management-database-name-cell,.management-database-person-cell{flex-direction:column;gap:4px;display:flex}.management-database-name-cell strong,.management-database-person-cell strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.management-database-name-cell span,.management-database-person-cell span,.management-database-table td small{color:#5f5344;font-size:11px;line-height:15px}.management-database-table td:nth-child(2){flex-direction:column;gap:8px;display:flex}.management-database-branch-pill,.management-database-status-pill{text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.management-database-branch-pill.processed{color:#7e5700;background:#ebac341f}.management-database-branch-pill.pending{color:#504535;background:#e6e8ec}.management-database-status-pill{color:#ba1a1a;background:#ba1a1a14}.management-database-status-pill svg{font-size:10px}.management-database-action{color:#7e5700;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;font-weight:800;display:inline-flex}.management-database-action:hover{color:#9a6a00}.management-database-empty{color:#5f5344;text-align:center;padding:40px 24px;font-size:14px;font-weight:600}.management-database-pagination{background:#f2f4f861;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.management-database-pagination p{color:#504535;margin:0;font-size:13px;font-weight:600;line-height:20px}.management-database-pagination nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.management-database-pagination button{color:#504535;min-width:36px;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.management-database-pagination button.active{color:#281900;background:#ebac34}.management-database-pagination button.muted{opacity:.35}.management-database-pagination span{color:#504535;padding:0 8px;font-size:13px}.management-database-note{color:#6e5a3d;background:#fffaf1e6;border:1px solid #d4c4af73;border-radius:14px;align-items:center;gap:10px;width:fit-content;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.management-database-modal-overlay{z-index:1000;background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.management-database-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:min(896px,100%);max-height:min(921px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 35px 60px -15px #0000004d}.management-database-modal-header{background:#f7f9fd;border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.management-database-modal-header h3{color:#191c1f;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:900;line-height:32px}.management-database-modal-header p{color:#d97706;letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:10px;font-weight:800;line-height:15px}.management-database-modal-close{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.management-database-modal-close:hover{background:#5045350f}.management-database-modal-body{flex-direction:column;flex:1;gap:40px;min-height:0;padding:32px;display:flex;overflow-y:auto}.management-database-modal-section{flex-direction:column;gap:24px;display:flex}.management-database-modal-section-header{align-items:center;gap:12px;display:flex}.management-database-modal-section-header span{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:inline-flex}.management-database-modal-section-header span.personal{color:#b45309;background:#fef3c7}.management-database-modal-section-header span.banking{color:#0058be;background:#0058be1f}.management-database-modal-section-header span.documents{color:#006496;background:#0064961f}.management-database-modal-section-header strong{color:#504535;letter-spacing:2.4px;text-transform:uppercase;font-size:12px;font-weight:900;line-height:16px}.management-database-modal-section-header i{background:#d4c4af4d;flex:1;height:1px}.management-database-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;display:grid}.management-database-modal-grid.banking{grid-template-columns:repeat(3,minmax(0,1fr))}.management-database-modal-field{flex-direction:column;gap:8px;min-width:0;display:flex}.management-database-modal-field.full{grid-column:1/-1}.management-database-modal-field>span{color:#504535;letter-spacing:.55px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.management-database-modal-field input,.management-database-modal-field select,.management-database-modal-field textarea{color:#191c1f;width:100%;font:inherit;background:#f2f4f8;border:0;border-radius:10px;outline:none;font-size:14px}.management-database-modal-field input,.management-database-modal-field select{min-height:48px;padding:0 16px}.management-database-modal-field textarea{resize:vertical;min-height:132px;padding:14px 16px;line-height:20px}.management-database-modal-field input::placeholder,.management-database-modal-field textarea::placeholder{color:#6b7280}.management-database-modal-select{align-items:center;display:flex;position:relative}.management-database-modal-select select{appearance:none;cursor:pointer;padding-right:42px}.management-database-modal-select svg{color:#6b7280;pointer-events:none;position:absolute;right:16px}.management-database-document-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.management-database-template-card{background:linear-gradient(135deg,#fffaf1 0%,#fff 100%);border:1px solid #d4c4af52;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 20px;display:grid}.management-database-template-card span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:15px;display:block}.management-database-template-card strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.management-database-existing-lookup{flex-direction:column;gap:16px;display:flex}.management-database-modal-section.compact{gap:18px}.management-database-pending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.management-database-pending-grid article,.management-database-existing-confirm>div{background:#fffdf8;border:1px solid #d4c4af4d;border-radius:12px;padding:14px 16px}.management-database-pending-grid span,.management-database-existing-confirm span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;line-height:15px;display:block}.management-database-pending-grid strong,.management-database-existing-confirm strong{color:#191c1f;font-size:13px;line-height:20px}.management-database-decision-tabs{background:#f2f4f8;border-radius:14px;gap:8px;padding:6px;display:inline-flex}.management-database-decision-tabs button{color:#504535;min-height:44px;font:inherit;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 16px;font-size:12px;font-weight:800}.management-database-decision-tabs button.active{color:#fff;background:#191c1f}.management-database-existing-copy{color:#504535;font-size:13px;line-height:20px}.management-database-existing-search{gap:12px;display:flex}.management-database-existing-search input{color:#191c1f;background:#f8fafc;border:1px solid #d4c4af4d;border-radius:10px;flex:1;min-width:0;min-height:48px;padding:0 16px;font-size:14px}.management-database-existing-search button{color:#fff;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:#191c1f;border:none;border-radius:10px;min-width:108px;font-size:12px;font-weight:700}.management-database-existing-results{flex-direction:column;gap:12px;display:flex}.management-database-existing-confirm{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.management-database-existing-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #d4c4af4d;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.management-database-existing-option.active{background:#2563eb0f;border-color:#2563eb59}.management-database-existing-option strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.management-database-existing-option span{color:#504535;margin-top:4px;font-size:12px;line-height:18px;display:block}.management-database-existing-option svg{color:#1d4ed8;font-size:14px}.management-database-process-success{background:#10b98114;border:1px solid #10b98140;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.management-database-process-success strong{color:#065f46;font-size:14px;font-weight:700;line-height:20px}.management-database-process-success span{color:#065f46;font-size:12px;line-height:18px}.management-database-process-success.resolved{background:#2563eb14;border-color:#2563eb33}.management-database-process-success.resolved strong,.management-database-process-success.resolved span{color:#1d4ed8}.management-database-document-upload,.management-database-document-preview{flex-direction:column;gap:16px;display:flex}.management-database-document-upload>span,.management-database-document-preview>span{color:#504535;letter-spacing:.55px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.management-database-document-dropzone{color:#504535;text-align:center;cursor:pointer;background:#f2f4f84d;border:2px dashed #d4c4af80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:168px;display:flex}.management-database-document-dropzone input{display:none}.management-database-document-dropzone svg{color:#d4c4af;font-size:24px}.management-database-document-dropzone strong{font-size:12px;font-weight:600;line-height:16px}.management-database-document-dropzone small,.management-database-document-card small{color:#504535a6;font-size:10px;line-height:15px}.management-database-document-card{background:#eceef2;border:1px solid #d4c4af33;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:225px;display:flex;box-shadow:inset 0 2px 4px 1px #0000000d}.management-database-document-card svg{color:#d4c4afcc;font-size:28px}.management-database-modal-footer{background:#f2f4f8;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.management-database-modal-secondary,.management-database-modal-primary{min-height:44px;font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.management-database-modal-secondary{color:#504535;background:0 0;border:0;min-width:92px}.management-database-modal-secondary.danger{color:#b91c1c;gap:8px}.management-database-modal-secondary.danger:hover:not(:disabled){color:#7f1d1d}.management-database-modal-primary{color:#281900;background:linear-gradient(90deg,#ebac34 0%,#d49922 100%);border:0;min-width:160px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.management-database-modal-secondary:disabled,.management-database-modal-primary:disabled{cursor:not-allowed;opacity:.72}.route-management-page{flex-direction:column;gap:40px;min-height:860px;display:flex}.route-management-hero{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.route-management-hero h2{color:#191c1f;margin:0;font-size:30px;font-weight:900;line-height:36px}.route-management-hero p{color:#504535;max-width:720px;margin:12px 0 0;font-size:16px;line-height:26px}.route-management-primary{color:#281900;cursor:pointer;min-height:48px;font:inherit;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.route-management-stats{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(280px,2.1fr);gap:24px;display:grid}.route-management-stat-card{background:#fff;border:1px solid #f3f4f6d9;border-radius:8px;align-items:center;gap:22px;min-height:96px;padding:24px;display:flex;box-shadow:0 1px 2px #0f172a0f}.route-management-stat-card.wide{justify-content:center}.route-management-stat-icon{border-radius:8px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.route-management-stat-icon.muted{color:#8f6400;background:#f1ede5}.route-management-stat-icon.warehouse{color:#006190;background:#eaf4f7}.route-management-stat-icon.success{color:#0f9b78;background:#e3f8f1}.route-management-stat-card span:not(.route-management-stat-icon){color:#504535;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px;display:block}.route-management-stat-card strong{color:#191c1f;margin-top:4px;font-size:28px;font-weight:900;line-height:34px;display:block}.route-management-filterbar{background:#f2f4f8;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.route-management-search{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.route-management-search svg{color:#a0a4a8;font-size:14px;position:absolute;left:16px}.route-management-search input,.route-management-select select{color:#191c1f;width:100%;min-height:48px;font:inherit;background:#fff;border:0;border-radius:4px;outline:0;font-size:15px;line-height:22px}.route-management-search input{padding:0 18px 0 46px}.route-management-search input::placeholder{color:#6b7280}.route-management-select{align-items:center;width:180px;display:flex;position:relative}.route-management-select.status{width:164px}.route-management-select>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.route-management-select select{appearance:none;padding:0 44px 0 16px}.route-management-select svg{color:#6b7280;pointer-events:none;position:absolute;right:16px}.route-management-combobox{flex:none;width:220px;position:relative}.route-management-combobox>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.route-management-combobox>button{color:#191c1f;cursor:pointer;width:100%;min-height:48px;font:inherit;text-align:left;background:#fff;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:15px;line-height:22px;display:flex}.route-management-combobox>button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-management-combobox>button svg{color:#6b7280;flex:none}.route-management-combobox-menu{z-index:80;background:#fff;border:1px solid #d4c4af59;border-radius:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 18px 40px -28px #0f172a80}.route-management-combobox-search{border-bottom:1px solid #d4c4af38;align-items:center;padding:10px;display:flex;position:relative}.route-management-combobox-search svg{color:#9ca3af;font-size:13px;position:absolute;left:24px}.route-management-combobox-search input{color:#191c1f;width:100%;min-height:38px;font:inherit;background:#f8fafc;border:1px solid #d4c4af59;border-radius:6px;outline:0;padding:0 12px 0 34px;font-size:13px}.route-management-combobox-options{flex-direction:column;max-height:240px;padding:6px;display:flex;overflow-y:auto}.route-management-combobox-options button{color:#504535;cursor:pointer;min-height:38px;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px;font-weight:700}.route-management-combobox-options button:hover,.route-management-combobox-options button.active{color:#7e5700;background:#ebac3424}.route-management-combobox-options p{color:#827562;margin:0;padding:12px 10px;font-size:12px;line-height:18px}.route-management-filter-button{color:#191c1f;cursor:pointer;background:#e0e3e6;border:0;border-radius:6px;flex:none;place-items:center;width:48px;height:48px;font-size:16px;display:inline-grid}.route-management-table-card{background:#fff;border:1px solid #f3f4f6d9;border-radius:8px;overflow:hidden;box-shadow:0 24px 40px -34px #0f172a47,0 1px 2px #0f172a0f}.route-management-table-wrap{overflow-x:auto}.route-management-table{border-collapse:collapse;text-align:left;width:100%;min-width:1080px}.route-management-table thead tr{background:#f2f4f8b8}.route-management-table th,.route-management-table td{vertical-align:middle;padding:24px 18px}.route-management-table th:first-child,.route-management-table td:first-child{padding-left:32px}.route-management-table th:last-child,.route-management-table td:last-child{padding-right:32px}.route-management-table th{color:#504535;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:14px}.route-management-table td{color:#191c1f;border-top:1px solid #e9edf2;height:120px;font-size:15px;line-height:22px}.route-management-table tbody tr:first-child td{border-top:0}.route-management-table td:first-child strong{color:#191c1f;max-width:150px;font-size:16px;font-weight:900;line-height:22px;display:block}.route-management-table td:first-child span{color:#504535;text-transform:uppercase;max-width:150px;margin-top:8px;font-size:11px;line-height:15px;display:block}.route-management-warehouse-cell,.route-management-path-cell,.route-management-duration-cell,.route-management-cost-list,.route-management-actions{align-items:center;display:flex}.route-management-warehouse-cell{gap:12px;max-width:150px}.route-management-warehouse-cell i{border-radius:999px;flex:none;width:6px;height:10px}.route-management-warehouse-cell span{font-size:16px;line-height:24px}.route-management-path-cell{white-space:nowrap;gap:18px}.route-management-path-cell strong{font-size:16px;font-weight:800}.route-management-path-cell span{color:#9ca3af;font-weight:800}.route-management-duration-cell,.route-management-cost-list{flex-direction:column;align-items:flex-start}.route-management-duration-cell strong{font-size:16px;font-weight:800;line-height:22px}.route-management-duration-cell span{color:#504535;font-size:12px;line-height:16px}.route-management-cost-list{gap:6px}.route-management-cost-list span{color:#504535;white-space:nowrap;background:#f1f3f7;border-radius:2px;align-items:center;min-height:18px;padding:2px 10px;font-size:11px;font-weight:800;line-height:14px;display:inline-flex}.route-management-status{text-align:center;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:74px;min-height:28px;padding:6px 14px;font-size:11px;font-weight:900;line-height:14px;display:inline-flex}.route-management-status.active{color:#007c61;background:#e2f8f1}.route-management-status.inactive{color:#b91c1c;background:#fde8eb;border-radius:12px}.route-management-actions{justify-content:flex-end;gap:12px}.route-management-actions button{color:#a0a4a8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;font-size:15px;display:inline-grid}.route-management-actions button:hover{color:#504535;background:#f2f4f8}.route-management-empty{color:#827562;text-align:center;height:120px}.route-management-pagination{background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:16px 32px;display:flex}.route-management-pagination p{color:#504535;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900;line-height:16px}.route-management-pagination nav{align-items:center;gap:8px;display:flex}.route-management-pagination button{color:#504535;cursor:pointer;min-width:40px;height:40px;font:inherit;background:#fff;border:0;border-radius:4px;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.route-management-pagination button.active{color:#fff;background:#8a6100}.route-management-pagination span{color:#504535;font-weight:800}.route-management-mobile-summary{display:none}.route-detail-page{flex-direction:column;gap:32px;min-height:860px;display:flex}.route-detail-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.route-detail-kicker{color:#504535;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:900;line-height:16px;display:flex}.route-detail-kicker span:first-child{color:#7e5700}.route-detail-kicker i{background:#d4c4af;border-radius:999px;width:4px;height:4px}.route-detail-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:900;line-height:36px}.route-detail-feedback{color:#b91c1c;margin:10px 0 0;font-size:13px;font-weight:700;line-height:20px}.route-detail-actions{align-items:center;gap:12px;display:flex}.route-detail-secondary,.route-detail-primary,.route-detail-danger{cursor:pointer;min-height:42px;font:inherit;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.route-detail-secondary{color:#191c1f;background:#e6e8ec;padding:10px 24px}.route-detail-primary{color:#281900;background:#ebac34;padding:10px 24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.route-detail-danger{color:#b91c1c;background:0 0;border:1px solid #b91c1c38;flex:none;width:42px;font-size:18px}.route-detail-main-grid{grid-template-columns:minmax(300px,.86fr) minmax(520px,1.84fr);align-items:start;gap:24px;display:grid}.route-detail-sidebar,.route-detail-content{flex-direction:column;gap:24px;min-width:0;display:flex}.route-detail-info-card,.route-detail-notes-card,.route-detail-location-card,.route-detail-metric-card{background:#fff;border:1px solid #f3f4f6d9;border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.route-detail-info-card{overflow:hidden}.route-detail-info-card h3{color:#504535;letter-spacing:.14em;text-transform:uppercase;background:#f2f4f8;margin:0;padding:20px 32px;font-size:12px;font-weight:900;line-height:16px}.route-detail-info-card dl{gap:26px;margin:0;padding:28px 32px;display:grid}.route-detail-info-card dl div{grid-template-columns:minmax(110px,.9fr) minmax(120px,1fr);align-items:center;gap:16px;display:grid}.route-detail-info-card dt{color:#504535;text-transform:uppercase;font-size:13px;font-weight:500;line-height:20px}.route-detail-info-card dd{color:#191c1f;margin:0;font-size:15px;font-weight:900;line-height:22px}.route-detail-code{letter-spacing:.08em;color:#005fca!important}.route-detail-status{color:#15803d;letter-spacing:.12em;text-transform:uppercase;background:#dcfce7;border:1px solid #22c55e47;border-radius:999px;justify-content:center;align-items:center;min-width:92px;min-height:28px;font-size:12px;font-weight:900;line-height:14px;display:inline-flex}.route-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.route-detail-metric-card{border-left:4px solid #9a6b00;min-height:104px;padding:20px}.route-detail-metric-card.blue{border-left-color:#0064cf}.route-detail-metric-card.amber{border-left-color:#f2a51c}.route-detail-metric-card.teal{border-left-color:#007a9f}.route-detail-metric-card>span,.route-detail-notes-card h3,.route-detail-location-card header h3{color:#504535;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:17px}.route-detail-metric-card strong{color:#191c1f;align-items:baseline;gap:6px;margin-top:12px;font-size:30px;font-weight:900;line-height:34px;display:flex}.route-detail-metric-card small{color:#191c1f;font-size:13px;font-weight:500;line-height:18px}.route-detail-notes-card{padding:24px 32px 32px}.route-detail-notes-card h3{align-items:center;gap:10px;margin:0 0 20px;display:flex}.route-detail-notes-card p{color:#504535;background:#f0f2f7;border-radius:4px;margin:0;padding:24px;font-size:15px;line-height:27px}.route-detail-map-card{background:#263238;border-radius:8px;min-height:458px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 36px -30px #0f172a99}.route-detail-map-card:before{content:none}.route-detail-leaflet-map{z-index:0;background:#263238;width:100%;height:100%;position:absolute;inset:0}.route-detail-map-card .leaflet-container{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.route-detail-map-card .leaflet-tile{filter:none}.route-detail-map-card .leaflet-control-zoom{border:0;border-radius:4px;overflow:hidden;box-shadow:0 14px 26px -20px #0f172a80}.route-detail-map-card .leaflet-control-zoom a{color:#191c1f;font:inherit;border:0;font-size:20px;font-weight:800}.route-detail-map-card .leaflet-control-attribution{color:#504535;background:#ffffffbf;font-size:10px}.route-detail-map-grid,.route-detail-map-glow,.route-detail-map-route,.route-detail-map-dashed,.route-detail-map-pin,.route-detail-map-chips,.route-detail-map-controls{position:absolute}.route-detail-map-grid{opacity:.5;background:radial-gradient(circle at 78% 21%,#ffffff1f,#0000 16%),repeating-linear-gradient(155deg,#ffffff0d 0 1px,#0000 1px 18px);inset:0}.route-detail-map-glow{filter:blur(32px);background:#ebac343d;border-radius:999px;width:48%;height:16%;bottom:18%;right:10%;transform:rotate(-18deg)}.route-detail-map-route{fill:none;width:86%;height:58%;bottom:15%;right:3%;overflow:visible}.route-detail-map-route path{stroke:#ffd08a;stroke-linecap:round;stroke-width:5px;filter:drop-shadow(0 0 8px #ffb049f2)}.route-detail-map-dashed{fill:none;width:72%;height:58%;bottom:20%;right:7%;overflow:visible}.route-detail-map-dashed path{stroke:#9a6b00c7;stroke-dasharray:13 10;stroke-linecap:round;stroke-width:4px}.route-detail-map-pin{color:#ffc55d;filter:drop-shadow(0 2px 4px #0000005c);font-size:25px}.route-detail-map-chips{z-index:500;flex-direction:column;gap:12px;width:min(250px,100% - 52px);display:flex;top:28px;left:26px}.route-detail-map-chip{background:#ffffffe6;border-radius:4px;align-items:center;gap:14px;min-height:72px;padding:14px;display:flex;box-shadow:0 10px 22px -18px #0f172a8c}.route-detail-map-chip-icon{color:#fff;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.route-detail-map-chip-icon.origin{background:#9a6b00}.route-detail-map-chip-icon.destination{background:#0064cf}.route-detail-map-chip span:not(.route-detail-map-chip-icon){color:#504535;text-transform:uppercase;font-size:11px;font-weight:900;line-height:14px;display:block}.route-detail-map-chip strong{color:#191c1f;margin-top:2px;font-size:15px;font-weight:900;line-height:20px;display:block}.route-detail-map-controls{gap:10px;display:flex;bottom:26px;right:26px}.route-detail-map-controls button{color:#191c1f;cursor:pointer;background:#fff;border:0;border-radius:4px;place-items:center;width:42px;height:42px;font-size:20px;display:inline-grid}.route-detail-location-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.route-detail-location-card{padding:28px 32px 32px;position:relative;overflow:hidden}.route-detail-location-card:before{content:"";background:#9a6b00;height:4px;position:absolute;inset:0 0 auto}.route-detail-location-card.destination:before{background:#0064cf}.route-detail-location-card header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.route-detail-location-card header span{color:#9a6b00;border:4px solid #9a6b00;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.route-detail-location-card.destination header span{color:#0064cf;border-color:#0064cf}.route-detail-location-card header h3{color:#191c1f;letter-spacing:.2em;margin:0;font-size:17px}.route-detail-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;display:grid}.route-detail-location-grid span{color:#504535;text-transform:uppercase;font-size:12px;font-weight:500;line-height:18px;display:block}.route-detail-location-grid strong{color:#191c1f;margin-top:4px;font-size:15px;font-weight:900;line-height:22px;display:block}.route-edit-page{color:#191c1f;background:#f7f9fd;flex-direction:column;min-height:calc(100vh - 64px);margin:-32px;padding-bottom:86px;display:flex;position:relative}.route-edit-shell{flex-direction:column;gap:32px;width:min(960px,100% - 64px);margin:32px auto 0;display:flex}.route-edit-heading span{color:#7e5700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px;display:block}.route-edit-heading h2{color:#191c1f;margin:10px 0 4px;font-size:30px;font-weight:900;line-height:36px}.route-edit-page .route-edit-heading h2{color:#191c1f}.route-edit-heading p{color:#504535;margin:0;font-size:14px;line-height:20px}.route-edit-feedback{font-weight:700;color:#b91c1c!important;margin-top:10px!important;font-size:13px!important}.route-edit-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.route-edit-main,.route-edit-side{flex-direction:column;gap:28px;min-width:0;display:flex}.route-edit-card,.route-edit-preview,.route-edit-audit{background:#fff;border-radius:6px;box-shadow:0 1px 2px #0f172a14}.route-edit-card{padding:32px}.route-edit-info header,.route-edit-map-section header{justify-content:space-between;align-items:center;gap:16px;display:flex}.route-edit-card h3,.route-edit-info header h3,.route-edit-map-section h3,.route-edit-preview-list span,.route-edit-audit h3{color:#191c1f;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:16px}.route-edit-switch{color:#504535;align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.route-edit-switch input{opacity:0;position:absolute}.route-edit-switch i{background:#9a6b00;border-radius:999px;width:42px;height:24px;position:relative}.route-edit-switch i:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:right .18s;position:absolute;top:3px;right:3px}.route-edit-switch input:not(:checked)+i{background:#cbd5e1}.route-edit-switch input:not(:checked)+i:after{right:21px}.route-edit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.route-edit-form-grid .route-edit-field:last-child{grid-column:1/-1}.route-edit-field{flex-direction:column;gap:8px;min-width:0;display:flex}.route-edit-field>span,.route-edit-notes label>span{color:#504535;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:14px}.route-edit-field input,.route-edit-field select,.route-edit-notes textarea{color:#191c1f;width:100%;min-height:42px;font:inherit;background:#f0f2f7;border:0;border-radius:4px;outline:0;padding:0 16px;font-size:14px;line-height:20px}.route-edit-field select{appearance:none}.route-edit-field.select{position:relative}.route-edit-field.select:after{color:#40516d;content:"v";pointer-events:none;position:absolute;top:34px;right:14px}.route-edit-field small{color:#827562;font-size:11px;font-style:italic;line-height:16px}.route-edit-location-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.route-edit-location{flex-direction:column;gap:20px;padding:28px;display:flex}.route-edit-location h3{align-items:center;gap:10px;display:flex}.route-edit-location h3 span{border:4px solid #9a6b00;border-radius:999px;width:20px;height:20px}.route-edit-location.destination h3 span{border-color:#c81e1e}.route-edit-coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.route-edit-map-section{padding:0;overflow:hidden}.route-edit-map-section header{min-height:60px;padding:0 28px}.route-edit-map-section header strong{color:#7e5700;font-size:14px;font-weight:900}.route-edit-map-section header strong span{color:#827562;text-transform:uppercase;font-size:11px}.route-edit-map-shell{background:#9ca3af;height:300px;position:relative;overflow:hidden}.route-edit-leaflet{filter:none;width:100%;height:100%;min-height:300px}.route-edit-leaflet.compact{min-height:118px}.route-edit-map-shell .leaflet-control-attribution,.route-edit-preview-map .leaflet-control-attribution{display:none}.route-edit-map-label{z-index:500;color:#191c1f;text-transform:uppercase;background:#fff;border-radius:2px;padding:4px 7px;font-size:10px;font-weight:900;line-height:12px;position:absolute}.route-edit-map-label.origin{top:72px;left:148px}.route-edit-map-label.destination{bottom:88px;right:92px}.route-edit-sla{flex-direction:column;gap:24px;display:flex}.route-edit-sla-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.route-edit-sla-grid .route-edit-field{background:#f0f2f7;border-radius:6px;padding:18px}.route-edit-sla-grid .route-edit-field input{background:0 0;min-height:34px;padding:0;font-size:22px;font-weight:900}.route-edit-sla-grid .route-edit-field:first-child{grid-area:1/1}.route-edit-sla-grid .route-edit-field:nth-child(2){grid-area:1/2}.route-edit-sla-grid .route-edit-field:nth-child(3){grid-area:2/1}.route-edit-sla-grid .route-edit-field:nth-child(4){grid-area:2/2}.route-edit-sla-grid .route-edit-field:nth-child(5){grid-area:3/1/auto/span 2}.route-edit-total{background:#7e57000a;border:1px solid #7e570047;border-radius:6px;flex-direction:column;grid-area:1/3/span 3;gap:12px;padding:28px 28px 24px;display:flex}.route-edit-total span{color:#504535;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.route-edit-total strong{color:#7e5700;text-align:right;align-self:flex-end;font-size:17px;font-weight:900}.route-edit-total i{background:#7e570040;height:1px}.route-edit-total b{color:#7e5700;align-self:flex-end;font-size:26px;line-height:32px}.route-edit-notes textarea{resize:vertical;min-height:96px;margin-top:14px;padding:16px}.route-edit-preview{overflow:hidden}.route-edit-preview>header{background:#fff7e8;justify-content:space-between;align-items:center;gap:12px;padding:28px 28px 12px;display:flex}.route-edit-preview>header span{color:#15803d;letter-spacing:.1em;text-transform:uppercase;background:#dcfce7;border-radius:2px;padding:4px 10px;font-size:10px;font-weight:900}.route-edit-preview>header strong{color:#504535;text-transform:uppercase;font-size:10px;font-weight:900}.route-edit-preview h3,.route-edit-preview p{background:#fff7e8;margin:0;padding:0 28px}.route-edit-preview h3{color:#191c1f;font-size:17px;font-weight:900;line-height:24px}.route-edit-preview p{color:#504535;padding-top:4px;padding-bottom:24px;font-size:12px}.route-edit-preview-list{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.route-edit-preview-list div{grid-template-columns:34px 1fr;gap:4px 12px;display:grid}.route-edit-preview-list svg{color:#9a6b00;grid-row:span 3}.route-edit-preview-list strong{color:#191c1f;font-size:12px;line-height:18px}.route-edit-preview-stats{border-top:1px solid #d4c4af59;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 28px 24px;padding-top:18px;display:grid}.route-edit-preview-stats span,.route-edit-audit dt{color:#504535;text-transform:uppercase;font-size:10px;font-weight:800}.route-edit-preview-stats strong{color:#191c1f;margin-top:4px;font-size:15px;font-weight:900;display:block}.route-edit-preview-map{height:118px;position:relative;overflow:hidden}.route-edit-preview-map strong{z-index:500;color:#191c1f;background:#fff;border-radius:2px;padding:6px 10px;font-size:11px;font-weight:900;position:absolute;top:40px;left:50%;transform:translate(-50%)}.route-edit-audit{padding:24px 28px}.route-edit-audit h3{color:#191c1f;align-items:center;gap:10px;display:flex}.route-edit-audit h3 svg{color:#9a6b00}.route-edit-audit dl{gap:16px;margin:18px 0 0;display:grid}.route-edit-audit dl div{justify-content:space-between;gap:16px;display:flex}.route-edit-audit dd{color:#191c1f;margin:0;font-size:11px;font-weight:900}.route-edit-footer{z-index:20;background:#fff;border-top:1px solid #d4c4af33;justify-content:space-between;align-items:center;gap:24px;margin-top:86px;padding:16px 72px;display:flex;position:sticky;bottom:0}.route-edit-footer button{color:#504535;cursor:pointer;min-width:128px;min-height:38px;font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid #d4c4af;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.route-edit-footer>div{gap:16px;display:flex}.route-edit-footer .route-edit-delete{color:#ba1a1a;border-color:#ba1a1a4d}.route-edit-footer .route-edit-save{color:#fff;background:#7e5700;border-color:#7e5700;min-width:174px;box-shadow:0 10px 15px -3px #7e570033,0 4px 6px -4px #7e570033}.route-edit-footer button:disabled{cursor:not-allowed;opacity:.72}.route-create-page{flex-direction:column;gap:32px;padding-bottom:96px;display:flex}.route-create-heading span{color:#7e5700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:16px;display:block}.route-create-heading h2{color:#191c1f;margin:10px 0 0;font-size:30px;font-weight:900;line-height:36px}.route-create-feedback{color:#b91c1c;margin:10px 0 0;font-size:13px;font-weight:700;line-height:20px}.route-create-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.route-create-main,.route-create-side{flex-direction:column;gap:28px;min-width:0;display:flex}.route-create-card,.route-create-summary,.route-create-help{background:#fff;border:1px solid #f3f4f6d9;border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.route-create-card{padding:32px}.route-create-card h3,.route-create-summary h3,.route-create-help h3{color:#191c1f;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:900;line-height:26px;display:flex}.route-create-card h3 svg{color:#9a6b00;box-sizing:border-box;background:#f7f0de;border-radius:6px;width:34px;height:34px;padding:8px;display:grid}.route-create-location.destination h3 svg{color:#c81e1e;background:#fdecec}.route-create-sla h3 svg{color:#006190;background:#eaf4f7}.route-create-notes h3 svg{color:#504535;background:#f1ede5}.route-create-grid{gap:20px 24px;margin-top:28px;display:grid}.route-create-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.route-create-grid.compact{gap:12px;margin-top:0}.route-create-field,.route-create-status{flex-direction:column;gap:8px;min-width:0;display:flex}.route-create-field>span,.route-create-status>span{color:#504535;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:14px}.route-create-field input,.route-create-field select,.route-create-notes textarea{color:#191c1f;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #d4c4af73;border-radius:4px;outline:0;padding:0 16px;font-size:14px;line-height:20px}.route-create-field input::placeholder,.route-create-notes textarea::placeholder{color:#697386}.route-create-field.select{position:relative}.route-create-field.select select{appearance:none;padding-right:42px}.route-create-field.select svg{color:#697386;pointer-events:none;position:absolute;bottom:15px;right:16px}.route-create-status div{background:#f0f2f7;border-radius:6px;width:fit-content;padding:4px;display:inline-flex;overflow:hidden}.route-create-status button{color:#504535;cursor:pointer;min-width:82px;min-height:34px;font:inherit;background:0 0;border:0;border-radius:4px;font-size:12px;font-weight:800}.route-create-status button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0f172a14}.route-create-location-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.route-create-location{flex-direction:column;gap:22px;display:flex}.route-create-operational .route-create-grid .route-create-field:nth-child(3){grid-column:1/-1}.route-create-map-card{padding:16px}.route-create-map-shell{background:#263238;border-radius:4px;height:420px;position:relative;overflow:hidden}.route-create-leaflet{width:100%;height:100%;min-height:420px}.route-create-map-shell .leaflet-control-attribution{color:#504535;background:#ffffffbf;font-size:10px}.route-create-map-legend{z-index:500;color:#191c1f;background:#ffffffdb;border-radius:6px;flex-direction:column;gap:10px;min-width:180px;padding:16px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 12px 28px -24px #0f172a99}.route-create-map-legend strong{font-size:13px;font-weight:900}.route-create-map-legend span{align-items:center;gap:8px;font-size:12px;display:inline-flex}.route-create-map-legend i{border-radius:999px;width:8px;height:8px}.route-create-map-legend i.origin{background:#0064cf}.route-create-map-legend i.destination{background:#c81e1e}.route-create-sla{flex-direction:column;gap:32px;display:flex}.route-create-sla-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.route-create-sla-grid article{text-align:center;background:#f0f2f7;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:112px;display:flex}.route-create-sla-grid span{color:#504535;text-transform:uppercase;font-size:11px;font-weight:900;line-height:15px}.route-create-sla-grid strong{color:#7e5700;font-size:24px;font-weight:900;line-height:30px}.route-create-notes textarea{resize:vertical;min-height:120px;margin-top:24px;padding:18px}.route-create-summary{overflow:hidden}.route-create-summary header{color:#fff;background:#8a6100;padding:28px 32px}.route-create-summary header h3{color:#fff}.route-create-summary header span{color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:900;display:block}.route-create-summary-body{padding:28px 32px 32px}.route-create-summary dl{gap:0;margin:0;display:grid}.route-create-summary dl div{border-bottom:1px solid #d4c4af47;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.route-create-summary dt{color:#504535;font-size:14px;line-height:20px}.route-create-summary dd{color:#7e5700;text-align:right;margin:0;font-size:16px;font-weight:900;line-height:22px}.route-create-total{background:#ebac340f;border:2px dashed #ebac34cc;border-radius:10px;margin-top:28px;padding:24px}.route-create-total span{color:#7e5700;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px}.route-create-total strong{color:#7e5700;margin-top:8px;font-size:30px;font-weight:900;line-height:36px;display:block}.route-create-summary-body p{color:#504535;background:#f0f2f7;border-radius:6px;gap:12px;margin:24px 0 0;padding:18px;font-size:12px;line-height:20px;display:flex}.route-create-summary-body p svg{color:#f59e0b;flex:none;font-size:18px}.route-create-help{color:#fff;background:linear-gradient(135deg,#0b66d4,#1d4ed8);padding:28px 32px}.route-create-help h3{color:#fff}.route-create-help p{color:#ffffffd1;margin:10px 0 18px;font-size:13px;line-height:20px}.route-create-help button{color:#0b66d4;cursor:pointer;min-height:38px;font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:0;border-radius:4px;padding:0 18px;font-size:12px;font-weight:900}.route-create-footer{z-index:20;background:#fff;border-top:1px solid #d4c4af33;justify-content:flex-end;align-items:center;gap:16px;margin:48px -32px -96px;padding:16px 72px;display:flex;position:sticky;bottom:0}.route-create-footer button{color:#504535;cursor:pointer;min-width:128px;min-height:38px;font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid #d4c4af;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.route-create-footer .route-create-save{color:#fff;background:#7e5700;border-color:#7e5700;min-width:154px}.route-create-footer button:disabled{cursor:not-allowed;opacity:.72}@media (width<=1200px){.management-database-summary{grid-template-columns:1fr}.management-database-filterbar,.management-database-pagination{flex-direction:column;align-items:stretch}.management-database-search,.management-database-date-field,.management-database-select{width:100%;min-width:0}.management-database-modal-grid,.management-database-modal-grid.banking,.management-database-document-grid,.management-database-template-card,.management-database-pending-grid,.management-database-existing-confirm{grid-template-columns:1fr}.route-management-hero,.route-management-filterbar,.route-management-pagination{flex-direction:column;align-items:stretch}.route-management-primary,.route-management-search,.route-management-combobox,.route-management-select{width:100%;min-width:0}.route-management-stats{grid-template-columns:1fr}.route-management-stat-card.wide{justify-content:flex-start}.route-management-pagination nav{justify-content:flex-end}.route-detail-header,.route-detail-actions{flex-direction:column;align-items:stretch}.route-detail-secondary,.route-detail-primary,.route-detail-danger{width:100%}.route-detail-main-grid,.route-detail-location-row{grid-template-columns:1fr}.route-detail-map-card{min-height:390px}.route-edit-layout{grid-template-columns:1fr}.route-edit-side{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);display:grid}.route-create-layout{grid-template-columns:1fr}.route-create-side{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);display:grid}.route-create-sla-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.management-database-header h2{font-size:26px;line-height:32px}.management-database-summary-card{min-height:124px;padding:20px}.management-database-summary-copy strong{font-size:38px}.management-database-table th:first-child,.management-database-table td:first-child{padding-left:24px}.management-database-table th:last-child,.management-database-table td:last-child{padding-right:24px}.management-database-modal-overlay{align-items:flex-start;padding:16px}.management-database-modal-card{max-height:calc(100vh - 32px)}.management-database-modal-header{padding:24px}.management-database-modal-header h3{font-size:22px;line-height:28px}.management-database-modal-body{padding:24px}.management-database-modal-footer{flex-direction:column-reverse;padding:20px 24px 24px}.management-database-decision-tabs,.management-database-existing-search{flex-direction:column}.management-database-modal-secondary,.management-database-modal-primary{width:100%}.route-management-page{gap:24px}.route-management-hero h2{font-size:26px;line-height:32px}.route-management-hero p{font-size:14px;line-height:22px}.route-management-stat-card{padding:20px}.route-management-table th:first-child,.route-management-table td:first-child{padding-left:24px}.route-management-table th:last-child,.route-management-table td:last-child{padding-right:24px}.route-management-pagination nav{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.route-management-mobile-summary{color:#827562;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.route-detail-header h2{font-size:26px;line-height:32px}.route-detail-kicker{letter-spacing:.12em;flex-direction:column;align-items:flex-start}.route-detail-kicker i{display:none}.route-detail-info-card h3,.route-detail-info-card dl,.route-detail-notes-card,.route-detail-location-card{padding-left:24px;padding-right:24px}.route-detail-info-card dl div,.route-detail-metrics,.route-detail-location-grid{grid-template-columns:1fr}.route-detail-map-card{min-height:440px}.route-detail-map-chips{width:auto;left:18px;right:18px}.route-detail-map-controls{bottom:18px;right:18px}.route-edit-page{margin:-24px -16px}.route-edit-footer,.route-edit-footer>div{flex-direction:column;align-items:stretch}.route-edit-shell{width:calc(100% - 32px);margin-top:28px}.route-edit-card{padding:24px}.route-edit-info header,.route-edit-map-section header{flex-direction:column;align-items:flex-start}.route-edit-form-grid,.route-edit-location-pair,.route-edit-coordinate-grid,.route-edit-sla-grid,.route-edit-side{grid-template-columns:1fr}.route-edit-sla-grid .route-edit-field,.route-edit-sla-grid .route-edit-field:first-child,.route-edit-sla-grid .route-edit-field:nth-child(2),.route-edit-sla-grid .route-edit-field:nth-child(3),.route-edit-sla-grid .route-edit-field:nth-child(4),.route-edit-sla-grid .route-edit-field:nth-child(5),.route-edit-total{grid-area:auto}.route-edit-map-label{display:none}.route-edit-footer{padding:16px}.route-edit-footer button{width:100%}.route-create-grid.two,.route-create-location-row,.route-create-side,.route-create-sla-grid{grid-template-columns:1fr}.route-create-card{padding:24px}.route-create-map-card{padding:12px}.route-create-map-shell,.route-create-leaflet{height:360px;min-height:360px}.route-create-map-legend{min-width:0;left:16px;right:16px}.route-create-summary-body,.route-create-summary header,.route-create-help{padding:24px}.route-create-footer{flex-direction:column;align-items:stretch;margin-left:-16px;margin-right:-16px;padding:16px}.route-create-footer button{width:100%}}.docs-page{color:#131b2e;background:#faf8ff;min-height:100vh;padding:56px 0 0 280px;position:relative}.docs-topbar{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#faf8ffdb;border-bottom:1px solid #d0c5af33;justify-content:space-between;align-items:center;gap:32px;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.docs-topbar-left,.docs-topbar-right{align-items:center;display:flex}.docs-topbar-left{gap:32px;min-width:0}.docs-topbar-right{gap:16px}.docs-brand{color:#131b2e;letter-spacing:-.6px;white-space:nowrap;font-size:24px;font-weight:800;line-height:32px;text-decoration:none}.docs-tab{color:#735c00;letter-spacing:.14px;border-bottom:2px solid #735c00;align-items:center;min-height:22px;font-size:14px;font-weight:800;display:inline-flex}.docs-search{color:#7f7663;background:#faf8ff80;border:1px solid #d0c5af;border-radius:4px;align-items:center;gap:8px;width:256px;height:34px;padding:6px 12px;display:flex}.docs-search-shell{position:relative}.docs-search input{color:#4d4635;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px;font-weight:600}.docs-search input::placeholder{color:#7f7663}.docs-search kbd{color:#d0c5af;border:1px solid #d0c5af4d;border-radius:2px;padding:0 4px;font-size:10px;font-weight:600;line-height:15px}.docs-search-results{z-index:80;background:#fff;border:1px solid #d0c5af59;border-radius:8px;width:min(360px,100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 50px -30px #0f172a73}.docs-search-results button{color:#4d4635;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #d0c5af29;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.docs-search-results button:hover{background:#735c000d}.docs-search-results button:last-child{border-bottom:0}.docs-search-results span{color:#7f7663;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.docs-search-results strong{color:#131b2e;font-size:14px;line-height:20px}.docs-search-results p{color:#7f7663;margin:0;padding:14px;font-size:13px;line-height:20px}.docs-user-button{color:#4d4635;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:inline-grid}.docs-left-sidebar{z-index:40;background:#faf8ff;border-right:1px solid #d0c5af33;width:280px;padding:16px 0;position:fixed;top:56px;bottom:0;left:0;overflow-y:auto}.docs-sidebar-brand{flex-direction:column;gap:4px;padding:0 24px 32px;display:flex}.docs-sidebar-brand strong{color:#131b2e;font-size:18px;font-weight:800;line-height:27px}.docs-sidebar-brand span{color:#7f7663;font-size:12px;line-height:18px}.docs-left-nav,.docs-left-nav section{flex-direction:column;gap:4px;display:flex}.docs-left-nav h2{color:#d0c5af;letter-spacing:1.1px;text-transform:uppercase;margin:0;padding:24px 24px 8px;font-size:11px;font-weight:800;line-height:16px}.docs-left-nav section:first-child h2{padding-top:8px}.docs-left-nav a{color:#4d4635;letter-spacing:.14px;border-left:2px solid #0000;align-items:center;gap:12px;min-height:36px;padding:8px 24px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:flex}.docs-left-nav a svg{color:#7f7663;width:16px}.docs-left-nav a.active{color:#735c00;background:#735c000d;border-left-color:#735c00;padding-left:22px}.docs-left-nav a.active svg{color:#735c00}.docs-content-canvas{justify-content:center;min-height:calc(100vh - 56px);padding:32px 280px 160px 24px;display:flex;position:relative}.docs-article{width:min(480px,100%)}.docs-breadcrumbs{color:#7f7663;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.docs-breadcrumbs svg{color:#7f7663;width:5px}.docs-breadcrumbs strong{color:#4d4635;font-weight:800}.docs-hero-section{padding-top:24px}.docs-hero-section h1{color:#131b2e;letter-spacing:-1.92px;max-width:360px;margin:0;font-size:48px;font-weight:800;line-height:56px}.docs-hero-section p{color:#4d4635;margin:20px 0 0;font-size:18px;line-height:29px}.docs-hero-section p+p{margin-top:16px}.docs-premium-callout{background:#eee0a91a;border-left:4px solid #d4af37;gap:16px;margin-top:20px;padding:32px 16px 16px;display:flex;position:relative;overflow:hidden}.docs-premium-callout:after{content:"";background:#735c000d;border-radius:12px;width:128px;height:128px;position:absolute;top:-48px;right:-64px}.docs-premium-callout>svg{color:#735c00;width:22px;margin-top:3px}.docs-premium-callout h2{color:#735c00;margin:0 0 8px;font-size:18px;font-weight:500;line-height:27px}.docs-premium-callout p,.docs-section p{color:#4d4635;margin:0;font-size:16px;line-height:26px}.docs-list{color:#4d4635;gap:10px;margin:16px 0 0;padding-left:20px;font-size:16px;line-height:24px;display:grid}.docs-list li::marker{color:#735c00}.docs-table-wrap{background:#fff;border:1px solid #d0c5af47;border-radius:8px;margin-top:16px;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;min-width:420px}.docs-table th,.docs-table td{color:#4d4635;text-align:left;vertical-align:top;border-bottom:1px solid #d0c5af2e;padding:12px 14px;font-size:13px;line-height:20px}.docs-table th{color:#131b2e;background:#735c000d;font-weight:800}.docs-table tr:last-child td{border-bottom:0}.docs-table td:first-child{color:#735c00;width:42%;font-weight:700}.docs-image-section{padding-top:48px}.docs-image-section h2{color:#131b2e;letter-spacing:-.24px;margin:0 0 16px;font-size:24px;font-weight:800;line-height:32px}.docs-image-section figure{background:#fff;border:1px solid #d0c5af47;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 20px 45px -34px #0f172a61}.docs-image-section img{width:100%;height:auto;display:block}.docs-image-section figcaption{color:#7f7663;border-top:1px solid #d0c5af33;padding:12px 14px;font-size:12px;line-height:18px}.docs-section{padding-top:48px}.docs-section h2{color:#131b2e;letter-spacing:-.24px;margin:0 0 24px;font-size:24px;font-weight:800;line-height:32px}.docs-section code{color:#735c00;background:#eaedff;border-radius:2px;padding:1px 6px;font-family:JetBrains Mono,Consolas,monospace;font-size:16px}.docs-code-example{background:#0f172a;border:1px solid #7f76631a;border-radius:4px;margin-top:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.docs-code-topbar{color:#64748b;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:16px;min-height:35px;padding:8px 16px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:18px;display:flex}.docs-window-dots{gap:6px;display:inline-flex}.docs-window-dots i{border-radius:999px;width:12px;height:12px}.docs-window-dots i:first-child{background:#ef444480}.docs-window-dots i:nth-child(2){background:#eab30880}.docs-window-dots i:nth-child(3){background:#22c55e80}.docs-code-example pre{margin:0;padding:43px 24px 64px;overflow-x:auto}.docs-code-example code{color:#e9c349;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:20px}.docs-visual-placeholder{background:linear-gradient(120deg,#fff9,#eee0a929),repeating-linear-gradient(165deg,#d0c5af2e 0 2px,#0000 2px 12px);border:1px dashed #d0c5af4d;border-radius:8px;place-items:center;min-height:200px;margin-top:16px;display:grid;position:relative;overflow:hidden}.docs-visual-placeholder:before{content:"";opacity:.72;background:#fff;position:absolute;inset:0}.docs-visual-placeholder div{z-index:1;color:#d0c5af;flex-direction:column;align-items:center;gap:8px;font-size:16px;line-height:24px;display:flex;position:relative}.docs-visual-placeholder svg{font-size:44px}.docs-right-sidebar{width:240px;padding:32px 0;position:fixed;top:56px;right:24px}.docs-right-sidebar h2{color:#131b2e;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:800;line-height:16px}.docs-right-sidebar nav{flex-direction:column;gap:12px;padding-bottom:32px;display:flex}.docs-right-sidebar nav a{color:#4d4635;border-left:2px solid #0000;min-height:20px;padding-left:14px;font-size:13px;font-weight:600;line-height:20px;text-decoration:none}.docs-right-sidebar nav a.active{color:#735c00;border-left-color:#735c00;font-weight:800}.docs-issue-box{border-top:1px solid #d0c5af1a;flex-direction:column;gap:16px;padding-top:32px;display:flex}.docs-issue-box span{color:#7f7663;font-size:12px;line-height:18px}.docs-issue-box a{color:#735c00;align-items:center;gap:8px;font-size:13px;line-height:20px;text-decoration:none;display:inline-flex}@media (width<=1120px){.docs-page{padding-left:240px}.docs-left-sidebar{width:240px}.docs-content-canvas{justify-content:flex-start;padding-right:48px}.docs-right-sidebar{display:none}}@media (width<=760px){.docs-page{padding-left:0}.docs-topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:56px;padding:12px 16px}.docs-brand{font-size:18px;line-height:26px}.docs-topbar-right,.docs-search{width:100%}.docs-left-sidebar{border-bottom:1px solid #d0c5af33;border-right:0;width:auto;position:static}.docs-content-canvas{min-height:auto;padding:32px 24px 96px}.docs-hero-section h1{letter-spacing:-1px;font-size:38px;line-height:44px}}.attendance-create-page-card .attendance-create-manual.by-date.create-page-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:start;gap:24px}.attendance-create-page-card .attendance-create-manual.by-date.create-page-grid.selected-panel-collapsed{grid-template-columns:minmax(0,1fr)}.attendance-create-page-card .create-page-grid>.attendance-create-entry-list{grid-area:1/1;min-width:0}.attendance-create-page-card .create-page-grid>.attendance-create-selected-panel{grid-area:1/2;width:100%;min-width:0}.attendance-create-page-card .attendance-create-entry-scroll-shell{max-width:100%;overflow:auto visible}.attendance-create-page-card .attendance-create-entry-scroll-shell .attendance-create-entry-table-head,.attendance-create-page-card .attendance-create-entry-scroll-shell .attendance-create-entry-row.by-date{width:max-content;min-width:1120px}@media (width<=760px){.attendance-create-page-card .attendance-create-manual.by-date.create-page-grid{grid-template-columns:minmax(0,1fr)}.attendance-create-page-card .create-page-grid>.attendance-create-selected-panel{grid-area:2/1}}.warehouse-switcher-section-label{color:#73808c;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .85rem .25rem;font-size:.68rem;font-weight:700}.management-group-page{color:#17212b;padding:24px}.management-group-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.management-group-header p{color:#75808b;margin:0 0 4px;font-size:13px}.management-group-header h2{margin:0;font-size:26px}.management-group-header>button,.management-group-actions button,.management-group-modal footer button{cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.management-group-header>button,.management-group-modal footer button:last-child{color:#17130a;background:#dba724}.management-group-feedback{border-radius:9px;margin-bottom:16px;padding:12px 14px}.management-group-feedback.success{color:#17633b;background:#e8f7ee}.management-group-feedback.error{color:#a02b2b;background:#fff0f0}.management-group-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;display:grid}.management-group-card{background:#fff;border:1px solid #e2e6ea;border-radius:14px;padding:18px;box-shadow:0 5px 18px #1d28340f}.management-group-card-title{gap:12px;display:flex}.management-group-card-title>span{color:#9a6b00;background:#fff4d4;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.management-group-card h3{margin:0 0 5px}.management-group-card p{color:#6f7983;margin:0}.management-group-meta{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.management-group-meta span{background:#f1f3f5;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.management-group-meta .active{color:#1c7543;background:#e3f6e9}.management-group-meta .inactive{color:#9a3232;background:#f3e8e8}.management-group-actions{border-top:1px solid #edf0f2;gap:8px;padding-top:14px;display:flex}.management-group-actions button{color:#28333d;background:#f1f3f5}.management-group-actions button:first-child{color:#fff;background:#222f3a}.management-group-actions .danger{color:#ad3030}.management-group-modal-backdrop{z-index:1100;background:#11181f8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.management-group-modal{background:#fff;border-radius:15px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 70px #00000040}.management-group-modal.bulk{width:min(1100px,100%)}.management-group-modal>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.management-group-modal>header h3,.management-group-modal>header p{margin:0}.management-group-modal>header p{color:#6d7882;margin-top:4px;font-size:13px}.management-group-modal>header>button{cursor:pointer;background:0 0;border:0;font-size:18px}.management-group-modal>label,.management-group-common-fields label,.management-group-row-fields label{gap:6px;margin-bottom:13px;font-size:13px;font-weight:700;display:grid}.management-group-modal input,.management-group-modal textarea,.management-group-modal select{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d7dde2;border-radius:8px;padding:9px 10px}.management-group-modal textarea{resize:vertical;min-height:80px}.management-group-modal fieldset{border:1px solid #e0e4e8;border-radius:10px;margin:0 0 14px}.management-group-check-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;max-height:260px;display:grid;overflow:auto}.management-group-check-grid label,.management-group-inline-check{align-items:center;gap:8px;font-weight:500!important;display:flex!important}.management-group-check-grid input,.management-group-inline-check input{width:auto}.management-group-assignment-warning{color:#7d5a06;background:#fff5d9;border-radius:8px;margin-bottom:13px;padding:10px 12px;font-size:13px}.management-group-modal>footer{border-top:1px solid #e8ebed;justify-content:flex-end;align-items:center;gap:9px;margin-top:18px;padding-top:16px;display:flex}.management-group-modal>footer span{color:#66717b;margin-right:auto;font-size:13px}.management-group-modal footer button:first-of-type{color:#27313a;background:#edf0f2}.management-group-tabs{gap:7px;margin-bottom:16px;padding-bottom:5px;display:flex;overflow-x:auto}.management-group-tabs button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce1e5;border-radius:8px;padding:8px 11px}.management-group-tabs button.active{color:#fff;background:#222f3a;border-color:#222f3a}.management-group-common-fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.management-group-warehouse-list{gap:10px;max-height:52vh;padding-right:4px;display:grid;overflow:auto}.management-group-warehouse-panel{background:#fafbfc;border:1px solid #dfe4e8;border-radius:10px}.management-group-warehouse-panel summary{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.management-group-warehouse-panel summary label{align-items:center;gap:8px;display:flex}.management-group-warehouse-panel summary span{color:#6b7680;font-size:12px}.management-group-row-fields{border-top:1px solid #e3e7ea;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px;display:grid}.management-group-reference-error{color:#9e3030;background:#fff1f1;border-top:1px solid #f0d3d3;padding:9px 14px;font-size:12px}.management-group-row-fields select[multiple]{min-height:112px}.management-group-row-fields small{color:#77818a;font-weight:400}.management-group-pattern-builder,.management-group-overtime-builder{grid-column:1/-1;gap:9px;display:grid}.management-group-pattern-heading{justify-content:space-between;align-items:center;display:flex}.management-group-pattern-heading button{cursor:pointer;background:#fff;border:1px solid #cfd6dc;border-radius:7px;padding:7px 10px;font-weight:700}.management-group-pattern-item{background:#fff;border:1px solid #e0e5e9;border-radius:9px;grid-template-columns:28px 110px minmax(180px,1fr) minmax(150px,1fr) 36px;align-items:end;gap:8px;padding:10px;display:grid}.management-group-pattern-item>span{color:#fff;background:#222f3a;border-radius:50%;align-self:center;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.management-group-pattern-item>button{color:#a33131;cursor:pointer;background:0 0;border:0;align-self:center}.management-group-overtime-item{background:#fff;border:1px solid #e0e5e9;border-radius:9px;grid-template-columns:minmax(150px,1.3fr) repeat(6,minmax(120px,1fr));align-items:end;gap:8px;padding:10px;display:grid}.management-group-overtime-item>strong{align-self:center}@media (width<=900px){.management-group-pattern-item,.management-group-overtime-item{grid-template-columns:1fr 1fr}.management-group-pattern-item>span{display:none}}.management-group-loading-overlay{z-index:1200;color:#fff;background:#222f3a;border-radius:9px;padding:12px 16px;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 25px #00000040}@media (width<=720px){.management-group-page{padding:15px}.management-group-header{flex-direction:column;align-items:flex-start}.management-group-modal-backdrop{padding:10px}.management-group-actions{flex-wrap:wrap}}