@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&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,sans-serif;color:#101828;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.main-sidebar{width:248px;background:#fff;border-right:1px solid #e7eaf0;display:flex;flex-direction:column;padding:0 14px;position:fixed;inset:0 auto 0 0;z-index:20}.brand{height:72px;display:flex;align-items:center;padding:0 10px;font-size:22px;gap:10px}.brand-mark{width:29px;height:29px;border-radius:50% 50% 48% 52%;background:linear-gradient(135deg,#446cfa 5%,#6a4cf6);display:grid;place-items:center;transform:rotate(-16deg)}.brand-mark span{width:10px;height:18px;border:3px solid white;border-top:0;border-right:0}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #e8ebf1;border-radius:10px;padding:10px;margin-bottom:20px}.workspace div{display:flex;flex-direction:column;flex:1}.workspace b{font-size:13px}.workspace small,.profile small{color:#7a8393;font-size:11px;margin-top:2px}.workspace svg{width:15px;color:#8b93a1}.avatar{width:36px;height:36px;border-radius:50%;background:#e8edff;color:#3157d5;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.avatar.small{width:32px;height:32px}.main-sidebar nav p,.section-label{font-size:10px;color:#9aa2b1;font-weight:700;letter-spacing:.11em;padding:0 12px;margin:16px 0 7px}.main-sidebar nav button,.folder-list button,.label-link{border:0;background:none;width:100%;height:42px;display:flex;align-items:center;gap:12px;border-radius:8px;color:#5e6878;padding:0 12px;font-weight:500;font-size:13px}.main-sidebar nav button svg,.folder-list svg{width:18px}.main-sidebar nav button.active{color:#4263eb;background:#eef2ff;font-weight:700}.main-sidebar nav em,.folder-list em{font-style:normal;margin-left:auto;border-radius:10px;background:#e9edff;color:#4965df;padding:2px 7px;font-size:10px}.help{margin-top:auto;background:#f1f4ff;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;color:#5266c8}.help svg{width:19px}.help b{font-size:12px;margin-top:4px}.help span{font-size:10px;color:#7d87a5;margin:2px 0 10px}.help button{border:0;background:#fff;border-radius:7px;padding:7px 10px;color:#405acb;font-size:10px;font-weight:700}.profile{height:76px;display:flex;align-items:center;gap:9px}.profile div{display:flex;flex:1;flex-direction:column}.profile b{font-size:11px}.profile svg{width:17px;color:#8992a1}main{margin-left:248px;min-width:0;width:calc(100% - 248px)}header{height:82px;background:#fff;border-bottom:1px solid #eaecf0;display:flex;align-items:center;padding:0 28px}.head-title{flex:1}.head-title h1{font-size:20px;margin:0}.head-title p{font-size:12px;color:#8992a1;margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button,.reader-tools button,.reader button,.list-head button{border:0;background:transparent;color:#657083;display:grid;place-items:center}.header-actions button{width:38px;height:38px}.header-actions svg{width:19px}.notif{position:relative}.notif i{position:absolute;width:6px;height:6px;background:#ef5252;border-radius:50%;top:8px;right:8px;border:1px solid white}.menu-btn,.mobile-close{display:none;border:0;background:none}.mail-card{height:calc(100vh - 82px);display:grid;grid-template-columns:205px minmax(300px,390px) minmax(420px,1fr);background:#fff}.mail-sidebar{padding:20px 14px;border-right:1px solid #eaecf0;overflow:auto}.compose{width:100%;height:42px;border:0;border-radius:8px;color:#fff;background:#536df0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;box-shadow:0 5px 12px #536df033}.compose svg{width:17px}.folder-list{margin:16px 0}.folder-list button{height:38px}.folder-list button.active{background:#eff2ff;color:#4965e3;font-weight:700}.label-link{height:35px;font-size:12px}.label-link span{margin-left:auto;color:#98a0ae}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#f97066}.dot.blue{background:#4f7cff}.dot.green{background:#2fb67b}.dot.amber{background:#f6ad38}.storage{border-top:1px solid #eceef2;margin:22px 8px 0;padding-top:18px;font-size:11px}.storage div{display:flex;justify-content:space-between}.storage i{display:block;height:5px;background:#edf0f4;border-radius:6px;margin:8px 0}.storage i span{display:block;width:62%;height:100%;background:#536df0;border-radius:6px}.storage small{color:#929aaa}.mail-list{border-right:1px solid #eaecf0;display:flex;flex-direction:column;min-width:0}.list-head{padding:20px 18px 12px;display:flex;align-items:center}.list-head div{flex:1}.list-head h2{font-size:17px;margin:0}.list-head span{font-size:11px;color:#9aa2af}.list-head svg{width:18px}.search{height:38px;margin:0 18px 12px;border:1px solid #e1e5eb;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:7px}.search svg{width:16px;color:#9ba3b0}.search input{border:0;outline:0;min-width:0;flex:1;font-size:12px}.search kbd{font:10px inherit;color:#98a0ad;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:4px;padding:2px 4px}.list-tools{padding:8px 18px;border-top:1px solid #f0f1f4;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;color:#929aa8;font-size:10px}.list-tools span{display:flex;align-items:center;gap:2px}.list-tools svg{width:12px}.messages{overflow:auto;flex:1}.message{border:0;border-bottom:1px solid #eff1f4;background:#fff;width:100%;padding:14px 14px 14px 18px;display:flex;align-items:flex-start;text-align:left;gap:9px;position:relative}.message:hover,.message.selected{background:#f6f8ff}.message.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#536df0}.message input{margin-top:11px}.message .avatar{width:34px;height:34px}.message-copy{flex:1;min-width:0}.message-copy>div{display:flex;justify-content:space-between}.message-copy b{font-size:12px}.message-copy time{font-size:9px;color:#8d96a5}.message-copy strong{font-size:11px;display:block;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-copy p{font-size:10px;color:#8c95a4;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:9px;font-weight:700;padding:3px 7px;border-radius:8px}.pill.red{background:#ffebe9;color:#db594e}.pill.blue{background:#e9efff;color:#4771da}.pill.green{background:#e5f8ef;color:#299967}.pill.amber{background:#fff3db;color:#c58320}.message>svg{width:14px;color:#b0b7c2;margin-top:33px}.starred{fill:#f7b84b!important;color:#f7b84b!important}.unread{position:absolute;width:6px;height:6px;border-radius:50%;background:#5470ee;right:9px;top:15px}.empty{text-align:center;color:#929aa8;padding:40px 10px;font-size:12px}.reader{overflow:auto;background:#fff}.reader-tools{height:58px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.reader-tools>div{display:flex;gap:7px}.reader-tools button{width:31px;height:31px;border:1px solid #e6e8ed;border-radius:7px}.reader-tools svg{width:15px}.reader-body{padding:26px 34px;max-width:740px;margin:auto}.subject-line{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap}.subject-line h2{font-size:20px;line-height:1.3;margin:0 0 25px}.sender{display:flex;align-items:center;gap:10px}.sender>div{display:flex;flex-direction:column;flex:1}.sender b{font-size:12px}.sender span{font-size:10px;color:#8c95a4;display:flex;align-items:center}.sender span svg{width:12px}.sender time{font-size:10px;color:#8d95a2}.sender button{margin-left:5px}.sender button svg{width:16px}.email-copy{font-size:12px;color:#5c6675;line-height:1.65;padding:18px 0 12px}.attachment-title{border-top:1px solid #eceef2;padding-top:17px;display:flex;justify-content:space-between;align-items:center}.attachment-title b{font-size:11px;display:flex;align-items:center;gap:5px}.attachment-title svg{width:14px}.attachment-title button{font-size:10px;color:#526be4}.attachments{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.attachments>div{border:1px solid #e6e9ee;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.file-icon{width:32px;height:35px;border-radius:6px;background:#fff0ef;color:#ef6961;display:grid;place-items:center}.file-icon.sheet{background:#e8f7ef;color:#2aaa72}.file-icon svg{width:16px}.attachments p{margin:0;flex:1;min-width:0}.attachments b{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments small{display:block;color:#9aa2af;font-size:8px;margin-top:2px}.attachments button svg{width:14px}.reply-actions{display:flex;gap:9px;margin-top:24px}.reply-actions button{height:36px;border:1px solid #dde1e7;border-radius:7px;padding:0 14px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.reply-actions button:first-child{background:#536df0;color:#fff;border-color:#536df0}.reply-actions svg{width:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:50;display:grid;place-items:center;padding:20px}.compose-modal{width:min(560px,100%);height:480px;background:#fff;border-radius:12px;box-shadow:0 25px 60px #10182833;display:flex;flex-direction:column;overflow:hidden}.compose-modal>div{height:52px;background:#1f2937;color:#fff;display:flex;align-items:center;padding:0 18px}.compose-modal>div b{flex:1;font-size:13px}.compose-modal>div button{border:0;background:none;color:#fff}.compose-modal svg{width:17px}.compose-modal label{height:48px;border-bottom:1px solid #e8ebef;padding:0 18px;display:flex;align-items:center;gap:12px;color:#7d8795;font-size:12px}.compose-modal input{border:0;outline:0;flex:1}.compose-modal textarea{resize:none;border:0;outline:0;flex:1;padding:18px}.compose-modal footer{height:56px;border-top:1px solid #e8ebef;display:flex;align-items:center;padding:0 14px;gap:7px}.compose-modal footer button{border:0;background:none;color:#657083;height:34px}.compose-modal .send-btn{background:#536df0;color:#fff;border-radius:7px;padding:0 16px;display:flex;align-items:center;gap:7px;margin-right:auto}.mobile-close{margin-left:auto}@media (max-width:1100px){.mail-card{grid-template-columns:190px 340px 1fr}.reader-body{padding:24px}.main-sidebar{width:220px}main{margin-left:220px;width:calc(100% - 220px)}.help{display:none}}@media (max-width:900px){.main-sidebar{transform:translate(-100%);transition:.25s;box-shadow:10px 0 35px #10182822}.main-sidebar.show{transform:translate(0)}main{margin-left:0;width:100%}.menu-btn,.mobile-close{display:grid;place-items:center}.menu-btn{margin-right:12px}.menu-btn svg,.mobile-close svg{width:20px}.mail-card{grid-template-columns:190px 330px 1fr}.reader{min-width:430px}.mail-card{overflow:auto}}@media (max-width:650px){header{padding:0 16px}.head-title p{display:none}.mail-card{display:flex;overflow:hidden}.mail-sidebar{display:none}.mail-list{width:100%;flex:none}.reader{display:none}.header-actions>button:first-child{display:none}.attachments{grid-template-columns:1fr}}.dashboard-page{background:#f6f8fb;min-height:calc(100vh - 82px);padding:24px 28px 36px;overflow:auto}.dash-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-topbar h2{font-size:21px;margin:0}.dash-topbar p{font-size:12px;color:#8b94a3;margin:4px 0 0}.dash-topbar select{border:1px solid #e1e5eb;border-radius:8px;background:#fff;padding:9px 30px 9px 12px;color:#5e6878;font-size:11px;outline:0}.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.welcome-card{min-height:226px;border-radius:15px;background:linear-gradient(115deg,#566fe7,#6a5ee7);color:#fff;padding:29px 34px;position:relative;overflow:hidden;display:flex}.welcome-card>div:first-child{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:5px;border-radius:15px;background:#ffffff1f;padding:5px 9px;font-size:9px;font-weight:700}.eyebrow svg{width:12px}.welcome-card h3{font-size:25px;line-height:1.25;margin:14px 0 8px}.welcome-card p{font-size:11px;color:#e6e9ff;margin:0 0 20px}.welcome-card button{border:0;border-radius:7px;background:#fff;color:#5067de;padding:9px 12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.welcome-card button svg,.text-btn svg{width:13px}.hero-orbit{position:absolute;right:0;top:0;width:43%;height:100%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff24}.hero-orbit:before{width:215px;height:215px;right:10px;top:5px}.hero-orbit:after{width:145px;height:145px;right:45px;top:40px}.hero-orbit>div{position:absolute;right:90px;top:82px;width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #2e348055;z-index:2}.hero-orbit>div svg{color:#5c6ee3;width:30px}.orbit{position:absolute;border-radius:50%;background:#ffffff13}.orbit.one{width:260px;height:260px;right:-120px;top:-100px}.orbit.two{width:190px;height:190px;right:120px;bottom:-150px}.pin{position:absolute;background:#fff;color:#687bf0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;z-index:3;box-shadow:0 4px 12px #36429f44}.pin svg{width:13px}.p1{right:35px;top:36px}.p2{right:182px;bottom:34px}.quick-kpis{display:grid;grid-template-rows:1fr 1fr;gap:15px}.kpi-card{background:#fff;border:1px solid #e9ecf1;border-radius:13px;padding:16px 17px;display:flex;align-items:center;gap:12px;min-width:0}.kpi-icon,.metric-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;flex:none}.kpi-icon svg,.metric-icon svg{width:18px}.purple{background:#f0ebff!important;color:#7659db!important}.green{background:#e8f8f0!important;color:#2ca66d!important}.blue{background:#eaf0ff!important;color:#4e70df!important}.amber{background:#fff3df!important;color:#df9a30!important}.kpi-card>div:nth-child(2){display:flex;flex-direction:column;min-width:90px}.kpi-card small,.metric-row small{font-size:10px;color:#8b94a3}.kpi-card b{font-size:21px;margin:2px 0}.kpi-card em{font-style:normal;font-size:8px;color:#55a87c}.mini-bars{height:50px;display:flex;align-items:end;gap:3px;margin-left:auto}.mini-bars i{width:4px;border-radius:3px;background:#dfe5fc}.mini-bars i.hot{background:#6079e8}.ring{--p:89%;width:58px;height:58px;margin-left:auto;border-radius:50%;background:conic-gradient(#3db782 var(--p),#e9f4ee 0);display:grid;place-items:center}.ring:before{content:"";width:43px;height:43px;border-radius:50%;background:#fff;position:absolute}.ring span{position:relative;font-size:10px;font-weight:700}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e8ebf0;border-radius:13px;margin:18px 0;overflow:hidden}.metric-row>div{padding:17px 20px;display:flex;gap:11px;align-items:center;border-right:1px solid #eceef2}.metric-row>div:last-child{border:0}.metric-row p{margin:0;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px}.metric-row small{grid-column:1/3}.metric-row b{font-size:18px;margin-top:3px}.metric-row em{font-size:8px;font-style:normal;margin-bottom:3px}.metric-row .up{color:#2da56d}.metric-row .down{color:#e17d4d}.dash-grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:18px}.dash-card{background:#fff;border:1px solid #e8ebf0;border-radius:13px;padding:20px}.card-title{display:flex;justify-content:space-between;align-items:flex-start}.card-title h3{font-size:14px;margin:0}.card-title p{font-size:9px;color:#959dab;margin:4px 0}.card-title button{border:0;background:none;color:#7b8493}.card-title button svg{width:17px}.chart-summary{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 4px}.chart-summary>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:end}.chart-summary span{grid-column:1/3;font-size:9px;color:#9099a8}.chart-summary b{font-size:22px}.chart-summary em{font-size:8px;color:#35aa71;font-style:normal;margin-bottom:4px;display:flex;align-items:center}.chart-summary em svg{width:10px}.legend{display:flex;gap:15px;font-size:9px;color:#788191}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.blue-dot{background:#5a75e7}.purple-dot{background:#b199eb}.line-chart{height:220px;display:flex;position:relative;padding-left:28px}.line-chart svg{width:100%;height:190px;overflow:visible}.grid-line{fill:none;stroke:#edf0f4;stroke-width:1}.line{fill:none;stroke-width:3;stroke-linecap:round}.line.primary{stroke:#5a75e7}.line.secondary{stroke:#b199eb;stroke-width:2}.area{fill:url(#area)}.y-axis{position:absolute;left:0;top:0;height:190px;display:flex;flex-direction:column;justify-content:space-between;color:#9ca4b1;font-size:8px}.x-axis{position:absolute;left:28px;right:0;bottom:4px;display:flex;justify-content:space-between;color:#9ca4b1;font-size:8px}.target-card{display:flex;flex-direction:column}.target-ring{flex:1;display:grid;place-items:center;padding:8px}.target-ring>div{width:160px;height:160px;border-radius:50%;background:conic-gradient(#5b73e7 0,#5b73e7 82%,#edf0f7 82%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.target-ring>div:before{content:"";position:absolute;width:126px;height:126px;border-radius:50%;background:#fff}.target-ring span,.target-ring b,.target-ring small{position:relative}.target-ring span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef1ff;color:#586fe0}.target-ring span svg{width:13px}.target-ring b{font-size:25px;margin-top:3px}.target-ring small{font-size:8px;color:#959dab}.target-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;padding:12px 0}.target-stats div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #eceef2}.target-stats div:last-child{border:0}.target-stats small{font-size:8px;color:#949dac}.target-stats b{font-size:13px;margin-top:3px}.target-note{font-size:9px;color:#798290;margin:13px 0 0;display:flex;align-items:center;justify-content:center;gap:3px}.target-note svg{width:12px;color:#34aa70}.dash-grid-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:18px;margin-top:18px}.text-btn{color:#536ee4!important;font-size:9px;display:flex;align-items:center;gap:4px}.project-table{margin-top:12px}.project-head,.project-row{display:grid;grid-template-columns:minmax(260px,1.5fr) 1fr 90px;align-items:center;gap:18px}.project-head{font-size:8px;color:#9aa2af;border-bottom:1px solid #eceef2;padding:8px 5px}.project-row{padding:10px 5px;border-bottom:1px solid #f0f2f5}.project-row:last-child{border:0}.project-row>div:first-child{display:flex;align-items:center;gap:9px}.project-avatar{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;background:#eaf0ff;color:#526fde;font-size:9px;font-weight:700}.project-avatar.p1{background:#fff2e2;color:#d78e2e}.project-avatar.p2{background:#e9f7ef;color:#2c9d68}.project-avatar.p3{background:#f2eafd;color:#7658cd}.project-row p{margin:0;display:flex;flex-direction:column}.project-row p b{font-size:9px}.project-row p small{font-size:8px;color:#969eaa;margin-top:3px}.project-row>div:nth-child(2)>span{font-size:8px}.project-row>div:nth-child(2)>i{height:4px;display:block;background:#edf0f4;border-radius:4px;margin-top:5px}.project-row>div:nth-child(2)>i em{height:100%;display:block;background:#5b75e6;border-radius:4px}.status{justify-self:start;padding:4px 7px;border-radius:8px;font-size:8px;font-weight:700}.status.green{background:#e8f8f0;color:#289c65}.status.blue{background:#eaf0ff;color:#4e6fda}.status.amber{background:#fff2df;color:#d38d28}.status.red{background:#ffebea;color:#db5f56}.schedule-list{margin-top:9px}.schedule-list>div{display:grid;grid-template-columns:36px 8px 1fr;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f5}.schedule-list time{font-size:9px;color:#717b8a}.schedule-list i{width:7px;height:7px;border-radius:50%;padding:0}.schedule-list p{display:flex;flex-direction:column;margin:0}.schedule-list b{font-size:9px}.schedule-list small{font-size:8px;color:#969eaa;margin-top:3px}.add-event{width:100%;border:1px dashed #cfd5e1;background:#f9faff;color:#536ee3;border-radius:7px;height:34px;margin-top:11px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.add-event svg{width:13px}@media (max-width:1150px){.hero-grid,.dash-grid-main{grid-template-columns:1fr}.quick-kpis{grid-template-columns:1fr 1fr;grid-template-rows:auto}.metric-row{grid-template-columns:1fr 1fr}.metric-row>div:nth-child(2){border-right:0}.metric-row>div:nth-child(-n+2){border-bottom:1px solid #eceef2}.dash-grid-bottom{grid-template-columns:1fr}}@media (max-width:700px){.dashboard-page{padding:18px 14px}.dash-topbar{align-items:flex-end}.dash-topbar h2{font-size:17px}.welcome-card{padding:24px;min-height:245px}.hero-orbit{opacity:.5;width:65%}.welcome-card h3{font-size:22px}.quick-kpis,.metric-row{grid-template-columns:1fr}.metric-row>div{border-right:0;border-bottom:1px solid #eceef2!important}.project-head,.project-row{grid-template-columns:1fr 70px}.project-head span:nth-child(2),.project-row>div:nth-child(2){display:none}.performance{padding:15px}.chart-summary{align-items:flex-end}.project-row .status{justify-self:end}}.login-page{margin:0;width:100%;min-height:100vh;background:#f4f6fb;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.login-ambient{position:absolute;border-radius:50%;filter:blur(2px)}.ambient-one{width:430px;height:430px;background:#e6e9ff;left:-180px;top:-190px}.ambient-two{width:360px;height:360px;background:#e6f6f2;right:-170px;bottom:-200px}.login-shell{width:min(1060px,100%);min-height:680px;background:#fff;border-radius:22px;box-shadow:0 25px 70px #24305b1a;display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden;position:relative;z-index:1}.login-visual{background:linear-gradient(145deg,#526de7,#6a59dd);padding:38px 42px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-visual:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 70% 25%,#ffffff18 0 18%,transparent 18.5%),radial-gradient(circle at 20% 80%,#ffffff0c 0 22%,transparent 22.5%)}.login-brand{display:flex;align-items:center;gap:10px;font-size:22px;position:relative;z-index:2}.login-brand.light .brand-mark{background:#fff}.login-brand.light .brand-mark span{border-color:#5a68df}.login-brand.dark{display:none;color:#101828}.visual-copy{position:relative;z-index:2;margin-top:80px}.secure-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff18;border:1px solid #ffffff20;border-radius:16px;padding:6px 10px;font-size:9px;font-weight:700}.secure-badge svg{width:13px}.visual-copy h1{font-size:37px;line-height:1.17;letter-spacing:-.03em;margin:18px 0 12px}.visual-copy p{font-size:12px;line-height:1.7;color:#e4e7ff;max-width:370px}.login-map{position:relative;height:240px;margin-top:16px}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:34px 34px;transform:perspective(300px) rotateX(46deg) scale(1.3)}.map-route{position:absolute;height:2px;background:#a9f2d2;transform-origin:left;box-shadow:0 0 8px #a9f2d2}.route-one{width:155px;left:76px;top:93px;transform:rotate(-18deg)}.route-two{width:120px;left:220px;top:45px;transform:rotate(36deg)}.map-pin{position:absolute;width:32px;height:32px;background:#fff;color:#586be0;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 18px #27306e66}.map-pin svg{width:15px}.pin-a{left:56px;top:84px}.pin-b{left:210px;top:33px}.pin-c{left:305px;top:98px;background:#b6f3d8;color:#257c5b}.field-card{position:absolute;left:72px;right:32px;bottom:5px;background:#fff;color:#1c2433;border-radius:11px;padding:11px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px #28316f66}.field-card .avatar{background:#edf0ff}.field-card p{display:flex;flex-direction:column;margin:0;flex:1}.field-card b{font-size:10px}.field-card small{font-size:8px;color:#8d96a5;margin-top:3px}.field-card>svg{width:17px;color:#2aaa71}.visual-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:9px;color:#dfe3ff;position:relative;z-index:2}.visual-foot b{display:flex;align-items:center;gap:4px}.visual-foot svg{width:12px}.login-form-side{padding:36px 52px 22px;display:flex;flex-direction:column}.login-form-wrap{width:100%;max-width:360px;margin:auto}.login-form-wrap>header{text-align:center}.login-lock{width:42px;height:42px;border-radius:11px;background:#eef1ff;color:#586fe3;display:grid;place-items:center;margin:0 auto 13px}.login-lock svg{width:19px}.login-form-wrap header h2{font-size:25px;margin:0}.login-form-wrap header p{font-size:11px;color:#8b94a3;margin:7px 0 22px}.social-login{display:grid;grid-template-columns:1.35fr 1fr;gap:9px}.social-login button{height:40px;border:1px solid #dde1e8;background:#fff;border-radius:8px;color:#4f5969;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.social-login button:hover{background:#f8f9fc}.google-g{font-size:15px;font-weight:700;color:#4285f4}.microsoft-mark{display:grid;grid-template-columns:5px 5px;gap:1px}.microsoft-mark i{width:5px;height:5px;background:#f35325}.microsoft-mark i:nth-child(2){background:#81bc06}.microsoft-mark i:nth-child(3){background:#05a6f0}.microsoft-mark i:nth-child(4){background:#ffba08}.login-divider{height:44px;display:flex;align-items:center;color:#9aa2af;font-size:9px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e7e9ee;flex:1}.login-divider span{padding:0 11px}.login-form-wrap form>label{display:block;font-size:10px;font-weight:700;margin-bottom:14px;color:#344054}.login-form-wrap input[type=email],.password-field input{width:100%;height:42px;border:1px solid #dfe3e9;border-radius:8px;margin-top:7px;padding:0 12px;outline:0;font-size:11px;color:#202938}.login-form-wrap input:focus{border-color:#667bee;box-shadow:0 0 0 3px #667bee14}.forgot{float:right;border:0;background:none;color:#536ee2;font-size:9px;font-weight:700;padding:0}.password-field{display:block;position:relative}.password-field input{padding-right:42px}.password-field button{position:absolute;right:5px;top:12px;width:34px;height:34px;border:0;background:none;color:#818a99;display:grid;place-items:center}.password-field svg{width:16px}.remember-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#727c8c;margin:3px 0 15px}.remember-row label{display:flex;align-items:center;gap:6px}.remember-row input{accent-color:#596fe4}.remember-row span{color:#9aa2af}.login-submit{height:43px;width:100%;border:0;border-radius:8px;background:#586fe3;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 7px 15px #586fe333}.login-submit:hover{background:#4961d6}.login-submit svg{width:14px}.login-error{font-size:9px;color:#d94d45;background:#ffefed;border-radius:6px;padding:8px;margin:-5px 0 10px}.login-help{text-align:center;font-size:9px;color:#8d96a4;margin-top:20px}.login-help button{border:0;background:none;color:#526de0;font-weight:700;font-size:9px;padding:0}.login-form-side>footer{display:flex;justify-content:space-between;font-size:8px;color:#a1a8b4;border-top:1px solid #eceef2;padding-top:16px}.login-form-side>footer span{word-spacing:5px}@media (max-width:850px){.login-page{padding:18px}.login-shell{grid-template-columns:1fr;width:min(490px,100%)}.login-visual{display:none}.login-form-side{padding:28px 42px 22px}.login-brand.dark{display:flex;margin-bottom:35px}.login-form-wrap{margin:0 auto 35px}}@media (max-width:480px){.login-page{padding:0;background:#fff}.login-shell{min-height:100vh;border-radius:0;box-shadow:none}.login-form-side{padding:25px 24px}.login-brand.dark{margin-bottom:45px}.social-login{grid-template-columns:1fr}.login-form-side>footer{margin-top:auto}.login-form-wrap header h2{font-size:23px}}.login-form-wrap>header{display:block;height:auto;background:transparent;border:0;padding:0}.brand-logo{width:34px;height:34px;position:relative;display:block;overflow:hidden;flex:none}.brand-logo img{position:absolute;width:110px;height:165px;max-width:none;left:-38px;top:-57px;object-fit:contain}.login-brand.light .brand-logo{filter:drop-shadow(0 2px 7px #172c7540)}.top-notification,.user-menu-wrap{position:relative}.notification-popover,.user-popover{position:absolute;right:0;top:48px;z-index:45;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 18px 45px #10182824}.notification-popover{width:350px;overflow:hidden}.notification-popover>header{height:auto;min-height:58px;padding:13px 15px;border:0;border-bottom:1px solid #edf0f3}.notification-popover h3{font-size:13px;margin:0}.notification-popover header span{font-size:8px;color:#929baa}.notification-popover header button{width:auto;height:30px;border-radius:7px;background:#eef1ff;color:#586fe3;padding:0 9px;font-size:8px;font-weight:700}.notification-popover article{display:flex;gap:10px;padding:13px 15px;border-bottom:1px solid #f0f2f5}.notification-popover article:last-child{border-bottom:0}.notification-popover article>span{width:31px;height:31px;border-radius:8px;background:#eef1ff;color:#586fe3;display:grid;place-items:center;flex:none}.notification-popover article.urgent>span{background:#ffebe9;color:#d9534d}.notification-popover article svg{width:14px}.notification-popover p{margin:0;display:flex;flex-direction:column;gap:3px}.notification-popover b{font-size:9px;color:#253044}.notification-popover small{font-size:8px;color:#727c8b;line-height:1.45}.notification-popover time{font-size:7px;color:#9aa2af}.avatar-button{width:auto!important;gap:5px;border-radius:19px!important;padding:0 3px 0 0!important}.avatar-button .avatar{width:36px;height:36px}.avatar-button>svg{width:13px;color:#8a93a2}.user-popover{width:235px;padding:8px}.user-popover>div{display:flex;gap:9px;padding:9px 8px 12px;border-bottom:1px solid #edf0f3}.user-popover p{display:flex;flex-direction:column;margin:0;min-width:0}.user-popover b{font-size:10px;color:#263144}.user-popover small{font-size:8px;color:#8791a0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popover>button{width:100%;height:36px!important;border-radius:7px!important;display:flex!important;justify-content:flex-start;gap:8px;padding:0 9px!important;font-size:9px;color:#566174}.user-popover>button:hover{background:#f5f7fb}.user-popover>button svg{width:14px}.user-popover .logout{color:#d3534d}@media (max-width:520px){.notification-popover{position:fixed;left:12px;right:12px;top:74px;width:auto}.user-popover{right:0}}.staff-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:26px 28px 40px}.staff-summary,.staff-toolbar,.staff-table-card{background:#fff;border:1px solid #eceef2;border-radius:14px}.staff-summary{min-height:112px;padding:22px 24px;display:flex;align-items:center;gap:24px}.staff-summary>div:first-child{display:flex;align-items:center;gap:14px;flex:1}.staff-summary h2{font-size:19px;margin:0}.staff-summary p{font-size:11px;color:#8a94a3;margin:5px 0 0}.staff-icon{width:44px;height:44px;border-radius:11px;background:#eef1ff;color:#5570e4;display:grid;place-items:center}.staff-icon svg{width:21px}.staff-count{display:flex;flex-direction:column;padding-right:25px;border-right:1px solid #eceef2}.staff-count b{font-size:19px}.staff-count span{font-size:9px;color:#929baa}.add-staff{height:41px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 16px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;box-shadow:0 6px 14px #586fe329}.add-staff svg{width:16px}.staff-toolbar{margin:16px 0;padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.staff-toolbar>label{height:39px;width:min(420px,45%);border:1px solid #dfe3e9;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px}.staff-toolbar>label svg{width:16px;color:#929baa}.staff-toolbar input{border:0;outline:0;width:100%;font-size:11px}.staff-toolbar>div{display:flex;gap:8px}.staff-toolbar select,.staff-toolbar button{height:38px;border:1px solid #dfe3e9;background:#fff;border-radius:8px;padding:0 12px;color:#5d6878;font-size:10px}.staff-toolbar button{display:flex;align-items:center;gap:6px}.staff-toolbar button svg{width:14px}.staff-table-card{overflow:hidden}.staff-table{width:100%;border-collapse:collapse;text-align:left}.staff-table th{height:46px;background:#fafbfc;color:#8b94a3;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.staff-table th,.staff-table td{padding:0 18px;border-bottom:1px solid #edf0f3}.staff-table th:first-child,.staff-table td:first-child{width:46px;padding-right:0}.staff-table td{height:72px;color:#6c7685;font-size:10px}.staff-table tbody tr:hover{background:#fafbff}.staff-table input{accent-color:#586fe3}.staff-person{display:flex;align-items:center;gap:10px}.staff-person .avatar{width:36px;height:36px}.staff-person p,.staff-contact{display:flex;flex-direction:column;margin:0}.staff-person b,.staff-contact b{font-size:11px;color:#253044}.staff-person small,.staff-contact small{font-size:9px;color:#969eaa;margin-top:3px}.staff-status{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:8px;font-weight:700}.staff-status.active{background:#e8f7ef;color:#279764}.staff-status.on-leave{background:#fff2df;color:#cc8825}.staff-status.invited{background:#ebefff;color:#5570dd}.staff-actions{display:flex;gap:5px}.staff-actions button{width:29px;height:29px;border:1px solid #e4e7ec;background:#fff;border-radius:7px;color:#687385;display:grid;place-items:center}.staff-actions button:last-child{color:#d75c58}.staff-actions svg{width:13px}.staff-empty{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9aa2af;gap:5px}.staff-empty svg{width:30px}.staff-empty b{font-size:12px;color:#596273}.staff-empty span{font-size:10px}.staff-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;z-index:60;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.staff-modal{width:min(620px,100%);background:#fff;border-radius:16px;box-shadow:0 26px 70px #10182840;overflow:hidden}.staff-modal>header{height:auto;min-height:82px;padding:19px 22px;border:0;border-bottom:1px solid #eceef2;display:flex;background:#fff}.staff-modal>header>div{display:flex;align-items:center;gap:11px;flex:1}.modal-user-icon{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.modal-user-icon svg{width:18px}.staff-modal h2{font-size:16px;margin:0}.staff-modal header p{font-size:9px;color:#929baa;margin:4px 0 0}.staff-modal header>button{border:0;background:#f5f6f8;color:#7e8795;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.staff-modal header>button svg{width:16px}.stepper{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 24px;background:#fafbfc;border-bottom:1px solid #eceef2}.stepper>div{display:flex;align-items:center;gap:8px;position:relative}.stepper>div:not(:last-child):after{content:"";height:1px;background:#dfe3ea;position:absolute;left:35px;right:8px;top:13px}.stepper>div>span{width:27px;height:27px;border-radius:50%;background:#e8ebf0;color:#8992a0;display:grid;place-items:center;font-size:9px;font-weight:700;z-index:1}.stepper>div.active>span{background:#586fe3;color:#fff}.stepper svg{width:14px}.stepper p{display:flex;flex-direction:column;margin:0;background:#fafbfc;z-index:1;padding-right:7px}.stepper b{font-size:9px;color:#596273}.stepper small{font-size:7px;color:#a1a8b3;margin-top:2px}.staff-form-body{min-height:322px;padding:25px 27px}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-form-grid label{font-size:10px;font-weight:700;color:#414c5d}.staff-form-grid .full{grid-column:1/-1}.staff-form-grid input,.staff-form-grid select{display:block;width:100%;height:42px;border:1px solid #dfe3e9;border-radius:8px;margin-top:7px;padding:0 11px;outline:0;color:#354052;background:#fff;font-size:10px}.staff-form-grid input:focus,.staff-form-grid select:focus{border-color:#6479e8;box-shadow:0 0 0 3px #6479e812}.access-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px}.access-options button{min-height:91px;border:1px solid #e0e4ea;border-radius:9px;background:#fff;padding:12px;text-align:left;color:#657083}.access-options button.selected{border-color:#6076e5;background:#f4f6ff;box-shadow:0 0 0 2px #6076e512}.access-options svg{width:17px;color:#6074db}.access-options span{display:flex;flex-direction:column}.access-options b{font-size:10px;color:#344054;margin:7px 0 3px}.access-options small{font-size:8px;font-weight:400;line-height:1.35}.invite-note{display:flex;align-items:center;gap:10px;padding:12px;border-radius:9px;background:#f4f6ff;color:#596fe0}.invite-note svg{width:18px}.invite-note p{margin:0;display:flex;flex-direction:column}.invite-note b{font-size:9px}.invite-note span{font-size:8px;color:#7a84a3;margin-top:3px}.staff-modal>footer{height:66px;border-top:1px solid #eceef2;padding:0 22px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.staff-modal>footer button{height:38px;border-radius:8px;padding:0 14px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.staff-modal>footer svg{width:14px}.staff-cancel{border:1px solid #dfe3e9;background:#fff;color:#657083}.staff-next{border:0;background:#586fe3;color:#fff}@media (max-width:900px){.staff-page{padding:20px}.staff-table-card{overflow:auto}.staff-table{min-width:820px}.staff-toolbar>label{width:50%}}@media (max-width:600px){.staff-page{padding:14px}.staff-summary{align-items:flex-start;flex-wrap:wrap}.staff-summary>div:first-child{width:100%;flex-basis:100%}.staff-count{margin-right:auto}.staff-toolbar{align-items:stretch;flex-direction:column;gap:10px}.staff-toolbar>label{width:100%}.staff-toolbar>div{justify-content:space-between}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid .full{grid-column:auto}.access-options{grid-template-columns:1fr}.staff-form-body{max-height:55vh;overflow:auto}.stepper p{display:none}}.staff-modal-wide{width:min(760px,100%)}.stepper.four-steps{grid-template-columns:repeat(4,1fr)}.staff-form-body.tall{height:min(490px,58vh);overflow-y:auto}.details-grid{gap:14px 18px}.form-section-title{margin-bottom:19px}.form-section-title h3{font-size:14px;margin:0}.form-section-title p{font-size:9px;color:#8f98a7;margin:5px 0 0}.location-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.location-options>div{min-height:72px;border:1px solid #e0e4ea;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between}.location-options>div.selected{border-color:#6278e7;background:#f6f7ff}.location-options>div>label:first-child{display:flex;align-items:center;gap:9px;color:#667181}.location-options input{accent-color:#5b72e3}.location-options svg{width:17px;color:#7180a0}.location-options span{display:flex;flex-direction:column}.location-options b{font-size:10px;color:#344054}.location-options small{font-size:8px;margin-top:3px}.primary-choice{font-size:8px;color:#586fe3;font-weight:700;display:flex;align-items:center;gap:4px}.day-options{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:25px}.day-options button{height:62px;border:1px solid #e0e4ea;border-radius:9px;background:#fff;color:#87909f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700}.day-options button svg{width:16px}.day-options button.selected{border-color:#6076e5;background:#f2f4ff;color:#586fe3}.timing-grid{padding-top:22px;border-top:1px solid #eceef2}.contact-title{display:flex;align-items:center;justify-content:space-between}.contact-title button{height:34px;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#566edc;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:700}.contact-title button svg{width:13px}.emergency-list{display:flex;flex-direction:column;gap:12px}.emergency-card{border:1px solid #e2e6eb;border-radius:10px;padding:14px;background:#fafbfc}.contact-number{display:flex;align-items:center;gap:7px;margin-bottom:10px}.contact-number>span{width:22px;height:22px;border-radius:50%;background:#e9edff;color:#586fe3;display:grid;place-items:center;font-size:8px;font-weight:700}.contact-number b{font-size:10px}.contact-number button{margin-left:auto;border:0;background:#ffefed;color:#d45752;width:27px;height:27px;border-radius:6px;display:grid;place-items:center}.contact-number button svg{width:13px}.staff-form-grid.three-cols{grid-template-columns:repeat(3,1fr);gap:12px}.staff-form-grid.three-cols input,.staff-form-grid.three-cols select{height:38px}.staff-form-body::-webkit-scrollbar{width:5px}.staff-form-body::-webkit-scrollbar-thumb{background:#d9dee8;border-radius:5px}@media (max-width:700px){.stepper.four-steps{padding:14px;gap:4px}.location-options{grid-template-columns:1fr}.day-options{grid-template-columns:repeat(4,1fr)}.staff-form-grid.three-cols{grid-template-columns:1fr}.staff-modal-wide{max-height:95vh}.staff-form-body.tall{height:60vh}}.attendance-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:24px 28px 40px}.attendance-tabs{height:48px;display:inline-flex;background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:4px;gap:3px}.attendance-tabs button{height:38px;border:0;border-radius:7px;background:transparent;color:#747e8d;padding:0 18px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.attendance-tabs button.active{background:#eef1ff;color:#536ee0}.attendance-tabs svg{width:15px}.attendance-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px}.attendance-heading h2{font-size:19px;margin:0}.attendance-heading p{font-size:10px;color:#8d96a5;margin:5px 0 0}.attendance-heading>button{height:38px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#5e6979;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:10px}.attendance-heading>button svg{width:14px}.attendance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.attendance-kpis>div{height:100px;background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px}.att-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center}.att-icon svg{width:18px}.att-icon.green{background:#e8f8ef;color:#279965}.att-icon.amber{background:#fff3e0;color:#cf8925}.att-icon.purple{background:#f0ebff;color:#7358ce}.att-icon.red{background:#ffedeb;color:#d95b55}.attendance-kpis p{display:flex;flex-direction:column;margin:0}.attendance-kpis small{font-size:9px;color:#929baa}.attendance-kpis b{font-size:18px;margin:2px 0}.attendance-kpis em{font-style:normal;font-size:8px;color:#8e97a5}.attendance-table-card{background:#fff;border:1px solid #e7eaef;border-radius:13px;overflow:hidden}.attendance-table-head{height:70px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #eceef2;gap:10px}.attendance-table-head>div{margin-right:auto}.attendance-table-head h3{font-size:13px;margin:0}.attendance-table-head>div span{font-size:8px;color:#929baa}.attendance-table-head label{height:36px;width:260px;border:1px solid #dfe3e9;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 9px}.attendance-table-head label svg{width:14px;color:#939caa}.attendance-table-head input{border:0;outline:0;width:100%;font-size:9px}.attendance-table-head select{height:36px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;padding:0 10px;font-size:9px;color:#697484}.attendance-table{border-collapse:collapse;width:100%;text-align:left}.attendance-table th{height:42px;background:#fafbfc;color:#929aa8;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.attendance-table th,.attendance-table td{padding:0 18px;border-bottom:1px solid #eef0f3}.attendance-table td{height:67px;font-size:9px;color:#737d8c}.attendance-table tbody tr:hover{background:#fafbff}.attendance-status{padding:4px 8px;border-radius:10px;font-size:8px;font-weight:700}.attendance-status.present{background:#e8f8ef;color:#279965}.attendance-status.late{background:#fff2df;color:#ce8824}.attendance-status.on-leave{background:#efebff;color:#7057c5}.attendance-status.absent{background:#ffebe9;color:#d65a53}.time-value{color:#344054;font-size:9px}.location-cell{display:flex;align-items:center;gap:4px}.location-cell svg{width:12px;color:#7e8ca8}.history-layout{display:grid;grid-template-columns:minmax(440px,1.45fr) minmax(250px,.65fr);gap:16px;margin-bottom:16px}.calendar-card,.history-summary{background:#fff;border:1px solid #e7eaef;border-radius:13px}.calendar-card{padding:20px 22px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.calendar-head h3{font-size:13px;margin:0}.calendar-head button{width:31px;height:31px;border:1px solid #e0e4e9;border-radius:7px;background:#fff;color:#6e7887;display:grid;place-items:center}.calendar-head svg{width:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-grid.weekdays span{font-size:8px;color:#939caa;font-weight:700;padding:7px 0}.calendar-grid.days button,.calendar-grid.days>span{height:42px}.calendar-grid.days button{border:0;background:none;border-radius:8px;color:#55606f;font-size:9px;position:relative}.calendar-grid.days button:hover{background:#f2f4ff}.calendar-grid.days button.selected{background:#586fe3;color:#fff;font-weight:700}.calendar-grid.days button i{position:absolute;width:3px;height:3px;border-radius:50%;background:#49b983;bottom:6px;left:calc(50% - 2px)}.calendar-grid.days button.selected i{background:#fff}.calendar-legend{border-top:1px solid #edf0f3;margin-top:11px;padding-top:13px;display:flex;gap:17px;color:#8992a1;font-size:8px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#49b983}.calendar-legend .selected-dot{background:#586fe3}.history-summary{padding:23px;display:flex;flex-direction:column;align-items:center;text-align:center}.history-date{width:43px;height:43px;border-radius:10px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.history-date svg{width:20px}.history-summary>p{display:flex;flex-direction:column;margin:11px 0 19px}.history-summary small{font-size:8px;color:#929baa}.history-summary>p b{font-size:14px;margin:3px}.history-summary em{font-style:normal;font-size:9px;color:#7c8695}.history-numbers{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;padding:14px 0}.history-numbers div{display:flex;flex-direction:column;border-right:1px solid #eceef2}.history-numbers div:last-child{border:0}.history-numbers b{font-size:13px}.history-numbers span{font-size:8px;color:#919aa8}.history-rate{width:100%;margin-top:18px}.history-rate div{display:flex;justify-content:space-between;font-size:9px}.history-rate i{height:6px;background:#edf0f4;border-radius:5px;display:block;margin-top:8px}.history-rate i span{display:block;width:91.8%;height:100%;background:#586fe3;border-radius:5px}.attendance-table-card.compact .attendance-table-head{height:62px}@media (max-width:1050px){.attendance-kpis{grid-template-columns:1fr 1fr}.history-layout{grid-template-columns:1fr}.history-summary{display:grid;grid-template-columns:auto 1fr 2fr;gap:15px;text-align:left}.history-summary>p{margin:0}.history-rate{grid-column:1/-1}.attendance-table-scroll{overflow:auto}.attendance-table{min-width:760px}}@media (max-width:650px){.attendance-page{padding:15px}.attendance-kpis{grid-template-columns:1fr}.attendance-heading{align-items:flex-end}.attendance-heading p{max-width:220px}.attendance-table-head{height:auto;padding:14px;flex-wrap:wrap}.attendance-table-head>div{width:100%}.attendance-table-head label{width:calc(65% - 5px)}.attendance-table-head select{width:35%}.history-layout{display:block}.history-summary{margin-top:14px;grid-template-columns:auto 1fr}.history-numbers{grid-column:1/-1}.calendar-card{padding:16px 10px}}.tracking-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:24px 28px 38px}.tracking-tabs{margin-bottom:19px}.tracking-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.tracking-heading h2{font-size:19px;margin:0}.tracking-heading p{font-size:10px;color:#8c95a4;margin:5px 0 0}.tracking-heading>span{height:31px;border-radius:16px;background:#e8f8ef;color:#2a9967;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.tracking-heading>span i{width:6px;height:6px;background:#36b477;border-radius:50%;box-shadow:0 0 0 3px #36b47720}.tracking-heading>button{height:37px;border:1px solid #dfe3e9;background:#fff;border-radius:8px;color:#657083;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:9px}.tracking-heading>button svg{width:14px}.live-tracking-layout{height:calc(100vh - 235px);min-height:540px;display:grid;grid-template-columns:310px 1fr;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden}.tracking-staff-list{border-right:1px solid #e5e8ed;display:flex;flex-direction:column;min-height:0}.tracking-staff-list>label{height:39px;margin:16px;border:1px solid #dfe3e9;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:7px}.tracking-staff-list>label svg{width:15px;color:#929baa}.tracking-staff-list input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.tracking-staff-list>div{overflow:auto}.tracking-staff-list>div>button{border:0;border-top:1px solid #eff1f4;background:#fff;width:100%;min-height:91px;padding:13px 14px;display:flex;align-items:flex-start;gap:9px;text-align:left}.tracking-staff-list>div>button:hover,.tracking-staff-list>div>button.active{background:#f6f8ff}.tracking-staff-list>div>button.active{box-shadow:inset 3px 0 #586fe3}.tracking-staff-list .avatar{width:35px;height:35px}.tracking-staff-list p{display:flex;flex-direction:column;min-width:0;flex:1;margin:1px 0 0}.tracking-staff-list p b{font-size:10px;color:#344054}.tracking-staff-list p small{font-size:8px;color:#919aa8;margin:2px 0 7px}.tracking-staff-list p em{font-size:7px;color:#7b8797;font-style:normal;display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-staff-list p em svg{width:10px}.tracking-state{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:700;color:#2e9e6c;white-space:nowrap}.tracking-state>i{width:5px;height:5px;border-radius:50%;background:#38b67b}.tracking-state>small{display:block;position:absolute;margin:18px 0 0 -9px;color:#a0a7b2;font-weight:400}.tracking-state.stopped{color:#d48c28}.tracking-state.stopped>i{background:#e2a03e}.tracking-state.offline{color:#9098a4}.tracking-state.offline>i{background:#a0a7b2}.tracking-map{position:relative;overflow:hidden;background:#e5e9df}.tracking-map iframe{width:100%;height:100%;border:0;filter:saturate(.76) contrast(.94)}.map-attribution{position:absolute;right:5px;bottom:4px;background:#ffffffd9;padding:2px 5px;font-size:6px;color:#596273}.staff-map-marker{position:absolute;transform:translate(-50%,-100%);width:38px;height:45px;border:0;background:transparent;padding:0;filter:drop-shadow(0 5px 5px #27314e35)}.staff-map-marker>span{width:33px;height:33px;border:3px solid #fff;border-radius:50% 50% 50% 8px;background:#586fe3;color:#fff;display:grid;place-items:center;transform:rotate(-45deg);font-size:8px;font-weight:700}.staff-map-marker>span:first-line{transform:rotate(45deg)}.staff-map-marker>i{position:absolute;width:8px;height:8px;border:2px solid #fff;background:#38b67b;border-radius:50%;right:2px;top:1px}.staff-map-marker.selected{z-index:3;transform:translate(-50%,-100%) scale(1.2)}.staff-map-marker.offline>span{background:#8d96a5}.staff-map-marker.offline>i{background:#9ca4af}.map-staff-card{position:absolute;left:18px;right:18px;bottom:17px;max-width:520px;margin:auto;background:#fff;border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 32px #26324830}.map-staff-card p{display:flex;flex-direction:column;flex:1;margin:0}.map-staff-card b{font-size:10px}.map-staff-card small{font-size:8px;color:#7e8998;margin:3px 0;display:flex;align-items:center;gap:3px}.map-staff-card small svg{width:10px}.map-staff-card em{font-size:7px;color:#9aa2ae;font-style:normal}.map-staff-card a,.route-history-head a{height:32px;border-radius:7px;background:#eef1ff;color:#536ee0;padding:0 10px;text-decoration:none;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.map-staff-card a svg,.route-history-head a svg{width:12px}.tracking-history-grid{display:grid;grid-template-columns:minmax(450px,1.4fr) minmax(260px,.6fr);gap:16px}.history-staff-picker{background:#fff;border:1px solid #e7eaef;border-radius:13px;padding:17px}.history-staff-picker>h3{font-size:12px;margin:0 0 10px}.history-staff-picker>button{width:100%;min-height:60px;border:0;border-top:1px solid #edf0f3;background:#fff;display:flex;align-items:center;text-align:left;gap:8px;padding:8px}.history-staff-picker>button.active{background:#f3f5ff;border-radius:8px}.history-staff-picker .avatar{width:31px;height:31px;font-size:9px}.history-staff-picker p{display:flex;flex-direction:column;flex:1;margin:0}.history-staff-picker b{font-size:9px}.history-staff-picker small{font-size:7px;color:#929baa;margin-top:2px}.history-staff-picker>button>span:last-child{font-size:7px;color:#6478dc}.route-history-card{background:#fff;border:1px solid #e7eaef;border-radius:13px;margin-top:16px;overflow:hidden}.route-history-head{min-height:68px;padding:14px 19px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between}.route-history-head h3{font-size:12px;margin:0}.route-history-head p{font-size:8px;color:#929baa;margin:4px 0 0}.route-timeline{padding:12px 22px}.route-timeline>div{min-height:58px;display:flex;align-items:center;gap:10px;position:relative}.route-timeline>div:not(:last-child):before{content:"";position:absolute;width:1px;background:#dce1ea;left:15px;top:40px;bottom:-17px}.route-timeline>div>span{width:30px;height:30px;border-radius:50%;background:#eef1ff;color:#586fe3;display:grid;place-items:center;z-index:1}.route-timeline>div>span.last{background:#e8f8ef;color:#299b68}.route-timeline svg{width:13px}.route-timeline p{display:flex;flex-direction:column;flex:1;margin:0}.route-timeline b{font-size:9px}.route-timeline small{font-size:7px;color:#929baa;margin-top:3px}.route-timeline time{font-size:8px;color:#707b8b;margin-right:12px}.route-timeline a{width:29px;height:29px;border:1px solid #e0e4e9;border-radius:7px;color:#6074dc;display:grid;place-items:center}.route-timeline a svg{width:12px}@media (max-width:950px){.live-tracking-layout{grid-template-columns:260px 1fr}.tracking-history-grid{grid-template-columns:1fr}.history-staff-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px}.history-staff-picker>h3{grid-column:1/-1}.history-staff-picker>button{border:1px solid #edf0f3}}@media (max-width:650px){.tracking-page{padding:14px}.live-tracking-layout{display:flex;flex-direction:column;height:auto}.tracking-staff-list{height:270px;border-right:0;border-bottom:1px solid #e5e8ed}.tracking-map{height:470px}.tracking-heading{align-items:flex-end}.history-staff-picker{grid-template-columns:1fr}.route-history-head{align-items:flex-start;gap:10px}.route-history-head a{max-width:145px}.map-staff-card{left:10px;right:10px}.map-staff-card a{font-size:0;width:33px;padding:0;justify-content:center}}.staff-map-marker>span{border-radius:50%;transform:none}.tracking-history-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tracking-history-toolbar h2{font-size:19px;margin:0}.tracking-history-toolbar p{font-size:9px;color:#8e97a5;margin:4px 0 8px}.selected-history-date{display:inline-flex;align-items:center;gap:5px;color:#586fe3;background:#eef1ff;border-radius:12px;padding:5px 9px;font-size:8px;font-weight:700}.selected-history-date svg{width:12px}.history-toolbar-actions{display:flex;gap:8px}.history-toolbar-actions label,.history-toolbar-actions button{height:38px;border:1px solid #dce1e8;border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 11px;color:#5e6979;font-size:9px}.history-toolbar-actions label svg,.history-toolbar-actions button svg{width:14px}.history-toolbar-actions input{border:0;outline:0;color:#485466;font-size:9px}.history-date-strip{height:75px;background:#fff;border:1px solid #e5e8ed;border-radius:12px;display:flex;align-items:center;padding:8px;margin-bottom:14px}.history-date-strip>button{width:31px;height:31px;border:0;background:#f5f6f8;border-radius:7px;color:#707b8b;display:grid;place-items:center;flex:none}.history-date-strip>button svg{width:13px}.history-date-strip>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:0 7px;flex:1}.history-date-strip>div::-webkit-scrollbar{display:none}.history-date-strip>div>button{width:45px;height:54px;border:0;border-radius:8px;background:#fff;color:#7c8695;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:none}.history-date-strip>div>button:hover{background:#f4f6ff}.history-date-strip>div>button.active{background:#586fe3;color:#fff}.history-date-strip small{font-size:7px;text-transform:uppercase}.history-date-strip b{font-size:11px;margin-top:3px}.history-date-strip i{position:absolute;width:4px;height:4px;border-radius:50%;background:#41b478;bottom:5px}.history-date-strip .active i{background:#fff}.history-map-layout{height:calc(100vh - 338px);min-height:500px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:290px 1fr}.history-map-staff{border-right:1px solid #e5e8ed;overflow:auto}.history-staff-search{height:38px;margin:15px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.history-staff-search svg{width:14px;color:#929baa}.history-staff-search input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.history-list-label{font-size:8px;color:#9aa2af;font-weight:700;letter-spacing:.07em;padding:0 17px;margin:3px 0 8px}.history-map-staff>button{width:100%;min-height:76px;border:0;border-top:1px solid #eef0f3;background:#fff;display:flex;align-items:center;text-align:left;gap:9px;padding:11px 14px}.history-map-staff>button.active{background:#f4f6ff;box-shadow:inset 3px 0 #586fe3}.history-map-staff>button .avatar{width:35px;height:35px}.history-map-staff>button p{display:flex;flex-direction:column;flex:1;margin:0}.history-map-staff>button b{font-size:10px}.history-map-staff>button small{font-size:8px;color:#929baa;margin:2px 0 5px}.history-map-staff>button em{font-style:normal;font-size:7px;color:#6075d8}.history-map-staff>button>svg{width:13px;color:#9aa2af}.history-route-map{position:relative;overflow:hidden;background:#e4e8df}.history-route-map>iframe{width:100%;height:100%;border:0;filter:saturate(.74) contrast(.94)}.route-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.history-map-stop{position:absolute;transform:translate(-15px,-15px);text-decoration:none;color:#344054;display:flex;align-items:center;gap:6px;z-index:2}.history-map-stop>span{width:30px;height:30px;border:3px solid #fff;border-radius:50%;background:#586fe3;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:700;box-shadow:0 4px 9px #26334d40}.history-map-stop.last>span{background:#35a971}.history-map-stop>div{display:none;background:#fff;border-radius:7px;padding:6px 8px;box-shadow:0 4px 12px #26334d2e;white-space:nowrap}.history-map-stop:hover>div{display:flex;flex-direction:column}.history-map-stop b{font-size:8px}.history-map-stop small{font-size:7px;color:#919aa8;margin-top:2px}.history-map-summary{position:absolute;left:16px;right:16px;bottom:15px;background:#fff;border-radius:10px;padding:11px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 28px #27324830}.history-map-summary p{display:flex;flex-direction:column;flex:1;margin:0}.history-map-summary b{font-size:10px}.history-map-summary small{font-size:8px;color:#8e97a5;margin-top:3px}.history-map-summary>a{height:32px;background:#eef1ff;color:#536ee0;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:5px;text-decoration:none;font-size:8px;font-weight:700}.history-map-summary>a svg{width:12px}@media (max-width:800px){.tracking-history-toolbar{align-items:flex-end}.history-map-layout{grid-template-columns:240px 1fr}.history-map-summary>a{font-size:0;width:32px;padding:0;justify-content:center}}@media (max-width:600px){.tracking-history-toolbar{display:block}.history-toolbar-actions{margin-top:10px}.history-map-layout{height:auto;display:flex;flex-direction:column}.history-map-staff{height:250px;border-right:0;border-bottom:1px solid #e5e8ed}.history-route-map{height:480px}.history-map-summary{left:9px;right:9px}}.history-map-timeline{position:absolute;z-index:4;left:15px;right:15px;top:14px;min-height:67px;background:#fffffff2;border:1px solid #e5e8ed;border-radius:10px;box-shadow:0 8px 22px #26324824;display:flex;align-items:center;padding:10px 13px;gap:15px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.timeline-title{display:flex;align-items:center;gap:8px;padding-right:15px;border-right:1px solid #e5e8ed;flex:none}.timeline-title>svg{width:17px;color:#586fe3}.timeline-title>span{display:flex;flex-direction:column}.timeline-title b{font-size:9px}.timeline-title small{font-size:7px;color:#929baa;margin-top:2px}.timeline-stops{display:flex;align-items:center;overflow-x:auto;flex:1;scrollbar-width:none}.timeline-stops::-webkit-scrollbar{display:none}.timeline-stops>div{display:flex;align-items:center;min-width:125px;position:relative}.timeline-stops>div:not(:last-child):after{content:"";height:1px;background:#cfd6e5;position:absolute;left:27px;right:8px;top:12px}.timeline-stops>div>span{width:24px;height:24px;border-radius:50%;background:#eef1ff;border:2px solid #fff;color:#586fe3;display:grid;place-items:center;font-size:7px;font-weight:700;box-shadow:0 0 0 1px #dce1ef;z-index:1;flex:none}.timeline-stops>div.current>span{background:#37aa72;color:#fff;box-shadow:0 0 0 1px #37aa72}.timeline-stops p{display:flex;flex-direction:column;margin:0 7px;min-width:0;background:#fffffff2;z-index:1;padding-right:5px}.timeline-stops b{font-size:8px}.timeline-stops small{font-size:7px;color:#8993a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;margin-top:2px}@media (max-width:700px){.history-map-timeline{left:9px;right:9px;top:9px;display:block;padding:9px}.timeline-title{border-right:0;border-bottom:1px solid #e5e8ed;padding:0 0 7px;margin-bottom:7px}.timeline-stops>div{min-width:110px}}.attendance-history-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.attendance-history-toolbar h2{font-size:19px;margin:0}.attendance-history-toolbar p{font-size:9px;color:#8e97a5;margin:4px 0 8px}.attendance-history-layout{min-height:500px;height:calc(100vh - 338px);background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:290px 1fr}.attendance-history-staff{border-right:1px solid #e5e8ed;overflow:auto}.attendance-history-staff>button{width:100%;min-height:76px;border:0;border-top:1px solid #eef0f3;background:#fff;display:flex;align-items:center;text-align:left;gap:9px;padding:11px 14px}.attendance-history-staff>button.active{background:#f4f6ff;box-shadow:inset 3px 0 #586fe3}.attendance-history-staff>button .avatar{width:35px;height:35px}.attendance-history-staff>button p{display:flex;flex-direction:column;flex:1;margin:0}.attendance-history-staff>button b{font-size:10px}.attendance-history-staff>button small{font-size:8px;color:#929baa;margin:2px 0 5px}.attendance-history-staff>button em{font-style:normal;font-size:7px;font-weight:700;color:#2d9b69}.attendance-history-staff>button em.late{color:#ce8824}.attendance-history-staff>button em.on-leave{color:#7057c5}.attendance-history-staff>button em.absent{color:#d65a53}.attendance-history-staff>button>svg{width:13px;color:#9aa2af}.attendance-history-detail{padding:24px 27px;overflow:auto;background:#fafbfc}.attendance-detail-head{min-height:70px;background:#fff;border:1px solid #e7eaef;border-radius:11px;padding:14px;display:flex;align-items:center;gap:11px}.attendance-detail-head .avatar{width:42px;height:42px}.attendance-detail-head>div{flex:1}.attendance-detail-head h3{font-size:13px;margin:0}.attendance-detail-head p{font-size:8px;color:#9099a8;margin:4px 0 0}.attendance-day-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:13px 0}.attendance-day-summary>div{background:#fff;border:1px solid #e7eaef;border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px}.attendance-day-summary p{display:flex;flex-direction:column;margin:0}.attendance-day-summary small{font-size:8px;color:#929baa}.attendance-day-summary b{font-size:12px;margin:2px 0}.attendance-day-summary em{font-style:normal;font-size:7px;color:#9ba3af}.attendance-timeline{background:#fff;border:1px solid #e7eaef;border-radius:11px;padding:17px 20px}.attendance-timeline>h3{font-size:11px;margin:0 0 9px}.attendance-timeline>div{min-height:55px;display:flex;align-items:center;gap:10px;position:relative}.attendance-timeline>div:not(:last-child):before{content:"";position:absolute;left:14px;top:39px;bottom:-16px;width:1px;background:#dce1e8}.attendance-timeline>div>span{width:29px;height:29px;border-radius:50%;background:#f0f2f6;color:#8a94a3;display:grid;place-items:center;z-index:1}.attendance-timeline>div>span.done{background:#e8f8ef;color:#299b68}.attendance-timeline svg{width:13px}.attendance-timeline p{display:flex;flex-direction:column;margin:0}.attendance-timeline b{font-size:9px}.attendance-timeline small{font-size:8px;color:#929baa;margin-top:3px}.attendance-detail-note{background:#eef1ff;color:#586fe3;border-radius:9px;margin-top:12px;padding:11px 13px;display:flex;align-items:center;gap:8px}.attendance-detail-note svg{width:16px}.attendance-detail-note p{display:flex;flex-direction:column;margin:0}.attendance-detail-note b{font-size:8px}.attendance-detail-note span{font-size:8px;color:#7682a2;margin-top:2px}@media (max-width:950px){.attendance-history-layout{grid-template-columns:240px 1fr}.attendance-day-summary{grid-template-columns:1fr}}@media (max-width:650px){.attendance-history-toolbar{display:block}.attendance-history-toolbar .history-toolbar-actions{margin-top:10px}.attendance-history-layout{height:auto;display:flex;flex-direction:column}.attendance-history-staff{height:250px;border-right:0;border-bottom:1px solid #e5e8ed}.attendance-history-detail{padding:15px}.attendance-day-summary{grid-template-columns:1fr 1fr}.attendance-day-summary>div:last-child{grid-column:1/-1}}.main-sidebar nav em.sos-count{background:#ffebe9;color:#d8534e}.sos-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:24px 28px 38px}.sos-tabs button.active{background:#ffedeb;color:#d9544f}.sos-heading,.sos-history-toolbar{display:flex;align-items:center;justify-content:space-between;margin:19px 0 13px}.sos-heading h2,.sos-history-toolbar h2{font-size:19px;margin:0}.sos-heading p,.sos-history-toolbar p{font-size:9px;color:#8d96a5;margin:5px 0}.sos-heading>span{height:31px;padding:0 11px;border-radius:16px;background:#ffebe9;color:#d7504b;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.sos-heading>span i{width:6px;height:6px;border-radius:50%;background:#e25550;box-shadow:0 0 0 4px #e2555020;animation:sosPulse 1.8s infinite}@keyframes sosPulse{50%{box-shadow:0 0 0 7px #e2555000}}.sos-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.sos-kpis>div{height:68px;background:#fff;border:1px solid #e7eaef;border-radius:10px;padding:13px 16px;display:flex;flex-direction:column}.sos-kpis b{font-size:16px}.sos-kpis span{font-size:8px;color:#929baa;margin-top:2px}.sos-map-layout{height:calc(100vh - 345px);min-height:510px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:320px 1fr}.sos-map-layout.history{height:calc(100vh - 340px)}.sos-list{border-right:1px solid #e5e8ed;overflow:auto}.sos-list>label{height:38px;margin:15px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.sos-list>label svg{width:14px;color:#929baa}.sos-list>label input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.sos-list>button{width:100%;min-height:94px;border:0;border-top:1px solid #eef0f3;background:#fff;display:flex;align-items:flex-start;text-align:left;gap:9px;padding:13px 14px}.sos-list>button.active{background:#fff5f4;box-shadow:inset 3px 0 #e25b55}.sos-avatar{position:relative}.sos-avatar .avatar{width:36px;height:36px}.sos-avatar>i{position:absolute;width:9px;height:9px;border:2px solid #fff;background:#e45751;border-radius:50%;right:-2px;top:-2px}.sos-list>button>p{display:flex;flex-direction:column;flex:1;min-width:0;margin:1px 0 0}.sos-list>button>p b{font-size:10px}.sos-list>button>p small{font-size:8px;color:#d15b56;margin:3px 0 7px}.sos-list>button>p em{font-style:normal;font-size:7px;color:#818c9b;display:flex;align-items:center;gap:3px}.sos-list>button>p em svg{width:10px}.sos-state{display:flex;flex-direction:column;align-items:flex-end}.sos-state b{font-size:7px;color:#db514c;background:#ffebe9;border-radius:8px;padding:3px 6px}.sos-state.responding b{background:#fff2df;color:#c98123}.sos-state.resolved b{background:#e8f8ef;color:#299a67}.sos-state small{font-size:7px;color:#999faa;margin-top:5px}.sos-map{position:relative;overflow:hidden;background:#e4e8df}.sos-map>iframe{width:100%;height:100%;border:0;filter:saturate(.73) contrast(.94)}.sos-map-marker{position:absolute;transform:translate(-16px,-16px);display:flex;align-items:center;gap:6px;text-decoration:none;color:#344054;z-index:2}.sos-map-marker>span{width:32px;height:32px;border-radius:50%;border:3px solid #fff;background:#707c8f;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:700;box-shadow:0 5px 10px #26324840}.sos-map-marker.active>span{background:#e2554f;animation:sosMarker 1.8s infinite}@keyframes sosMarker{50%{box-shadow:0 0 0 8px #e2555020}}.sos-map-marker>div{display:none;background:#fff;border-radius:7px;padding:6px 8px;box-shadow:0 4px 12px #26334d30;white-space:nowrap}.sos-map-marker:hover>div{display:flex;flex-direction:column}.sos-map-marker b{font-size:8px}.sos-map-marker small{font-size:7px;color:#929baa;margin-top:2px}.sos-map-card{position:absolute;left:16px;right:16px;bottom:15px;background:#fff;border-radius:10px;padding:11px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 28px #27324830}.sos-map-card p{display:flex;flex-direction:column;flex:1;margin:0}.sos-map-card p b{font-size:10px}.sos-map-card p small{font-size:8px;color:#7e8998;margin:3px 0;display:flex;align-items:center;gap:3px}.sos-map-card p small svg{width:10px}.sos-map-card p em{font-style:normal;font-size:7px;color:#929baa}.sos-map-card>a{height:32px;border-radius:7px;background:#ffedeb;color:#d9534d;padding:0 10px;text-decoration:none;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.sos-map-card>a svg{width:12px}.selected-history-date.sos-date{background:#ffedeb;color:#d9534d}.sos-date-strip>div>button.active{background:#df5a54}.sos-date-strip i{background:#df5a54}.sos-history-toolbar{margin-bottom:12px}@media (max-width:900px){.sos-map-layout{grid-template-columns:270px 1fr}.sos-kpis{grid-template-columns:1fr 1fr}}@media (max-width:650px){.sos-page{padding:14px}.sos-heading,.sos-history-toolbar{display:block}.sos-heading>span{width:max-content;margin-top:9px}.sos-history-toolbar .history-toolbar-actions{margin-top:10px}.sos-map-layout,.sos-map-layout.history{height:auto;display:flex;flex-direction:column}.sos-list{height:290px;border-right:0;border-bottom:1px solid #e5e8ed}.sos-map{height:480px}.sos-map-card{left:9px;right:9px}.sos-map-card>a{font-size:0;width:32px;padding:0;justify-content:center}}.sos-map-timeline{position:absolute;z-index:4;left:15px;right:15px;top:14px;min-height:68px;background:#fffffff2;border:1px solid #f0dedd;border-radius:10px;box-shadow:0 8px 22px #40262424;display:flex;align-items:center;padding:10px 13px;gap:15px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sos-timeline-title{display:flex;align-items:center;gap:8px;padding-right:15px;border-right:1px solid #eadfdf;flex:none}.sos-timeline-title>svg{width:17px;color:#df5751}.sos-timeline-title>span{display:flex;flex-direction:column}.sos-timeline-title b{font-size:9px}.sos-timeline-title small{font-size:7px;color:#a1807d;margin-top:2px}.sos-timeline-events{display:flex;align-items:center;overflow-x:auto;flex:1;scrollbar-width:none}.sos-timeline-events::-webkit-scrollbar{display:none}.sos-timeline-events>div{display:flex;align-items:center;min-width:135px;position:relative}.sos-timeline-events>div:not(:last-child):after{content:"";height:1px;background:#e2cfcd;position:absolute;left:27px;right:8px;top:12px}.sos-timeline-events>div>span{width:24px;height:24px;border-radius:50%;background:#f4f1f1;border:2px solid #fff;color:#8e7b79;display:grid;place-items:center;font-size:7px;font-weight:700;box-shadow:0 0 0 1px #e4d9d8;z-index:1;flex:none}.sos-timeline-events>div.alert-event>span{background:#df5751;color:#fff;box-shadow:0 0 0 1px #df5751,0 0 0 5px #df575115;animation:sosPulse 1.8s infinite}.sos-timeline-events>div>span svg{width:11px}.sos-timeline-events p{display:flex;flex-direction:column;margin:0 7px;background:#fffffff2;z-index:1;padding-right:5px;min-width:0}.sos-timeline-events b{font-size:8px}.sos-timeline-events small{font-size:7px;color:#8d8585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;margin-top:2px}@media (max-width:700px){.sos-map-timeline{left:9px;right:9px;top:9px;display:block;padding:9px}.sos-timeline-title{border-right:0;border-bottom:1px solid #eadfdf;padding:0 0 7px;margin-bottom:7px}.sos-timeline-events>div{min-width:118px}}.sos-response-detail{margin:12px;border:1px solid #eadfdf;border-radius:10px;background:snow;padding:13px}.sos-response-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0e5e4;padding-bottom:10px;margin-bottom:8px}.sos-response-title>svg{width:17px;color:#df5751}.sos-response-title>div{display:flex;flex-direction:column}.sos-response-title b{font-size:9px}.sos-response-title span{font-size:7px;color:#a0807e;margin-top:2px}.sos-response-row{display:flex;align-items:center;gap:8px;padding:7px 0}.response-icon{width:28px;height:28px;border-radius:7px;background:#fff1df;color:#c98728;display:grid;place-items:center;flex:none}.response-icon.resolved{background:#e8f8ef;color:#299a67}.response-icon svg{width:13px}.sos-response-row p{display:grid;grid-template-columns:1fr auto;flex:1;margin:0;align-items:center}.sos-response-row small{font-size:7px;color:#949daa;grid-column:1/-1}.sos-response-row b{font-size:8px;margin-top:2px}.sos-response-row em{font-style:normal;font-size:7px;color:#8f98a5}.sos-location-detail{margin-top:8px;border-top:1px solid #f0e5e4;padding-top:10px;display:flex;align-items:center;gap:7px}.sos-location-detail>svg{width:15px;color:#df5751}.sos-location-detail p{display:flex;flex-direction:column;flex:1;min-width:0;margin:0}.sos-location-detail b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sos-location-detail span{font-size:7px;color:#969eaa;margin-top:2px}.sos-location-detail a{width:28px;height:28px;border-radius:7px;background:#ffebe9;color:#d9534d;display:grid;place-items:center}.sos-location-detail a svg{width:12px}.sos-map-layout{grid-template-columns:280px 245px minmax(380px,1fr)}.sos-response-panel{border-right:1px solid #e5e8ed;background:#fafbfc;padding:13px;overflow:auto}.sos-response-panel .sos-response-detail{margin:0;background:#fff;box-shadow:0 3px 12px #2632480a}.selected-sos-person{display:flex;align-items:center;gap:9px;padding:3px 0 12px;margin-bottom:5px;border-bottom:1px solid #f0e5e4}.selected-sos-person .avatar{width:35px;height:35px}.selected-sos-person p{display:flex;flex-direction:column;align-items:flex-start;margin:0}.selected-sos-person b{font-size:9px}.selected-sos-person small{font-size:7px;color:#929baa;margin:2px 0 5px}.selected-sos-person em{font-style:normal;font-size:7px;font-weight:700;color:#d9534d}.selected-sos-person em.responding{color:#c98123}.selected-sos-person em.resolved{color:#299a67}@media (max-width:1100px){.sos-map-layout{grid-template-columns:250px 220px minmax(350px,1fr)}}@media (max-width:800px){.sos-map-layout,.sos-map-layout.history{display:grid;height:auto;grid-template-columns:1fr 1fr}.sos-list,.sos-response-panel{height:300px}.sos-response-panel{border-right:0}.sos-map{grid-column:1/-1;height:480px}}@media (max-width:520px){.sos-map-layout,.sos-map-layout.history{display:flex}.sos-response-panel{height:auto;min-height:250px;border-bottom:1px solid #e5e8ed}}.sos-panel-timeline{margin-top:12px;background:#fff;border:1px solid #eadfdf;border-radius:10px;padding:12px}.sos-panel-timeline h3{font-size:9px;margin:0 0 8px;display:flex;align-items:center;gap:5px}.sos-panel-timeline h3 svg{width:13px;color:#df5751}.sos-panel-timeline>div{min-height:43px;display:flex;align-items:center;gap:8px;position:relative}.sos-panel-timeline>div:not(:last-child):before{content:"";position:absolute;left:11px;top:32px;bottom:-11px;width:1px;background:#dfd5d4}.sos-panel-timeline>div>span{width:23px;height:23px;border-radius:50%;background:#f3f1f1;color:#877977;display:grid;place-items:center;font-size:7px;font-weight:700;z-index:1}.sos-panel-timeline>div.alert-event>span{background:#df5751;color:#fff;box-shadow:0 0 0 4px #df575114}.sos-panel-timeline>div>span svg{width:10px}.sos-panel-timeline p{display:flex;flex-direction:column;margin:0}.sos-panel-timeline p b{font-size:8px}.sos-panel-timeline p small{font-size:7px;color:#929baa;margin-top:2px}.resolve-sos{width:100%;height:37px;border:0;border-radius:8px;background:#df5751;color:#fff;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:700}.resolve-sos svg{width:14px}.resolve-sos:disabled{background:#8fbe9f;cursor:default}.saved-resolution{margin-top:10px;background:#e8f8ef;color:#299a67;border-radius:8px;padding:9px;display:flex;align-items:flex-start;gap:7px}.saved-resolution svg{width:14px}.saved-resolution p{display:flex;flex-direction:column;margin:0}.saved-resolution b{font-size:8px}.saved-resolution span{font-size:7px;color:#668a75;margin-top:2px}.resolve-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1118278c;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.resolve-modal{width:min(480px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:hidden}.resolve-modal>header{height:auto;min-height:76px;padding:16px 19px;border:0;border-bottom:1px solid #eceef2;background:#fff;display:flex;align-items:center;gap:9px}.resolve-modal>header>span{width:37px;height:37px;border-radius:9px;background:#e8f8ef;color:#299a67;display:grid;place-items:center}.resolve-modal>header>span svg{width:18px}.resolve-modal>header>div{flex:1}.resolve-modal h2{font-size:15px;margin:0}.resolve-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.resolve-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.resolve-modal header>button svg{width:15px}.resolve-modal>label{display:block;padding:19px;font-size:9px;font-weight:700;color:#414c5d}.resolve-modal textarea{width:100%;height:130px;resize:none;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:11px;outline:0;font-size:10px;line-height:1.5}.resolve-modal textarea:focus{border-color:#df6862;box-shadow:0 0 0 3px #df575112}.resolution-location{margin:0 19px 18px;padding:10px;border-radius:8px;background:#f7f8fa;display:flex;align-items:center;gap:7px;color:#df5751}.resolution-location svg{width:15px}.resolution-location p{display:flex;flex-direction:column;margin:0}.resolution-location b{font-size:8px;color:#4c5666}.resolution-location span{font-size:7px;color:#929baa;margin-top:2px}.resolve-modal>footer{height:62px;border-top:1px solid #eceef2;padding:0 19px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.resolve-modal>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.resolve-modal>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.resolve-modal>footer button:last-child{border:0;background:#df5751;color:#fff;display:flex;align-items:center;gap:5px}.resolve-modal>footer button:last-child:disabled{opacity:.45}.resolve-modal>footer svg{width:13px}.attendance-time-location{min-width:150px;display:flex;flex-direction:column;gap:4px}.attendance-time-location>span{display:flex;align-items:center;gap:7px}.attendance-time-location .attendance-inline-map{height:24px;padding:0 6px}.attendance-time-location>small{max-width:180px;display:flex;align-items:center;gap:3px;color:#8a94a3;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-time-location>small svg{width:10px;flex:0 0 auto}.attendance-table-map-links{display:flex;align-items:center;gap:6px}.attendance-inline-map{height:27px;padding:0 7px;border:1px solid #dfe4eb;border-radius:7px;display:flex;align-items:center;gap:3px;background:#fff;color:#586fe3;text-decoration:none;flex:0 0 auto}.attendance-inline-map:hover{border-color:#586fe3;background:#f3f5ff}.attendance-inline-map svg{width:11px;height:11px}.attendance-inline-map small{font-size:6px;font-weight:800}.attendance-inline-map.disabled{opacity:.35;color:#7e8795}.attendance-timeline>div>p{flex:1}.attendance-map-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.attendance-map-links>div{min-height:58px;background:#eef1ff;color:#586fe3;border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:8px}.attendance-map-links>div.disabled{opacity:.55;background:#f1f3f6;color:#7c8695}.attendance-map-links>div>svg{width:16px;flex:0 0 auto}.attendance-map-links p{display:flex;flex-direction:column;min-width:0;flex:1;margin:0}.attendance-map-links b{font-size:8px}.attendance-map-links span{font-size:7px;color:#7682a2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-map-links a{width:27px;height:27px;border-radius:7px;background:#fff;color:#586fe3;display:grid;place-items:center}.attendance-map-links a svg{width:13px}@media (max-width:650px){.attendance-map-links{grid-template-columns:1fr}}.sos-status-api-modal form{padding:18px 19px 0}.sos-status-api-modal form>label{display:block;margin-bottom:13px;font-size:9px;font-weight:700;color:#414c5d}.sos-status-api-modal form select,.sos-status-api-modal form textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;background:#fff;margin-top:7px;padding:0 10px;font-size:9px;outline:0}.sos-status-api-modal form select{height:40px}.sos-status-api-modal form textarea{height:68px;padding:9px;resize:none}.sos-status-api-modal form>footer{margin:0 -19px;height:62px;border-top:1px solid #eceef2;padding:0 19px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.sos-status-api-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.sos-status-api-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.sos-status-api-modal form>footer button:last-child{border:0;background:#df5751;color:#fff;display:flex;align-items:center;gap:5px}.sos-status-api-modal form>footer svg{width:13px}.sos-open-dot{width:7px;height:7px;border-radius:50%;background:#df5751;box-shadow:0 0 0 3px #df575117}.sos-tabs button.active .sos-open-dot{background:#df5751}.sos-panel-timeline.integrated{margin-top:0}.sos-panel-timeline>.sos-timeline-person{min-height:55px;border-bottom:1px solid #eee3e2;margin-bottom:10px;padding-bottom:10px}.sos-panel-timeline>.sos-timeline-person:before{display:none}.sos-timeline-person .avatar{width:35px;height:35px}.sos-timeline-person p{flex:1;margin-left:2px}.sos-timeline-person p b{font-size:9px}.sos-timeline-person p small{font-size:7px}.sos-timeline-person>em{font-style:normal;font-size:7px;font-weight:700;background:#ffebe9;color:#d9534d;border-radius:8px;padding:4px 6px}.sos-timeline-person>em.responding{background:#fff2df;color:#c98123}.sos-timeline-person>em.resolved{background:#e8f8ef;color:#299a67}.sos-panel-timeline>.response-event>span{background:#fff1df;color:#c98728}.sos-panel-timeline>.response-event.resolved-event>span{background:#e8f8ef;color:#299a67}.sos-panel-timeline>.response-event.location-event>span{background:#ffebe9;color:#d9534d}.sos-panel-timeline>.response-event span svg{width:11px}.response-event>a{margin-left:auto;width:27px;height:27px;border-radius:7px;background:#ffebe9;color:#d9534d;display:grid;place-items:center}.response-event>a svg{width:11px}.tracking-history-page .history-map-layout{grid-template-columns:260px 245px minmax(380px,1fr)}.tracking-point-panel{border-right:1px solid #e5e8ed;background:#fafbfc;padding:14px;overflow:auto}.tracking-point-head{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e7ed;border-radius:9px;padding:10px;margin-bottom:12px}.tracking-point-head .avatar{width:34px;height:34px}.tracking-point-head p{display:flex;flex-direction:column;margin:0}.tracking-point-head b{font-size:9px}.tracking-point-head small{font-size:7px;color:#929baa;margin-top:3px}.tracking-point-panel>h3{font-size:9px;margin:0 0 9px;display:flex;align-items:center;gap:5px}.tracking-point-panel>h3 svg{width:13px;color:#586fe3}.tracking-point-list{background:#fff;border:1px solid #e3e7ed;border-radius:9px;padding:10px}.tracking-point-list>div{min-height:55px;display:flex;align-items:center;gap:8px;position:relative}.tracking-point-list>div:not(:last-child):before{content:"";position:absolute;left:11px;top:39px;bottom:-17px;width:1px;background:#d9dfeb}.tracking-point-list>div>span{width:24px;height:24px;border-radius:50%;background:#eef1ff;color:#586fe3;display:grid;place-items:center;font-size:7px;font-weight:700;z-index:1;flex:none}.tracking-point-list>div.current>span{background:#36aa72;color:#fff;box-shadow:0 0 0 4px #36aa7214}.tracking-point-list p{display:flex;flex-direction:column;flex:1;min-width:0;margin:0}.tracking-point-list b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-point-list small{font-size:7px;color:#929baa;margin-top:2px}.tracking-point-list time{font-size:7px;color:#788393}.tracking-point-list a{width:26px;height:26px;border-radius:6px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.tracking-point-list a svg{width:11px}.tracking-point-summary{margin-top:11px;background:#eef1ff;color:#586fe3;border-radius:8px;padding:9px;display:flex;align-items:center;gap:7px}.tracking-point-summary>svg{width:15px}.tracking-point-summary p{display:flex;flex-direction:column;margin:0}.tracking-point-summary b{font-size:8px}.tracking-point-summary span{font-size:7px;color:#7b87a6;margin-top:2px}@media (max-width:1050px){.tracking-history-page .history-map-layout{grid-template-columns:230px 220px minmax(350px,1fr)}}@media (max-width:800px){.tracking-history-page .history-map-layout{height:auto;display:grid;grid-template-columns:1fr 1fr}.tracking-history-page .history-map-staff,.tracking-point-panel{height:300px}.tracking-point-panel{border-right:0}.tracking-history-page .history-route-map{grid-column:1/-1;height:480px}}@media (max-width:520px){.tracking-history-page .history-map-layout{display:flex}.tracking-point-panel{height:auto;min-height:300px;border-bottom:1px solid #e5e8ed}}.activities-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:24px 28px 38px}.activities-tabs{margin-bottom:18px}.activities-tabs button.active{background:#ebf1ff;color:#4f70d9}.activities-heading,.activities-history-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.activities-heading h2,.activities-history-toolbar h2{font-size:19px;margin:0}.activities-heading p,.activities-history-toolbar p{font-size:9px;color:#8e97a5;margin:5px 0}.activities-heading>span{height:31px;border-radius:16px;background:#e8f8ef;color:#299a67;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.activities-heading>span i{width:6px;height:6px;border-radius:50%;background:#36ae74}.activities-history-toolbar p{margin-bottom:8px}.selected-history-date.activity-date{background:#eaf0ff;color:#5570dc}.activity-date-strip>div>button.active{background:#5570dc}.activity-date-strip i{background:#5570dc}.activities-layout{height:calc(100vh - 247px);min-height:550px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:300px 1fr}.activities-layout.history{height:calc(100vh - 338px);min-height:520px}.activities-staff{border-right:1px solid #e5e8ed;overflow:auto}.activities-staff>button{width:100%;min-height:80px;border:0;border-top:1px solid #eef0f3;background:#fff;display:flex;align-items:center;text-align:left;gap:9px;padding:11px 14px}.activities-staff>button.active{background:#f4f6ff;box-shadow:inset 3px 0 #586fe3}.activities-staff>button .avatar{width:36px;height:36px}.activities-staff>button>p{display:flex;flex-direction:column;flex:1;margin:0}.activities-staff>button>p b{font-size:10px}.activities-staff>button>p small{font-size:8px;color:#929baa;margin:2px 0 5px}.activities-staff>button>p em{font-style:normal;font-size:7px;color:#6075d8}.activity-staff-state{font-size:7px;color:#299a67;display:flex;align-items:center;gap:4px}.activity-staff-state i{width:5px;height:5px;border-radius:50%;background:#36ae74}.activities-timeline-panel{padding:22px 26px;overflow:auto;background:#fafbfc}.activities-person-head{min-height:70px;background:#fff;border:1px solid #e6e9ee;border-radius:11px;padding:13px 15px;display:flex;align-items:center;gap:10px}.activities-person-head .avatar{width:42px;height:42px}.activities-person-head>p{display:flex;flex-direction:column;flex:1;margin:0}.activities-person-head>p b{font-size:12px}.activities-person-head>p small{font-size:8px;color:#929baa;margin-top:3px}.activities-person-head>div{display:flex;flex-direction:column;text-align:right}.activities-person-head>div span{font-size:8px;color:#929baa}.activities-person-head>div b{font-size:9px;margin-top:3px;color:#586fe3}.activity-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.activity-summary-row>div{background:#fff;border:1px solid #e6e9ee;border-radius:9px;padding:12px;display:flex;align-items:center;gap:8px;color:#586fe3}.activity-summary-row svg{width:17px}.activity-summary-row p{display:flex;flex-direction:column;margin:0}.activity-summary-row b{font-size:11px;color:#344054}.activity-summary-row span{font-size:7px;color:#929baa;margin-top:2px}.activities-timeline{background:#fff;border:1px solid #e6e9ee;border-radius:11px;padding:17px 20px}.activities-timeline>h3{font-size:11px;margin:0 0 10px}.activity-event{min-height:65px;display:flex;align-items:center;gap:10px;position:relative}.activity-event:not(:last-child):before{content:"";position:absolute;left:15px;top:45px;bottom:-20px;width:1px;background:#dce1e9}.activity-event>span{width:31px;height:31px;border-radius:50%;background:#eef1ff;color:#586fe3;display:grid;place-items:center;z-index:1;flex:none}.activity-event>span svg{width:14px}.activity-event.travel>span{background:#e8f7f4;color:#27937b}.activity-event.meeting>span{background:#f1ebff;color:#7559cc}.activity-event.report>span{background:#fff1df;color:#ca8627}.activity-event.latest>span{box-shadow:0 0 0 5px #586fe312}.activity-event>div{display:flex;flex-direction:column;flex:1;min-width:0}.activity-event>div b{font-size:9px}.activity-event>div small{font-size:8px;color:#7d8796;margin:3px 0;display:flex;align-items:center;gap:3px}.activity-event>div small svg{width:10px}.activity-event>div em{font-style:normal;font-size:7px;color:#a0a7b1}.activity-event time{font-size:8px;color:#707b8b;margin:0 10px}.activity-event>a{width:29px;height:29px;border-radius:7px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.activity-event>a svg{width:12px}@media (max-width:900px){.activities-layout{grid-template-columns:255px 1fr}.activities-timeline-panel{padding:18px}.activity-summary-row{grid-template-columns:1fr}}@media (max-width:650px){.activities-page{padding:14px}.activities-heading,.activities-history-toolbar{display:block}.activities-heading>span{width:max-content;margin-top:9px}.activities-history-toolbar .history-toolbar-actions{margin-top:10px}.activities-layout,.activities-layout.history{height:auto;display:flex;flex-direction:column}.activities-staff{height:280px;border-right:0;border-bottom:1px solid #e5e8ed}.activities-timeline-panel{padding:14px}.activity-summary-row{grid-template-columns:1fr 1fr}.activity-summary-row>div:last-child{grid-column:1/-1}.activity-event time{margin:0 5px}}.leave-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.leave-heading{display:flex;align-items:center;justify-content:space-between}.leave-heading h2{font-size:20px;margin:0}.leave-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.leave-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.leave-heading svg{width:15px}.leave-toolbar{display:flex;align-items:center;gap:10px;margin:18px 0}.leave-toolbar label{height:40px;width:min(360px,100%);border:1px solid #dfe3e9;border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px}.leave-toolbar label svg{width:14px;color:#929baa}.leave-toolbar input{border:0;outline:0;width:100%;font-size:9px}.leave-toolbar select{height:40px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;padding:0 10px;font-size:9px;color:#657083}.leave-toolbar>span{margin-left:auto;font-size:9px;color:#8d96a5}.leave-toolbar>span b{color:#344054}.leave-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:14px}.leave-card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:15px;min-width:0}.leave-card>header{height:auto;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:space-between}.leave-card header>div{display:flex;gap:5px}.leave-card header button{width:28px;height:28px;border:0;border-radius:7px;background:#f4f6f8;color:#758091;display:grid;place-items:center}.leave-card header button:last-child{color:#d05b56}.leave-card header svg{width:13px}.leave-status{font-size:7px;font-weight:800;padding:5px 8px;border-radius:10px}.leave-status.pending{background:#fff2df;color:#c78122}.leave-status.approved{background:#e8f8ef;color:#299a67}.leave-status.rejected,.leave-status.cancelled{background:#ffebe9;color:#d45a54}.leave-person{display:flex;align-items:center;gap:8px;margin:14px 0 11px}.leave-person .avatar{width:36px;height:36px}.leave-person p{display:flex;flex-direction:column;margin:0}.leave-person b{font-size:10px}.leave-person small{font-size:7px;color:#939caa;margin-top:2px}.leave-card h3{font-size:12px;margin:0 0 10px}.leave-dates{padding:10px;background:#f8f9fb;border-radius:9px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.leave-dates>span{display:flex;flex-direction:column}.leave-dates small{font-size:7px;color:#929baa}.leave-dates b{font-size:9px;margin-top:2px}.leave-dates>svg{width:13px;color:#8e97a5}.leave-dates em{grid-column:1/-1;font-style:normal;font-size:7px;color:#667181;border-top:1px solid #e7eaef;padding-top:7px}.leave-card>p{font-size:8px;color:#6e7887;line-height:1.5;margin:11px 0}.leave-notes{display:block;font-size:7px;color:#8892a1;background:#fafbfc;border-left:2px solid #aeb8d8;padding:7px}.leave-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0f3}.leave-card footer a,.leave-card footer button{height:31px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#586fe3;padding:0 9px;display:flex;align-items:center;gap:5px;text-decoration:none;font-size:8px;font-weight:700}.leave-card footer a{margin-right:auto;color:#6c7787}.leave-card footer svg{width:12px}.leave-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#11182788;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.leave-modal,.leave-status-modal{width:min(680px,100%);max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:auto}.leave-status-modal{width:min(480px,100%)}.leave-modal>header,.leave-status-modal>header{min-height:76px;padding:16px 20px;border-bottom:1px solid #eceef2;display:flex;align-items:center;gap:9px}.leave-modal>header>span,.leave-status-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.leave-modal>header>span svg,.leave-status-modal>header>span svg{width:18px}.leave-modal header>div,.leave-status-modal header>div{flex:1}.leave-modal h2,.leave-status-modal h2{font-size:15px;margin:0}.leave-modal header p,.leave-status-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.leave-modal header>button,.leave-status-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.leave-modal header>button svg,.leave-status-modal header>button svg{width:15px}.leave-form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.leave-form-grid .full{grid-column:1/-1}.leave-form-grid label,.leave-status-modal form>label{font-size:9px;font-weight:700;color:#414c5d}.leave-form-grid input,.leave-form-grid select,.leave-form-grid textarea,.leave-status-modal form>label input,.leave-status-modal form>label select,.leave-status-modal form>label textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;background:#fff;outline:0;font-size:9px}.leave-form-grid input,.leave-form-grid select,.leave-status-modal select{height:40px}.leave-form-grid textarea,.leave-status-modal textarea{height:70px;padding:10px;resize:none}.leave-modal form>footer,.leave-status-modal form>footer{height:62px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.leave-modal form>footer button,.leave-status-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.leave-modal form>footer button:first-child,.leave-status-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.leave-modal form>footer button:last-child,.leave-status-modal form>footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.leave-modal form>footer svg,.leave-status-modal form>footer svg{width:13px}.leave-status-modal form{padding-top:18px}.leave-status-modal form>label{display:block;margin:0 20px 14px}.leave-status-modal .department-api-error{margin:0 20px 14px}.leave-file-field input[type=file]{height:auto;padding:8px;color:#697484}.leave-file-field input[type=file]::file-selector-button{height:30px;border:0;border-radius:6px;background:#eef1ff;color:#586fe3;padding:0 11px;margin-right:9px;font-size:8px;font-weight:700;cursor:pointer}.leave-file-field>small{margin-top:6px;color:#697484;font-size:7px;font-weight:500;display:flex;align-items:center;gap:4px}.leave-file-field>small svg{width:11px}@media (max-width:1050px){.leave-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}}@media (max-width:650px){.leave-page{padding:16px 14px}.leave-grid{grid-template-columns:1fr}.leave-toolbar{flex-wrap:wrap}.leave-toolbar label{width:100%}.leave-toolbar>span{margin-left:0}.leave-form-grid{grid-template-columns:1fr}.leave-form-grid .full{grid-column:auto}}.tickets-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.tickets-heading,.tickets-toolbar{display:flex;align-items:center;justify-content:space-between}.tickets-heading h2{font-size:20px;margin:0}.tickets-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.tickets-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.tickets-heading svg{width:15px}.tickets-toolbar{justify-content:flex-start;gap:10px;margin:18px 0}.tickets-toolbar label{height:40px;width:360px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px}.tickets-toolbar label svg{width:14px;color:#929baa}.tickets-toolbar input{border:0;outline:0;width:100%;font-size:9px}.tickets-toolbar select{height:40px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;padding:0 10px;font-size:9px}.tickets-toolbar>span{margin-left:auto;font-size:9px;color:#8d96a5}.tickets-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:14px}.ticket-card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:15px}.ticket-card header{height:auto;border:0;background:none;padding:0;display:flex;justify-content:space-between}.ticket-priority,.ticket-status{font-size:7px;font-weight:800;padding:5px 8px;border-radius:10px}.ticket-priority.low{background:#eef1f5;color:#667181}.ticket-priority.medium{background:#eef1ff;color:#586fe3}.ticket-priority.high{background:#fff2df;color:#c78122}.ticket-priority.urgent{background:#ffebe9;color:#d45a54}.ticket-status{background:#edf0f4;color:#667181}.ticket-status.open,.ticket-status.reopened{background:#ffebe9;color:#d45a54}.ticket-status.resolved,.ticket-status.closed{background:#e8f8ef;color:#299a67}.ticket-card>small{display:block;color:#9aa2af;font-size:7px;margin:12px 0 5px}.ticket-card h3{font-size:12px;margin:0 0 7px}.ticket-card>p{min-height:37px;font-size:8px;color:#778190;line-height:1.5}.ticket-card>div{display:flex;flex-direction:column;gap:5px;padding:9px;background:#f8f9fb;border-radius:8px}.ticket-card>div span{display:flex;align-items:center;gap:5px;font-size:7px;color:#687384}.ticket-card>div svg{width:11px}.ticket-card footer{display:flex;justify-content:flex-end;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #edf0f3}.ticket-card footer button{height:30px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#586fe3;padding:0 8px;display:flex;align-items:center;gap:4px;font-size:8px}.ticket-card footer button:first-child{margin-right:auto}.ticket-card footer button.danger{color:#d45a54}.ticket-card footer svg{width:12px}.ticket-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;background:#11182788;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ticket-modal-backdrop.nested{z-index:99}.ticket-modal,.ticket-detail-modal,.ticket-status-modal{width:min(680px,100%);max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:auto}.ticket-detail-modal{width:min(900px,100%)}.ticket-status-modal{width:min(450px,100%)}.ticket-modal>header,.ticket-detail-modal>header,.ticket-status-modal>header{min-height:76px;padding:16px 20px;border-bottom:1px solid #eceef2;display:flex;align-items:center;gap:9px}.ticket-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.ticket-modal>header>span svg{width:18px}.ticket-modal header>div,.ticket-detail-modal header>div{flex:1}.ticket-modal h2,.ticket-detail-modal h2,.ticket-status-modal h2{font-size:15px;margin:0}.ticket-modal header p,.ticket-detail-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.ticket-modal header>button,.ticket-detail-modal header>button,.ticket-status-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.ticket-modal header svg,.ticket-detail-modal header svg,.ticket-status-modal header svg{width:15px}.ticket-form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticket-form-grid .full{grid-column:1/-1}.ticket-form-grid label,.ticket-status-modal label{font-size:9px;font-weight:700;color:#414c5d}.ticket-form-grid input,.ticket-form-grid select,.ticket-form-grid textarea,.ticket-status-modal select,.ticket-status-modal textarea{width:100%;height:40px;border:1px solid #dce1e8;border-radius:8px;background:#fff;margin-top:7px;padding:0 10px;font-size:9px;outline:0}.ticket-form-grid textarea,.ticket-status-modal textarea{height:75px;padding:9px;resize:none}.ticket-modal form>footer,.ticket-status-modal footer{height:62px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.ticket-modal footer button,.ticket-status-modal footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.ticket-modal footer button:first-child,.ticket-status-modal footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.ticket-modal footer button:last-child,.ticket-status-modal footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.ticket-detail-body{display:grid;grid-template-columns:280px 1fr;min-height:500px}.ticket-detail-copy{padding:20px;border-right:1px solid #eceef2;background:#fafbfc}.ticket-detail-copy>p{font-size:9px;line-height:1.6;color:#687384}.ticket-detail-copy>div{padding:10px;background:#e8f8ef;border-radius:8px;display:flex;flex-direction:column}.ticket-detail-copy>div b{font-size:8px}.ticket-detail-copy>div span{font-size:8px;color:#668a75;margin-top:4px}.ticket-detail-copy>button{height:35px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;margin-top:14px}.ticket-detail-copy>button svg{width:13px}.ticket-conversation{padding:20px;overflow:auto}.ticket-conversation h3{font-size:11px;margin:0 0 12px}.ticket-comment{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f3}.ticket-comment.reply{margin-left:28px;background:#fafbfc;padding:10px}.ticket-comment .avatar{width:30px;height:30px}.ticket-comment p{flex:1;display:flex;flex-direction:column;margin:0}.ticket-comment b{font-size:8px}.ticket-comment p span{font-size:8px;color:#667181;margin:3px 0}.ticket-comment p small{font-size:6px;color:#9aa2af}.ticket-comment>button{border:0;background:none;color:#586fe3;font-size:7px;display:flex;align-items:center;gap:3px}.ticket-comment>button svg{width:11px}.ticket-conversation form{display:grid;grid-template-columns:1fr 135px auto;gap:7px;margin-top:14px}.ticket-conversation textarea{grid-column:1/-1;width:100%;height:65px;border:1px solid #dce1e8;border-radius:8px;padding:9px;font-size:8px;resize:none}.ticket-conversation select{height:34px;border:1px solid #dce1e8;border-radius:7px;background:#fff;font-size:8px}.ticket-conversation form button{height:34px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 10px;display:flex;align-items:center;gap:4px;font-size:8px}.ticket-conversation form button svg{width:12px}.ticket-conversation .reply-form{padding:10px;background:#f3f5ff;border-radius:8px}.reply-form>small{grid-column:1/-1;font-size:7px;color:#586fe3}.ticket-detail-error{margin:0;padding:10px 20px;background:#ffebe9;color:#b84540;font-size:8px}.ticket-status-modal form{padding:18px 20px 0}.ticket-status-modal label{display:block;margin-bottom:14px}@media (max-width:1050px){.tickets-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}}@media (max-width:700px){.tickets-page{padding:16px 14px}.tickets-grid{grid-template-columns:1fr}.tickets-toolbar{flex-wrap:wrap}.tickets-toolbar label{width:100%}.ticket-form-grid{grid-template-columns:1fr}.ticket-form-grid .full{grid-column:auto}.ticket-detail-body{grid-template-columns:1fr}.ticket-detail-copy{border-right:0;border-bottom:1px solid #eceef2}.ticket-conversation form{grid-template-columns:1fr}.ticket-conversation textarea,.reply-form>small{grid-column:auto}}.reports-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.reports-heading{display:flex;align-items:center;justify-content:space-between}.reports-heading h2{font-size:20px;margin:0}.reports-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.reports-heading>span{height:35px;padding:0 11px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#667181;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700}.reports-heading svg{width:14px}.report-section-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0}.report-section-tabs>button{min-height:76px;border:1px solid #e2e6ec;border-radius:11px;background:#fff;padding:13px;display:flex;align-items:center;text-align:left;gap:10px;color:#7c8695}.report-section-tabs>button.active{border-color:#586fe3;background:#f3f5ff;color:#586fe3;box-shadow:0 5px 18px #586fe312}.report-section-tabs>button>svg{width:21px}.report-section-tabs span{display:flex;flex-direction:column}.report-section-tabs b{font-size:10px;color:#344054}.report-section-tabs small{font-size:7px;margin-top:4px}.report-builder{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start}.report-filter-card,.report-preview{background:#fff;border:1px solid #e3e7ed;border-radius:13px}.report-filter-card{padding:18px}.report-filter-card h3{font-size:12px;margin:0 0 16px}.report-filter-card>label,.report-date-range label{display:block;font-size:8px;font-weight:700;color:#4b5666;margin-bottom:13px}.report-filter-card select,.report-filter-card input{width:100%;height:39px;border:1px solid #dce1e8;border-radius:8px;background:#fff;margin-top:7px;padding:0 9px;font-size:8px;outline:0}.report-filter-card fieldset{border:0;padding:0;margin:0 0 13px}.report-filter-card legend{font-size:8px;font-weight:700;color:#4b5666;margin-bottom:7px}.report-filter-card fieldset>div{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #dfe3e9;border-radius:8px}.report-filter-card fieldset button{height:31px;border:0;border-radius:6px;background:transparent;color:#7b8594;font-size:8px;font-weight:700}.report-filter-card fieldset button.active{background:#eef1ff;color:#586fe3}.report-date-range{display:grid;grid-template-columns:1fr 1fr;gap:7px}.generate-report{width:100%;height:39px;border:0;border-radius:8px;background:#586fe3;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:700}.generate-report svg{width:14px}.generate-report:disabled{opacity:.6}.report-error{padding:9px;background:#ffebe9;color:#b94843;border-radius:7px;font-size:7px;display:flex;align-items:flex-start;gap:5px}.report-error svg{width:12px}.report-preview{min-height:520px;overflow:hidden}.report-preview>header{min-height:72px;padding:13px 16px;border-bottom:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between}.report-preview>header>div:first-child{display:flex;align-items:center;gap:9px}.report-preview>header>div:first-child>span{width:38px;height:38px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.report-preview header svg{width:16px}.report-preview header p{display:flex;flex-direction:column;margin:0}.report-preview header small{font-size:6px;letter-spacing:.08em;color:#929baa}.report-preview header b{font-size:11px;margin:2px 0}.report-preview header em{font-style:normal;font-size:7px;color:#8992a1}.report-preview>header>div:last-child{display:flex;gap:6px}.report-preview>header>div:last-child button{height:34px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#586fe3;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.report-preview>header button:disabled{opacity:.4}.report-placeholder{height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#98a1af}.report-placeholder>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#f1f3f7;color:#8390a5}.report-placeholder b{font-size:11px;color:#5c6675;margin:11px 0 4px}.report-placeholder span{font-size:8px}.report-preview-summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px;padding:13px 16px}.report-preview-summary>div{padding:10px 12px;border-radius:8px;background:#f7f8fb;display:flex;flex-direction:column}.report-preview-summary small{font-size:7px;color:#929baa}.report-preview-summary b{font-size:9px;margin-top:3px}.report-table-scroll{overflow:auto;padding:0 16px 16px}.report-table-scroll table{width:100%;border-collapse:collapse;min-width:720px}.report-table-scroll th{height:37px;background:#eef1ff;color:#5266c2;text-align:left;text-transform:uppercase;letter-spacing:.04em;font-size:7px;padding:0 9px}.report-table-scroll td{height:43px;border-bottom:1px solid #ebedf1;padding:0 9px;font-size:8px;color:#667181}.report-table-scroll tbody tr:nth-child(2n){background:#fafbfc}@media (max-width:950px){.report-section-tabs{grid-template-columns:1fr 1fr}.report-builder{grid-template-columns:1fr}.report-filter-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-filter-card h3,.report-filter-card .generate-report,.report-filter-card .report-error{grid-column:1/-1}}@media (max-width:600px){.reports-page{padding:16px 14px}.report-section-tabs{grid-template-columns:1fr}.report-filter-card{display:block}.report-preview-summary{grid-template-columns:1fr}.reports-heading>span{display:none}}.department-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.department-heading{display:flex;align-items:center;justify-content:space-between}.department-heading h2{font-size:20px;margin:0}.department-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.department-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;box-shadow:0 6px 14px #586fe326}.department-heading>button svg{width:15px}.department-toolbar{height:70px;margin:18px 0;background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.department-toolbar label{width:min(400px,48%);height:38px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.department-toolbar label svg{width:15px;color:#929baa}.department-toolbar input{border:0;outline:0;width:100%;font-size:9px}.department-toolbar>span{font-size:9px;color:#929baa}.department-toolbar>span b{color:#455064}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:15px}.department-card{min-height:250px;background:#fff;border:1px solid #e6e9ee;border-radius:13px;padding:19px;display:flex;flex-direction:column;transition:.2s}.department-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #27324810}.department-card>header{height:auto;border:0;background:transparent;padding:0;display:flex;align-items:center}.department-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:700}.department-card header button{margin-left:auto;width:30px;height:30px;border:0;background:#f6f7f9;border-radius:7px;color:#7e8795;display:grid;place-items:center}.department-card header button svg{width:15px}.department-card h3{font-size:13px;margin:14px 0 6px}.department-card>p{font-size:9px;color:#818b9a;line-height:1.5;margin:0 0 15px;min-height:42px}.department-lead{display:flex;align-items:center;gap:8px;margin-top:auto;border-top:1px solid #eef0f3;padding-top:13px}.department-lead .avatar{width:32px;height:32px}.department-lead>div{display:flex;flex-direction:column}.department-lead small{font-size:7px;color:#929baa}.department-lead b{font-size:9px;margin-top:2px}.department-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid #eef0f3}.department-card-footer span,.department-card-footer a{display:flex;align-items:center;gap:4px;font-size:8px;color:#7b8695;text-decoration:none}.department-card-footer svg{width:12px}.department-card-footer a{color:#586fe3}.department-empty{height:250px;background:#fff;border:1px solid #e6e9ee;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#929baa}.department-empty svg{width:30px}.department-empty b{font-size:11px;color:#4f5968;margin:7px 0 3px}.department-empty span{font-size:8px}.department-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#11182785;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.department-modal{width:min(520px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:hidden}.department-modal>header{height:auto;min-height:78px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:17px 20px;display:flex;align-items:center;gap:9px}.department-modal>header>span{width:38px;height:38px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.department-modal>header>span svg{width:18px}.department-modal>header>div{flex:1}.department-modal h2{font-size:15px;margin:0}.department-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.department-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.department-modal header>button svg{width:15px}.department-modal form{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.department-modal form label{font-size:9px;font-weight:700;color:#414c5d}.department-modal form label:nth-child(4){grid-column:1/-1}.department-modal input,.department-modal textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;outline:0;font-size:9px}.department-modal input{height:40px}.department-modal textarea{height:100px;padding:10px;resize:none;line-height:1.5}.department-modal input:focus,.department-modal textarea:focus{border-color:#6076e5;box-shadow:0 0 0 3px #6076e512}.department-modal form footer{grid-column:1/-1;margin:5px -20px -20px;padding:13px 20px;border-top:1px solid #eceef2;display:flex;justify-content:flex-end;gap:8px}.department-modal footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.department-modal footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.department-modal footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.department-modal footer button:last-child:disabled{opacity:.45}.department-modal footer svg{width:13px}@media (max-width:1000px){.department-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width:600px){.department-page{padding:16px 14px}.department-heading{align-items:flex-end}.department-heading p{max-width:220px}.department-grid{grid-template-columns:1fr}.department-toolbar{height:auto;padding:13px;align-items:stretch;flex-direction:column;gap:10px}.department-toolbar label{width:100%}.department-modal form{grid-template-columns:1fr}.department-modal form label:nth-child(4){grid-column:auto}.department-modal form footer{grid-column:auto}}.department-modal form label:nth-child(4){grid-column:auto}.department-modal form .department-description{grid-column:1/-1}.department-api-error{grid-column:1/-1;margin:0;padding:9px 11px;border-radius:7px;background:#fff0ef;color:#c0392b;font-size:9px;line-height:1.4}@media (max-width:600px){.department-modal form .department-description,.department-api-error{grid-column:auto}}.department-list-state{min-height:220px;background:#fff;border:1px solid #e6e9ee;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7e8795;font-size:10px}.department-list-state svg{width:18px}.department-list-state.error{flex-direction:column;color:#c0392b}.department-list-state.error span{max-width:420px;text-align:center;color:#8e97a5}.department-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.department-pagination span{font-size:9px;color:#7e8795}.department-pagination button{height:34px;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#596575;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.department-pagination button svg{width:13px}.department-pagination button:disabled{opacity:.45;cursor:not-allowed}.department-card-footer>button{border:0;background:none;padding:0;display:flex;align-items:center;gap:4px;font-size:8px;color:#586fe3}.department-card-footer>button svg{width:12px}.department-members-modal{width:min(720px,100%);max-height:min(680px,90vh);background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:hidden;display:flex;flex-direction:column}.department-members-modal>header{height:auto;min-height:82px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:18px 21px;display:flex;align-items:center;gap:10px}.department-members-modal>header>div{flex:1}.department-members-modal h2{font-size:15px;margin:0}.department-members-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.department-members-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.department-members-modal header>button svg{width:15px}.members-toolbar{padding:14px 20px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between}.members-toolbar label{width:310px;height:37px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.members-toolbar label svg{width:14px;color:#929baa}.members-toolbar input{border:0;outline:0;flex:1;min-width:0;font-size:9px}.members-toolbar>button{height:36px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.members-toolbar>button svg{width:13px}.members-list{overflow:auto;flex:1}.members-list-head{height:38px;background:#fafbfc;color:#929baa;display:grid;grid-template-columns:1.2fr 1.2fr 80px;padding:0 20px;align-items:center;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.department-member-row{min-height:68px;border-bottom:1px solid #eef0f3;padding:10px 20px;display:grid;grid-template-columns:1.2fr 1.2fr 80px 28px;align-items:center;gap:10px}.department-member-row>div{display:flex;align-items:center;gap:9px}.department-member-row .avatar{width:35px;height:35px}.department-member-row p{display:flex;flex-direction:column;margin:0;min-width:0}.department-member-row p b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-member-row p small{font-size:8px;color:#929baa;margin-top:3px}.department-member-row>button{width:28px;height:28px;border:0;background:#f5f6f8;border-radius:7px;color:#7f8998;display:grid;place-items:center}.department-member-row>button svg{width:14px}.department-members-modal>footer{height:59px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.department-members-modal>footer span{font-size:8px;color:#929baa}.department-members-modal>footer button{height:34px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 14px;font-size:9px;font-weight:700}@media (max-width:600px){.members-toolbar label{width:65%}.members-list-head{display:none}.department-member-row{grid-template-columns:1fr 70px 28px}.department-member-row>p{display:none}.department-members-modal{max-height:94vh}.department-members-modal>footer{padding:0 14px}}.department-card-actions{position:relative;margin-left:auto}.department-card .department-card-actions>button{margin-left:0}.department-action-menu{position:absolute;z-index:5;right:0;top:35px;width:112px;padding:5px;background:#fff;border:1px solid #e3e6eb;border-radius:8px;box-shadow:0 10px 25px #27324822}.department-card header .department-action-menu button{width:100%;height:31px;margin:0;padding:0 8px;border:0;background:transparent;border-radius:6px;display:flex;justify-content:flex-start;gap:7px;font-size:9px;color:#536071}.department-card header .department-action-menu button:hover{background:#f4f6fa}.department-card header .department-action-menu button.danger{color:#c9433c}.department-delete-modal{width:min(420px,100%);padding:26px;background:#fff;border-radius:14px;text-align:center;box-shadow:0 24px 65px #10182840}.department-delete-modal>span{width:48px;height:48px;margin:auto;border-radius:12px;background:#ffebe9;color:#cb453e;display:grid;place-items:center}.department-delete-modal>span svg{width:21px}.department-delete-modal h2{font-size:16px;margin:15px 0 7px}.department-delete-modal>p{font-size:9px;line-height:1.6;color:#7d8795;margin:0 auto;max-width:330px}.department-delete-modal footer{display:flex;justify-content:center;gap:8px;margin-top:20px}.department-delete-modal footer button{height:37px;border-radius:7px;padding:0 13px;font-size:9px;font-weight:700}.department-delete-modal footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.department-delete-modal footer button:last-child{border:0;background:#cf4942;color:#fff;display:flex;align-items:center;gap:5px}.department-delete-modal footer svg{width:13px}.department-delete-modal button:disabled{opacity:.5}.work-locations-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.work-location-heading{display:flex;align-items:center;justify-content:space-between}.work-location-heading h2{font-size:20px;margin:0}.work-location-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.work-location-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.work-location-heading>button svg{width:15px}.work-location-toolbar{height:68px;margin:18px 0;background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.work-location-toolbar label{width:min(410px,50%);height:38px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.work-location-toolbar svg{width:14px;color:#929baa}.work-location-toolbar input{border:0;outline:0;width:100%;font-size:9px}.work-location-toolbar>span{font-size:9px;color:#7b8695;display:flex;align-items:center;gap:5px}.work-location-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:15px}.work-location-card{background:#fff;border:1px solid #e6e9ee;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:245px}.location-card-map{position:relative;background:#e5e9df;overflow:hidden}.location-card-map iframe{width:100%;height:100%;border:0;pointer-events:none;filter:saturate(.7)}.location-card-map>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#586fe3;color:#fff;display:grid;place-items:center;box-shadow:0 5px 13px #2632483a}.location-card-map>span svg{width:15px}.location-card-body{padding:17px;display:flex;flex-direction:column}.location-card-body>div:first-child{display:flex;justify-content:space-between;align-items:center}.location-status{font-size:7px;color:#299a67;background:#e8f8ef;border-radius:9px;padding:4px 7px;display:flex;align-items:center;gap:4px}.location-status i{width:5px;height:5px;border-radius:50%;background:#35ad74}.location-card-body>div:first-child button{width:28px;height:28px;border:0;border-radius:7px;background:#f5f6f8;color:#7d8796;display:grid;place-items:center}.location-card-body>div:first-child button svg{width:14px}.location-card-body h3{font-size:12px;margin:13px 0 6px}.location-card-body>p{font-size:8px;color:#818b99;line-height:1.45;margin:0;display:flex;align-items:flex-start;gap:4px}.location-card-body>p svg{width:11px;flex:none}.location-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.location-coordinates>span{background:#f7f8fa;border-radius:7px;padding:7px;display:flex;flex-direction:column}.location-coordinates small{font-size:6px;color:#929baa}.location-coordinates b{font-size:8px;margin-top:2px}.location-card-body footer{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;margin-top:10px;padding-top:10px}.location-card-body footer span{font-size:7px;color:#7a8594;display:flex;align-items:center;gap:4px}.location-card-body footer svg{width:11px}.location-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1118278c;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.location-modal{width:min(960px,100%);max-height:94vh;background:#fff;border-radius:15px;box-shadow:0 25px 70px #10182840;overflow:hidden}.location-modal>header{height:auto;min-height:78px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:17px 20px;display:flex;align-items:center;gap:9px}.location-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.location-modal>header>span svg{width:18px}.location-modal>header>div{flex:1}.location-modal h2{font-size:15px;margin:0}.location-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.location-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.location-modal header>button svg{width:15px}.location-modal form{display:grid;grid-template-columns:1.12fr .88fr}.location-picker-side{padding:19px;border-right:1px solid #eceef2;background:#fafbfc}.location-picker-title{display:flex;align-items:center;justify-content:space-between}.location-picker-title h3,.location-details-side>h3{font-size:11px;margin:0}.location-picker-title p{font-size:8px;color:#929baa;margin:3px 0 0}.location-picker-title>span{font-size:7px;color:#5c718d;background:#eaf0f4;border-radius:8px;padding:4px 7px}.map-location-search{height:38px;background:#fff;border:1px solid #dce1e8;border-radius:8px;margin:13px 0 10px;display:flex;align-items:center;padding-left:9px;gap:6px}.map-location-search svg{width:14px;color:#929baa}.map-location-search input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.map-location-search button{align-self:stretch;border:0;background:#586fe3;color:#fff;padding:0 11px;font-size:8px;font-weight:700}.interactive-location-map{height:330px;border-radius:10px;overflow:hidden;position:relative;background:#e4e8df}.interactive-location-map iframe{width:100%;height:100%;border:0;pointer-events:none;filter:saturate(.76)}.location-map-interaction{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.fence-circle{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#586fe329;border:2px solid #586fe3;pointer-events:none;transition:width .2s,height .2s}.draggable-location-marker{position:absolute;transform:translate(-50%,-100%);width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#586fe3;color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px #26324855;pointer-events:none}.draggable-location-marker.dragging{transform:translate(-50%,-108%) scale(1.08)}.draggable-location-marker svg{width:15px}.picker-map-note{position:absolute;left:10px;bottom:10px;background:#fffffff2;border-radius:7px;padding:6px 8px;font-size:7px;color:#657083;display:flex;align-items:center;gap:4px;pointer-events:none}.picker-map-note svg{width:11px}.radius-preview{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:#84909f}.radius-preview b{color:#586fe3}.location-details-side{padding:19px;display:flex;flex-direction:column;gap:13px}.location-details-side>label,.coordinate-fields label{font-size:9px;font-weight:700;color:#414c5d}.location-details-side input,.location-details-side textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:6px;padding:0 10px;outline:0;font-size:9px}.location-details-side input{height:40px}.location-details-side textarea{height:72px;padding:9px;resize:none}.location-details-side input:focus,.location-details-side textarea:focus{border-color:#6076e5;box-shadow:0 0 0 3px #6076e512}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.radius-input{display:grid;grid-template-columns:1fr 78px;gap:8px;align-items:center}.radius-input input[type=range]{padding:0;accent-color:#586fe3;border:0;box-shadow:none}.location-details-side label>small{display:block;font-size:7px;color:#929baa;font-weight:400;margin-top:5px;line-height:1.4}.coordinate-info{margin-top:auto;background:#eef1ff;color:#586fe3;border-radius:9px;padding:10px;display:flex;align-items:center;gap:8px}.coordinate-info svg{width:16px}.coordinate-info p{display:flex;flex-direction:column;margin:0}.coordinate-info b{font-size:8px}.coordinate-info span{font-size:7px;color:#7884a4;margin-top:2px}.location-modal form>footer{grid-column:1/-1;height:64px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.location-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.location-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.location-modal form>footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.location-modal form>footer button:last-child:disabled{opacity:.45}.location-modal form>footer svg{width:13px}@media (max-width:1050px){.work-location-grid{grid-template-columns:1fr}}@media (max-width:700px){.work-locations-page{padding:16px 14px}.work-location-heading{align-items:flex-end}.work-location-heading p{max-width:210px}.work-location-toolbar{height:auto;padding:13px;flex-direction:column;align-items:stretch;gap:10px}.work-location-toolbar label{width:100%}.location-modal{overflow:auto}.location-modal form{display:flex;flex-direction:column}.location-picker-side{border-right:0;border-bottom:1px solid #eceef2}.interactive-location-map{height:300px}.location-modal form>footer{flex:none}.work-location-card{grid-template-columns:38% 62%}}.location-api-error{grid-column:1/-1;margin:0;padding:10px 20px;background:#fff0ef;color:#c0392b;border-top:1px solid #ffd7d3;font-size:9px;line-height:1.4}.interactive-location-map iframe{pointer-events:auto}.location-map-interaction{pointer-events:none}.draggable-location-marker{pointer-events:auto;cursor:grab}.draggable-location-marker.dragging{cursor:grabbing}.api-location-actions{display:flex;gap:5px}.location-card-body>div:first-child .api-location-actions button{margin:0}.location-card-body>div:first-child .api-location-actions button:last-child{color:#c9433c;background:#fff0ef}.location-card-body footer button{border:0;background:transparent;color:#586fe3;font-size:8px;font-weight:700;display:flex;align-items:center;gap:4px}.location-card-body footer button svg{width:11px}.api-location-modal .interactive-location-map{height:360px}.api-location-modal .interactive-location-map iframe{pointer-events:auto}.location-card-map iframe,.work-location-main-map iframe,.api-location-modal .interactive-location-map iframe{pointer-events:auto!important;touch-action:auto;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1!important}.location-card-map>span,.selected-location-fence,.selected-location-pin{pointer-events:none!important}.api-location-modal .interactive-location-map{isolation:isolate}.api-location-modal .location-map-interaction{display:none}.location-detail-menu{position:relative;margin-left:auto}.selected-location-details header .location-detail-menu>button{margin-left:0}.location-detail-menu>div{position:absolute;z-index:10;right:0;top:34px;width:132px;padding:5px;background:#fff;border:1px solid #e2e6ec;border-radius:8px;box-shadow:0 10px 25px #27324825}.selected-location-details header .location-detail-menu>div button{width:100%;height:32px;margin:0;padding:0 8px;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;gap:7px;color:#536071;font-size:8px;font-weight:700}.selected-location-details header .location-detail-menu>div button:hover{background:#f4f6fa}.selected-location-details header .location-detail-menu>div button.danger{color:#c9433c}.location-detail-menu>div button svg{width:12px}@media (max-width:480px){.work-location-card{display:block}.location-card-map{height:170px}.location-details-side,.location-picker-side{padding:15px}.coordinate-fields{grid-template-columns:1fr}.location-modal-backdrop{padding:0}.location-modal{min-height:100vh;border-radius:0;max-height:100vh}.interactive-location-map{height:260px}}.work-location-grid{display:none}.work-location-explorer{height:calc(100vh - 258px);min-height:560px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:270px minmax(360px,1fr) 260px}.work-location-explorer>aside{border-right:1px solid #e5e8ed;overflow:auto;padding-top:12px}.work-location-explorer>aside>button{width:100%;min-height:83px;border:0;border-top:1px solid #eef0f3;background:#fff;display:flex;align-items:center;text-align:left;gap:9px;padding:12px 14px}.work-location-explorer>aside>button.active{background:#f4f6ff;box-shadow:inset 3px 0 #586fe3}.work-location-explorer>aside>button>span{width:33px;height:33px;border-radius:8px;background:#eef1ff;color:#586fe3;display:grid;place-items:center;flex:none}.work-location-explorer>aside>button>span svg{width:15px}.work-location-explorer>aside>button>p{display:flex;flex-direction:column;flex:1;min-width:0;margin:0}.work-location-explorer>aside>button b{font-size:9px}.work-location-explorer>aside>button small{font-size:7px;color:#929baa;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-location-explorer>aside>button em{font-style:normal;font-size:7px;color:#6075d8}.work-location-explorer>aside>button>svg{width:12px;color:#9aa2af}.work-location-main-map{position:relative;background:#e4e8df;overflow:hidden}.work-location-main-map iframe{width:100%;height:100%;border:0;filter:saturate(.75)}.selected-location-fence{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#586fe324;border:2px solid #586fe3;pointer-events:none}.selected-location-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#586fe3;color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px #2632484f}.selected-location-pin svg{width:15px}.selected-location-details{border-left:1px solid #e5e8ed;background:#fff;padding:19px;overflow:auto;display:flex;flex-direction:column}.selected-location-details>header{height:auto;border:0;background:none;padding:0;display:flex;align-items:center;margin-bottom:13px}.selected-location-details .department-mark{background:#eef1ff;color:#586fe3}.selected-location-details .department-mark svg{width:18px}.selected-location-details header button{margin-left:auto;width:29px;height:29px;border:0;border-radius:7px;background:#f5f6f8;color:#7e8795;display:grid;place-items:center}.selected-location-details header button svg{width:14px}.selected-location-details>.location-status{align-self:flex-start}.selected-location-details h2{font-size:14px;margin:13px 0 7px}.selected-location-details>p{font-size:8px;color:#7f8998;line-height:1.45;margin:0 0 16px;display:flex;align-items:flex-start;gap:4px}.selected-location-details>p svg{width:12px;flex:none}.selected-location-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.selected-location-metrics>div{background:#f7f8fa;border-radius:7px;padding:9px;display:flex;flex-direction:column}.selected-location-metrics small{font-size:7px;color:#929baa}.selected-location-metrics b{font-size:8px;margin-top:3px}.selected-location-note{margin-top:13px;background:#eef1ff;color:#586fe3;border-radius:8px;padding:10px;display:flex;align-items:flex-start;gap:7px}.selected-location-note svg{width:15px;flex:none}.selected-location-note p{display:flex;flex-direction:column;margin:0}.selected-location-note b{font-size:8px}.selected-location-note span{font-size:7px;color:#7884a3;line-height:1.35;margin-top:2px}.selected-location-details>a{height:38px;border-radius:8px;background:#586fe3;color:#fff;margin-top:auto;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:700}.selected-location-details>a svg{width:13px}@media (max-width:1000px){.work-location-explorer{grid-template-columns:235px minmax(330px,1fr) 230px}}@media (max-width:800px){.work-location-explorer{height:auto;display:grid;grid-template-columns:1fr 1fr}.work-location-explorer>aside{height:300px}.work-location-main-map{height:480px;grid-column:1/-1;grid-row:2}.selected-location-details{height:300px;border-left:0}.selected-location-details>a{margin-top:13px}}@media (max-width:520px){.work-location-explorer{display:flex;flex-direction:column}.work-location-explorer>aside{height:260px}.work-location-main-map{height:400px;order:2}.selected-location-details{height:auto;min-height:340px;order:3}}.selected-location-metrics>button{border:0;text-align:left}.location-staff-count{background:#eef1ff!important;color:#586fe3;cursor:pointer}.location-staff-count:hover{background:#e3e8ff!important}.location-staff-count b{display:flex;align-items:center;justify-content:space-between}.location-staff-count b svg{width:11px}.location-staff-modal{width:min(720px,100%);max-height:min(680px,92vh);background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:hidden;display:flex;flex-direction:column}.location-staff-modal>header{min-height:81px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:18px 21px;display:flex;align-items:center;gap:10px}.location-staff-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.location-staff-modal>header>span svg{width:18px}.location-staff-modal>header>div{flex:1}.location-staff-modal h2{font-size:15px;margin:0}.location-staff-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.location-staff-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.location-staff-modal header>button svg{width:15px}.location-staff-toolbar{padding:14px 20px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between}.location-staff-toolbar label{width:310px;height:37px;border:1px solid #dce1e8;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.location-staff-toolbar label svg{width:14px;color:#929baa}.location-staff-toolbar input{border:0;outline:0;flex:1;min-width:0;font-size:9px}.location-staff-toolbar>button{height:36px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.location-staff-toolbar>button svg{width:13px}.location-staff-list{overflow:auto;flex:1}.location-staff-list-head{height:38px;background:#fafbfc;color:#929baa;display:grid;grid-template-columns:1.2fr 1.2fr 80px;padding:0 20px;align-items:center;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.location-staff-row{min-height:68px;border-bottom:1px solid #eef0f3;padding:10px 20px;display:grid;grid-template-columns:1.2fr 1.2fr 80px 28px;align-items:center;gap:10px}.location-staff-row>div{display:flex;align-items:center;gap:9px}.location-staff-row .avatar{width:35px;height:35px}.location-staff-row p{display:flex;flex-direction:column;margin:0;min-width:0}.location-staff-row p b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-staff-row p small{font-size:8px;color:#929baa;margin-top:3px}.location-staff-row>button{width:28px;height:28px;border:0;background:#f5f6f8;border-radius:7px;color:#7f8998;display:grid;place-items:center}.location-staff-row>button svg{width:14px}.location-staff-modal>footer{height:59px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.location-staff-modal>footer span{font-size:8px;color:#929baa}.location-staff-modal>footer button{height:34px;border:0;border-radius:7px;background:#586fe3;color:#fff;padding:0 14px;font-size:9px;font-weight:700}@media (max-width:600px){.location-staff-toolbar label{width:65%}.location-staff-list-head{display:none}.location-staff-row{grid-template-columns:1fr 70px 28px}.location-staff-row>p{display:none}.location-staff-modal{max-height:95vh}.location-staff-modal>footer{padding:0 14px}}.work-location-main-map .selected-location-pin{display:none}.work-location-main-map iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.work-location-main-map .selected-location-fence{z-index:1}.interactive-location-map iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.location-map-interaction{z-index:1}.draggable-location-marker{z-index:3}.fence-circle{z-index:2}.draggable-location-marker:after{content:"";position:absolute;width:8px;height:8px;background:#586fe3;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);bottom:-6px;left:10px}.draggable-location-marker svg{position:relative;z-index:1}.work-location-main-map .selected-location-pin{display:grid;z-index:3;top:50%;transform:translate(-50%,-100%)}.work-location-main-map .selected-location-pin:after{content:"";position:absolute;width:8px;height:8px;background:#586fe3;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);bottom:-6px;left:10px}.work-location-main-map .selected-location-pin svg{position:relative;z-index:1}.work-location-main-map .selected-location-fence{z-index:2;background:#586fe32b;border:2px solid #4e68dd;box-shadow:inset 0 0 0 1px #ffffff80}.interactive-location-map .fence-circle{background:#586fe32b;border-color:#4e68dd;box-shadow:inset 0 0 0 1px #ffffff80}.api-draggable-marker{position:absolute;z-index:6;left:50%;top:50%;width:38px;height:38px;padding:0;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#586fe3;color:#fff;display:grid;place-items:center;cursor:grab;touch-action:none;box-shadow:0 7px 16px #26324855;rotate:-45deg}.api-draggable-marker svg{width:16px;rotate:45deg}.api-draggable-marker.dragging{cursor:grabbing;box-shadow:0 10px 22px #26324870}.location-modal form>footer .location-reset-btn{order:-1;margin-right:auto;border:1px solid #d8deea!important;background:#f7f8fb!important;color:#586fe3!important}.api-location-modal .interactive-location-map>iframe{display:none}.leaflet-location-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;cursor:crosshair}.leaflet-location-canvas .leaflet-control-zoom{border:0;box-shadow:0 3px 12px #27324830}.leaflet-location-canvas .leaflet-control-zoom a{color:#40516a}.leaflet-work-marker{background:transparent;border:0}.leaflet-work-marker span{display:block;width:30px;height:30px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#586fe3;rotate:-45deg;box-shadow:0 7px 16px #26324855}.leaflet-work-marker span:after{content:"";position:absolute;width:8px;height:8px;left:11px;top:11px;border-radius:50%;background:#fff}.holidays-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.holidays-heading{display:flex;align-items:center;justify-content:space-between}.holidays-heading h2{font-size:20px;margin:0}.holidays-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.holidays-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.holidays-heading>button svg{width:15px}.holiday-summary{display:grid;grid-template-columns:180px 180px 210px 1fr;gap:10px;margin:18px 0}.holiday-summary>div,.holiday-summary>label{height:68px;background:#fff;border:1px solid #e6e9ee;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:10px}.holiday-summary>div>svg{width:18px;color:#586fe3}.holiday-summary p{display:flex;flex-direction:column;margin:0}.holiday-summary b{font-size:14px}.holiday-summary span{font-size:7px;color:#929baa}.holiday-summary>label{height:42px;align-self:center;margin-left:auto;width:min(330px,100%)}.holiday-summary>label svg{width:14px;color:#929baa}.holiday-summary input{border:0;outline:0;width:100%;font-size:9px}.holiday-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.holiday-card{min-height:175px;background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:15px;display:grid;grid-template-columns:75px 1fr;gap:14px}.holiday-date{height:92px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.holiday-date small{font-size:8px;color:#667181;font-weight:700}.holiday-date b{font-size:25px;line-height:1.1;margin:3px 0}.holiday-date span{font-size:8px;color:#7d8795}.holiday-card-content{display:flex;flex-direction:column;min-width:0}.holiday-card-content>header{height:auto;border:0;background:none;padding:0;display:flex;align-items:center}.holiday-card-content header>span{font-size:7px;color:#586fe3;background:#eef1ff;border-radius:8px;padding:4px 7px}.holiday-card-content header button{margin-left:auto;width:27px;height:27px;border:0;border-radius:7px;background:#f5f6f8;color:#7e8795;display:grid;place-items:center}.holiday-card-content header button svg{width:14px}.holiday-card-content h3{font-size:12px;margin:12px 0 5px}.holiday-card-content>p{font-size:8px;color:#818b99;line-height:1.4;margin:0}.holiday-card-content footer{border-top:1px solid #eef0f3;margin-top:auto;padding-top:10px}.holiday-card-content footer span{font-size:7px;color:#6f7a89;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-card-content footer svg{width:11px}.holiday-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11182788;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.holiday-modal{width:min(620px,100%);max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:auto}.holiday-modal>header{height:auto;min-height:78px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:17px 20px;display:flex;align-items:center;gap:9px}.holiday-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.holiday-modal>header>span svg{width:18px}.holiday-modal>header>div{flex:1}.holiday-modal h2{font-size:15px;margin:0}.holiday-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.holiday-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.holiday-modal header>button svg{width:15px}.holiday-form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.holiday-form-grid>label,.holiday-form-grid legend{font-size:9px;font-weight:700;color:#414c5d}.holiday-form-grid .full{grid-column:1/-1}.holiday-form-grid input,.holiday-form-grid select,.holiday-form-grid textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;outline:0;background:#fff;font-size:9px}.holiday-form-grid input,.holiday-form-grid select{height:40px}.holiday-form-grid textarea{height:82px;padding:10px;resize:none}.holiday-form-grid input:focus,.holiday-form-grid select:focus,.holiday-form-grid textarea:focus{border-color:#6076e5;box-shadow:0 0 0 3px #6076e512}.holiday-form-grid fieldset{border:0;padding:0;margin:0}.holiday-scope{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.holiday-scope button{min-height:68px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;padding:11px;display:flex;align-items:center;text-align:left;gap:8px;color:#778190}.holiday-scope button.active{border-color:#6076e5;background:#f4f6ff;color:#586fe3}.holiday-scope button>svg:first-child{width:17px}.holiday-scope button>svg:last-child{width:14px;margin-left:auto;opacity:0}.holiday-scope button.active>svg:last-child{opacity:1}.holiday-scope span{display:flex;flex-direction:column}.holiday-scope b{font-size:9px;color:#344054}.holiday-scope small{font-size:7px;margin-top:3px}.holiday-departments{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding:11px;background:#f8f9fb;border-radius:8px}.holiday-departments label{font-size:8px;color:#657083;display:flex;align-items:center;gap:6px}.holiday-departments input{width:auto;height:auto;margin:0;accent-color:#586fe3}.holiday-modal form>footer{height:62px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.holiday-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.holiday-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.holiday-modal form>footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.holiday-modal form>footer button:last-child:disabled{opacity:.45}.holiday-modal form>footer svg{width:13px}.holiday-api-menu{position:relative;margin-left:auto}.holiday-card-content header .holiday-api-menu>button{margin-left:0}.holiday-api-menu>div{position:absolute;z-index:25;right:0;top:31px;width:118px;padding:5px;background:#fff;border:1px solid #e2e6ec;border-radius:8px;box-shadow:0 12px 30px #10182824}.holiday-card-content header .holiday-api-menu>div>button{width:100%;height:31px;margin:0;padding:0 8px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:flex-start;gap:7px;color:#4c5869;font-size:8px;white-space:nowrap}.holiday-card-content header .holiday-api-menu>div>button:hover{background:#f5f7fa}.holiday-card-content header .holiday-api-menu>div>button.danger{color:#c84848}.holiday-card-content header .holiday-api-menu>div>button svg{width:12px}@media (max-width:1050px){.holiday-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.holiday-summary{grid-template-columns:repeat(3,1fr)}.holiday-summary>label{grid-column:1/-1;width:100%;margin:0}}@media (max-width:600px){.holidays-page{padding:16px 14px}.holidays-heading{align-items:flex-end}.holidays-heading p{max-width:210px}.holiday-grid{grid-template-columns:1fr}.holiday-summary{grid-template-columns:1fr 1fr}.holiday-summary>div:nth-child(3){grid-column:1/-1}.holiday-form-grid{grid-template-columns:1fr}.holiday-form-grid .full{grid-column:auto}.holiday-scope,.holiday-departments{grid-template-columns:1fr}}.notifications-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.notifications-heading{display:flex;align-items:center;justify-content:space-between}.notifications-heading h2{font-size:20px;margin:0}.notifications-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.notifications-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.notifications-heading>button svg{width:15px}.notification-summary{display:grid;grid-template-columns:160px 160px 190px 1fr;gap:10px;margin:18px 0}.notification-summary>div,.notification-summary>label{height:66px;background:#fff;border:1px solid #e6e9ee;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:9px}.notification-summary>div>svg{width:17px;color:#586fe3}.notification-summary p{display:flex;flex-direction:column;margin:0}.notification-summary b{font-size:14px}.notification-summary span{font-size:7px;color:#929baa}.notification-summary>label{height:40px;align-self:center;margin-left:auto;width:min(330px,100%)}.notification-summary>label svg{width:14px;color:#929baa}.notification-summary input{border:0;outline:0;width:100%;font-size:9px}.notification-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.notification-card{min-height:235px;background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:17px;display:flex;flex-direction:column;position:relative;overflow:hidden}.notification-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8fa0b9}.notification-card.high:before{background:#dd8b2d}.notification-card.urgent:before{background:#dc5752}.notification-card>header{height:auto;border:0;background:none;padding:0;display:flex;align-items:center;gap:6px}.notification-type{font-size:7px;color:#586fe3;background:#eef1ff;border-radius:8px;padding:4px 7px;display:flex;align-items:center;gap:4px}.notification-type svg{width:10px}.notification-priority{font-size:7px;border-radius:8px;padding:4px 7px;background:#f3f4f6;color:#747e8c}.notification-priority.high{background:#fff2df;color:#c98325}.notification-priority.urgent{background:#ffebe9;color:#d9534d}.notification-card header button{margin-left:auto;width:27px;height:27px;border:0;border-radius:7px;background:#f5f6f8;color:#7e8795;display:grid;place-items:center}.notification-card header button svg{width:14px}.notification-card h3{font-size:12px;margin:14px 0 6px}.notification-card>p{font-size:9px;color:#7f8998;line-height:1.5;margin:0 0 15px}.notification-audience{display:flex;align-items:center;gap:7px;background:#f8f9fb;border-radius:8px;padding:9px;margin-top:auto}.notification-audience>svg{width:15px;color:#6075d8}.notification-audience>span{display:flex;flex-direction:column;flex:1}.notification-audience small{font-size:6px;color:#929baa}.notification-audience b{font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-audience em{font-style:normal;font-size:7px;color:#929baa}.notification-card>footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f3;margin-top:12px;padding-top:10px}.notification-status{font-size:7px;font-weight:700;display:flex;align-items:center;gap:4px;color:#299a67}.notification-status i{width:5px;height:5px;border-radius:50%;background:#35ad74}.notification-status.draft{color:#7b8594}.notification-status.draft i{background:#9aa2ae}.notification-card time{font-size:7px;color:#929baa}.notification-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11182788;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-modal{width:min(660px,100%);max-height:94vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:auto}.notification-modal>header{height:auto;min-height:78px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:17px 20px;display:flex;align-items:center;gap:9px}.notification-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.notification-modal>header>span svg{width:18px}.notification-modal>header>div{flex:1}.notification-modal h2{font-size:15px;margin:0}.notification-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.notification-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.notification-modal header>button svg{width:15px}.notification-form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.notification-form-grid>label,.notification-form-grid legend{font-size:9px;font-weight:700;color:#414c5d}.notification-form-grid .full{grid-column:1/-1}.notification-form-grid input,.notification-form-grid select,.notification-form-grid textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;outline:0;background:#fff;font-size:9px}.notification-form-grid input,.notification-form-grid select{height:40px}.notification-form-grid textarea{height:90px;padding:10px;resize:none}.notification-form-grid label>small{display:block;text-align:right;font-size:7px;color:#a0a7b1;font-weight:400;margin-top:4px}.notification-form-grid fieldset{border:0;padding:0;margin:0}.notification-status-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.notification-status-options button{min-height:62px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;padding:10px;display:flex;align-items:center;text-align:left;gap:8px;color:#7a8492}.notification-status-options button.active{border-color:#6076e5;background:#f4f6ff;color:#586fe3}.notification-status-options button>svg:first-child{width:17px}.notification-status-options button>svg:last-child{width:14px;margin-left:auto;opacity:0}.notification-status-options button.active>svg:last-child{opacity:1}.notification-status-options span,.notification-audience-options span{display:flex;flex-direction:column}.notification-status-options b,.notification-audience-options b{font-size:9px;color:#344054}.notification-status-options small,.notification-audience-options small{font-size:7px;margin-top:3px}.notification-audience-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.notification-audience-options button{min-height:75px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;padding:10px;display:flex;align-items:flex-start;text-align:left;gap:7px;color:#7a8492}.notification-audience-options button.active{border-color:#6076e5;background:#f4f6ff;color:#586fe3}.notification-audience-options button>svg{width:16px;flex:none}.notification-targets{max-height:130px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;background:#f8f9fb;border-radius:8px;padding:10px}.notification-targets label{font-size:8px;color:#657083;display:flex;align-items:center;gap:6px}.notification-targets input{width:auto;height:auto;margin:0;accent-color:#586fe3}.notification-modal form>footer{height:62px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.notification-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.notification-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.notification-modal form>footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.notification-modal form>footer button:last-child:disabled{opacity:.45}.notification-modal form>footer svg{width:13px}@media (max-width:1050px){.notification-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.notification-summary{grid-template-columns:repeat(3,1fr)}.notification-summary>label{grid-column:1/-1;width:100%;margin:0}}@media (max-width:600px){.notifications-page{padding:16px 14px}.notifications-heading{align-items:flex-end}.notifications-heading p{max-width:210px}.notification-grid{grid-template-columns:1fr}.notification-summary{grid-template-columns:1fr 1fr}.notification-summary>div:nth-child(3){grid-column:1/-1}.notification-form-grid{grid-template-columns:1fr}.notification-form-grid .full{grid-column:auto}.notification-audience-options,.notification-targets{grid-template-columns:1fr}}.roles-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.roles-heading{display:flex;align-items:center;justify-content:space-between}.roles-heading h2{font-size:20px;margin:0}.roles-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.roles-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.roles-heading>button svg{width:15px}.roles-summary{display:grid;grid-template-columns:180px 180px 220px 1fr;gap:10px;margin:18px 0}.roles-summary>div,.roles-summary>span{height:67px;background:#fff;border:1px solid #e6e9ee;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:9px}.roles-summary>div>svg{width:18px;color:#586fe3}.roles-summary p{display:flex;flex-direction:column;margin:0}.roles-summary b{font-size:14px}.roles-summary p span{font-size:7px;color:#929baa}.roles-summary>span{justify-content:center;font-size:8px;color:#299a67}.roles-summary>span svg{width:14px}.roles-layout{min-height:630px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:285px 1fr}.role-list{border-right:1px solid #e5e8ed;overflow:auto}.role-list>div{height:58px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #edf0f3}.role-list>div h3{font-size:11px;margin:0;flex:1}.role-list>div span{font-size:8px;color:#929baa}.role-list>button{width:100%;min-height:78px;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:12px 14px;display:flex;align-items:center;text-align:left;gap:9px}.role-list>button.active{background:#f4f6ff;box-shadow:inset 3px 0 #586fe3}.role-symbol{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;flex:none}.role-symbol svg{width:16px}.role-list p{display:flex;flex-direction:column;flex:1;margin:0}.role-list b{font-size:9px}.role-list small{font-size:7px;color:#929baa;margin-top:3px}.role-list em{font-style:normal;font-size:6px;background:#eef1ff;color:#586fe3;border-radius:7px;padding:3px 5px}.role-list>button>svg{width:12px;color:#9aa2af}.role-detail{padding:22px 25px;overflow:auto;background:#fafbfc}.role-detail>header{height:auto;min-height:79px;border:1px solid #e5e8ed;background:#fff;border-radius:11px;padding:14px;display:flex;align-items:center;gap:11px}.role-symbol.large{width:43px;height:43px}.role-detail header>div{flex:1}.role-detail header h2{font-size:14px;margin:0}.role-detail header p{font-size:8px;color:#8993a2;margin:4px 0 0}.role-detail header>button{height:34px;border:1px solid #dce1e8;background:#fff;border-radius:7px;color:#596fe0;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.role-detail header>button svg{width:13px}.role-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.role-stats>div{background:#fff;border:1px solid #e5e8ed;border-radius:9px;padding:12px;display:flex;flex-direction:column}.role-stats small{font-size:7px;color:#929baa}.role-stats b{font-size:11px;margin-top:3px}.permission-section{background:#fff;border:1px solid #e5e8ed;border-radius:11px;padding:17px}.permission-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.permission-title h3{font-size:11px;margin:0}.permission-title p{font-size:7px;color:#929baa;margin:3px 0 0}.permission-title>span{font-size:7px;color:#586fe3;background:#eef1ff;border-radius:8px;padding:5px 7px}.permission-group{margin-top:14px}.permission-group h4{font-size:8px;color:#7c8695;text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px}.permission-group>div{min-height:48px;border-top:1px solid #eef0f3;display:flex;align-items:center;gap:8px}.permission-group>div>span{width:24px;height:24px;border-radius:6px;background:#f1f2f4;color:#9aa2ae;display:grid;place-items:center}.permission-group>div>span.allowed{background:#e8f8ef;color:#299a67}.permission-group>div>span svg{width:12px}.permission-group p{display:flex;flex-direction:column;flex:1;margin:0}.permission-group b{font-size:8px}.permission-group small{font-size:7px;color:#929baa;margin-top:2px}.permission-switch input{display:none}.permission-switch i{display:block;width:30px;height:17px;border-radius:10px;background:#d9dde4;position:relative}.permission-switch i:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px #34405433}.permission-switch input:checked+i{background:#586fe3}.permission-switch input:checked+i:after{left:15px}.role-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11182788;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.role-modal{width:min(650px,100%);max-height:94vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:auto}.role-modal>header{height:auto;min-height:78px;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:17px 20px;display:flex;align-items:center;gap:9px}.role-modal>header>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.role-modal>header>span svg{width:18px}.role-modal>header>div{flex:1}.role-modal h2{font-size:15px;margin:0}.role-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.role-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795;display:grid;place-items:center}.role-modal header>button svg{width:15px}.role-modal form>label{display:block;margin:15px 20px 0;font-size:9px;font-weight:700;color:#414c5d}.role-modal input,.role-modal textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;outline:0;font-size:9px}.role-modal input{height:40px}.role-modal textarea{height:70px;padding:10px;resize:none}.new-role-permissions{padding:18px 20px}.new-role-permissions>div{display:flex;align-items:center;justify-content:space-between}.new-role-permissions h3{font-size:10px;margin:0}.new-role-permissions>div span{font-size:7px;color:#586fe3}.new-role-permissions fieldset{border:1px solid #e5e8ed;border-radius:9px;margin:12px 0 0;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.new-role-permissions legend{font-size:8px;font-weight:700;color:#667181;padding:0 5px}.new-role-permissions label{font-size:8px;color:#657083;display:flex;align-items:center;gap:6px}.new-role-permissions input{width:auto;height:auto;margin:0;accent-color:#586fe3}.role-modal form>footer{height:62px;border-top:1px solid #eceef2;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.role-modal form>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.role-modal form>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.role-modal form>footer button:last-child{border:0;background:#586fe3;color:#fff;display:flex;align-items:center;gap:5px}.role-modal form>footer button:last-child:disabled{opacity:.45}.role-modal form>footer svg{width:13px}@media (max-width:950px){.roles-summary{grid-template-columns:repeat(3,1fr)}.roles-summary>span{grid-column:1/-1}.roles-layout{grid-template-columns:250px 1fr}}@media (max-width:650px){.roles-page{padding:16px 14px}.roles-heading{align-items:flex-end}.roles-layout{display:flex;flex-direction:column}.role-list{height:270px;border-right:0;border-bottom:1px solid #e5e8ed}.role-detail{padding:14px}.role-stats{grid-template-columns:1fr 1fr}.role-stats>div:last-child{grid-column:1/-1}.roles-summary{grid-template-columns:1fr 1fr}.roles-summary>div:nth-child(3){grid-column:1/-1}.new-role-permissions fieldset{grid-template-columns:1fr}}.settings-page{min-height:calc(100vh - 82px);background:#f6f8fb;padding:25px 28px 40px}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-heading h2{font-size:20px;margin:0}.settings-heading p{font-size:10px;color:#8e97a5;margin:5px 0 0}.settings-heading>button{height:40px;border:0;border-radius:8px;background:#586fe3;color:#fff;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.settings-heading>button svg{width:15px}.settings-layout{min-height:650px;background:#fff;border:1px solid #e5e8ed;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:270px 1fr}.settings-nav{border-right:1px solid #e5e8ed;padding:14px;display:flex;flex-direction:column}.settings-nav>button{min-height:65px;width:100%;border:0;background:#fff;border-radius:9px;padding:10px 11px;display:flex;align-items:center;text-align:left;gap:9px;color:#76808f}.settings-nav>button.active{background:#f0f3ff;color:#586fe3}.settings-nav>button>svg:first-child{width:18px}.settings-nav>button>svg:last-child{width:12px;margin-left:auto}.settings-nav>button span{display:flex;flex-direction:column;flex:1}.settings-nav>button b{font-size:9px;color:#344054}.settings-nav>button small{font-size:7px;margin-top:3px}.settings-support{margin-top:auto;background:#f3f5ff;border-radius:10px;padding:12px;color:#586fe3;display:flex;align-items:flex-start;gap:8px}.settings-support>svg{width:16px;flex:none}.settings-support p{display:flex;flex-direction:column;margin:0}.settings-support b{font-size:8px}.settings-support span{font-size:7px;color:#7c87a7;line-height:1.4;margin-top:3px}.settings-content{padding:25px 28px;overflow:auto;background:#fff}.settings-section-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eceef2;padding-bottom:17px;margin-bottom:19px}.settings-section-head>span{width:39px;height:39px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.settings-section-head>span svg{width:18px}.settings-section-head h2{font-size:14px;margin:0}.settings-section-head p{font-size:8px;color:#929baa;margin:4px 0 0}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form-grid label{font-size:9px;font-weight:700;color:#414c5d}.settings-form-grid .full{grid-column:1/-1}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{width:100%;border:1px solid #dce1e8;border-radius:8px;margin-top:7px;padding:0 10px;outline:0;background:#fff;font-size:9px}.settings-form-grid input,.settings-form-grid select{height:40px}.settings-form-grid textarea{height:75px;padding:10px;resize:none}.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-form-grid textarea:focus{border-color:#6076e5;box-shadow:0 0 0 3px #6076e512}.settings-logo-row{margin-top:18px;border:1px solid #e5e8ed;border-radius:10px;padding:13px;display:flex;align-items:center;gap:10px}.settings-logo-row p{display:flex;flex-direction:column;flex:1;margin:0}.settings-logo-row b{font-size:9px}.settings-logo-row small{font-size:7px;color:#929baa;margin-top:3px}.settings-logo-row button{height:32px;border:1px solid #dce1e8;background:#fff;border-radius:7px;color:#586fe3;padding:0 9px;font-size:8px;font-weight:700}.setting-unit-input{position:relative}.setting-unit-input span{position:absolute;right:10px;top:20px;font-size:8px;color:#929baa}.settings-switch-list{border:1px solid #e5e8ed;border-radius:10px;margin-top:20px;overflow:hidden}.settings-switch-list.standalone{margin-top:0}.setting-switch-row{min-height:70px;padding:13px 16px;border-bottom:1px solid #eceef2;display:flex;align-items:center}.setting-switch-row:last-child{border:0}.setting-switch-row>div{display:flex;flex-direction:column;flex:1}.setting-switch-row b{font-size:9px}.setting-switch-row span{font-size:8px;color:#8993a2;margin-top:3px}.setting-switch-row label input{display:none}.setting-switch-row label i{display:block;width:36px;height:20px;border-radius:12px;background:#d7dce4;position:relative;cursor:pointer}.setting-switch-row label i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 4px #34405433;transition:.18s}.setting-switch-row label input:checked+i{background:#586fe3}.setting-switch-row label input:checked+i:after{left:18px}.security-session,.danger-zone{min-height:76px;border:1px solid #e5e8ed;border-radius:10px;margin-top:15px;padding:14px 16px;display:flex;align-items:center}.security-session>div,.danger-zone>div{flex:1}.security-session h3,.danger-zone h3{font-size:9px;margin:0}.security-session p,.danger-zone p{font-size:8px;color:#8993a2;margin:4px 0 0}.security-session select{height:36px;border:1px solid #dce1e8;border-radius:7px;background:#fff;padding:0 9px;font-size:8px}.danger-zone{border-color:#f0d4d2;background:snow}.danger-zone button{height:35px;border:1px solid #e1645f;background:#fff;color:#d9534d;border-radius:7px;padding:0 10px;font-size:8px;font-weight:700}.settings-toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#fff;border:1px solid #dfe5e1;border-radius:10px;box-shadow:0 12px 30px #27324824;padding:12px 15px;display:flex;align-items:center;gap:8px;color:#299a67}.settings-toast>svg{width:18px}.settings-toast span{display:flex;flex-direction:column}.settings-toast b{font-size:9px}.settings-toast small{font-size:7px;color:#789082;margin-top:2px}@media (max-width:800px){.settings-layout{grid-template-columns:225px 1fr}.settings-content{padding:22px 18px}}@media (max-width:600px){.settings-page{padding:16px 14px}.settings-heading{align-items:flex-end}.settings-layout{display:flex;flex-direction:column}.settings-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #e5e8ed}.settings-support{display:none}.settings-content{padding:18px 14px}.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .full{grid-column:auto}.security-session,.danger-zone{align-items:flex-start;gap:10px}.settings-toast{left:14px;right:14px;bottom:14px}}.style-setting-block,.style-choice{min-height:78px;border:1px solid #e5e8ed;border-radius:10px;padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:18px}.style-setting-block h3,.style-choice h3{font-size:9px;margin:0}.style-setting-block p,.style-choice p{font-size:8px;color:#8993a2;margin:4px 0 0}.accent-options{display:flex;align-items:center;gap:7px}.accent-options>button{width:28px;height:28px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce1e8;color:#fff;display:grid;place-items:center}.accent-options>button.active{box-shadow:0 0 0 2px #344054}.accent-options>button svg{width:13px}.accent-options>label{width:44px;height:44px;border-left:1px solid #e5e8ed;padding-left:9px;display:flex;align-items:center;flex-direction:column}.accent-options input{width:27px;height:27px;border:0;padding:0;background:none}.accent-options label span{font-size:6px;color:#929baa}.style-choice>div:last-child{display:flex;background:#f5f6f8;border-radius:8px;padding:3px;gap:2px}.style-choice button{height:31px;border:0;border-radius:6px;background:transparent;color:#75808f;padding:0 10px;font-size:8px;display:flex;align-items:center;gap:4px}.style-choice button.active{background:#fff;color:#586fe3;box-shadow:0 2px 6px #27324812}.style-choice button svg{width:11px}.style-preview{height:210px;border:1px solid #dfe3e9;border-radius:var(--preview-radius);overflow:hidden;display:grid;grid-template-columns:135px 1fr;font-size:calc(9px * var(--preview-font));background:#f4f6fa}.preview-sidebar{background:#fff;border-right:1px solid #e5e8ed;padding:17px 13px}.preview-sidebar.dark{background:#202938}.preview-sidebar.brand{background:var(--preview-accent)}.preview-sidebar>span{display:block;width:72px;height:12px;border-radius:5px;background:var(--preview-accent);margin-bottom:22px}.preview-sidebar.dark>span,.preview-sidebar.brand>span{background:#fff}.preview-sidebar>i{display:block;width:100%;height:22px;border-radius:5px;background:#edf0f5;margin-bottom:7px}.preview-sidebar.dark>i,.preview-sidebar.brand>i{background:#ffffff1c}.preview-content{padding:14px}.preview-content>header{height:auto;border:0;background:#fff;border-radius:var(--preview-radius);padding:10px;display:flex;align-items:center}.preview-content header span{font-weight:700;flex:1}.preview-content header i{width:22px;height:22px;border-radius:50%;background:var(--preview-accent)}.preview-content>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.preview-content article{height:112px;background:#fff;border-radius:var(--preview-radius);padding:12px;display:flex;flex-direction:column}.preview-content article b{font-size:1em}.preview-content article span{display:block;height:8px;border-radius:4px;background:#edf0f5;margin-top:10px}.preview-content article span:last-child{width:65%}.preview-content article button{height:27px;border:0;border-radius:calc(var(--preview-radius) / 2);background:var(--preview-accent);color:#fff;margin-top:auto;font-size:.75em}.style-preview.dark{background:#111827;color:#e8ebef}.style-preview.dark .preview-content>header,.style-preview.dark .preview-content article{background:#202938}.style-preview.dark .preview-content article span{background:#354052}@media (max-width:750px){.style-setting-block,.style-choice{align-items:flex-start;flex-direction:column}.accent-options{flex-wrap:wrap}.style-preview{grid-template-columns:100px 1fr}}:root{--app-accent:#586fe3;--app-radius:10px;--app-space:1;--app-font-scale:1}html[data-ui-font=small]{--app-font-scale:.92}html[data-ui-font=large]{--app-font-scale:1.08}html{font-size:calc(16px * var(--app-font-scale))}html[data-ui-radius=sharp]{--app-radius:2px}html[data-ui-radius=soft]{--app-radius:7px}html[data-ui-radius=rounded]{--app-radius:13px}html[data-ui-density=compact]{--app-space:.82}html[data-ui-density=spacious]{--app-space:1.16}.main-sidebar nav button.active,.attendance-tabs button.active{color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 10%,white)}.add-staff,.department-heading>button,.work-location-heading>button,.holidays-heading>button,.notifications-heading>button,.roles-heading>button,.settings-heading>button,.login-submit{background:var(--app-accent)!important}.department-card,.work-location-explorer,.holiday-card,.notification-card,.roles-layout,.settings-layout,.attendance-table-card,.staff-table-card{border-radius:var(--app-radius)}.main-sidebar nav button{height:calc(42px * var(--app-space))}.dashboard-page,.staff-page,.department-page,.work-locations-page,.holidays-page,.notifications-page,.roles-page,.settings-page,.attendance-page,.tracking-page,.activities-page,.sos-page{padding-top:calc(24px * var(--app-space))}html[data-ui-sidebar=dark] .main-sidebar{background:#1d2634;border-color:#303b4c;color:#edf0f5}html[data-ui-sidebar=dark] .main-sidebar .brand,html[data-ui-sidebar=dark] .main-sidebar nav button,html[data-ui-sidebar=dark] .profile{color:#dce2ea}html[data-ui-sidebar=dark] .main-sidebar nav button.active{background:#ffffff14;color:#fff}html[data-ui-sidebar=dark] .main-sidebar nav p{color:#7f8b9d}html[data-ui-sidebar=brand] .main-sidebar{background:var(--app-accent);border-color:transparent;color:#fff}html[data-ui-sidebar=brand] .main-sidebar nav button,html[data-ui-sidebar=brand] .main-sidebar nav p,html[data-ui-sidebar=brand] .profile,html[data-ui-sidebar=brand] .profile small{color:#fff}html[data-ui-sidebar=brand] .main-sidebar nav button.active{background:#ffffff20;color:#fff}html[data-ui-mode=dark] body,html[data-ui-mode=dark] :root{background:#111827;color:#e5e7eb}html[data-ui-mode=dark] main>header,html[data-ui-mode=dark] .main-sidebar,html[data-ui-mode=dark] .dash-card,html[data-ui-mode=dark] .staff-summary,html[data-ui-mode=dark] .staff-toolbar,html[data-ui-mode=dark] .staff-table-card,html[data-ui-mode=dark] .department-card,html[data-ui-mode=dark] .work-location-explorer,html[data-ui-mode=dark] .holiday-card,html[data-ui-mode=dark] .notification-card,html[data-ui-mode=dark] .roles-layout,html[data-ui-mode=dark] .settings-layout{background:#1f2937;color:#e5e7eb;border-color:#364152}html[data-ui-mode=dark] .dashboard-page,html[data-ui-mode=dark] .staff-page,html[data-ui-mode=dark] .department-page,html[data-ui-mode=dark] .work-locations-page,html[data-ui-mode=dark] .holidays-page,html[data-ui-mode=dark] .notifications-page,html[data-ui-mode=dark] .roles-page,html[data-ui-mode=dark] .settings-page,html[data-ui-mode=dark] .attendance-page,html[data-ui-mode=dark] .tracking-page,html[data-ui-mode=dark] .activities-page,html[data-ui-mode=dark] .sos-page{background:#111827;color:#e5e7eb}html[data-ui-mode=dark] input,html[data-ui-mode=dark] select,html[data-ui-mode=dark] textarea{background:#263244!important;color:#e5e7eb!important;border-color:#465164!important}html[data-ui-mode=dark] .settings-content,html[data-ui-mode=dark] .settings-nav,html[data-ui-mode=dark] .role-list{background:#1f2937;color:#e5e7eb}@media (prefers-color-scheme:dark){html[data-ui-mode=system] body{background:#111827;color:#e5e7eb}html[data-ui-mode=system] .dashboard-page,html[data-ui-mode=system] .staff-page,html[data-ui-mode=system] .department-page,html[data-ui-mode=system] .work-locations-page,html[data-ui-mode=system] .holidays-page,html[data-ui-mode=system] .notifications-page,html[data-ui-mode=system] .roles-page,html[data-ui-mode=system] .settings-page{background:#111827}}.style-reset-row{min-height:62px;border:1px solid #eadfdf;background:snow;border-radius:9px;padding:11px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.style-reset-row h3{font-size:9px;margin:0}.style-reset-row p{font-size:7px;color:#8f98a5;margin:3px 0 0}.style-reset-row button{height:33px;border:1px solid #df6a65;background:#fff;color:#d9534d;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.style-reset-row button svg{width:12px}.login-form-wrap .company-code-input{width:100%;height:42px;border:1px solid #dfe3e9;border-radius:8px;margin-top:7px;padding:0 12px;outline:0;font-size:11px;color:#202938;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-form-wrap .company-code-input:focus{border-color:#667bee;box-shadow:0 0 0 3px #667bee14}.login-form-wrap .company-code-input::placeholder{text-transform:none;letter-spacing:normal;font-weight:400}.login-submit:disabled{cursor:wait;opacity:.72}.staff-api-error,.staff-modal-error{display:flex;align-items:center;gap:7px;margin:10px 0;padding:10px 12px;border-radius:8px;background:#fff0ef;color:#c0392b;font-size:9px}.staff-api-error svg{width:15px}.staff-modal-error{margin:0 20px 10px}.staff-next:disabled,.staff-cancel:disabled{opacity:.55;cursor:not-allowed}.staff-row-menu{position:relative}.staff-row-menu>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#707b8b}.staff-row-menu>button svg{width:15px}.staff-row-menu>div{position:absolute;z-index:20;right:0;top:34px;width:165px;padding:5px;background:#fff;border:1px solid #e1e5eb;border-radius:9px;box-shadow:0 12px 28px #27324828}.staff-row-menu>div button{width:100%;height:32px;border:0;border-radius:6px;background:transparent;color:#526071;padding:0 8px;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;text-align:left}.staff-row-menu>div button:hover{background:#f4f6fa}.staff-row-menu>div button.danger{color:#c9433c}.staff-row-menu>div svg{width:13px}.staff-action-modal{width:min(560px,100%);max-height:90vh;background:#fff;border-radius:14px;box-shadow:0 24px 65px #10182840;overflow:hidden}.staff-action-modal>header{min-height:76px;padding:16px 19px;border-bottom:1px solid #eceef2;display:flex;align-items:center;gap:9px}.staff-action-modal>header>span{width:38px;height:38px;border-radius:9px;background:#eef1ff;color:#586fe3;display:grid;place-items:center}.staff-action-modal>header>span svg{width:17px}.staff-action-modal>header>div{flex:1}.staff-action-modal h2{font-size:15px;margin:0}.staff-action-modal header p{font-size:8px;color:#929baa;margin:3px 0 0}.staff-action-modal header>button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f5f7;color:#7e8795}.staff-action-modal header>button svg{width:14px}.staff-action-body{max-height:62vh;overflow:auto;padding:19px}.staff-action-body>label{font-size:9px;font-weight:700}.staff-action-body>label input{width:100%;height:41px;margin-top:7px;border:1px solid #dce1e8;border-radius:8px;padding:0 10px}.action-location-list{display:flex;flex-direction:column;gap:7px}.action-location-list>div{min-height:45px;padding:8px 10px;border:1px solid #e1e5eb;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.action-location-list>div.selected{border-color:#667bee;background:#f5f6ff}.action-location-list label{display:flex;align-items:center;gap:7px}.action-contact-list{display:flex;flex-direction:column;gap:8px}.action-contact-list>div{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:7px}.action-contact-list input{height:38px;border:1px solid #dce1e8;border-radius:7px;padding:0 8px;font-size:8px}.action-contact-list>div>button{border:0;border-radius:7px;background:#fff0ef;color:#c9433c}.add-action-contact{height:34px;align-self:flex-start;border:0;border-radius:7px;background:#eef1ff;color:#586fe3;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.add-action-contact svg{width:12px}.staff-action-modal>footer{height:60px;border-top:1px solid #eceef2;padding:0 19px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.staff-action-modal>footer button{height:36px;border-radius:7px;padding:0 12px;font-size:9px;font-weight:700}.staff-action-modal>footer button:first-child{border:1px solid #dce1e8;background:#fff;color:#697484}.staff-action-modal>footer button:last-child{border:0;background:#586fe3;color:#fff}.staff-action-modal>footer button:disabled{opacity:.5}.staff-table-card,.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{overflow:visible}.staff-table td:last-child{position:relative}.staff-row-menu>div{z-index:200;top:auto;bottom:34px;max-height:min(230px,70vh);overflow-y:auto}@media (max-width:800px){.staff-table-card{overflow-x:auto}.staff-row-menu>div{position:fixed;right:18px;bottom:18px;top:auto;width:190px}}.action-location-controls{display:flex;align-items:center;gap:8px}.action-location-controls>button{width:29px;height:29px;border:0;border-radius:7px;background:#fff0ef;color:#c9433c;display:grid;place-items:center}.action-location-controls>button svg{width:13px}.action-location-controls>button:disabled{opacity:.5}