@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.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;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.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{max-width:none!important;max-height:none!important;width:auto;padding:0}.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:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.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{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transition:none;-moz-transition:none;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{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.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-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;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:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;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{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.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{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.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{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;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{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{font-family:DM Sans,system-ui,sans-serif;color:#17243c;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #17253f;--navy-2: #243653;--teal: #22a985;--teal-dark: #158369;--teal-soft: #e8f8f3;--blue: #5174d8;--amber: #e99a35;--purple: #8267d7;--red: #d85d64;--ink: #17243c;--muted: #718096;--line: #e5eaf1;--surface: #fff;--shadow: 0 18px 45px rgba(30, 48, 78, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}input,select,textarea{width:100%;color:var(--ink);border:1px solid #dfe5ee;background:#fff;border-radius:10px;padding:11px 13px;outline:none;transition:.18s ease}input:focus,select:focus,textarea:focus{border-color:#5d7ade;box-shadow:0 0 0 3px #5174d81f}textarea{resize:vertical}::selection{background:#c9f2e7;color:#123b33}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:27px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 27px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--navy);font:800 20px Manrope;letter-spacing:-2px}.brand-mark span{color:var(--teal)}.brand-mark.large{width:48px;height:48px;border-radius:15px;font-size:25px}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{font-size:10px;color:#8fa2bd;letter-spacing:.6px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-eyebrow{color:#7388a6;font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;padding:2px 12px 9px}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;color:#aebbd0;font-size:14px;font-weight:600;transition:.18s ease}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;background:#36c9a624;box-shadow:inset 3px 0 #3ac5a4}.nav-item.active svg{color:#52d6b6}.sidebar-card{margin-top:auto;display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:12px;color:#9db0c9}.sidebar-card svg{color:#52d6b6;flex:0 0 auto}.sidebar-card div,.sidebar-footer div{display:flex;flex-direction:column;min-width:0}.sidebar-card strong{color:#eaf0f8;font-size:11px}.sidebar-card small{font-size:10px;line-height:1.45}.sidebar-footer{display:flex;gap:9px;align-items:center;margin-top:12px;padding:14px 7px 3px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer small{color:#8295b0;font-size:10px}.sidebar-footer .icon-button{margin-left:auto;color:#8da0ba}.main-column{width:calc(100% - 252px);margin-left:252px;min-height:100vh}.topbar{height:70px;position:sticky;top:0;z-index:15;padding:0 34px;background:#ffffffe6;border-bottom:1px solid #e9edf3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-actions,.topbar-company,.profile-button{display:flex;align-items:center}.topbar-company{gap:8px;font-size:13px;font-weight:600;color:#516076}.company-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.topbar-actions{gap:12px}.icon-button{width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#6d7c91;display:inline-grid;place-items:center}.icon-button:hover{background:#f0f3f8;color:var(--ink)}.icon-button.ghost:hover{background:#ffffff14;color:#fff}.notification-button{position:relative;border:1px solid #e7ebf1}.notification-button i{width:6px;height:6px;border-radius:50%;background:#e76b70;position:absolute;right:9px;top:8px;box-shadow:0 0 0 2px #fff}.profile-menu-wrap{position:relative}.profile-button{border:0;background:none;gap:9px;padding:3px 0 3px 4px;color:var(--ink)}.profile-label{display:flex;flex-direction:column;align-items:flex-start;max-width:180px}.profile-label strong{font-size:12px}.profile-label small{font-size:10px;color:#8a97a9;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#4767b8,#21375f);color:#fff;display:inline-grid;place-items:center;font:700 11px Manrope;flex:0 0 auto}.avatar.small{width:32px;height:32px;border-radius:9px}.avatar.soft{background:#eaf0fa;color:#49617d}.profile-menu{position:absolute;right:0;top:48px;min-width:230px;padding:10px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);z-index:40}.profile-menu>div{padding:8px 10px 11px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.profile-menu strong{font-size:12px}.profile-menu small{color:var(--muted);font-size:10px}.profile-menu button{display:flex;gap:9px;align-items:center;width:100%;border:0;background:transparent;padding:11px 10px 7px;color:#b04c53;font-size:12px}.page-content{padding:32px 34px 50px;max-width:1540px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-eyebrow{display:block;color:var(--teal-dark);font-size:10px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase;margin-bottom:7px}.page-header h1{font-size:28px;margin:0 0 5px;letter-spacing:-.8px}.page-header p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:9px}.button{min-height:40px;border:0;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:var(--navy);box-shadow:0 8px 18px #17253f26}.button-primary:hover{background:#223758}.button-secondary{color:#3f5068;background:#fff;border:1px solid #dfe5ee}.button-secondary:hover{background:#f8fafc}.button-danger-ghost{color:#b6535a;background:#fff3f3}.button-stop{background:#d75861;color:#fff}.button.compact{min-height:34px;padding:0 12px;font-size:11px}.button.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:4px;color:#4d66a4;font-size:11px;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card{min-height:111px;padding:19px;border:1px solid #e8ecf2;border-radius:14px;background:#fff;display:flex;align-items:flex-start;gap:14px;box-shadow:0 7px 18px #1f2f4b09}.metric-card.highlight{background:linear-gradient(135deg,#f9fffd,#fff);border-color:#d9eee8}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.navy{color:#41587a;background:#edf1f7}.metric-icon.teal{color:#198b70;background:#e5f7f1}.metric-icon.amber{color:#b87525;background:#fff3e2}.metric-icon.purple{color:#6e57ba;background:#f0ebff}.metric-copy{display:flex;flex-direction:column;min-width:0}.metric-copy>span{color:#738196;font-size:11px}.metric-copy>strong{font-size:21px;letter-spacing:-.6px;margin:2px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-copy small{color:#94a0af;font-size:10px}.section-card{background:#fff;border:1px solid #e7ebf1;border-radius:14px;box-shadow:0 8px 23px #23334d09;min-width:0}.section-header{padding:19px 20px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #eef1f5}.section-header h2{font-size:14px;margin:0 0 3px}.section-header p{color:#8995a5;font-size:10px;margin:0}.dashboard-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px}.attendance-visual{padding:23px;display:flex;align-items:center;justify-content:center;gap:34px;min-height:230px}.donut{--progress: 0%;width:144px;height:144px;border-radius:50%;background:conic-gradient(var(--teal) var(--progress),#edf1f5 0);display:grid;place-items:center;position:relative}.donut:after{content:"";width:104px;height:104px;border-radius:50%;background:#fff;position:absolute}.donut>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.donut strong{font-size:28px}.donut span{font-size:10px;color:var(--muted)}.legend-list{min-width:130px;display:grid;gap:14px}.legend-list>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px}.legend-list strong{font-size:12px}.legend-dot{width:8px;height:8px;border-radius:3px}.legend-dot.teal{background:var(--teal)}.legend-dot.amber{background:var(--amber)}.legend-dot.gray{background:#d6dce5}.activity-list{padding:3px 20px 12px}.activity-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.activity-item:last-child{border:0}.activity-item>div{display:flex;flex-direction:column;flex:1}.activity-item strong{font-size:11px}.activity-item small{color:var(--muted);font-size:9px}.tracking-summary{padding:28px 25px;display:flex;align-items:center;gap:15px}.tracking-summary p{margin:4px 0 0;color:var(--muted);font-size:11px}.tracking-pulse{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--teal);background:var(--teal-soft);position:relative}.tracking-pulse i{position:absolute;width:8px;height:8px;background:var(--teal);border-radius:50%;right:5px;top:5px;box-shadow:0 0 0 5px #22a9851f}.setup-steps{list-style:none;padding:5px 20px 13px;margin:0}.setup-steps li{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f5}.setup-steps li:last-child{border:0}.setup-steps>li>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f0f3f8;color:#64758d;font:700 10px Manrope}.setup-steps div{display:flex;flex-direction:column;flex:1}.setup-steps strong{font-size:11px}.setup-steps small{font-size:9px;color:var(--muted)}.setup-steps a{color:#71809a}.product-note{margin-top:17px;display:flex;gap:9px;align-items:center;padding:12px 16px;border:1px solid #dcebe6;border-radius:11px;background:#f5fbf9;color:#477168;font-size:10px}.product-note svg{color:var(--teal)}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;background:#eef1f5;color:#657489}.status-active,.status-valid,.status-published,.status-approved,.status-finished{color:#167861;background:#e5f7f1}.status-inactive,.status-rejected{color:#a95259;background:#fff0f1}.status-late{color:#aa6a1d;background:#fff1dc}.status-outside,.status-review,.status-submitted,.status-draft{color:#725bad;background:#f1edff}.empty-state{min-height:220px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#7788a0;background:#f0f3f7;margin-bottom:12px}.empty-state h3{font-size:13px;margin:0 0 5px}.empty-state p{color:var(--muted);font-size:10px;max-width:310px;line-height:1.55}.empty-state .button{margin-top:4px}.table-toolbar{padding:15px 18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4}.search-box{min-width:min(430px,100%);height:38px;padding:0 11px;border:1px solid #dfe5ed;border-radius:9px;display:flex;gap:8px;align-items:center;color:#8a97a8}.search-box input{border:0;padding:0;box-shadow:none;font-size:11px}.table-toolbar select{width:165px;padding:7px 10px;font-size:11px}.table-count{align-self:center;color:var(--muted);font-size:10px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:#fafbfd;color:#7b889a;text-align:left;font-size:9px;letter-spacing:.35px;text-transform:uppercase;padding:11px 16px;white-space:nowrap}td{border-top:1px solid #edf0f4;padding:12px 16px;font-size:11px;color:#506077;white-space:nowrap}tbody tr:hover{background:#fcfdff}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>div{display:flex;flex-direction:column}.person-cell strong{color:var(--ink);font-size:11px}.person-cell small{color:#8d99a9;font-size:9px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.table-loading{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:11px}.event-type{font-size:9px;font-weight:700;border-radius:7px;padding:5px 8px}.event-type.check-in{color:#177c63;background:#e7f7f2}.event-type.check-out{color:#556a99;background:#edf1fa}.location-cell{display:flex;align-items:flex-start;gap:5px}.location-cell svg{color:var(--teal)}.location-cell span{display:flex;flex-direction:column}.location-cell small{color:#98a3b1;font-size:8px}.verified,.review-text,.inline-icon{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600}.verified{color:#1b8a70}.review-text{color:#a06826}.tab-bar{display:flex;gap:4px;margin-bottom:12px}.tab-bar button{border:0;border-radius:9px;padding:9px 13px;background:transparent;color:#728095;font-size:11px;font-weight:700}.tab-bar button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #1e2e4612}.tab-bar button span{margin-left:5px;padding:2px 5px;border-radius:999px;background:#efeafc;color:#705ab0;font-size:8px}.correction-list{padding:8px 18px}.correction-card{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.correction-card:last-child{border:0}.correction-main{flex:1;min-width:0}.correction-main>div{display:flex;gap:8px;align-items:center}.correction-main strong{font-size:11px}.correction-main p{margin:4px 0;font-size:10px;color:#586980}.correction-main small{color:#8d99a9;font-size:9px}.correction-actions{display:flex;gap:7px}.tracking-layout{display:grid;grid-template-columns:1.55fr .8fr;gap:16px;margin-bottom:16px}.map-canvas{height:380px;position:relative;overflow:hidden;background:#eaf0ec;background-image:radial-gradient(#cad8cf 1px,transparent 1px);background-size:22px 22px}.map-grid-lines{position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.5) 49%,rgba(255,255,255,.5) 51%,transparent 52%);background-size:100px 100px;opacity:.7}.map-road{position:absolute;height:22px;border:4px solid #fff;border-left:0;border-right:0;background:#d7deda;transform-origin:center}.road-one{width:130%;left:-15%;top:45%;transform:rotate(-12deg)}.road-two{width:90%;left:20%;top:68%;transform:rotate(25deg)}.road-three{width:80%;left:-15%;top:18%;transform:rotate(42deg)}.map-label{position:absolute;color:#91a098;font-size:9px;font-weight:700}.label-a{left:12%;top:20%}.label-b{right:15%;bottom:19%}.label-c{left:47%;top:60%}.map-person{position:absolute;display:grid;place-items:center;z-index:5}.map-person i{position:absolute;width:36px;height:36px;border-radius:50%;background:#22a98526;animation:pulse 2s infinite}.map-person>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font:700 8px Manrope;border:2px solid #fff;z-index:1}.map-person em{position:absolute;top:31px;background:#fff;box-shadow:0 4px 12px #1d2d411f;padding:4px 7px;border-radius:6px;font-size:8px;font-style:normal;white-space:nowrap}.point-1{left:24%;top:35%}.point-2{left:60%;top:52%}.point-3{left:74%;top:24%}.point-4{left:42%;top:73%}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#819087}.map-empty strong{font-size:12px;margin-top:7px}.map-empty span{font-size:9px}.map-privacy{position:absolute;right:12px;bottom:12px;background:#ffffffe6;border-radius:8px;padding:7px 9px;display:flex;gap:5px;align-items:center;font-size:8px;color:#5d6c64}.live-indicator{color:#13846a;background:#e5f8f2;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;text-transform:uppercase}.live-indicator i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#1cae89;margin-right:4px;animation:pulse 1.6s infinite}.session-list{padding:5px 17px}.session-list article{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.session-list article>div:nth-child(2){flex:1;display:flex;flex-direction:column}.session-list strong{font-size:10px}.session-list small{color:var(--muted);font-size:8px}.signal{display:flex;align-items:center;gap:4px;color:#78879b;font-size:8px}.signal i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.payroll-metrics{grid-template-columns:1.35fr 1fr 1fr}.payroll-list{padding:4px 18px}.payroll-list article{min-height:76px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) 130px auto 20px;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.payroll-list article:last-child{border:0}.payroll-period{display:flex;align-items:center;gap:11px}.payroll-period>span{width:38px;height:38px;border-radius:11px;background:#edf1f8;color:#526986;display:grid;place-items:center}.payroll-period>div,.payroll-amount{display:flex;flex-direction:column}.payroll-period strong{font-size:11px}.payroll-period small,.payroll-amount span{color:var(--muted);font-size:9px}.payroll-amount strong{font-size:12px}.published-check{display:inline-flex;align-items:center;gap:5px;color:#16856a;font-size:9px;font-weight:700}.row-chevron{color:#a3adba}.simulation-note{display:flex;gap:11px;align-items:flex-start;margin-top:15px;padding:14px 16px;background:#fff9ef;border:1px solid #f2dfbd;border-radius:12px;color:#8b672e}.simulation-note strong{font-size:10px}.simulation-note p{margin:2px 0 0;font-size:9px;line-height:1.5}.payroll-preview-box{margin-top:15px;padding:14px;border-radius:11px;background:#f5f7fa;display:grid;grid-template-columns:1fr 1fr;gap:15px}.payroll-preview-box div{display:flex;flex-direction:column}.payroll-preview-box span{font-size:9px;color:var(--muted)}.payroll-preview-box strong{font-size:13px}.payroll-scope{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.payroll-scope>button{padding:12px;display:flex;align-items:center;gap:10px;text-align:left;color:#52647c;border:1px solid var(--line);border-radius:11px;background:#fff}.payroll-scope>button.active{color:var(--teal-dark);border-color:#8ed5c1;background:#f0faf7;box-shadow:0 0 0 2px #22a98514}.payroll-scope span{display:flex;flex-direction:column}.payroll-scope strong{color:var(--ink);font-size:9px}.payroll-scope small{margin-top:2px;color:var(--muted);font-size:7px}.employee-selector{max-height:250px;margin-top:10px;overflow-y:auto;border:1px solid var(--line);border-radius:11px}.employee-selector header{position:sticky;z-index:2;top:0;padding:10px 12px;display:flex;justify-content:space-between;background:#f7f9fc;border-bottom:1px solid var(--line)}.employee-selector header strong{font-size:9px}.employee-selector header button{padding:0;color:#456b9c;border:0;background:transparent;font-size:8px;font-weight:700}.employee-selector label{padding:9px 12px;display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf0f4;cursor:pointer}.employee-selector label:last-child{border:0}.employee-selector input{width:15px;height:15px;accent-color:var(--teal)}.employee-selector span{display:flex;flex-direction:column}.employee-selector span strong{font-size:9px}.employee-selector span small{color:var(--muted);font-size:7px}.employee-selector label>b{font-size:8px}.payroll-row-actions{display:flex;gap:4px}.payroll-row-actions button{width:28px;height:28px;display:grid;place-items:center;color:#4d6687;border:0;border-radius:7px;background:#edf2f7}.payroll-row-actions button.danger{color:#ad4850;background:#fff0f1}.payroll-edit-summary{margin-top:15px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;border-radius:11px;background:#f5f7fa}.payroll-edit-summary span{padding:8px 9px;display:flex;flex-direction:column;border-radius:8px;background:#fff}.payroll-edit-summary small{color:var(--muted);font-size:7px}.payroll-edit-summary strong{margin-top:2px;font-size:10px}.payroll-edit-summary .net{color:#fff;background:var(--navy)}.payroll-edit-summary .net small{color:#bac6d6}.config-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.config-grid .section-card{padding-bottom:18px}.config-grid .form-grid,.config-grid>.section-card>.form-field,.setting-list{padding-left:20px;padding-right:20px}.config-save{display:flex;justify-content:flex-end;margin:14px 0 18px}.master-grid{grid-template-columns:1fr 1fr}.setting-list{display:grid}.setting-list label{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.setting-list label>span{display:flex;gap:10px;align-items:flex-start}.setting-list label svg{color:#607492}.setting-list label div{display:flex;flex-direction:column}.setting-list strong{font-size:10px}.setting-list small{color:var(--muted);font-size:8px}.setting-list input[type=checkbox]{appearance:none;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:#d7dde6;position:relative}.setting-list input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000026;transition:.18s}.setting-list input:checked{background:var(--teal)}.setting-list input:checked:after{left:19px}.master-list{padding:6px 18px}.master-list article{display:grid;grid-template-columns:37px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.master-list article:last-child{border:0}.master-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#4f6685;background:#edf1f7}.master-list article>div{display:flex;flex-direction:column}.master-list strong{font-size:10px}.master-list small{font-size:8px;color:var(--muted)}.master-list article>span:nth-last-of-type(1){color:#607086;font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0c17288f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(680px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:17px;box-shadow:0 30px 80px #09142447}.modal-header{padding:21px 23px 17px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{margin:0 0 4px;font-size:16px}.modal-header p{margin:0;color:var(--muted);font-size:10px}.modal form,.credential-result,.capture-intro,.camera-stage,.capture-review,.process-state,.success-state{padding:20px 23px 23px}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#526176}.form-field small{color:#8b97a7;font-size:8px;font-weight:400}.form-field textarea{min-height:80px}.form-message{margin-top:13px;padding:10px 12px;border-radius:9px;font-size:10px}.form-message.error{color:#a94a51;background:#fff0f1;border:1px solid #f6d8db}.form-message.success{color:#197b63;background:#ebf8f4;border:1px solid #d3eee6}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.password-input,.input-action{position:relative}.password-input input,.input-action input{padding-right:45px}.password-input button,.input-action button{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#748299}.input-action button{width:auto;font-size:8px;font-weight:700;color:#506caf}.credential-result{text-align:center}.success-orb{width:54px;height:54px;margin:0 auto 13px;border-radius:16px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}.credential-box{text-align:left;padding:5px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.credential-box>div{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.credential-box>div:last-child{border:0}.credential-box span{color:var(--muted);font-size:9px}.credential-box strong{font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-story{min-height:100vh;padding:38px 54px 28px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(56,198,164,.18),transparent 31%),radial-gradient(circle at 12% 88%,rgba(81,116,216,.24),transparent 35%),var(--navy);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.05);border-radius:50%;right:-170px;top:15%;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.login-brand{display:flex;align-items:center;gap:11px;font:700 18px Manrope;z-index:1}.story-content{margin:auto 0;max-width:590px;z-index:1}.story-kicker{display:inline-flex;align-items:center;gap:7px;color:#8fe1cc;font-size:10px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.story-content h1{margin:19px 0 16px;font-size:clamp(41px,5vw,67px);line-height:1.02;letter-spacing:-3.5px}.story-content h1 em{color:#50d2b2;font-style:normal}.story-content>p{max-width:470px;color:#acbad0;font-size:14px;line-height:1.7}.story-features{margin-top:35px;display:grid;gap:16px}.story-features>div{display:flex;align-items:center;gap:12px}.story-features>div>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#64d8bc;background:#ffffff12;border:1px solid rgba(255,255,255,.07)}.story-features p{display:flex;flex-direction:column;margin:0}.story-features strong{font-size:11px}.story-features small{color:#8fa1bc;font-size:9px;margin-top:2px}.login-story footer{color:#617795;font-size:9px;z-index:1}.login-story footer span{color:#36ba99;margin:0 6px}.login-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 70% 15%,#f2f7ff,transparent 25%),#fff}.login-card{width:min(390px,100%)}.login-eyebrow{color:var(--teal-dark);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.login-card h2{font-size:27px;letter-spacing:-.9px;margin:7px 0 6px}.login-card>p{color:var(--muted);font-size:11px;margin-bottom:26px}.login-card form{display:grid;gap:15px}.login-options{display:flex;justify-content:space-between;align-items:center;color:#8290a3;font-size:9px}.login-options label{display:flex;gap:6px;align-items:center}.login-options input{width:14px;height:14px}.login-submit{width:100%;height:46px;margin-top:2px}.login-help{margin-top:23px;padding-top:20px;border-top:1px solid var(--line);color:#8793a4;font-size:9px;text-align:center}.login-help span{color:#596a81;font-weight:700}.demo-admin-card{margin:-10px 0 20px;padding:13px;border:1px solid #dce6f3;border-radius:12px;background:#f6f9fd}.demo-admin-title{display:flex;gap:9px;align-items:center}.demo-admin-title>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#38638d;background:#e7eff9}.demo-admin-title div{display:flex;flex-direction:column}.demo-admin-title strong{font-size:10px}.demo-admin-title small{margin-top:2px;color:#7b899b;font-size:7px}.demo-admin-card dl{margin:11px 0;padding:8px 10px;border-radius:8px;background:#fff}.demo-admin-card dl div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.demo-admin-card dt{color:#8491a2;font-size:8px}.demo-admin-card dd{margin:0;color:#2c405c;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.demo-admin-actions{display:grid;grid-template-columns:1fr auto;gap:7px}.demo-admin-actions button{min-height:31px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cfdae8;border-radius:8px;color:#3d5879;background:#fff;font-size:8px;font-weight:800}.demo-admin-actions button:first-child{color:#fff;border-color:var(--navy);background:var(--navy)}.employee-hero{min-height:260px;border-radius:19px;padding:30px 34px;display:grid;grid-template-columns:1fr 350px;gap:35px;background:radial-gradient(circle at 85% 15%,rgba(63,208,171,.18),transparent 28%),linear-gradient(135deg,#15243e,#223b5a);color:#fff;box-shadow:0 20px 40px #18274124;margin-bottom:17px}.hero-copy{align-self:center}.hero-kicker{display:inline-flex;align-items:center;gap:6px;color:#79d9c1;font-size:9px;letter-spacing:.9px;text-transform:uppercase;font-weight:800}.hero-copy h2{font-size:36px;letter-spacing:-1.6px;margin:11px 0 3px}.hero-copy h2 span{color:#5c7291}.hero-copy>p{color:#9eafc7;font-size:11px}.attendance-timeline{margin-top:26px;display:flex;align-items:center;max-width:390px}.attendance-timeline>div{display:flex;align-items:center;gap:8px}.attendance-timeline i{width:27px;height:27px;border-radius:50%;border:1px solid #53677f;display:grid;place-items:center;color:#fff;font-style:normal}.attendance-timeline .done i{border-color:#35bd9b;background:#26a784}.attendance-timeline span{display:flex;flex-direction:column;color:#8497b1;font-size:8px}.attendance-timeline strong{color:#fff;font-size:10px}.attendance-timeline em{flex:1;height:1px;margin:0 12px;background:#435a75}.attendance-action-card{border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:16px;background:#fff1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column}.live-clock{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:#aab9ce}.live-clock strong{color:#fff;font-size:12px}.attendance-button{flex:1;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.attendance-button>span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#42d5b2,#1c9f80);box-shadow:0 0 0 10px #37c9a61a,0 12px 30px #1496764d;margin-bottom:14px;transition:.2s}.attendance-button:hover>span{transform:scale(1.04)}.attendance-button strong{font-size:14px}.attendance-button small{color:#91a5be;font-size:9px;margin-top:2px}.attendance-privacy{text-align:center;color:#7f93ad;font-size:8px;display:flex;align-items:center;justify-content:center;gap:5px}.day-complete{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.day-complete>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#33b792;margin-bottom:12px}.day-complete strong{font-size:13px}.day-complete p{color:#9dafc5;font-size:9px}.employee-dashboard-grid,.employee-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-status-list,.privacy-list{padding:8px 20px}.employee-status-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.employee-status-list>div:last-child{border:0}.status-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.status-icon.teal{color:#16846a;background:#e7f7f2}.status-icon.navy{color:#536985;background:#edf1f7}.status-icon.purple{color:#725ab9;background:#f1edff}.employee-status-list p{margin:0;display:flex;flex-direction:column;flex:1}.employee-status-list small{color:var(--muted);font-size:8px}.employee-status-list strong{font-size:10px}.privacy-list p{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);margin:0}.privacy-list p:last-child{border:0}.privacy-list svg{color:var(--teal)}.privacy-list span{display:flex;flex-direction:column}.privacy-list strong{font-size:10px}.privacy-list small{color:var(--muted);font-size:8px;margin-top:2px}.capture-icons{display:flex;align-items:center;justify-content:center;gap:11px;margin:7px 0 18px}.capture-icons span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#3c5c78;background:#edf2f7}.capture-icons i{width:28px;height:1px;background:#dce3eb}.capture-intro{text-align:center}.capture-intro h3{font-size:15px;margin:0 0 7px}.capture-intro>p{color:var(--muted);font-size:10px;line-height:1.6;max-width:470px;margin:0 auto 14px}.demo-warning{display:flex;text-align:left;gap:8px;align-items:flex-start;padding:10px 12px;background:#fff8e9;color:#8a662f;border-radius:10px;font-size:9px;margin-bottom:15px}.camera-frame{aspect-ratio:1.5;border-radius:14px;overflow:hidden;position:relative;background:#101923}.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-guide{position:absolute;width:170px;height:215px;border:2px solid rgba(102,228,195,.78);border-radius:46% 46% 42% 42%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #050d1645}.camera-label{position:absolute;top:10px;left:10px;border-radius:7px;padding:5px 8px;color:#fff;background:#0d1827a6;display:flex;gap:5px;align-items:center;font-size:8px}.liveness-challenge{margin:13px 0;padding:12px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:10px}.liveness-challenge>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#705bb4;background:#f0ebff}.liveness-challenge>div{flex:1}.liveness-challenge strong{font-size:9px}.liveness-challenge p{margin:2px 0 0;font-size:8px;color:var(--muted)}.liveness-challenge button{border:0;border-radius:8px;padding:7px 9px;color:#53647b;background:#eef2f6;font-size:8px;font-weight:700}.liveness-challenge button.done{color:#14785f;background:#e4f7f0;display:flex;gap:4px;align-items:center}.capture-review>img{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 15px;border:4px solid #e6f8f2}.verification-result,.location-result{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;margin-top:9px}.verification-result{color:#15765f;background:#e9f8f3}.verification-result>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff}.location-result{background:#f4f6f9;color:#566881}.verification-result div,.location-result div{display:flex;flex-direction:column}.verification-result strong,.location-result strong{font-size:10px}.verification-result p,.location-result p{margin:2px 0 0;font-size:8px}.process-state,.success-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.process-state h3,.success-state h3{font-size:15px;margin:12px 0 5px}.process-state p,.success-state p{color:var(--muted);font-size:9px}.success-state>span{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--teal);box-shadow:0 0 0 10px var(--teal-soft)}.success-state .button{margin-top:9px}.capture-cancel{width:100%;border:0;background:transparent;color:#8995a5;display:flex;gap:5px;justify-content:center;padding:0 0 16px;font-size:8px}.history-timeline,.request-list{padding:6px 18px}.history-timeline article{display:grid;grid-template-columns:35px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.timeline-icon.check-in{color:#198269;background:#e6f7f1}.timeline-icon.check-out{color:#50688c;background:#edf1f8}.history-timeline article>div:nth-child(2){display:flex;flex-direction:column}.history-timeline strong{font-size:10px}.history-timeline small{color:var(--muted);font-size:8px}.history-location{display:flex;gap:4px;color:#7e8b9c;font-size:8px}.request-list article{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.request-list article>span:first-child{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#6857a8;background:#f0edfc}.request-list article>div{flex:1}.request-list strong{display:block;font-size:10px}.request-list small{color:var(--muted);font-size:8px}.request-list p{color:#596a80;font-size:9px;margin:4px 0 0}.employee-tracking-hero{min-height:160px;border:1px solid #e4e9ef;background:#fff;border-radius:17px;padding:25px 28px;display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;margin-bottom:13px}.employee-tracking-hero.is-active{color:#fff;background:radial-gradient(circle at 85% 30%,rgba(55,205,169,.25),transparent 28%),var(--navy);border-color:var(--navy)}.tracking-hero-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:#e8f7f2;color:var(--teal)}.is-active .tracking-hero-icon{background:#ffffff1a;color:#56d8b7}.tracking-kicker{color:var(--teal-dark);font-size:8px;font-weight:800;letter-spacing:.9px}.is-active .tracking-kicker{color:#70dcbf}.employee-tracking-hero h2{margin:4px 0;font-size:17px}.employee-tracking-hero p{color:var(--muted);margin:0;font-size:9px}.is-active p{color:#9cb0c8}.tracking-live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.tracking-live-stats>div{padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px}.tracking-live-stats>div>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#168369;background:#e8f8f3}.tracking-live-stats p{margin:0;display:flex;flex-direction:column}.tracking-live-stats small{color:var(--muted);font-size:8px}.tracking-live-stats strong{font-size:10px}.tracking-how{list-style:none;margin:0;padding:8px 20px}.tracking-how li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.tracking-how li:last-child{border:0}.tracking-how li>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#edf1f6;font:700 9px Manrope;color:#5f7087}.tracking-how strong{font-size:10px}.tracking-how p{margin:2px 0 0;color:var(--muted);font-size:8px}.tracking-history-list{padding:6px 18px}.tracking-history-list article{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.tracking-history-list article>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#526a88;background:#edf1f7}.tracking-history-list div{display:flex;flex-direction:column;flex:1}.tracking-history-list strong{font-size:9px}.tracking-history-list small{color:var(--muted);font-size:8px}.tracking-consent{margin-top:13px;display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#f4f8f7;color:#61756f;font-size:8px;line-height:1.5}.payslip-security{margin-bottom:14px;padding:12px 15px;display:flex;gap:10px;align-items:center;color:#4d675f;background:#eef8f5;border:1px solid #dbede7;border-radius:11px}.payslip-security div{display:flex;flex-direction:column}.payslip-security strong{font-size:10px}.payslip-security span{font-size:8px}.employee-payslip-list{padding:5px 18px}.employee-payslip-list>button{width:100%;min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(130px,.6fr) auto 20px;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--ink)}.employee-payslip-list>button:last-child{border:0}.employee-payslip-list>button:hover{background:#fbfcfe}.payslip-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#536985;background:#edf1f7}.employee-payslip-list button>div:nth-child(2),.payslip-net{display:flex;flex-direction:column}.employee-payslip-list strong{font-size:10px}.employee-payslip-list small,.payslip-net span{color:var(--muted);font-size:8px}.payslip-overlay{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:#0c16269e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto}.payslip-document{width:min(660px,100%);background:#fff;border-radius:8px;padding:30px 35px;color:#213149;box-shadow:0 25px 70px #060f1d4d}.payslip-document>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:2px solid var(--navy)}.payslip-brand{display:flex;align-items:center;gap:9px}.payslip-brand>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:#fff;font:800 15px Manrope}.payslip-brand div{display:flex;flex-direction:column}.payslip-brand strong{font-size:14px}.payslip-brand small{font-size:7px;letter-spacing:.7px;color:#7d8a9c}.payslip-title{padding:22px 0;display:flex;justify-content:space-between;align-items:flex-start}.payslip-title span:first-child{color:#778497;font-size:8px;letter-spacing:1px}.payslip-title h2{margin:4px 0 0;font-size:19px}.payslip-employee{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;padding:14px;background:#f4f6f9;border-radius:8px}.payslip-employee div{display:flex;flex-direction:column}.payslip-employee span{color:#7b899b;font-size:8px}.payslip-employee strong{font-size:10px}.payslip-lines{margin-top:20px}.payslip-lines h3{margin:15px 0 7px;padding-bottom:5px;border-bottom:1px solid var(--line);color:#52657d;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.payslip-lines>div{display:flex;justify-content:space-between;padding:6px 0;font-size:9px}.payslip-lines .subtotal{margin-top:4px;padding-top:10px;border-top:1px dashed #dce2ea}.payslip-total{margin-top:17px;padding:17px 18px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--navy)}.payslip-total span{font-size:9px;letter-spacing:.8px}.payslip-total strong{font-size:19px}.payslip-document>footer{margin:18px 0;color:#8895a5;font-size:7px}.payslip-document footer p{margin-bottom:5px}.profile-hero-card{min-height:130px;margin-bottom:16px;padding:24px 28px;border-radius:17px;display:flex;gap:17px;align-items:center;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(52,201,165,.2),transparent 30%),var(--navy)}.profile-avatar{width:70px;height:70px;border-radius:20px;font-size:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.profile-hero-card h2{font-size:19px;margin:0 0 4px}.profile-hero-card p{color:#a5b4c8;font-size:10px;margin:0 0 7px}.profile-hero-card div>span{display:inline-flex;gap:5px;align-items:center;color:#6dd7ba;font-size:8px}.profile-details{padding:8px 20px;display:grid;grid-template-columns:1fr 1fr}.profile-details>div{padding:13px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.profile-details svg{color:#5c718d}.profile-details span{display:flex;flex-direction:column}.profile-details small{color:var(--muted);font-size:8px}.profile-details strong{font-size:10px}.security-card{padding:20px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center}.security-card>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f0ecff;color:#725ab8}.security-card strong{font-size:10px}.security-card p{color:var(--muted);font-size:8px;margin:3px 0 0}.flow-hint{display:flex;gap:9px;padding:12px 14px;border-radius:10px;color:#546a64;background:#f1f8f6;font-size:9px}.flow-hint div{display:flex;flex-direction:column}.flow-hint p{margin:2px 0 0}.app-loading,.account-error{min-height:100vh;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#76869b}.account-error h1{font-size:20px;margin:4px 0 0}.account-error p{font-size:10px}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.mobile-drawer,.mobile-drawer-backdrop,.mobile-menu,.bottom-nav{display:none}.payroll-review{padding:20px 23px 23px}.payroll-review table small{display:block;margin-top:3px;color:var(--muted);font-size:7px}.attachment-link{display:inline-flex;margin-top:5px;padding:0;border:0;color:#456ca4;background:transparent;font-size:8px;font-weight:700}.ops-tabs{overflow-x:auto}.org-grid{padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.org-grid>article{border:1px solid var(--line);border-radius:13px;overflow:hidden}.org-grid article>header{padding:13px;display:flex;align-items:center;gap:9px;background:#f6f8fb}.org-grid header>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#526b8c;background:#e7edf5}.org-grid header div{display:flex;flex-direction:column}.org-grid header strong{font-size:10px}.org-grid header small{color:var(--muted);font-size:8px}.org-grid article>div{padding:5px 13px}.org-grid p{margin:0;padding:9px 0;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.org-grid p:last-child{border:0}.org-grid p>span:last-child{display:flex;flex-direction:column}.org-grid p strong{font-size:9px}.org-grid p small{color:var(--muted);font-size:8px}.ops-list,.goal-list,.candidate-board{padding:5px 18px}.ops-list article,.goal-list article,.candidate-board article{min-height:70px;padding:11px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.ops-list article:last-child,.goal-list article:last-child,.candidate-board article:last-child{border:0}.ops-list article>span,.goal-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#586f8d;background:#edf1f7}.ops-list article>div,.goal-list article>div,.candidate-board article>div{flex:1}.ops-list strong,.goal-list strong,.candidate-board strong{display:block;font-size:10px}.ops-list p,.candidate-board p{margin:3px 0;color:#637289;font-size:8px}.ops-list small,.goal-list small,.candidate-board small{color:var(--muted);font-size:8px}.ops-list a{color:#456ca4;font-size:8px;font-weight:700}.progress-track{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e8edf3}.progress-track i{display:block;height:100%;background:var(--teal)}.goal-list b{min-width:42px;font-size:10px}.candidate-board select{width:145px}.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.announcement-feed,.document-list{padding:6px 18px}.announcement-feed article{padding:13px 0;display:flex;gap:10px;border-bottom:1px solid var(--line)}.announcement-feed article:last-child{border:0}.announcement-feed>article>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#8b651d;background:#fff3d9}.announcement-feed strong{font-size:10px}.announcement-feed p{margin:4px 0 0;color:#5f6f84;font-size:9px;line-height:1.55}.document-list a{padding:12px 0;display:flex;align-items:center;gap:10px;color:var(--ink);border-bottom:1px solid var(--line)}.document-list a:last-child{border:0}.document-list a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#5b6f8e;background:#edf1f7}.document-list p{flex:1;margin:0;display:flex;flex-direction:column}.document-list strong{font-size:9px}.document-list small{color:var(--muted);font-size:8px}.employee-goals{padding:6px 18px}.employee-goals article{padding:14px 0;display:flex;gap:12px;border-bottom:1px solid var(--line)}.employee-goals article>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#7057b0;background:#f0ecff}.employee-goals article>div{flex:1}.goal-title{display:flex;justify-content:space-between;gap:10px}.goal-title strong{font-size:11px}.employee-goals p{margin:4px 0;color:#5f6f83;font-size:9px}.employee-goals small{color:var(--muted);font-size:8px}.goal-control{margin-top:10px;display:grid;grid-template-columns:1fr 42px auto;gap:10px;align-items:center}.goal-control input{padding:0}.goal-control b{font-size:10px}.fatal-error{min-height:100vh;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink)}.fatal-error svg{color:#c25a61}.fatal-error h1{margin:13px 0 5px;font-size:22px}.fatal-error p{margin:0 0 17px;color:var(--muted);font-size:10px}.offline-banner{padding:8px 18px;color:#765718;background:#fff1cf;border-bottom:1px solid #efdcae;text-align:center;font-size:9px;font-weight:700}.button-danger{color:#fff;background:#b94f58}.button-danger:hover{background:#a44149}.request-metrics{grid-template-columns:repeat(3,1fr)}.request-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.request-shortcuts>button{min-height:82px;padding:16px;display:flex;gap:12px;align-items:center;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #1c2b400a}.request-shortcuts>button:hover{border-color:#b8c8dc;transform:translateY(-1px)}.request-shortcuts>button>svg{color:var(--teal-dark)}.request-shortcuts span{display:flex;flex-direction:column}.request-shortcuts strong{font-size:11px}.request-shortcuts small{margin-top:3px;color:var(--muted);font-size:8px}.employee-request-list em{display:block;margin-top:5px;color:#586b84;font-size:8px;font-style:normal;font-weight:700}.approval-list{padding:4px 18px}.approval-list article{min-height:92px;display:grid;grid-template-columns:38px minmax(170px,.75fr) minmax(230px,1.2fr) auto auto;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.approval-list article:last-child{border:0}.request-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.request-icon.leave{color:#157b63;background:#e7f7f2}.request-icon.overtime{color:#956715;background:#fff4dc}.request-icon.reimbursement{color:#6d56ae;background:#f0ecff}.approval-person{display:flex;align-items:center;gap:9px}.approval-person p,.approval-detail{margin:0;display:flex;flex-direction:column}.approval-person strong,.approval-detail strong{font-size:10px}.approval-person small,.approval-detail small{color:var(--muted);font-size:8px}.approval-detail p{margin:4px 0 0;color:#647389;font-size:8px;line-height:1.4}.approval-actions{display:flex;gap:6px}.approval-actions .approve{color:#147c62;background:#e7f7f2}.approval-actions .reject{color:#b34c54;background:#fff0f1}.decision-content{padding:20px 23px 23px}.decision-summary{margin-bottom:14px;padding:13px 14px;display:flex;flex-direction:column;border-radius:11px;background:#f5f7fa}.decision-summary strong{font-size:11px}.decision-summary span{margin-top:2px;color:var(--muted);font-size:8px}.decision-summary p{margin:7px 0 0;color:#53657c;font-size:9px}.notification-wrap{position:relative}.notification-menu{position:absolute;z-index:45;top:46px;right:0;width:320px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.notification-menu>header{padding:13px 15px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-menu header strong{font-size:11px}.notification-menu header span{color:var(--muted);font-size:8px}.notification-menu>div>a{padding:11px 14px;display:flex;align-items:center;gap:10px;color:var(--ink);border-bottom:1px solid var(--line)}.notification-menu a:hover{background:#f8fafc}.notification-state{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#8e6317;background:#fff2d8}.notification-state.approved{color:#14795f;background:#e6f7f1}.notification-state.rejected{color:#b34c54;background:#fff0f1}.notification-menu p{flex:1;margin:0;display:flex;flex-direction:column}.notification-menu p strong{font-size:9px}.notification-menu p small{margin-top:2px;color:var(--muted);font-size:8px}.notification-empty{padding:22px!important;color:var(--muted);font-size:9px;text-align:center}.notification-all{padding:10px!important;justify-content:center;color:#425c86!important;font-size:9px;font-weight:700}.login-options button{padding:0;border:0;color:#526b94;background:transparent;font-size:9px;font-weight:700}.password-reset-panel{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:17px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.password-reset-panel>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--navy);background:#e9eff8}.password-reset-panel strong{display:block;margin-bottom:3px;font-size:11px;color:var(--ink)}.password-reset-panel p{margin:0;color:var(--muted);font-size:9px;font-weight:400;line-height:1.5}.password-reset-content{min-width:0}.password-reset-content .input-action{margin-top:9px}.password-reset-content .input-action input{min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.location-form{padding-top:16px!important}.location-picker{margin-top:15px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.location-picker-head{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.location-picker-head>div{display:flex;align-items:center;gap:9px}.location-picker-head>div>svg{color:var(--teal-dark)}.location-picker-head span{display:flex;flex-direction:column}.location-picker-head strong{font-size:10px}.location-picker-head small{margin-top:2px;color:var(--muted);font-size:8px}.location-picker-map{position:relative;height:310px;border-block:1px solid var(--line);background:#e8edf3}.location-picker-map .leaflet-container{width:100%;height:100%;font-family:inherit}.location-picker-map .leaflet-control-attribution{font-size:7px}.location-picker-empty{position:absolute;z-index:500;inset:auto 50% 18px auto;transform:translate(50%);padding:9px 12px;display:flex;gap:7px;align-items:center;color:#314963;border:1px solid rgba(255,255,255,.8);border-radius:9px;background:#fffffff0;box-shadow:0 6px 18px #1b2d4329;pointer-events:none}.location-picker-empty strong{font-size:8px;white-space:nowrap}.location-picker-marker{background:transparent;border:0}.location-picker-marker>span{position:relative;width:34px;height:34px;display:block;border:4px solid #fff;border-radius:50% 50% 50% 0;background:var(--teal);box-shadow:0 4px 13px #122f3d61;transform:rotate(-45deg)}.location-picker-marker i{position:absolute;inset:8px;border-radius:50%;background:#fff}.location-picker-error{margin:0;padding:8px 12px 0;color:#b34c54;font-size:8px}.location-radius-control{padding:13px 14px 10px;background:#fff}.location-radius-label{display:flex;align-items:center;justify-content:space-between;gap:14px}.location-radius-label>span{display:flex;flex-direction:column}.location-radius-label strong{font-size:10px}.location-radius-label small{margin-top:2px;color:var(--muted);font-size:8px}.location-radius-label label{width:112px;position:relative}.location-radius-label label input{height:35px;padding:7px 45px 7px 10px;font-weight:700}.location-radius-label label b{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--muted);font-size:7px}.location-radius-control>input[type=range]{margin:12px 0 8px;padding:0;accent-color:var(--teal);box-shadow:none}.radius-presets{display:flex;gap:6px}.radius-presets button{padding:5px 9px;border:1px solid #dfe5ec;border-radius:999px;color:#617188;background:#fff;font-size:7px;font-weight:700}.radius-presets button.active{color:#fff;border-color:var(--teal-dark);background:var(--teal-dark)}.coordinate-preview{padding:9px 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8fafc}.coordinate-preview span{min-width:0;padding:7px 9px;display:flex;flex-direction:column;border:1px solid #e6eaf0;border-radius:8px;background:#fff}.coordinate-preview small{color:var(--muted);font-size:7px}.coordinate-preview strong{margin-top:2px;overflow:hidden;color:#43566e;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.recruitment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.recruitment-toolbar>span{color:var(--muted);font-size:9px}.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 14px}.kanban-column{min-height:440px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#f6f8fb}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 12px}.kanban-column>header div{display:flex;gap:7px;align-items:center}.kanban-column>header i{width:7px;height:7px;border-radius:50%;background:#8492a6}.kanban-column>header strong{font-size:10px}.kanban-column>header span{min-width:22px;padding:3px 6px;border-radius:999px;text-align:center;color:#66758a;background:#e8edf3;font-size:8px;font-weight:800}.kanban-column.blue>header i{background:#4d83c2}.kanban-column.amber>header i{background:#d99c2f}.kanban-column.purple>header i{background:#8167ba}.kanban-column.green>header i{background:#25a37d}.kanban-column.red>header i{background:#d66369}.candidate-card{margin-bottom:9px;padding:12px;border:1px solid #e1e6ed;border-radius:11px;background:#fff;box-shadow:0 3px 9px #17263a0a;cursor:grab}.candidate-card:active{cursor:grabbing}.candidate-card-head{display:flex;gap:8px;align-items:center}.candidate-card-head>div{flex:1;min-width:0}.candidate-card-head strong,.candidate-card-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-card-head strong{font-size:9px}.candidate-card-head small,.candidate-card>p,.candidate-card footer{color:var(--muted);font-size:7px}.candidate-card>p{margin:9px 0;line-height:1.5}.candidate-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.candidate-card footer div{display:flex;gap:5px}.candidate-card footer button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;color:#496587;background:#edf2f7}.candidate-card footer .hire-action{color:#15795f;background:#e5f7f0}.skill-chips{display:flex;flex-wrap:wrap;gap:4px}.skill-chips span{padding:3px 6px;border-radius:999px;color:#52657b;background:#eef2f6;font-size:7px;font-weight:700}.kanban-empty{margin:18px 4px;color:#9ba6b4;font-size:8px;text-align:center}.contract-metrics{grid-template-columns:1fr 1fr}.table-subline{display:block;margin-top:3px;color:var(--muted);font-size:8px}.attachment-link{gap:5px;align-items:center}.employee-contract-list{padding:5px 18px}.employee-contract-list article{min-height:76px;padding:12px 0;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.employee-contract-list article:last-child{border:0}.employee-contract-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#526986;background:#edf1f7}.employee-contract-list article>div{display:flex;flex-direction:column}.employee-contract-list strong{font-size:10px}.employee-contract-list small{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:8px}.payslip-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px}.payroll-slip-preview{padding:20px 23px 23px}.payroll-slip-preview>div:not(.modal-actions){display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.payroll-slip-preview span{color:var(--muted);font-size:9px}.payroll-slip-preview strong{font-size:11px}.payroll-slip-preview .net{margin-top:10px;padding:15px!important;border:0!important;border-radius:10px;color:#fff;background:var(--navy)}.payroll-slip-preview .net span{color:#cdd6e2}.candidate-card:focus-visible{outline:2px solid #5d7ade;outline-offset:2px}.candidate-detail{padding:20px 23px 23px}.candidate-detail-hero{padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;border-radius:12px;background:#f5f7fa}.candidate-detail-hero .avatar{width:42px;height:42px}.candidate-detail-hero>div{display:flex;flex-direction:column}.candidate-detail-hero strong{font-size:12px}.candidate-detail-hero small{margin-top:2px;color:var(--muted);font-size:8px}.candidate-stage{padding:5px 8px;border-radius:999px;color:#52657c;background:#e7ecf2;font-size:7px;font-weight:800}.candidate-stage.hired{color:#14795f;background:#e5f7f0}.candidate-stage.rejected{color:#ad4850;background:#fff0f1}.candidate-stage.interview{color:#8e6317;background:#fff2d8}.candidate-stage.offer{color:#6f56ae;background:#f0ecff}.candidate-detail-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.candidate-detail-grid>div{min-width:0;padding:11px;display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px}.candidate-detail-grid svg{color:#59708e}.candidate-detail-grid span{min-width:0;display:flex;flex-direction:column}.candidate-detail-grid small,.candidate-detail-section>small{color:var(--muted);font-size:7px}.candidate-detail-grid strong{overflow:hidden;margin-top:2px;font-size:9px;text-overflow:ellipsis}.candidate-detail-section{margin-top:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.candidate-detail-section>strong{display:block;margin-top:4px;font-size:9px}.candidate-detail-section p{margin:5px 0 0;color:#5d6e83;font-size:9px;line-height:1.55;white-space:pre-wrap}.candidate-detail-section .skill-chips{margin-top:7px}.contract-doc-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.contract-doc-actions .attachment-link{margin:0;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@media(max-width:1100px){.metrics-grid{grid-template-columns:1fr 1fr}.tracking-layout{grid-template-columns:1fr}.login-story{padding-left:36px;padding-right:36px}.story-content h1{font-size:48px}.employee-hero{grid-template-columns:1fr 310px}.payroll-list article{grid-template-columns:minmax(180px,1fr) 140px 100px auto}.row-chevron{display:none}}@media(max-width:850px){.sidebar{display:none}.main-column{width:100%;margin-left:0}.mobile-menu{display:inline-grid}.mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:#0a142280;z-index:60}.mobile-drawer{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:270px;padding:27px 18px 18px;color:#fff;background:var(--navy);z-index:70;transform:translate(-105%);transition:.2s}.mobile-drawer.open{transform:none}.mobile-drawer .drawer-close{position:absolute;right:10px;top:10px;color:#fff}.topbar{padding:0 20px}.page-content{padding:25px 20px 45px}.dashboard-grid,.config-grid,.employee-dashboard-grid,.employee-history-grid,.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.employee-hero{grid-template-columns:1fr}.attendance-action-card{min-height:240px}.tracking-layout,.master-grid{grid-template-columns:1fr}.payroll-list article{grid-template-columns:1fr auto;padding:13px 0}.payroll-amount{grid-column:1}.payroll-list .status,.payroll-list .button,.published-check{grid-column:2;grid-row:1}.profile-label{display:none}}@media(max-width:600px){.app-shell.employee .topbar{height:58px}.app-shell.employee .page-content{padding:20px 15px 90px}.topbar-company{font-size:10px}.page-header{align-items:flex-start;flex-direction:column;gap:13px}.page-header h1{font-size:23px}.page-actions,.page-actions .button{width:100%}.metrics-grid,.payroll-metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:97px;padding:14px}.metric-icon{width:33px;height:33px}.metric-copy>strong{font-size:16px}.metric-copy>span{font-size:9px}.attendance-visual{gap:20px;padding:18px}.donut{width:115px;height:115px}.donut:after{width:82px;height:82px}.donut strong{font-size:22px}.table-toolbar{flex-direction:column}.table-toolbar select{width:100%}.search-box{min-width:0}.form-grid.two{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:end}.modal{max-height:94vh;border-radius:18px 18px 0 0}.modal-header{padding:18px}.modal form,.credential-result,.capture-intro,.camera-stage,.capture-review,.process-state,.success-state{padding:17px 18px 22px}.employee-hero{padding:22px 20px;border-radius:16px}.hero-copy h2{font-size:29px}.employee-tracking-hero{grid-template-columns:48px 1fr;padding:18px}.employee-tracking-hero .button{grid-column:1 / -1;width:100%}.tracking-live-stats{gap:7px}.tracking-live-stats>div{padding:10px;flex-direction:column;align-items:flex-start}.employee-payslip-list>button{grid-template-columns:38px 1fr auto;padding:10px 0}.payslip-net{grid-column:2}.employee-payslip-list .status{grid-column:3;grid-row:1}.employee-payslip-list button>svg{display:none}.payslip-document{padding:22px 18px}.payslip-employee{grid-template-columns:1fr 1fr}.payslip-employee div:first-child{grid-column:1/-1}.profile-details{grid-template-columns:1fr}.security-card{grid-template-columns:40px 1fr}.security-card .button{grid-column:1/-1}.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;height:66px;padding:6px 5px max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid #e4e9ef;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav a{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#8a97a8;font-size:8px}.bottom-nav a.active{color:var(--teal-dark)}.bottom-nav a svg{stroke-width:1.8}.login-panel{padding:28px 21px}.correction-card{align-items:flex-start;flex-wrap:wrap}.correction-actions{width:100%;justify-content:flex-end}.camera-frame{aspect-ratio:1}.face-guide{width:150px;height:190px}}.modal-actions.split-actions>span{flex:1}@media(max-width:850px){.approval-list article{grid-template-columns:38px 1fr auto;padding:13px 0}.approval-detail{grid-column:2 / -1}.approval-actions{grid-column:2 / -1;justify-content:flex-end}.workspace-grid{grid-template-columns:1fr}}@media(max-width:600px){.password-reset-panel{grid-template-columns:auto 1fr}.password-reset-panel .button{grid-column:1 / -1;width:100%}.request-metrics,.request-shortcuts{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(5,1fr)}.notification-menu{position:fixed;top:58px;left:12px;right:12px;width:auto}.decision-content,.payroll-review{padding:17px 18px 22px}.candidate-board article{align-items:flex-start;flex-wrap:wrap}.candidate-board select{width:100%}.goal-control{grid-template-columns:1fr 35px}.goal-control .button{grid-column:1 / -1;width:100%}}@media(max-width:600px){.location-picker-head{align-items:flex-start}.location-picker-head .button{width:auto;white-space:nowrap}.location-picker-map{height:265px}.location-radius-label{align-items:flex-start}.location-radius-label>span{flex:1}.radius-presets{overflow-x:auto;padding-bottom:2px}.radius-presets button{flex:0 0 auto}}@media(max-width:600px){.recruitment-toolbar{align-items:stretch;flex-direction:column}.kanban-board{grid-template-columns:repeat(6,82vw)}.contract-metrics{grid-template-columns:1fr}.employee-contract-list article{grid-template-columns:38px 1fr auto}.employee-contract-list article .button{grid-column:2/-1}.payslip-actions{grid-template-columns:1fr}}.master-list article{grid-template-columns:37px minmax(0,1fr) auto auto auto}.master-actions,.row-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:3px}.icon-button.danger{color:#b6535a}.icon-button.danger:hover{color:#a33f48;background:#fff0f1}@media print{body *{visibility:hidden!important}.payslip-overlay,.payslip-overlay *{visibility:visible!important}.payslip-overlay{position:absolute;inset:0;display:block;padding:0;background:#fff}.payslip-document{width:100%;box-shadow:none;padding:25px}.no-print{display:none!important}}:root{font-family:Inter,system-ui,Segoe UI,sans-serif;color:#1b2a41;background:#f3f5f9;--navy: #11213d;--navy-2: #1c3254;--teal: #2f6bd1;--teal-dark: #1f4fa3;--teal-soft: #e8effc;--ink: #1b2a41;--muted: #64748b;--line: #e2e8f0;--shadow: 0 10px 30px rgba(17, 33, 61, .08)}body{background:#f3f5f9}h1,h2,h3,strong,.brand-mark,.avatar,.brand strong{font-family:Inter,system-ui,sans-serif}input,select,textarea{border-radius:7px;border-color:#d5dce8}input:focus,select:focus,textarea:focus{border-color:#2f6bd1;box-shadow:0 0 0 3px #2f6bd124}::selection{background:#cfe0fb;color:#0e2a57}.sidebar{width:268px;padding:22px 14px 14px;background:linear-gradient(180deg,#0f1d36,#11213d);border-right:1px solid rgba(255,255,255,.04);overflow-y:auto}.main-column{width:calc(100% - 268px);margin-left:268px}.brand{padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:14px}.brand-mark{border-radius:8px;background:#2f6bd1;color:#fff;letter-spacing:0}.brand-mark span{color:#bcd4ff}.brand strong{font-size:17px;letter-spacing:.2px}.brand small{font-size:9.5px;letter-spacing:.3px;color:#8ea3c4;max-width:160px;line-height:1.3}.side-nav{gap:1px}.nav-entry{display:flex;flex-direction:column;gap:1px}.nav-eyebrow{color:#6f86ab;font-size:9.5px;letter-spacing:1.3px;padding:14px 12px 6px}.nav-entry:first-child .nav-eyebrow{padding-top:2px}.nav-item{height:40px;border-radius:6px;gap:11px;font-size:13px;font-weight:500;color:#b4c3dc}.nav-item:hover{background:#ffffff0f}.nav-item.active{color:#fff;font-weight:600;background:#2f6bd147;box-shadow:inset 3px 0 #6ea0f5}.nav-item.active svg{color:#9dc0ff}.sidebar-card{border-radius:8px;background:#ffffff09}.sidebar-card svg{color:#8fb4f5}.topbar{height:64px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #e2e8f0}.topbar-company{font-size:13px;font-weight:600;color:#1b2a41;letter-spacing:.1px}.company-dot{border-radius:2px;background:#2f6bd1;box-shadow:none;width:9px;height:9px}.icon-button{border-radius:7px}.avatar{border-radius:8px;background:#1c3254}.avatar.soft{background:#e8effc;color:#2a4a82}.page-content{padding:28px 34px 56px}.page-header{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #e2e8f0;align-items:flex-end}.page-eyebrow{color:#2f6bd1;font-size:10.5px;letter-spacing:1.4px}.page-header h1{font-size:24px;letter-spacing:-.3px;font-weight:700}.page-header p{max-width:760px;font-size:13px;line-height:1.55}.button{border-radius:7px;min-height:38px;font-weight:600;letter-spacing:.1px}.button:hover{transform:none}.button-primary{background:#1f4fa3;box-shadow:none}.button-primary:hover{background:#173f85}.button-secondary{border-color:#cfd8e6;color:#27395a}.text-link{color:#2f6bd1}.metric-card,.section-card{border-radius:10px;border-color:#e2e8f0;box-shadow:0 1px 2px #11213d0a}.metric-card{border-top:3px solid #1f4fa3;min-height:104px}.metric-icon{border-radius:8px}.metric-copy>span{font-weight:600;text-transform:uppercase;letter-spacing:.6px;font-size:10px;color:#64748b}.metric-copy>strong{font-size:24px;letter-spacing:-.4px}.section-card{margin-bottom:16px}.dashboard-grid .section-card,.config-grid .section-card{margin-bottom:0}.section-header{padding:16px 20px 13px;background:#fafbfd;border-radius:10px 10px 0 0}.section-header h2{font-size:14px;font-weight:700}.section-header p{font-size:11px}.metrics-grid.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid.wide-first{grid-template-columns:1.25fr .75fr}.dashboard-grid{align-items:start}.table-wrap table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#5b6b82;background:#f6f8fb}.table-wrap table td{font-size:12.5px}.row-link{cursor:pointer;transition:background .15s ease}.row-link:hover,.row-link.selected{background:#f1f6ff}.cell-sub{display:block;margin-top:2px;color:#7a8799;font-size:10.5px}.status{border-radius:5px;font-size:10px;letter-spacing:.2px}.table-toolbar select{height:38px;width:auto;min-width:170px}.master-actions select{height:34px;min-width:170px;font-size:12px}.master-grid.single{grid-template-columns:1fr}.empty-icon{border-radius:10px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:#2f6bd1;font-size:12px;font-weight:600}.back-link:hover{text-decoration:underline}.info-grid{margin:0;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.info-grid dt{display:flex;align-items:center;gap:6px;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}.info-grid dd{margin:0;font-size:13px;font-weight:500;color:#1b2a41;line-height:1.45}.client-bars{padding:6px 20px 14px}.client-bar{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(100px,1.4fr) 64px;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #eef1f6}.client-bar:last-child{border-bottom:0}.client-bar:hover strong{color:#1f4fa3}.client-bar>div:first-child{display:flex;flex-direction:column;min-width:0}.client-bar strong{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-bar small{color:#7a8799;font-size:10.5px}.client-bar>span{text-align:right;font-weight:700;font-size:14px}.client-bar>span small{font-weight:500}.bar-track{height:8px;border-radius:4px;background:#e8edf4;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#2f6bd1,#5b93ee)}.followup-list{list-style:none;margin:0;padding:4px 20px 12px}.followup-list li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f6}.followup-list li:last-child{border-bottom:0}.followup-list li>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#1f4fa3;background:#e8effc;flex:0 0 auto}.followup-list li>div{flex:1;display:flex;flex-direction:column;min-width:0}.followup-list strong{font-size:12px}.followup-list small{color:#7a8799;font-size:10.5px;margin-top:2px}.followup-list a{color:#64748b}.login-story{background:linear-gradient(160deg,#0f1d36,#1c3254)}.login-card h2{letter-spacing:-.3px}@media(max-width:1100px){.metrics-grid.metrics-three,.dashboard-grid.wide-first{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.main-column{width:100%;margin-left:0}.client-bar{grid-template-columns:1fr 56px}.client-bar .bar-track{grid-column:1 / -1;order:3}.info-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}}.danger-zone{margin-top:16px;padding:16px;display:flex;gap:14px;border:1px solid #f0c9cc;border-radius:10px;background:#fff7f7}.danger-zone>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#b94f58;background:#fde8ea;flex:0 0 auto}.danger-zone>div{flex:1;min-width:0}.danger-zone strong{font-size:13px;color:#8f3039}.danger-zone p{margin:4px 0 10px;font-size:11.5px;line-height:1.5;color:#7a4a4f}.danger-zone .input-action button.danger{background:#b94f58;color:#fff;border-color:#b94f58}.danger-zone .input-action button.danger:disabled{opacity:.45;cursor:not-allowed}.icon-button.danger{color:#b94f58}.icon-button.danger:hover{background:#fde8ea;color:#a44149}.input-action.row{display:flex;align-items:center;gap:8px}.input-action.row input{padding-right:13px;flex:1}.input-action.row button{position:static;transform:none;flex:0 0 auto;height:40px;padding:0 12px;border:1px solid #d5dce8;border-radius:7px;background:#fff;color:#27395a;font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.input-action.row button:hover:not(:disabled){background:#f3f6fb}.input-action.row button:disabled{opacity:.5;cursor:not-allowed}.danger-zone .input-action.row button.danger{background:#b94f58;color:#fff;border-color:#b94f58;font-size:12px}.danger-zone .input-action.row input{font-family:inherit}.check-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfd;cursor:pointer}.check-row input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.check-row span{display:flex;flex-direction:column}.check-row strong{font-size:12.5px}.check-row small{color:#7a8799;font-size:11px;margin-top:2px;line-height:1.45}.status-toggle{border:0;background:none;padding:0;cursor:pointer}.scope-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;color:#1f4fa3;background:#e8effc}.candidate-placement{color:#1f4fa3;font-weight:600;font-size:11px;margin-bottom:2px}.recruitment-toolbar select{height:38px;width:auto;min-width:180px}.form-section-title{margin:22px 0 10px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:#1f4fa3}.receipt-preview{margin-top:10px;max-height:220px;width:auto;max-width:100%;border-radius:8px;border:1px solid #e2e8f0;object-fit:contain;background:#f6f8fb}button.attachment-link{border:0;background:none;padding:0;cursor:pointer;font:inherit}.invoice-preview{margin:16px 0 0;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfd}.invoice-preview>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:12.5px}.invoice-preview dt{color:#64748b}.invoice-preview dd{margin:0;font-weight:600}.invoice-preview .total{margin-top:6px;padding-top:12px;border-top:1px solid #d5dce8;font-size:14px}.invoice-preview .total dt{color:#1b2a41;font-weight:700}.invoice-preview .total dd{color:#1f4fa3;font-weight:800}.invoice-detail .table-wrap{margin-top:14px}.invoice-meta{display:flex;flex-wrap:wrap;gap:28px}.invoice-meta>div{display:flex;flex-direction:column;gap:4px}.invoice-meta small{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.invoice-note{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#f3f5f9;font-size:12px;color:#475569}.status-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px 18px 0;border-bottom:1px solid #edf0f4}.status-tabs button{border:0;background:none;padding:10px 14px;font-size:12.5px;font-weight:600;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-1px}.status-tabs button.active{color:#1f4fa3;border-bottom-color:#1f4fa3}.status-tabs button span{margin-left:4px;padding:1px 7px;border-radius:10px;font-size:10.5px;background:#eef1f6;color:#475569}.status-tabs button.active span{background:#e8effc;color:#1f4fa3}.filter-bar{flex-wrap:wrap;align-items:center;justify-content:flex-start}.filter-bar .search-box{flex:1 1 260px;min-width:220px}.filter-bar select,.filter-bar input[type=month]{width:auto;height:38px;min-width:150px}.request-group-head{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#f6f8fb;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;font-size:12px}.request-group-head span{color:#64748b;font-size:11px}.org-branch{padding:4px 0 8px;border-top:1px solid #eef1f6}.org-branch h4{display:flex;align-items:center;gap:6px;margin:10px 18px 4px;font-size:11px;font-weight:700;color:#1f4fa3;text-transform:uppercase;letter-spacing:.6px}.org-branch h4 span{margin-left:auto;padding:1px 8px;border-radius:10px;background:#e8effc;color:#1f4fa3;font-size:10.5px}.holiday-toolbar{display:flex;gap:12px;padding:16px 20px 8px;align-items:center;flex-wrap:wrap}.holiday-form{display:flex;gap:8px;flex:1 1 420px;align-items:center}.holiday-form input[type=date]{width:170px;flex:0 0 auto}.holiday-form input:not([type=date]){flex:1}.holiday-year{width:100px!important}.holiday-bulk{margin:0 20px 8px;font-size:12px}.holiday-bulk summary{cursor:pointer;color:#1f4fa3;font-weight:600;padding:6px 0}.holiday-bulk textarea{margin:8px 0}.payroll-slip-detail{padding:6px 23px 22px}.payroll-slip-detail .payslip-lines>div,.payroll-slip-detail .payslip-lines h3{font-size:11px}.payroll-slip-detail .payslip-total{margin:14px 0 6px}.payslip-lines .payslip-attendance{display:block;margin:8px 0 4px;padding:10px 12px;border-radius:8px;background:#f3f5f9}.payslip-lines .payslip-attendance span{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.payslip-lines .payslip-attendance strong{display:block;margin-top:3px;font-size:11.5px;font-weight:600}