.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--pink:#e7356f;--pink-soft:#fde1e5;--primary-muted:#fff2f6;--title:#e7356f;--text:#454545;--muted:#b9b9b9;--line:#eee;--page:#f6f6f6;--surface:#fff;--topbar-text:#fff;--danger:#ef4444;--success:#2aa39a;--card-radius:5px;--pink-rgb:231, 53, 111;--primary-rgb:231, 53, 111;--title-rgb:231, 53, 111;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{color:inherit;font:inherit;background:0 0;border:0}.dashboard{background:var(--page);min-width:1280px;min-height:100vh;display:flex;overflow:hidden}.sidebar{z-index:2;background:#fff;flex-direction:column;width:281px;height:100vh;min-height:100vh;transition:width .24s;display:flex;position:relative;overflow:hidden;box-shadow:6px 0 16px #00000012}.logo{height:92px;color:var(--pink);letter-spacing:-1.8px;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;font-size:31px;font-weight:300;transition:font-size .24s;display:flex}.logo strong,.logo .logo-app-name{text-overflow:ellipsis;max-width:160px;font-weight:300;overflow:hidden}.logo img{object-fit:contain;width:34px;height:34px;margin-right:8px;transition:margin .24s,width .24s,height .24s}.menu{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent;flex:1;min-height:0;padding:14px 8px 18px;overflow:hidden auto}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:999px}.menu-item{color:#444;border-radius:4px;align-items:center;gap:13px;height:47px;margin-bottom:8px;padding:0 18px;font-size:18px;text-decoration:none;transition:justify-content .24s,padding .24s;display:flex}.menu-item.active{color:var(--pink);background:var(--pink-soft)}.menu-icon{color:#303030;place-items:center;width:20px;font-size:16px;display:grid}.active .menu-icon{color:#303030}.menu-chevron{color:#888;margin-left:auto;font-size:12px}.menu-group{margin-bottom:8px}.menu-group .menu-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-bottom:0}.menu-group .menu-item.menu-parent.active{color:var(--pink);background:var(--pink-soft)}.menu-subitems{gap:2px;margin:4px 0 6px;padding:4px 0 4px 38px;display:grid}.menu-subitem{color:#666;border-radius:4px;align-items:center;min-height:36px;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.menu-subitem:hover{color:var(--pink);background:var(--primary-muted)}.menu-subitem.active{color:var(--pink);background:var(--pink-soft)}.sidebar-collapsed .menu-subitems{display:none}.collapse-button{color:#202020;cursor:pointer;background:#f7f7f7;flex-shrink:0;place-items:center;width:100%;height:61px;font-size:22px;line-height:1;transition:transform .24s;display:grid;position:relative}.collapse-button:hover{background:#f1f1f1}.sidebar-collapsed .sidebar{width:78px}.sidebar-collapsed .logo{letter-spacing:0;font-size:0}.sidebar-collapsed .logo img{width:38px;height:38px;margin-right:0}.sidebar-collapsed .menu{padding-left:8px;padding-right:8px}.sidebar-collapsed .menu-item{justify-content:center;gap:0;padding:0}.sidebar-collapsed .menu-label,.sidebar-collapsed .menu-chevron{display:none}.sidebar-collapsed .menu-icon{width:auto;font-size:18px}.sidebar-collapsed .collapse-button{transform:rotate(180deg)}.main-area{flex:1;min-width:0}.topbar{background:var(--pink);height:62px;color:var(--topbar-text);align-items:center;gap:17px;padding:0 31px;font-size:17px;display:flex}.topbar-spacer{flex:1}.topbar b{font-weight:700}.topbar-chevron{opacity:.9;place-items:center;font-size:11px;display:grid}.round-icon{width:22px;height:22px;color:var(--pink);background:#fff;border-radius:50%;place-items:center;font-size:12px;display:grid}.toggle{background:var(--pink);border:2px solid #fff;border-radius:30px;width:48px;height:24px;position:relative}.toggle i{background:#ffe46b;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.profile{color:#fff;background:linear-gradient(135deg,#b7d8ee,#915f65);border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;display:grid;overflow:hidden}.breadcrumb{background:#fff;align-items:center;gap:18px;height:44px;padding:0 26px;font-size:16px;display:flex}.breadcrumb span{color:#b9b9b9}.breadcrumb b{color:var(--pink);font-size:12px}.breadcrumb strong{font-weight:500}.content-grid{grid-template-rows:auto auto auto minmax(300px,1fr) minmax(300px,1fr);grid-template-columns:1fr 1fr;align-content:stretch;gap:18px;height:calc(100vh - 106px);padding:27px 26px;display:grid;overflow:auto}.card{border-radius:var(--card-radius);background:#fff;flex-direction:column;height:100%;min-height:0;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #00000005}.card-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.card h2{color:var(--pink);letter-spacing:.1px;margin:0;font-size:18px;font-weight:800}.card-header button{color:#333;cursor:pointer;font-size:14px}.dashboard-home-alert{grid-column:1/-1;margin:0}.home-toolbar{border-radius:var(--card-radius);background:#fff;flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:14px;padding:14px 18px;display:flex;box-shadow:0 1px #00000005}.home-stats-bar{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-stat-card{border-radius:var(--card-radius);background:#fff;align-items:center;gap:16px;min-height:96px;padding:18px 22px;display:flex;box-shadow:0 1px #00000005}.home-stat-icon{border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:20px;display:grid}.home-stat-card.total .home-stat-icon{background:var(--primary-muted);color:var(--pink)}.home-stat-card.aktif .home-stat-icon{color:#2aa39a;background:#e8f8f4}.home-stat-card.nonaktif .home-stat-icon{color:var(--pink);background:#fff1f3}.home-stat-card span{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700;display:block}.home-stat-card strong{color:#343434;letter-spacing:-.03em;margin-top:4px;font-size:30px;font-weight:800;line-height:1.1;display:block}.organization-card{min-height:380px}.organization-card .pie-layout{flex:1;min-height:0}.pie-layout{align-items:center;gap:28px;height:100%;padding:8px 8px 0;display:flex}.legend-list{align-self:stretch;width:188px;padding-top:8px}.legend-list-scroll{scrollbar-width:thin;max-height:100%;padding-right:6px;overflow:auto}.legend-item{width:100%;color:var(--pink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:11px;margin:8px 0;padding:6px 8px;font-size:13px;font-weight:700;line-height:1.55;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.legend-item:hover,.legend-item.is-active{background:var(--primary-muted);border-color:color-mix(in srgb, var(--pink) 40%, white)}.legend-item.is-selected{background:var(--primary-muted);border-color:var(--pink);box-shadow:0 0 0 2px rgba(var(--pink-rgb),.08)}.legend-item span{border-radius:3px;flex:0 0 44px;height:15px;margin-top:2px}.legend-item p{margin:0}.legend-item em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;display:block;overflow:hidden}.legend-item small{color:#999;margin-top:2px;font-size:11px;font-weight:600;display:block}.pie-chart{aspect-ratio:1;background:#fff;border-radius:50%;flex-shrink:0;width:min(260px,42%);height:auto;margin-left:auto;position:relative;box-shadow:inset 0 0 0 1px #ffffffbf}.pie-chart svg{width:100%;height:100%;display:block;overflow:visible}.pie-chart-slice{cursor:pointer;transform-origin:50%;transition:opacity .15s,filter .15s,transform .15s}.pie-chart-slice:hover,.pie-chart-slice.is-active{filter:brightness(1.05);transform:scale(1.02)}.pie-chart-slice.is-dimmed{opacity:.38}.pie-tooltip{z-index:2;border:1px solid color-mix(in srgb, var(--pink) 35%, white);pointer-events:none;text-align:center;background:#fffffff5;border-radius:10px;gap:2px;min-width:132px;max-width:168px;padding:10px 12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #0000001f}.pie-tooltip strong{font-size:13px;font-weight:800;line-height:1.3}.pie-tooltip span{color:#666;font-size:12px;font-weight:600}.attendance-card{min-height:380px}.tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:28px;height:44px;margin:12px 0;padding-left:8px;display:flex}.tabs button{cursor:pointer;font-weight:700;position:relative}.tabs .selected{color:var(--pink)}.tabs .selected:after{content:"";background:var(--pink);height:1px;position:absolute;bottom:-1px;left:-12px;right:-12px}.leave-box{border-radius:var(--card-radius);border:1px solid #f1f1f1;flex:1;padding:13px 13px 14px}.leave-person{align-items:center;gap:12px;display:flex}.avatar{background:var(--primary-muted);width:54px;height:54px;color:var(--pink);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.leave-person h3{color:var(--pink);margin:0 0 4px;font-size:16px}.leave-person p{color:#202020;margin:0;font-weight:700}.leave-dates{border-bottom:1px solid #f2f2f2;grid-template-columns:1fr 1fr;gap:24px;margin-top:19px;padding-bottom:14px;display:grid}.leave-dates span,.leave-dates strong{font-size:14px;display:block}.leave-dates span{color:#575757}.leave-dates strong{word-break:break-word;margin-top:6px;font-weight:400}.status-button{color:#555;background:#ffdfa0;border-radius:4px;margin-top:14px;padding:8px 14px;font-size:14px}.attendance-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.attendance-nav button{color:#555;cursor:pointer;background:#f7f7f7;border-radius:4px;height:32px;padding:0 12px;font-size:12px;font-weight:700}.attendance-nav span{color:#888;font-size:12px;font-weight:700}.calendar-card{min-height:380px}.calendar-controls{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:8px;margin:0 0 10px;padding-bottom:10px;display:flex}.calendar-controls button{color:#444;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:42px;height:30px;padding:0 10px;font-size:13px;display:inline-flex}.calendar-table{text-align:center;flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(28px,1fr);align-content:stretch;gap:4px 6px;min-height:0;padding:4px 0 0;font-size:13px;display:grid}.home-calendar-layout{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr);gap:18px;min-height:0;display:grid}.home-calendar-main{flex-direction:column;min-width:0;min-height:0;display:flex}.home-calendar-table{width:100%}.calendar-table strong{color:#999;place-items:center;font-size:11px;font-weight:600;display:grid}.calendar-table span{border-radius:8px;place-self:center;width:28px;height:28px;line-height:28px}.calendar-table .muted{color:#cfcfcf}.calendar-table .danger{color:#fff;background:var(--danger)}.calendar-table .success{color:#fff;background:#54d987}.calendar-table .today{box-shadow:0 0 0 2px var(--pink) inset;font-weight:700}.calendar-table .today.success{box-shadow:inset 0 0 0 2px #fff}.home-calendar-day{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:4px 2px;display:flex;position:relative}.home-calendar-day.muted{min-height:42px}.home-calendar-day.today{box-shadow:0 0 0 2px var(--pink) inset;background:#fff7fa}.home-calendar-day-number{color:#555;place-items:center;width:26px;height:26px;font-size:13px;font-weight:600;line-height:1;display:grid}.home-calendar-day.today .home-calendar-day-number{color:var(--pink);font-weight:800}.home-calendar-lints{justify-content:center;align-items:center;gap:2px;min-height:4px;display:flex}.home-calendar-lints i{border-radius:999px;width:10px;height:3px;display:block}.home-calendar-agenda-panel{border-left:1px solid #f1f1f1;flex-direction:column;min-height:0;padding-left:16px;display:flex}.home-calendar-agenda-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.home-calendar-agenda-header p{color:#999;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:800}.home-calendar-agenda-header strong{color:var(--pink);font-size:14px;font-weight:800}.home-calendar-agenda-list{scrollbar-width:thin;flex:1;gap:0;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.home-calendar-agenda-list li{border-bottom:1px solid #f3f3f3;grid-template-columns:8px minmax(0,1fr);align-items:start;gap:10px;padding:10px 4px 10px 0;display:grid}.home-calendar-agenda-list i{border-radius:50%;width:8px;height:8px;margin-top:5px}.home-calendar-agenda-list strong{color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.home-calendar-agenda-list span{color:#888;margin-top:3px;font-size:11px;font-weight:600;display:block}.bar-card{min-height:380px}.status-bars{flex-direction:column;flex:1;justify-content:center;gap:28px;min-height:0;margin:0;padding:28px 8px 18px;display:flex}.status-bar-row{gap:10px;display:grid}.status-bar-meta{color:#555;justify-content:space-between;align-items:center;display:flex}.status-bar-meta strong{font-size:15px}.status-bar-meta span{color:var(--pink);font-size:18px;font-weight:800}.status-bar-track{background:#f3f3f3;border-radius:999px;height:18px;overflow:hidden}.status-bar-track i{border-radius:999px;height:100%;display:block}.status-bar-track i.aktif{background:#51c0bd}.status-bar-track i.nonaktif{background:var(--pink)}.status-bars>.muted-text{margin:0}.unit-page{height:calc(100vh - 106px);padding:27px 26px;overflow:auto}.unit-header-card,.unit-form-card,.unit-table-card{border-radius:var(--card-radius);background:#fff;box-shadow:0 1px #00000005}.unit-header-card{background:linear-gradient(135deg, #fff 0%, var(--primary-muted) 100%);justify-content:space-between;align-items:center;margin-bottom:18px;padding:27px 26px;display:flex}.unit-header-card p{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-weight:800}.unit-header-card h1{color:#343434;letter-spacing:-.04em;margin:0;font-size:34px}.unit-header-card span{color:#777;margin-top:8px;display:block}.unit-header-card button,.unit-actions button:last-child{background:var(--pink);color:#fff;box-shadow:0 8px 18px rgba(var(--pink-rgb),.24);cursor:pointer;border-radius:5px;font-weight:700}.unit-header-actions{align-items:center;gap:10px;display:flex}.unit-header-card button,.unit-header-actions .button-secondary,.unit-header-actions .button-primary,.unit-actions .button-secondary{align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}.unit-header-actions .button-secondary,.unit-actions .button-secondary{border:1px solid color-mix(in srgb, var(--pink) 35%, white);color:var(--pink);box-shadow:none;background:#fff;border-radius:5px;font-weight:700}.unit-header-actions .button-primary{background:var(--pink);color:#fff;box-shadow:0 8px 18px rgba(var(--pink-rgb),.24);border-radius:5px;font-weight:700}.unit-modal-sm{width:min(640px,100%)}.unit-form-card,.unit-table-card{margin-bottom:18px;padding:27px 26px}.unit-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.unit-form label{color:#555;font-size:14px;font-weight:700}.required-mark{color:var(--pink);margin-left:2px}.unit-form input,.unit-form select,.unit-form textarea,.search-table input,.search-table select{color:#444;width:100%;font:inherit;background:#fff;border:1px solid #ededed;border-radius:5px;outline:none;margin-top:8px;transition:border-color .2s,box-shadow .2s}.unit-form input,.unit-form select,.search-table input,.search-table select{height:42px;padding:0 12px}.unit-form textarea{resize:vertical;min-height:86px;padding:12px}.unit-form input:focus,.unit-form select:focus,.unit-form textarea:focus,.search-table input:focus,.search-table select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--pink-rgb),.1)}.unit-form .wide{grid-column:span 3}.unit-form-card .unit-form .wide{grid-column:1/-1}.unit-actions{justify-content:flex-end;align-items:end;gap:10px;display:flex}.unit-actions button{color:#666;cursor:pointer;background:#f7f7f7;border-radius:5px;height:42px;padding:0 16px}.unit-actions button:disabled{cursor:not-allowed;opacity:.7}.unit-table-card{overflow:visible}.unit-table-toolbar{justify-content:space-between;align-items:start;gap:24px;display:flex}.unit-table-toolbar .card-header{flex:1}.unit-table-filters{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.filter-join{color:#777;flex-direction:column;font-size:13px;font-weight:700;display:inline-flex}.filter-join-label{display:block}.filter-join-control{align-items:stretch;margin-top:8px;display:inline-flex}.filter-join-hint{color:#999;margin:6px 0 0;font-size:11px;font-weight:600;line-height:1.3}.filter-join-control .searchable-select{width:260px}.filter-join-control .searchable-select-control{margin-top:0}.filter-join-control .searchable-select-trigger{border-top-right-radius:0;border-bottom-right-radius:0}.filter-join-control .searchable-select-control.open .searchable-select-trigger{z-index:1}.filter-join-check{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ededed;border-left:0;border-radius:0 5px 5px 0;flex:0 0 42px;justify-content:center;align-items:center;width:42px;display:inline-flex}.filter-join-check:hover{background:#fafafa}.filter-join-check:has(input:checked){border-color:var(--pink);background:var(--primary-muted)}.filter-join-check input{width:auto;height:auto;accent-color:var(--pink);cursor:pointer;margin:0}.search-table{color:#777;width:280px;font-size:13px;font-weight:700}.search-table.compact{width:140px}.searchable-select{color:#777;width:240px;font-size:13px;font-weight:700;position:relative}.searchable-select-control{margin-top:8px;position:relative}.searchable-select-trigger{color:#444;width:100%;height:42px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.searchable-select-control.open .searchable-select-trigger{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--pink-rgb),.1)}.searchable-select-trigger .placeholder{color:#999;font-weight:500}.searchable-select-trigger svg{color:#999;font-size:12px}.searchable-select-clear{color:#777;cursor:pointer;background:#f3f3f3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.searchable-select-control.open{z-index:50}.searchable-select-dropdown{z-index:1000;background:#fff;border:1px solid #ededed;border-radius:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #0000001f}.searchable-select-dropdown input{width:100%;height:40px;font:inherit;border:0;border-bottom:1px solid #f1f1f1;outline:none;padding:0 12px}.searchable-select-options{max-height:220px;overflow:auto}.searchable-select-option{color:#444;width:100%;font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.searchable-select-option:hover,.searchable-select-option.selected{background:var(--primary-muted);color:var(--pink)}.searchable-select-option strong{font-size:14px;font-weight:700}.searchable-select-option span{color:#999;font-size:12px;font-weight:600}.searchable-select-empty{color:#999;margin:0;padding:14px 12px;font-size:13px;font-weight:600}.unit-alert{color:#cc2458;background:#fff1f3;border-radius:5px;margin:18px 0 0;padding:12px 14px;font-size:14px;font-weight:700}.unit-table-card table{border-collapse:collapse;width:100%;margin-top:22px;font-size:14px}.unit-table-card th{color:#888;text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #eee;padding:14px 12px;font-size:12px}.sort-header{color:inherit;font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.sort-header.active{color:var(--pink)}.sort-header svg{opacity:.7;font-size:12px}.sort-header.active svg{opacity:1}.unit-table-card td{color:#4c4c4c;border-bottom:1px solid #f2f2f2;padding:15px 12px}.unit-table-card td b{color:var(--title)}.unit-table-card td span{background:var(--pink-soft);color:var(--pink);border-radius:999px;padding:6px 10px;font-weight:700;display:inline-flex}.empty-table{color:#999;text-align:center}.table-actions{gap:8px;display:flex}.table-actions button,.table-actions a{color:#555;cursor:pointer;background:#f7f7f7;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 11px;text-decoration:none;display:inline-flex}.table-actions button:first-child,.table-actions a:first-child{color:#2270b8;background:#eef7ff}.table-actions button:last-child{color:#cc2458;background:#fff1f3}.unit-pagination{border-top:1px solid #f2f2f2;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;display:flex}.unit-pagination-info{color:#777;font-size:13px;font-weight:600}.unit-pagination-controls{align-items:center;gap:8px;display:flex}.per-page-select{color:#777;align-items:center;gap:8px;margin-right:8px;font-size:13px;font-weight:700;display:flex}.per-page-select select{color:#444;height:34px;font:inherit;background:#fff;border:1px solid #ededed;border-radius:5px;padding:0 10px}.unit-pagination-controls>button{color:#555;cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:5px;place-items:center;min-width:34px;height:34px;padding:0 10px;display:grid}.unit-pagination-controls>button.active{border-color:var(--pink);background:var(--pink-soft);color:var(--pink);font-weight:700}.unit-pagination-controls>button:disabled{cursor:not-allowed;opacity:.45}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14141459;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.unit-modal{border-radius:var(--card-radius);background:#fff;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px #00000038}.modal-header{border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.modal-header p{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:13px;font-weight:800}.modal-header h2{color:#333;margin:0;font-size:24px}.modal-header button{color:#555;cursor:pointer;background:#f7f7f7;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;line-height:1;display:grid}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:24px 26px 26px}.modal-form .wide,.modal-form .unit-actions{grid-column:span 2}.muted-text{color:#999;margin-top:4px;font-size:12px;font-weight:600}.checkbox-field{align-items:center;gap:10px;margin-top:28px;display:flex}.checkbox-field input{width:auto;height:auto;margin:0}.master-tabs-card{border-radius:var(--card-radius);background:#fff;margin-bottom:18px;overflow:hidden;box-shadow:0 1px #00000005}.master-tabs{background:linear-gradient(#fffafc 0%,#fff 100%);border-bottom:1px solid #f1f1f1;flex-wrap:wrap;gap:2px 4px;padding:14px 18px 0;display:flex}.master-tab{color:#777;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:inline-flex}.master-tab:hover{color:var(--pink);background:var(--primary-muted)}.master-tab.active{color:var(--pink);border-bottom-color:var(--pink);background:#fff}.master-tab-panel{padding:22px 26px 26px}.master-tab-intro{margin-bottom:18px}.master-tab-intro h2{color:#343434;margin:0;font-size:22px}.master-tab-intro p{color:#777;margin:6px 0 0}.master-add-button{background:var(--pink);color:#fff;height:42px;box-shadow:0 8px 18px rgba(var(--pink-rgb),.24);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.master-crud-embedded{box-shadow:none;background:0 0;margin:0;padding:0}.master-crud-embedded.unit-table-card{margin-bottom:0}.foto-upload-field{color:#555;gap:8px;font-size:14px;font-weight:700;display:grid}.foto-upload-box{align-items:center;gap:18px;margin-top:8px;display:flex}.foto-preview{color:#bbb;background:#fafafa;border:1px solid #ededed;border-radius:12px;place-items:center;width:112px;height:112px;font-size:28px;display:grid;overflow:hidden}.foto-preview img{object-fit:cover;width:100%;height:100%}.foto-upload-actions{gap:10px;display:grid}.foto-upload-actions p{color:#999;margin:0;font-size:13px;font-weight:600}.foto-upload-button{background:var(--primary-muted);width:fit-content;height:40px;color:var(--pink);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.foto-upload-button input{display:none}.pegawai-avatar{background:var(--primary-muted);width:42px;height:42px;color:var(--pink);border-radius:50%;place-items:center;font-weight:800;display:grid;overflow:hidden}.pegawai-avatar img{object-fit:cover;width:100%;height:100%}.unit-actions a.button-secondary{height:42px;padding:0 16px}.pegawai-form-layout{gap:0;display:grid}.unit-form.akun-form{grid-template-columns:1fr;align-items:start}.akun-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.foto-upload-box{flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px;display:flex}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#fff7fa}.pegawai-detail-profile{align-items:center;gap:22px;margin-top:22px;display:flex}.pegawai-detail-photo{color:#bbb;background:#fafafa;border:1px solid #ededed;border-radius:16px;flex-shrink:0;place-items:center;width:128px;height:128px;font-size:34px;display:grid;overflow:hidden}.pegawai-detail-photo img{object-fit:cover;width:100%;height:100%}.pegawai-detail-identity h3{color:#343434;letter-spacing:-.03em;margin:0 0 8px;font-size:28px}.pegawai-detail-identity p{color:#777;margin:0 0 14px;font-size:15px}.pegawai-status-badge{color:#777;background:#f3f3f3;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.pegawai-status-badge.aktif{color:#1f9d57;background:#e8f8ef}.pegawai-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.pegawai-detail-item{background:#fcfcfc;border:1px solid #f1f1f1;border-radius:8px;gap:6px;padding:14px 16px;display:grid}.pegawai-detail-item span{color:#999;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.pegawai-detail-item strong{color:#444;word-break:break-word;font-size:15px;font-weight:700}.location-map-picker,.location-map-preview{z-index:0;gap:10px;display:grid;position:relative}.location-map-preview-empty{color:#999;background:#fafafa;border:1px dashed #ddd;border-radius:8px;place-items:center;min-height:160px;font-size:13px;font-weight:600;display:grid}.pegawai-lokasi-card .location-map-preview{margin-top:14px}.location-map-header{gap:4px;display:grid}.location-map-header strong{color:#555;font-size:14px}.location-map-header span{color:#888;font-size:13px;font-weight:500}.location-map{z-index:0;background:#f7f7f7;border:1px solid #ededed;border-radius:8px;height:280px;position:relative;overflow:hidden}.location-map .leaflet-container{width:100%;height:100%;font:inherit;z-index:0}.location-map .leaflet-pane,.location-map .leaflet-top,.location-map .leaflet-bottom{z-index:auto}.location-map .leaflet-control-attribution{font-size:10px}.location-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.modal-form .searchable-select,.unit-form .searchable-select{z-index:2}.modal-form .searchable-select-control.open,.unit-form .searchable-select-control.open{z-index:60;position:relative}@media (width<=1200px){.dashboard{min-width:1024px;overflow:auto}.content-grid{height:auto;overflow:visible}.pie-chart{width:280px;height:280px}}.mobile-page{background:#f2f2f2;place-items:center;min-height:100vh;display:grid}.phone-frame{background:#f7f7f7;border-radius:18px;width:414px;height:896px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000029}.home-hero{background:var(--pink);color:#fff;height:auto;min-height:0;padding:18px 17px 56px}.home-hero.has-notify{padding-bottom:20px}.profile-row{align-items:center;gap:12px;margin-top:4px;display:flex}.home-avatar,.small-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden}.home-avatar{width:58px;height:58px;font-size:18px}.home-avatar img,.small-avatar img{object-fit:cover;width:100%;height:100%}.small-avatar{width:56px;height:56px;font-size:16px}.small-avatar-initials,.home-avatar-initials{color:#fff}.profile-copy{flex:1;min-width:0}.profile-row p{letter-spacing:.3px;margin:0 0 3px;font-size:15px;font-weight:700}.profile-row h1{color:#fff;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.bell-button{color:#fff;background:#ffffff3d;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;margin-left:auto;font-size:20px;display:grid;position:relative}.bell-badge{min-width:18px;height:18px;color:var(--pink);text-align:center;background:#fff;border-radius:999px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;line-height:18px;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000002e}.presence-checkout-time{color:#242424;margin-top:8px;font-size:31px;line-height:1}.home-loading,.home-error{border-radius:10px;margin:24px 18px 0;padding:14px 16px;font-size:14px;font-weight:600}.home-loading{color:#666;text-align:center}.home-error{color:#dc2626;background:#fff1f2}.home-notify{margin-top:14px}.home-notify-card{color:#2a2a2a;background:#fffffff0;border-radius:12px;align-items:center;gap:4px;width:100%;min-height:64px;padding:8px 6px 8px 8px;animation:.35s home-notify-in;display:flex;box-shadow:0 8px 22px #0000001f}.home-notify-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:4px;display:flex}.home-notify-main:active{opacity:.88}.home-notify-icon{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.home-notify-card.tone-approval .home-notify-icon{color:#1f9d57;background:#e8f5ee}.home-notify-card.tone-announce .home-notify-icon{color:#e8670a;background:#fff1e8}.home-notify-card.tone-reminder .home-notify-icon{color:#2b7bb9;background:#eaf4ff}.home-notify-copy{flex:1;gap:2px;min-width:0;display:grid}.home-notify-copy strong{color:#1f1f1f;font-size:14px;font-weight:800;line-height:1.25}.home-notify-copy em{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:normal;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.home-notify-dismiss{color:#999;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.home-notify-dismiss:hover,.home-notify-dismiss:focus-visible{color:#555;background:#f2f2f2;outline:none}.home-notify-dots{justify-content:center;gap:5px;margin-top:8px;display:flex}.home-notify-dots i{background:#ffffff59;border-radius:999px;width:6px;height:6px;font-style:normal}.home-notify-dots i.is-active{background:#fff;width:14px}@keyframes home-notify-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-content{-webkit-overflow-scrolling:touch;padding-bottom:12px;position:absolute;inset:102px 11px 67px;overflow:hidden auto}.home-content.has-notify{top:188px}.attendance-panel,.shortcut-panel,.timeline-panel{background:#fff;border-radius:7px;box-shadow:0 1px 8px #0000000a}.attendance-panel{height:auto;padding:18px 21px 20px}.date-row{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.date-row strong{color:#242424;font-size:21px}.date-row span{color:#333;font-size:16px}.presence-box{background:#fff;border:1px solid #f3f3f3;border-radius:4px;grid-template-columns:1fr 1fr;height:auto;min-height:86px;display:grid}.presence-box>div{flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;display:flex}.presence-box>div:first-child{border-right:1px solid #f2f2f2}.presence-box>div.is-clickable{cursor:pointer}.presence-box>div.is-clickable:active{background:#fafafa}.presence-box span{color:#363636;font-size:16px;font-weight:500}.presence-box strong{color:#242424;margin-top:8px;font-size:31px;line-height:1}.presence-jenis{color:#2f9c63;margin-top:6px;font-size:13px;font-style:normal;font-weight:700;line-height:1.2}.presence-skeleton{justify-items:center;gap:8px;width:100%;margin-top:10px;display:grid}.presence-skeleton-time,.presence-skeleton-jenis{background:linear-gradient(90deg,#efefef 25%,#f7f7f7 50%,#efefef 75%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite presence-skeleton-shimmer;display:block}.presence-skeleton-time{width:88px;height:28px}.presence-skeleton-jenis{width:56px;height:12px}@keyframes presence-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.presence-box button{background:var(--pink);color:#fff;width:139px;height:34px;box-shadow:0 6px 14px rgba(var(--pink-rgb), .28);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:9px;font-size:14px;font-weight:700;display:inline-flex}.mobile-sheet{z-index:12;align-items:end;display:grid;position:absolute;inset:0}.mobile-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;position:absolute;inset:0}.mobile-sheet-panel{z-index:1;background:#fff;border-radius:22px 22px 0 0;gap:14px;width:100%;max-height:calc(100% - 48px);padding:18px 16px 22px;display:grid;position:relative;overflow-y:auto;box-shadow:0 -12px 40px #00000038}.mobile-sheet-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.mobile-sheet-header p{color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:12px;font-weight:700}.mobile-sheet-header strong{color:#242424;font-size:20px}.mobile-sheet-close{color:#666;cursor:pointer;background:#f3f3f3;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.presensi-detail-photo{background:#f3f3f3;border-radius:16px;overflow:hidden}.presensi-detail-photo img{object-fit:cover;width:100%;max-height:220px;display:block}.presensi-detail-meta{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.presensi-detail-meta div{gap:4px;display:grid}.presensi-detail-meta .presensi-detail-keterangan{grid-column:1/-1}.presensi-detail-meta dt{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.presensi-detail-meta dd{color:#242424;margin:0;font-size:15px;font-weight:700;line-height:1.35}.presensi-detail-keterangan dd{color:#444;font-weight:600}.presensi-detail-jenis{align-items:center;gap:6px;display:inline-flex}.presensi-detail-jenis i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.presensi-detail-kategori{align-items:center;gap:8px;font-weight:700;display:inline-flex}.presensi-detail-kategori i{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.presensi-detail-no-map{color:#666;text-align:center;background:#f8fafc;border-radius:12px;padding:18px 14px;font-size:13px;font-weight:600}.shortcut-panel{height:auto;margin-top:13px;padding:18px 0 14px;overflow:hidden}.shortcut-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;width:100%;max-width:100%;display:flex;overflow:auto hidden}.shortcut-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.shortcut-scroll::-webkit-scrollbar{display:none}.shortcut-page{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:none;width:100%;min-width:100%;max-width:100%;padding:0 18px}.shortcut-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px;display:grid}.shortcut-item{color:#555;cursor:pointer;width:100%;min-width:0;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;display:flex}.shortcut-item span{border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:grid}.shortcut-item b{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.shortcut-item .orange{color:#f06729;background:#ffe9df}.shortcut-item .blue{color:#1b8fb1;background:#e1f5fc}.shortcut-item .green{color:#238d55;background:#dcfae7}.shortcut-item .red{color:#f15156;background:#ffe0e2}.shortcut-item .sky{color:#2b88d9;background:#e5f1ff}.shortcut-item .purple{color:#9668cc;background:#eee3ff}.shortcut-item .lime{color:#2ea821;background:#e4ffd9}.shortcut-item .cream{color:#bd6814;background:#fff0dc}.pager{justify-content:center;gap:6px;margin-top:14px;display:flex}.pager button{cursor:pointer;background:#e9e9e9;border:0;border-radius:999px;height:6px;padding:0;display:block}.pager button.is-active{background:var(--pink);width:17px}.pager button:not(.is-active){width:6px}.timeline-panel{height:158px;margin-top:13px;padding:20px 22px}.timeline-title{justify-content:space-between;align-items:center;display:flex}.timeline-title h2{color:#2d2d2d;margin:0;font-size:24px;font-weight:500}.timeline-title button{color:#666;cursor:pointer;font-size:14px}.share-row{align-items:center;gap:20px;margin-top:20px;display:flex}.small-avatar{width:56px;height:56px}.share-row span{color:#c8c8c8;font-size:15px}.send-button{z-index:3;background:var(--pink);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:59px;height:59px;font-size:20px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 -2px 8px #0000001f}.bottom-nav{background:#fff;grid-template-columns:1fr 1fr minmax(64px,72px) 1fr 1fr;align-items:start;height:67px;padding:12px 10px 6px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 9px #0000001f}.bottom-nav a{color:#aaa;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-width:0;margin:0;font-size:13px;text-decoration:none;display:flex}.bottom-nav-center{pointer-events:none;width:100%;height:1px;display:block}.bottom-nav span{font-size:18px;line-height:1}.bottom-nav .active{color:var(--pink)}.bottom-nav-shell{z-index:4;position:absolute;bottom:0;left:0;right:0}.bottom-nav-shell .bottom-nav{position:relative;bottom:auto;left:auto;right:auto}.bottom-nav-shell .send-button,.bottom-nav-shell .fingerprint-button{margin:0;bottom:22px;left:50%;right:auto;transform:translate(-50%)}.fingerprint-button{cursor:pointer;border:0;font-size:26px;transition:background .18s,box-shadow .18s}.fingerprint-button.is-open{background:#333}.fingerprint-button:active{box-shadow:0 0 #0000001f}.fingerprint-menu{z-index:5;background:#fff;border-radius:16px;gap:8px;width:min(240px,100% - 48px);padding:10px;display:grid;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.fingerprint-menu-item{color:#333;width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:#f7f7f7;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.fingerprint-menu-item span{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.fingerprint-menu-item.is-datang span{background:#238d55}.fingerprint-menu-item.is-pulang span{background:#1b8fb1}.fingerprint-menu-item:active{transform:scale(.98)}.login-page{background:radial-gradient(120% 80% at 10% 0%, rgba(var(--pink-rgb), .18), transparent 55%), radial-gradient(90% 60% at 100% 20%, #ffb47829, transparent 50%), #f4f1f3}.login-frame{background:0 0;flex-direction:column;font-family:Manrope,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-scene{pointer-events:none;background:linear-gradient(165deg, color-mix(in srgb, var(--pink) 92%, #7a1838) 0%, var(--pink) 48%, color-mix(in srgb, var(--pink) 75%, #ff9a5c) 100%);position:absolute;inset:0 0 42%;overflow:hidden}.login-orb{filter:blur(2px);opacity:.35;border-radius:50%;animation:12s ease-in-out infinite alternate login-orb-drift;position:absolute}.login-orb-a{background:radial-gradient(circle,#ffffff8c,#0000 70%);width:220px;height:220px;top:-8%;right:-12%}.login-orb-b{background:radial-gradient(circle,#ffd2a08c,#0000 68%);width:180px;height:180px;animation-delay:-4s;bottom:8%;left:-16%}.login-orb-c{background:radial-gradient(circle,#ffffff59,#0000 70%);width:90px;height:90px;animation-delay:-7s;top:38%;left:42%}.login-grid{opacity:.14;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 95%);mask-image:linear-gradient(#000 20%,#0000 95%)}.login-hero{z-index:1;color:#fff;flex-shrink:0;padding:42px 28px 54px;animation:.7s both login-rise;position:relative}.login-brand{justify-items:start;gap:10px;display:grid}.login-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:8px;animation:.75s 50ms both login-rise;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.login-logo img{object-fit:contain;width:68%;height:68%}.login-institution{color:#ffffffdb;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700;animation:.75s 80ms both login-rise}.login-brand h1{color:#fff;letter-spacing:-.03em;max-width:10ch;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(42px,11vw,56px);font-weight:700;line-height:.95;animation:.8s .12s both login-rise}.login-hero-copy{color:#ffffffe6;max-width:28ch;margin:6px 0 0;font-size:15px;font-weight:600;line-height:1.55;animation:.8s .18s both login-rise}.login-content{z-index:2;flex:1;min-height:0;margin-top:-28px;padding:0 16px 28px;animation:.85s .2s both login-rise;position:relative;overflow:auto}.login-install{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #ffffff8c;border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 12px 12px 14px;display:flex;box-shadow:0 10px 24px #3c14281a}.login-install-copy{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.login-install-icon{background:rgba(var(--pink-rgb), .12);width:36px;height:36px;color:var(--pink);border-radius:11px;flex-shrink:0;place-items:center;font-size:15px;display:grid}.login-install-copy strong{color:#1f1f1f;font-size:13px;font-weight:800;line-height:1.25;display:block}.login-install-copy em{color:#888;margin-top:2px;font-size:11px;font-style:normal;font-weight:600;line-height:1.35;display:block}.login-install-button{background:var(--pink);color:#fff;cursor:pointer;min-height:38px;box-shadow:0 8px 18px rgba(var(--pink-rgb), .28);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.login-install-button:disabled{opacity:.7;cursor:not-allowed}.login-install-ios{color:#fff;background:#1f1f1f;border-radius:14px;margin-bottom:12px;padding:14px 16px;position:relative;box-shadow:0 12px 28px #0003}.login-install-ios strong{margin-bottom:8px;font-size:14px;font-weight:800;display:block}.login-install-ios ol{color:#ffffffe0;margin:0;padding-left:18px;font-size:12px;font-weight:600;line-height:1.55}.login-install-ios li+li{margin-top:4px}.login-install-ios b{color:#fff}.login-install-ios-close{color:#ffffffb3;cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.login-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffffa6;border-radius:22px;gap:15px;padding:24px 20px 22px;display:grid;box-shadow:0 18px 40px #3c14281f}.login-form-header h2{color:#1f1f1f;letter-spacing:-.02em;margin:0;font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:700}.login-form-header span{color:#8a8a8a;margin-top:4px;font-size:13px;font-weight:600;line-height:1.45;display:block}.login-error{color:#dc2626;background:#fff1f2;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.45}.login-field{color:#555;gap:7px;font-size:13px;font-weight:700;display:grid}.login-input-wrap{background:#faf7f8;border:1px solid #ece7ea;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.login-input-wrap:focus-within{border-color:color-mix(in srgb, var(--pink) 55%, #fff);box-shadow:0 0 0 4px rgba(var(--pink-rgb), .12);background:#fff}.login-input-wrap svg{color:#c4b6bc;font-size:15px}.login-input-wrap:focus-within svg{color:var(--pink)}.login-input-wrap input{color:#2a2a2a;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;font-weight:600}.login-input-wrap input::placeholder{color:#b7b0b3;font-weight:500}.login-toggle-password{color:#999;cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.login-toggle-password:hover{color:#666;background:#f3f0f1}.login-remember{color:#666;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.login-remember input{width:17px;height:17px;accent-color:var(--pink)}.login-submit-row{align-items:stretch;gap:10px;margin-top:2px;display:flex}.login-submit{background:linear-gradient(135deg, var(--pink) 0%, color-mix(in srgb, var(--pink) 75%, #9b1d45) 100%);color:#fff;letter-spacing:.01em;min-width:0;min-height:54px;box-shadow:0 12px 28px rgba(var(--pink-rgb), .32);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.login-submit:hover:not(:disabled){box-shadow:0 16px 32px rgba(var(--pink-rgb), .36);transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-submit svg{font-size:14px}.login-biometric{border:1.5px solid color-mix(in srgb, var(--pink) 35%, #e8dfe2);background:color-mix(in srgb, var(--pink) 8%, #fff);width:54px;min-height:54px;color:var(--pink);cursor:pointer;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.login-biometric svg{font-size:22px}.login-biometric:hover:not(:disabled){background:color-mix(in srgb, var(--pink) 14%, #fff);transform:translateY(-1px)}.login-biometric:active:not(:disabled){transform:translateY(0)}.login-biometric:disabled{opacity:.72;cursor:not-allowed}.login-footer{color:#9a9195;text-align:center;margin:18px 10px 0;font-size:12px;font-weight:600;line-height:1.5}@keyframes login-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes login-orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(12px,-18px)scale(1.08)}}.absensi-page{background:#111}.absensi-camera-frame{background:#000}.absensi-camera-stage{background:#0b0b0b;width:100%;height:100%;position:relative;overflow:hidden}.absensi-camera-feed,.absensi-camera-capture{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.absensi-camera-feed{transform:scaleX(-1)}.absensi-camera-vignette{pointer-events:none;background:linear-gradient(#0000008c 0%,#00000014 28% 58%,#000000b8 100%);position:absolute;inset:0}.absensi-camera-fallback{z-index:2;color:#fff;text-align:center;background:#151515;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.absensi-camera-fallback svg{opacity:.7;font-size:42px}.absensi-camera-fallback p{color:#fffc;max-width:260px;margin:0;font-size:14px;line-height:1.5}.absensi-camera-fallback button{background:var(--pink);color:#fff;cursor:pointer;border-radius:999px;padding:10px 16px;font-weight:700}.absensi-camera-top{z-index:3;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:18px 16px 10px;display:grid;position:absolute;top:0;left:0;right:0}.absensi-camera-icon-btn,.absensi-camera-avatar{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff29;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.absensi-camera-icon-btn{cursor:pointer;font-size:16px}.absensi-camera-avatar{font-size:14px;font-weight:800;overflow:hidden}.absensi-camera-avatar img{object-fit:cover;width:100%;height:100%}.absensi-camera-title{text-align:center;color:#fff}.absensi-camera-title span{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:700;display:block}.absensi-camera-title strong{letter-spacing:.04em;margin-top:4px;font-size:28px;font-weight:800;line-height:1;display:block}.absensi-camera-meta{z-index:3;gap:8px;display:grid;position:absolute;top:88px;left:16px;right:16px}.absensi-glass-chip{color:#fff;-webkit-backdrop-filter:blur(14px);background:#1414146b;border-radius:999px;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.absensi-glass-chip span{color:#ffffffc7;white-space:nowrap;font-size:12px;font-weight:600}.absensi-glass-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:700;overflow:hidden}.absensi-location-chip{cursor:pointer;border:0;max-width:min(100%,280px)}.absensi-location-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.absensi-location-chip.is-ready{background:#22c55e47;box-shadow:inset 0 0 0 1px #86efac59}.absensi-location-chip.is-outside{background:#ef444452;box-shadow:inset 0 0 0 1px #fca5a566}.absensi-camera-toast{z-index:4;color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dc2626e6;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;position:absolute;bottom:188px;left:16px;right:16px}.absensi-camera-toast.is-success{background:#16a34aeb}.absensi-camera-bottom{z-index:3;justify-items:center;gap:16px;padding:0 18px 28px;display:grid;position:absolute;bottom:0;left:0;right:0}.absensi-camera-hint{color:#ffffffd1;text-shadow:0 1px 8px #00000059;margin:0;font-size:13px;font-weight:600}.absensi-face-guide{z-index:2;pointer-events:none;place-items:center;padding-bottom:48px;display:grid;position:absolute;inset:0}.absensi-face-frame{aspect-ratio:3/4;border:2px solid #ffffff8c;border-radius:28px;width:min(250px,68vw);box-shadow:0 0 0 1px #00000026,inset 0 0 0 1px #ffffff14}.absensi-shutter{cursor:pointer;background:#ffffff2e;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 10px 30px #00000047}.absensi-shutter span{width:62px;height:62px;box-shadow:inset 0 0 0 4px rgba(var(--pink-rgb),.18);background:#fff;border-radius:50%}.absensi-shutter:disabled{opacity:.45;cursor:not-allowed}.absensi-confirm-bar{grid-template-columns:1fr 1.6fr;gap:10px;width:100%;display:grid}.absensi-retake,.absensi-confirm{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:15px;font-weight:800;display:inline-flex}.absensi-retake{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff29}.absensi-confirm{background:var(--pink);color:#fff;box-shadow:0 12px 28px rgba(var(--pink-rgb),.35)}.absensi-retake:disabled,.absensi-confirm:disabled{opacity:.65;cursor:not-allowed}.absensi-map-sheet{z-index:8;align-items:end;display:grid;position:absolute;inset:0}.absensi-map-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;position:absolute;inset:0}.absensi-map-sheet-panel{z-index:1;background:#fff;border-radius:22px 22px 0 0;gap:14px;width:100%;padding:18px 16px 22px;display:grid;position:relative;box-shadow:0 -12px 40px #00000038}.absensi-map-sheet-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.absensi-map-sheet-header p{color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:12px;font-weight:700}.absensi-map-sheet-header strong{color:#242424;font-size:20px}.absensi-map-sheet-close{color:#666;cursor:pointer;background:#f3f3f3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.absensi-map-preview{margin:0}.absensi-map-preview .location-map{border-radius:16px;overflow:hidden}.absensi-map-legend{color:#666;flex-wrap:wrap;gap:10px 16px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:flex}.absensi-map-legend li{align-items:center;gap:6px;display:inline-flex}.absensi-map-legend-dot{border-radius:50%;width:10px;height:10px}.absensi-map-legend-dot.is-user{background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.absensi-map-legend-dot.is-area{background:var(--pink);box-shadow:0 0 0 2px rgba(var(--pink-rgb),.2)}.absensi-user-marker{background:0 0;border:0}.absensi-user-marker-pin{color:#fff;background:#2563eb;border-radius:50% 50% 50% 0;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-45deg);box-shadow:0 6px 14px #2563eb59}.absensi-user-marker-pin svg{transform:rotate(45deg)}.lokasi-map-popup-badge.is-user{color:#1d4ed8;background:#dbeafe}.absensi-map-coords{color:#666;gap:4px;font-size:12px;font-weight:600;display:grid}.absensi-map-status{border-radius:12px;gap:4px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.35;display:grid}.absensi-map-status strong{font-size:13px}.absensi-map-status span{color:inherit;opacity:.88;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.absensi-map-status.is-ok{color:#047857;background:#ecfdf5}.absensi-map-status.is-bad{color:#b91c1c;background:#fef2f2}.absensi-map-loading{text-align:center;color:#666;justify-items:center;gap:10px;padding:36px 12px;display:grid}.absensi-map-loading.is-inline{text-align:left;background:#f8fafc;border-radius:12px;grid-template-columns:auto 1fr;place-items:center start;padding:10px 12px}.absensi-map-loading.is-inline svg{color:var(--pink);font-size:18px}.absensi-map-loading.is-inline p{margin:0;font-size:13px;line-height:1.45}.absensi-map-loading svg{color:var(--pink);font-size:28px}.absensi-map-loading p{margin:0;font-size:14px;line-height:1.45}.absensi-map-loading button,.absensi-map-refresh{background:var(--primary-muted);min-height:44px;color:var(--pink);cursor:pointer;border-radius:12px;padding:0 16px;font-size:14px;font-weight:700}.absensi-map-refresh{background:var(--pink);color:#fff;width:100%}.absensi-map-refresh:disabled{opacity:.65;cursor:not-allowed}.presence-box button{cursor:pointer}.peta-page{flex-direction:column;height:calc(100vh - 106px);padding:18px 26px 26px;display:flex;overflow:hidden}.peta-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.peta-toolbar-copy p{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:13px;font-weight:800}.peta-toolbar-copy h1{color:#343434;letter-spacing:-.04em;align-items:center;gap:10px;margin:0;font-size:30px;display:inline-flex}.peta-toolbar-copy span{color:#777;margin-top:6px;font-size:14px;display:block}.peta-toolbar-actions{align-items:center;gap:8px;display:flex}.peta-radius-toggle{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-right:8px;font-size:14px;font-weight:700;display:inline-flex}.peta-radius-toggle input{width:16px;height:16px;accent-color:var(--pink);cursor:pointer}.peta-toolbar-actions>button{color:#555;cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:42px;height:42px;padding:0 14px;font-weight:700;display:inline-flex}.peta-toolbar-actions>button:disabled{cursor:not-allowed;opacity:.45}.peta-play-button.active{border-color:var(--pink);background:var(--pink-soft);color:var(--pink)}.peta-page-indicator{color:#666;text-align:center;min-width:64px;font-size:14px;font-weight:700}.peta-alert{margin:0 0 12px}.peta-map-shell{background:#fff;border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 1px #00000005}.peta-map{width:100%;height:100%}.peta-map .leaflet-container{width:100%;height:100%;font:inherit}.peta-map-loading{z-index:500;color:#555;background:#fffffff0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;position:absolute;top:18px;left:18px;box-shadow:0 8px 24px #0000001f}.peta-location-panel{z-index:500;background:#fffffff5;border-radius:12px;flex-direction:column;width:min(320px,100% - 36px);padding:16px;display:flex;position:absolute;top:18px;bottom:18px;right:18px;box-shadow:0 12px 32px #00000024}.peta-location-panel h2{color:#343434;margin:0 0 12px;font-size:16px}.peta-search{color:#777;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:grid}.peta-search input{color:#444;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #ededed;border-radius:8px;outline:none;padding:0 12px}.peta-search input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--pink-rgb),.1)}.peta-location-panel ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.peta-location-panel li{border-bottom:1px solid #f1f1f1;padding:0}.peta-location-item{width:100%;color:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:start;gap:12px;padding:10px 0;display:flex}.peta-location-item:hover strong{color:var(--pink)}.peta-location-item strong{color:#444;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.peta-location-item span{color:var(--pink);flex-shrink:0;font-size:12px;font-weight:700}.lokasi-icon-cell{color:#555;align-items:center;gap:8px;font-weight:600;display:inline-flex}.lokasi-icon-cell svg{color:var(--pink)}.lokasi-icon-field{align-items:center;gap:10px;margin-top:8px;display:flex}.lokasi-icon-preview{background:var(--primary-muted);width:42px;height:42px;color:var(--pink);border:1px solid #ededed;border-radius:5px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.lokasi-icon-field select{flex:1;height:42px;margin-top:0}.lokasi-map-marker{background:0 0;border:0}.lokasi-map-marker-pin{background:var(--pink,var(--pink));color:#fff;border-radius:50% 50% 50% 0;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-45deg);box-shadow:0 6px 14px #e7356f59}.lokasi-map-marker-pin.is-unit{background:#6b7280;box-shadow:0 6px 14px #6b728059}.lokasi-map-marker-pin svg{transform:rotate(45deg)}.location-map-overview{z-index:0;gap:10px;margin-bottom:4px;display:grid;position:relative}.lokasi-map-popup{gap:4px;min-width:160px;display:grid}.lokasi-map-popup strong{color:#333;font-size:14px}.lokasi-map-popup span{color:#777;font-size:12px;font-weight:600}.lokasi-map-popup-badge{color:#666;background:#f3f3f3;border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.warna-swatch{color:#555;align-items:center;gap:8px;font-weight:600;display:inline-flex}.warna-swatch i{border:1px solid #e5e5e5;border-radius:4px;width:16px;height:16px;display:inline-block}.warna-input-row{align-items:center;gap:12px;margin-top:8px;display:flex}.warna-input-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:5px;width:48px;height:42px;padding:4px}.warna-input-row input[type=text],.warna-input-row input:not([type=color]){flex:1}.cuti-preview-box{color:#555;background:#f7fbf8;border:1px solid #e8f5e9;border-radius:8px;gap:8px;margin-top:4px;padding:14px 16px;font-size:13px;display:grid}.cuti-preview-box.is-warning{border-color:var(--pink-soft);background:#fff7f8}.cuti-preview-box p{color:var(--title);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:800}.cuti-preview-box ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cuti-preview-box span,.cuti-preview-box li{line-height:1.45}.cuti-preview-box strong{color:#333}.pegawai-detail-header-card{align-items:center}.pegawai-detail-header-profile{align-items:center;gap:20px;min-width:0;display:flex}.pegawai-detail-header-photo{color:#bbb;background:#fafafa;border:1px solid #ededed;border-radius:16px;flex-shrink:0;place-items:center;width:88px;height:88px;font-size:28px;font-weight:800;display:grid;overflow:hidden}.pegawai-detail-header-photo img{object-fit:cover;width:100%;height:100%}.pegawai-detail-header-photo span{color:var(--pink);font-size:32px}.pegawai-detail-header-identity{min-width:0}.pegawai-detail-header-identity h1{color:#343434;letter-spacing:-.03em;margin:0;font-size:30px;line-height:1.2}.pegawai-detail-header-identity p{color:#777;word-break:break-word;margin:6px 0 0;font-size:15px;font-weight:600}.pegawai-detail-header-identity .pegawai-detail-header-unit{color:var(--pink);margin-top:10px;font-size:13px;font-weight:700}.pegawai-detail-header-card .unit-header-actions .pegawai-status-badge{margin-top:0;display:inline-flex}.card-header .master-add-button{color:#fff}.pegawai-detail-tabs-card{margin-top:0}.pegawai-jabatan-panel{gap:16px;display:grid}.pegawai-jabatan-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.pegawai-jabatan-toolbar h2{color:#343434;margin:0;font-size:22px}.pegawai-jabatan-toolbar .muted-text{margin:6px 0 0}.pegawai-lokasi-unit-card{margin-bottom:0}.pegawai-lokasi-unit-hint{margin:0 0 16px}.pegawai-lokasi-unit-grid{gap:14px;display:grid}.pegawai-lokasi-card{background:#fcfcfc;border:1px solid #f1f1f1;border-radius:10px;padding:16px 18px}.pegawai-lokasi-card.is-readonly{background:#f8f8f8;border-style:dashed}.pegawai-lokasi-card-head{align-items:center;gap:12px;display:flex}.pegawai-lokasi-icon{background:var(--primary-muted);width:42px;height:42px;color:var(--pink);border-radius:10px;place-items:center;font-size:18px;display:grid}.pegawai-lokasi-readonly-badge{color:#999;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:700;display:inline-flex}.pegawai-lokasi-card-meta{color:#777;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:13px;font-weight:600;display:flex}.unit-table-card td .pegawai-lokasi-readonly-badge,.unit-table-card td .pegawai-lokasi-readonly-action{color:#999;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.unit-table-card td .pegawai-lokasi-readonly-action{white-space:nowrap}.kalender-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.kalender-board{border-radius:var(--card-radius);background:#fff;padding:22px 24px 24px;box-shadow:0 1px #00000005}.kalender-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.kalender-toolbar h2{color:#343434;text-align:center;flex:1;margin:0;font-size:24px}.kalender-toolbar>button{color:#555;cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.kalender-today-button{padding:0 14px;font-weight:700;width:auto!important;color:var(--pink)!important}.kalender-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.kalender-weekdays span{color:#999;text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.kalender-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.kalender-cell{min-height:108px;color:inherit;text-align:left;cursor:pointer;background:#fcfcfc;border:1px solid #f1f1f1;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:10px;display:flex}.kalender-cell.muted{cursor:default;background:#fafafa;border-color:#0000}.kalender-cell.today{background:#fff7fa;border-color:#f7b6c8}.kalender-cell.selected{border-color:var(--pink);box-shadow:0 0 0 2px rgba(var(--pink-rgb),.12);background:#fff}.kalender-day-number{color:#555;font-size:14px;font-weight:700}.kalender-cell.today .kalender-day-number{color:var(--pink)}.kalender-events{gap:4px;display:grid}.kalender-event-chip{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700;display:block;overflow:hidden}.kalender-event-more{color:#888;font-size:11px;font-weight:700}.kalender-loading{margin:12px 0 0}.kalender-sidebar{border-radius:var(--card-radius);background:#fff;padding:22px 20px;box-shadow:0 1px #00000005}.kalender-sidebar-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.kalender-sidebar-header p{color:var(--title);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:800}.kalender-sidebar-header h3{color:#343434;margin:0;font-size:18px;line-height:1.35}.kalender-sidebar-header button{background:var(--pink);color:#fff;cursor:pointer;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.kalender-agenda-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.kalender-agenda-list li{border-bottom:1px solid #f2f2f2;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:10px;padding-bottom:12px;display:grid}.kalender-agenda-dot{border-radius:50%;width:10px;height:10px;margin-top:5px}.kalender-agenda-copy{min-width:0}.kalender-agenda-copy strong{color:#444;font-size:14px;display:block}.kalender-agenda-copy span{color:#888;margin-top:4px;font-size:12px;font-weight:600;display:block}.kalender-agenda-copy p{color:#666;margin:8px 0 0;font-size:13px;line-height:1.45}.kalender-legend{border-top:1px solid #f2f2f2;margin-top:22px;padding-top:16px}.kalender-legend>p{color:#999;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:700}.kalender-legend-list{gap:8px;display:grid}.kalender-legend-list span{color:#555;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.kalender-legend-list i{border-radius:4px;width:12px;height:12px}.unit-modal.skp-modal{width:min(1080px,100%)}.skp-step-nav{border-bottom:1px solid #f1f1f1;flex-wrap:wrap;gap:8px;padding:16px 26px 0;display:flex}.skp-step-button{color:#666;cursor:pointer;background:#f7f7f7;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.skp-step-button span{color:#888;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.skp-step-button.active{background:var(--primary-muted);color:var(--pink)}.skp-step-button.active span{background:var(--pink);color:#fff}.skp-form{padding:20px 26px 26px}.skp-form-section{gap:16px;display:grid}.skp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.skp-form-grid .wide{grid-column:1/-1}.skp-form-grid label,.skp-card label{color:#666;gap:6px;font-size:13px;font-weight:700;display:grid}.skp-form-grid input,.skp-form-grid select,.skp-form-grid textarea,.skp-card input,.skp-card select,.skp-card textarea{color:#333;width:100%;font:inherit;background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:10px 12px}.skp-section-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.skp-section-header.compact{margin-bottom:8px}.skp-section-header h3{color:#333;margin:0;font-size:18px}.skp-section-header p{color:#888;margin:6px 0 0;font-size:13px}.skp-card{background:#fcfcfc;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.skp-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.skp-card-header strong,.skp-card-header span{color:#444}.skp-subsection{border-top:1px dashed #ececec;gap:12px;margin-top:14px;padding-top:14px;display:grid}.skp-indikator-card{background:#fff;border:1px solid #efefef;border-radius:8px;padding:14px}.skp-panduan-list{color:#777;margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.5}.skp-form-actions{border-top:1px solid #f1f1f1;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;display:flex}.skp-form-actions .primary-button,.skp-form-actions .ghost-button{min-width:120px}.skp-view-content{padding:0 26px 26px}.skp-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-bottom:18px;display:grid}.skp-view-grid span{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.skp-view-grid strong{color:#333;margin-top:4px;display:block}.skp-view-content h3{color:#333;margin:18px 0 10px;font-size:16px}.skp-text-block{color:#555;white-space:pre-wrap;margin:0;line-height:1.55}.skp-mini-table{border-collapse:collapse;width:100%;margin-top:10px}.skp-mini-table th,.skp-mini-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:8px 10px;font-size:13px}.skp-mini-table th{color:#777;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.primary-button{background:var(--pink);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.primary-button:disabled{opacity:.7;cursor:not-allowed}.ghost-button{background:var(--primary-muted);color:var(--pink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.ghost-button:disabled{opacity:.6;cursor:not-allowed}.icon-button{color:#666;cursor:pointer;background:#f7f7f7;border-radius:6px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.danger{color:#ef4444;background:#fff1f2}.searchable-select-control.disabled .searchable-select-trigger{opacity:.7;cursor:not-allowed}.master-readonly-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.kategori-kode-cell{align-items:center;gap:8px;display:inline-flex}.kategori-kode-cell .master-readonly-badge{padding:3px 8px;font-size:11px}.field-hint{color:#888;margin-top:6px;font-size:12px;display:block}.pegawai-shift-aktif-card{background:#f6fff8;border:1px solid #e8f5e9;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.pegawai-shift-aktif-card.is-warning{background:#fffbeb;border-color:#fde68a}.pegawai-shift-aktif-card p{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.pegawai-shift-aktif-card strong{color:#333;margin-top:4px;font-size:18px;display:block}.pegawai-shift-aktif-card small{color:#777;margin-top:4px;display:block}.pegawai-shift-aktif-card>div:last-child{text-align:right}.pegawai-shift-libur-label{color:#b45309;font-weight:700}.pegawai-shift-unit-fallback{align-items:center;gap:6px;margin:0;display:flex}.pegawai-shift-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pegawai-shift-quick-button{white-space:nowrap}.data-table-card{overflow:visible}.data-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.data-table-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.data-table-controls{gap:12px;margin-bottom:14px;display:grid}.data-table-filters{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.data-table-search{justify-content:flex-end;display:flex}.data-table-search .search-table{min-width:min(100%,280px)}.data-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table-scroll table{min-width:720px}.data-table-check-cell{text-align:center;vertical-align:middle;width:42px}.data-table-check-cell input{width:16px;height:16px;accent-color:var(--pink);cursor:pointer;margin:0}.data-table tr.is-selected td{background:#fff7fa}.data-table-selection-bar,.data-table-select-all-banner{color:#555;background:#fff5f8;border:1px solid #f8d0de;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.data-table-select-all-banner{background:#f9fafb;border-color:#e5e7eb}.data-table-select-all-banner button{color:var(--pink);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.data-table-selection-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-table-column-toggle{position:relative}.data-table-column-toggle-trigger{color:#555;height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ededed;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.data-table-column-toggle-trigger.open,.data-table-column-toggle-trigger:hover{border-color:var(--title);color:var(--pink)}.data-table-column-toggle-menu{z-index:30;background:#fff;border:1px solid #eee;border-radius:10px;min-width:220px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #00000014}.data-table-column-toggle-menu p{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:700}.data-table-column-toggle-item{color:#444;cursor:pointer;align-items:center;gap:10px;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.data-table-column-toggle-item input{accent-color:var(--pink)}.data-table-pagination .data-table-per-page-select{white-space:nowrap;flex-direction:row;align-items:center;gap:8px;min-width:0;margin:0;width:auto!important;display:inline-flex!important}.data-table-pagination .data-table-per-page-select .searchable-select-label{color:#777;white-space:nowrap;margin:0;font-size:12px;font-weight:700;line-height:1;display:inline}.data-table-pagination .data-table-per-page-select .searchable-select-control{flex:none;width:auto;position:relative;margin-top:0!important}.data-table-pagination .data-table-per-page-select .searchable-select-trigger{gap:4px;width:58px;min-width:58px;height:32px;padding:0 6px;font-size:12px}.data-table-pagination .data-table-per-page-select .searchable-select-trigger span{text-align:center;text-overflow:ellipsis;flex:1;overflow:hidden}.data-table-pagination .data-table-per-page-select .searchable-select-trigger svg{flex-shrink:0;font-size:10px}.data-table-pagination .data-table-per-page-select .searchable-select-dropdown{width:80px;min-width:80px;left:auto;right:0}.data-table-pagination .data-table-per-page-select .searchable-select-dropdown input[type=number]{text-align:center;-moz-appearance:textfield;width:100%;height:30px;padding:0 6px;font-size:12px}.data-table-pagination .data-table-per-page-select .searchable-select-dropdown input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-table-pagination .data-table-per-page-select .searchable-select-dropdown input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-table-pagination .data-table-per-page-select .searchable-select-option{justify-content:center;padding:7px 6px;font-size:12px}.data-table-pagination .data-table-per-page-select .searchable-select-option strong{font-size:12px}.data-table-page-active-input{border:1px solid var(--pink,var(--pink));background:var(--pink,var(--pink));color:#fff;width:42px;height:36px;font:inherit;text-align:center;-moz-appearance:textfield;border-radius:6px;outline:none;margin:0;padding:0 4px;font-size:13px;font-weight:700}.data-table-page-active-input:focus{box-shadow:0 0 0 3px #e7356f33}.data-table-page-active-input:disabled{opacity:.6;cursor:not-allowed}.data-table-page-active-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-table-page-active-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-table-skeleton-row td{vertical-align:middle}.data-table-skeleton-bar{background:linear-gradient(90deg,#f3f3f3 0%,#ececec 40%,#f7f7f7 80%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.2s ease-in-out infinite data-table-shimmer;display:block}.data-table-skeleton-bar.is-check{border-radius:4px;width:16px;height:16px;margin:0 auto}.data-table-skeleton-bar.is-actions{width:96px}@keyframes data-table-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=900px){.data-table-search{justify-content:stretch}.data-table-search .search-table{width:100%;min-width:0}.data-table-toolbar-right{justify-content:flex-start;width:100%}.unit-pagination-controls{flex-wrap:wrap}}@media (width<=1100px){.kalender-layout{grid-template-columns:1fr}.kalender-cell{min-height:88px}}@media (width<=460px){.mobile-page{background:#f7f7f7;display:block}.phone-frame{width:100vw;height:100vh;box-shadow:none;border-radius:0}.login-page{background:#f4f1f3}.absensi-page{background:#000}}.tema-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.tema-presets-card,.tema-logo-card{margin-bottom:18px}.tema-logo-card .card-header{margin-bottom:14px}.tema-logo-layout{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tema-logo-preview{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--primary-muted);place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.tema-logo-preview img{object-fit:contain;width:72%;height:72%}.tema-logo-actions{flex:1;min-width:220px}.tema-logo-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tema-logo-upload{background:var(--pink);color:#fff;cursor:pointer;border-radius:5px;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:700;display:inline-flex}.tema-logo-upload input{display:none}.tema-logo-filename{color:var(--muted);margin-top:10px;font-size:12px;font-weight:600;display:block}.tema-preview-brand{align-items:center;gap:8px;display:inline-flex}.tema-preview-brand img{object-fit:contain;width:22px;height:22px}.identitas-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:18px;display:grid}.identitas-logo-block{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:18px}.identitas-fields{gap:14px;display:grid}.identitas-fields .tema-color-field input[type=text]{border:1px solid var(--line);width:100%;height:42px;font:inherit;border-radius:6px;margin-top:8px;padding:0 12px}.identitas-field-default{width:fit-content;height:36px;margin-top:10px;padding:0 12px}.identitas-preview{gap:16px;display:grid}.identitas-preview-sidebar,.identitas-preview-login{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--page);padding:16px}.identitas-preview-logo{color:var(--pink);align-items:center;gap:10px;margin-bottom:14px;font-size:18px;display:flex}.identitas-preview-logo img{object-fit:contain;width:32px;height:32px}.identitas-preview-sidebar span{color:var(--pink);background:var(--pink-soft);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700;display:block}.identitas-preview-sidebar span.is-muted{color:var(--text);background:0 0;margin-top:6px}.identitas-preview-login-brand{align-items:center;gap:12px;margin-bottom:12px;display:flex}.identitas-preview-login-brand img{object-fit:contain;background:var(--primary-muted);border-radius:12px;width:48px;height:48px;padding:8px}.identitas-preview-login-brand small{color:var(--muted);font-size:12px;font-weight:700;display:block}.identitas-preview-login-brand strong{color:var(--text);margin-top:2px;font-size:20px;display:block}.identitas-preview-login p{color:var(--muted);margin:0;font-size:13px;font-weight:600}.tema-presets-card .card-header{margin-bottom:10px}.tema-presets-hint{color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.45}.tema-presets-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tema-preset-card{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);text-align:left;cursor:pointer;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.tema-preset-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--pink) 45%, white);transform:translateY(-1px);box-shadow:0 8px 20px #0000000f}.tema-preset-card.is-active{border-color:var(--pink);box-shadow:0 0 0 2px rgba(var(--pink-rgb), .18)}.tema-preset-card:disabled{opacity:.65;cursor:not-allowed}.tema-preset-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tema-preset-swatches i{border:1px solid #0000000f;border-radius:6px;height:28px;display:block}.tema-preset-copy{gap:4px;min-width:0;display:grid}.tema-preset-copy strong{color:var(--text);font-size:14px;font-weight:800}.tema-preset-copy small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.tema-preset-check{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid;position:absolute;top:10px;right:10px}.tema-form-card .card-header,.tema-preview-card .card-header{margin-bottom:18px}.tema-form-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tema-copy-snippet{align-items:center;gap:8px;display:inline-flex}.tema-form-card code{background:var(--primary-muted);color:var(--pink);border-radius:4px;padding:2px 6px;font-size:12px}.tema-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tema-color-field{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:6px;padding:14px;display:grid}.tema-color-label{color:var(--text);font-size:14px;font-weight:700}.tema-color-field small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.tema-color-controls{align-items:center;gap:10px;margin-top:4px;display:flex}.tema-color-controls input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:42px;height:42px;padding:0}.tema-color-controls input[type=text]{border:1px solid var(--line);height:42px;font:inherit;text-transform:uppercase;border-radius:6px;flex:1;padding:0 12px}.tema-color-controls .ghost-button{white-space:nowrap;height:42px;padding:0 12px}.tema-preview-shell{border:1px solid var(--line);border-radius:12px;overflow:hidden}.tema-preview-topbar{justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.tema-preview-body{grid-template-columns:140px 1fr;min-height:280px;display:grid}.tema-preview-sidebar{border-right:1px solid var(--line);align-content:start;gap:6px;padding:12px;display:grid}.tema-preview-sidebar button{text-align:left;cursor:default;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700}.tema-preview-content{padding:16px}.tema-preview-card{border:1px solid var(--line);border-radius:10px;gap:8px;padding:18px;display:grid}.tema-preview-card p{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:800}.tema-preview-card h3{margin:0;font-size:20px}.tema-preview-card span{font-size:13px}.tema-preview-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tema-preview-actions button{cursor:default;border-radius:6px;height:36px;padding:0 14px;font-size:13px;font-weight:700}.unit-alert.is-success{color:var(--success);background:#f0faf8;border-color:#b7e4de}.unit-header-card{background:linear-gradient(135deg, var(--surface) 0%, var(--primary-muted) 100%)}.topbar{color:var(--topbar-text)}.card,.home-toolbar,.home-stat-card,.unit-header-card,.unit-form-card,.unit-table-card,.master-tabs-card,.kalender-board,.kalender-sidebar,.leave-box,.unit-modal,.skp-card,.skp-indikator-card,.tema-preview-shell,.tema-preview-sidebar,.tema-preview-card{border-radius:var(--card-radius)}.card,.unit-header-card,.unit-form-card,.unit-table-card,.master-tabs-card{background:var(--surface)}.tema-size-field{grid-column:1/-1}.tema-size-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.tema-size-controls input[type=range]{min-width:180px;accent-color:var(--pink);flex:1}.tema-size-value{color:#555;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.tema-size-value input[type=number]{color:#444;width:72px;height:36px;font:inherit;background:#fff;border:1px solid #ededed;border-radius:5px;padding:0 10px}.tema-size-controls .ghost-button{height:36px;padding:0 12px}@media (width<=1100px){.tema-layout,.tema-color-grid{grid-template-columns:1fr}.tema-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identitas-layout{grid-template-columns:1fr}}@media (width<=640px){.tema-presets-grid{grid-template-columns:1fr}}.pengumuman-judul-cell{gap:4px;display:grid}.pengumuman-judul-cell em{width:fit-content;color:var(--pink);background:#fff1f2;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.pengumuman-sasaran-list{color:#555;gap:4px;font-size:13px;font-weight:600;display:grid}.status-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.is-success{color:#15803d;background:#dcfae7}.status-pill.is-warning{color:#c2410c;background:#fff7ed}.status-pill.is-muted{color:#6b7280;background:#f3f4f6}.checkbox-field{align-items:end;gap:10px;padding-bottom:10px;display:flex}.checkbox-field span{color:#555;font-size:14px;font-weight:700}.checkbox-field input{width:18px;height:18px;accent-color:var(--pink)}.pengumuman-sasaran-block{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;gap:14px;padding:16px;display:grid}.pengumuman-sasaran-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pengumuman-sasaran-head strong{color:#333;font-size:15px}.pengumuman-sasaran-row{background:#fff;border:1px solid #eee;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.pengumuman-sasaran-remove{grid-column:1/-1;justify-self:start}.pengumuman-mobile-hero{background:var(--pink);color:#fff;align-items:center;gap:12px;min-height:72px;padding:18px 16px 14px;display:flex}.pengumuman-mobile-hero h1{margin:0;font-size:22px;font-weight:800}.pengumuman-mobile-back,.pengumuman-mobile-hero-spacer{flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.pengumuman-mobile-back{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:50%}.pengumuman-mobile-body{padding:14px 14px 24px;position:absolute;inset:72px 0 67px;overflow:auto}.pengumuman-mobile-list{gap:10px;display:grid}.pengumuman-mobile-card{text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border:0;border-radius:12px;gap:8px;padding:14px 16px;display:grid;box-shadow:0 1px 8px #0000000a}.pengumuman-mobile-card.is-unread{box-shadow:0 0 0 1px rgba(var(--pink-rgb), .22), 0 1px 8px #0000000a}.pengumuman-mobile-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pengumuman-mobile-card-top time{color:#999;font-size:12px;font-weight:600}.pengumuman-mobile-card h2{color:#242424;margin:0;font-size:16px;font-weight:800;line-height:1.35}.pengumuman-mobile-card p{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.pengumuman-badge{color:var(--pink);background:#fff1f2;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.pengumuman-badge.is-new{color:#0369a1;background:#e1f5fc}.pengumuman-mobile-empty,.pengumuman-mobile-error,.pengumuman-mobile-loading{color:#777;text-align:center;background:#fff;border-radius:12px;padding:28px 16px;font-size:14px;font-weight:600}.pengumuman-mobile-error{color:#dc2626;background:#fff1f2}.pengumuman-mobile-detail{background:#fff;border-radius:12px;gap:14px;padding:16px;display:grid;box-shadow:0 1px 8px #0000000a}.pengumuman-mobile-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pengumuman-mobile-detail-meta time,.pengumuman-mobile-detail-meta span{color:#888;font-size:12px;font-weight:600}.pengumuman-mobile-detail h2{color:#242424;margin:0;font-size:22px;font-weight:800;line-height:1.3}.pengumuman-mobile-detail-body{color:#444;white-space:pre-wrap;font-size:15px;line-height:1.65}.profil-frame{background:#f4f5f7;flex-direction:column;display:flex}.profil-topbar{background:var(--pink);color:#fff;flex-shrink:0;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-height:56px;padding:10px 12px;display:grid}.profil-topbar h1{letter-spacing:.02em;text-align:center;margin:0;font-size:20px;font-weight:800}.biometri-page-title{letter-spacing:.01em;text-align:center;margin:0;font-size:17px;font-weight:800}.profil-topbar-spacer{width:40px;height:40px}.biometri-page-body{padding-top:8px}.biometri-page-lead{margin-bottom:12px!important}.profil-back,.profil-menu-button{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;display:grid}.profil-back:active,.profil-menu-button:active{background:#ffffff47}.profil-hero{background:linear-gradient(180deg, var(--pink) 0%, color-mix(in srgb, var(--pink) 82%, black) 100%);color:#fff;flex-shrink:0;padding:8px 16px 16px}.profil-hero-card{align-items:center;gap:14px;display:flex}.profil-avatar{color:#fff;background:#ffffff38;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:22px;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #fff3}.profil-avatar img{object-fit:cover;width:100%;height:100%}.profil-hero-copy{flex:1;min-width:0}.profil-hero-copy h2{margin:0;font-size:20px;font-weight:800;line-height:1.25}.profil-hero-copy p{opacity:.92;margin:4px 0 8px;font-size:13px;font-weight:600;line-height:1.35}.profil-hero-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profil-hero-meta>span:not(.profil-status){opacity:.9;font-size:12px;font-weight:600}.profil-status{background:#ffffff38;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.profil-status.is-inactive{background:#00000038}.profil-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.profil-stat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-radius:12px;gap:8px;padding:10px 8px;display:grid}.profil-stat svg{opacity:.9;font-size:14px}.profil-stat strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.profil-stat span{opacity:.85;margin-top:2px;font-size:10px;font-weight:600;display:block}.profil-tabs{z-index:2;background:#fff;border-radius:12px;flex-shrink:0;gap:6px;margin:0 12px;padding:4px;display:flex;position:relative;transform:translateY(-10px);box-shadow:0 4px 14px #00000014}.profil-tab{color:#888;min-width:0;font:inherit;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:0;border-radius:9px;flex:1;padding:11px 10px;font-size:13px;font-weight:800}.profil-tab.is-active{background:var(--primary-muted,#fff1f5);color:var(--pink)}.profil-body{flex:1;align-content:start;gap:12px;min-height:0;padding:2px 12px 96px;display:grid;position:relative;overflow:auto}.profil-state{color:#777;text-align:center;background:#fff;border-radius:14px;padding:24px 16px;font-size:14px;font-weight:600;box-shadow:0 1px 8px #0000000a}.profil-state.is-error{color:#dc2626;background:#fff1f2}.profil-section{background:#fff;border-radius:14px;padding:14px 14px 12px;box-shadow:0 1px 8px #0000000a}.profil-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.profil-section-head h2{color:#242424;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:inline-flex}.profil-section-head h2 svg{color:var(--pink);font-size:14px}.profil-dl{gap:0;margin:0;display:grid}.profil-row{border-top:1px solid #f3f3f3;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:10px;padding:9px 0;display:grid}.profil-row:first-child{border-top:0;padding-top:0}.profil-row dt{color:#888;margin:0;font-size:12px;font-weight:700}.profil-row dd{color:#242424;word-break:break-word;text-align:right;margin:0;font-size:13px;font-weight:700;line-height:1.35}.profil-empty{color:#999;margin:0;font-size:13px;font-weight:600}.profil-list{gap:10px;display:grid}.profil-list-card{background:#f8f9fb;border:1px solid #f0f0f0;border-radius:12px;gap:4px;padding:12px;display:grid}.profil-list-card.is-active{border-color:color-mix(in srgb, var(--pink) 35%, #f0f0f0);background:color-mix(in srgb, var(--pink) 6%, #fff)}.profil-list-card-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.profil-list-card-top strong{color:#242424;font-size:14px;font-weight:800;line-height:1.3}.profil-list-card-top em{color:#15803d;background:#dcfae7;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.profil-list-card-top em.is-muted{color:#6b7280;background:#f3f4f6}.profil-list-card p{color:#666;margin:0;font-size:12px;font-weight:600}.profil-list-card>span{color:#888;font-size:12px;font-weight:600}.profil-cuti-bars{color:#777;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.profil-cuti-meter{background:#e8e8e8;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.profil-cuti-meter i{border-radius:inherit;background:var(--pink);height:100%;display:block}.profil-biometric-list{margin-bottom:10px}.profil-biometric-card .profil-list-card-top{align-items:center}.profil-biometric-remove{color:#dc2626;cursor:pointer;background:#fff5f5;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.profil-biometric-add{border:1px dashed color-mix(in srgb, var(--pink) 40%, #ddd);background:color-mix(in srgb, var(--pink) 6%, #fff);width:100%;min-height:44px;color:var(--pink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:700;display:inline-flex}.profil-biometric-add:disabled{opacity:.7;cursor:not-allowed}.profil-actions{gap:8px;display:grid}.profil-action-link{color:#333;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.profil-action-link svg{color:var(--pink);width:16px}.profil-action-link.is-danger{color:#dc2626;background:#fff7f8;border-color:#ffe0e2}.profil-action-link.is-danger svg{color:#dc2626}.profil-action-link:disabled{opacity:.7;cursor:not-allowed}.profil-lokasi-map{border-radius:12px;overflow:hidden}.profil-lokasi-map .location-map{border-radius:12px}.profil-password-form{background:#fafafa;border:1px solid #eee;border-radius:12px;gap:12px;padding:14px;display:grid}.profil-password-form-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.profil-password-form-head strong{color:#242424;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.profil-password-form-head strong svg{color:var(--pink)}.profil-password-cancel{color:#888;font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.profil-password-form label{color:#555;gap:6px;font-size:13px;font-weight:700;display:grid}.profil-password-form input{color:#333;min-height:44px;font:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:0 12px;font-size:14px;font-weight:600}.profil-password-form input:focus{border-color:color-mix(in srgb, var(--pink) 55%, #ddd);box-shadow:0 0 0 3px rgba(var(--pink-rgb), .12);outline:none}.profil-password-alert{border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4}.profil-password-alert.is-error{color:#dc2626;background:#fff1f2}.profil-password-alert.is-success{color:#15803d;background:#dcfae7}.profil-password-submit{background:var(--pink);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;place-items:center;font-size:14px;font-weight:800;display:grid}.profil-password-submit:disabled{opacity:.7;cursor:not-allowed}.kehadiran-frame{background:#f4f5f7;flex-direction:column;display:flex}.kehadiran-topbar{background:var(--pink);color:#fff;flex-shrink:0;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-height:56px;padding:10px 12px;display:grid}.kehadiran-topbar h1{text-align:center;margin:0;font-size:20px;font-weight:800}.kehadiran-back,.kehadiran-topbar-spacer{place-items:center;width:40px;height:40px;display:grid}.kehadiran-back{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;font-size:16px}.kehadiran-back:active{background:#ffffff47}.kehadiran-body{flex:1;align-content:start;gap:12px;min-height:0;padding:12px 12px 96px;display:grid;position:relative;overflow:auto}.kehadiran-today-card,.kehadiran-toolbar,.kehadiran-day-group,.kehadiran-state{background:#fff;border-radius:14px;box-shadow:0 1px 8px #0000000a}.kehadiran-today-card{gap:14px;padding:14px;display:grid}.kehadiran-today-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.kehadiran-today-head p{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:12px;font-weight:700}.kehadiran-today-head strong{color:#242424;font-size:15px;font-weight:800;line-height:1.3}.kehadiran-today-head em{background:var(--primary-muted,#fff1f5);color:var(--pink);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-style:normal;font-weight:800}.kehadiran-today-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kehadiran-today-cell{text-align:center;font:inherit;cursor:default;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;gap:4px;padding:12px 10px;display:grid}.kehadiran-today-cell.is-clickable{cursor:pointer}.kehadiran-today-cell.is-clickable:active{background:#f3f3f3}.kehadiran-today-cell span{color:#888;font-size:12px;font-weight:700}.kehadiran-today-cell strong{color:#242424;font-size:24px;font-weight:800;line-height:1.1}.kehadiran-today-cell em{color:#666;font-size:12px;font-style:normal;font-weight:700}.kehadiran-today-actions{gap:8px;display:flex}.kehadiran-absensi-btn{background:var(--pink);color:#fff;min-height:42px;font:inherit;cursor:pointer;box-shadow:0 6px 14px rgba(var(--pink-rgb), .28);border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.kehadiran-today-done{color:#2f9c63;text-align:center;width:100%;margin:0;font-size:13px;font-weight:700}.kehadiran-toolbar{gap:12px;padding:12px;display:grid}.kehadiran-month-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.kehadiran-month-nav strong{color:#242424;text-transform:capitalize;font-size:15px;font-weight:800}.kehadiran-month-nav button{color:#555;cursor:pointer;background:#f3f3f3;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.kehadiran-month-nav button:disabled{opacity:.35;cursor:not-allowed}.kehadiran-filters{background:#f5f5f5;border-radius:12px;gap:6px;padding:4px;display:flex}.kehadiran-filters button{color:#888;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-size:13px;font-weight:800}.kehadiran-filters button.is-active{color:var(--pink);background:#fff;box-shadow:0 1px 4px #0000000f}.kehadiran-state{color:#888;text-align:center;justify-items:center;gap:8px;padding:28px 16px;font-size:14px;font-weight:600;display:grid}.kehadiran-state.is-error{color:#dc2626;background:#fff1f2}.kehadiran-list{gap:12px;display:grid}.kehadiran-day-group{gap:10px;padding:14px;display:grid}.kehadiran-day-head{justify-content:space-between;align-items:start;gap:8px;display:flex}.kehadiran-day-head strong{color:#242424;font-size:14px;font-weight:800;line-height:1.35}.kehadiran-day-head span{color:#999;flex-shrink:0;font-size:12px;font-weight:700}.kehadiran-day-summary{color:#777;gap:12px;font-size:12px;font-weight:600;display:flex}.kehadiran-day-summary b{color:#333;font-weight:800}.kehadiran-day-items{gap:8px;display:grid}.kehadiran-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.kehadiran-item-icon{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.kehadiran-item:active{background:#f3f3f3}.kehadiran-item-main{flex:1;gap:2px;min-width:0;display:grid}.kehadiran-item-main strong{color:#242424;font-size:14px;font-weight:800}.kehadiran-item-main span{color:#666;font-size:12px;font-weight:700}.kehadiran-item-meta{text-align:right;flex-shrink:0;gap:2px;display:grid}.kehadiran-item-meta time{color:#242424;font-size:15px;font-weight:800}.kehadiran-item-meta em{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;font-style:normal;font-weight:600;overflow:hidden}.izin-frame{background:#f4f5f7;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.izin-topbar{min-height:56px;padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));background:var(--pink);color:#fff;flex-shrink:0;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.izin-topbar h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(17px,4.8vw,20px);font-weight:800;line-height:1.2;overflow:hidden}.izin-back,.izin-add{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;display:grid}.izin-topbar-spacer{flex-shrink:0;width:40px;height:40px;display:block}.izin-back:active,.izin-add:active{background:#ffffff47}.izin-fab{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:5;background:var(--pink);color:#fff;min-height:48px;font:inherit;box-shadow:0 10px 24px rgba(var(--pink-rgb), .35);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex;position:absolute}.izin-fab:active{transform:scale(.98)}.izin-body{-webkit-overflow-scrolling:touch;min-width:0;min-height:0;padding:12px 12px calc(140px + env(safe-area-inset-bottom));flex:1;align-content:start;gap:12px;display:grid;position:relative;overflow:hidden auto}.izin-saldo-card,.izin-toolbar,.izin-card,.izin-state{background:#fff;border-radius:14px;min-width:0;box-shadow:0 1px 8px #0000000a}.izin-saldo-card{gap:12px;padding:14px;display:grid}.izin-saldo-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.izin-saldo-head strong{color:#242424;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(14px,3.8vw,15px);font-weight:800;overflow:hidden}.izin-saldo-head em{color:#999;flex-shrink:0;font-size:12px;font-style:normal;font-weight:700}.izin-saldo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.izin-saldo-item{background:#f8f9fb;border:1px solid #f0f0f0;border-radius:12px;gap:2px;min-width:0;padding:12px;display:grid}.izin-saldo-item span{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.izin-saldo-item strong{color:#242424;font-size:clamp(18px,5.5vw,22px);font-weight:800;line-height:1.1}.izin-saldo-item em{color:#999;font-size:11px;font-style:normal;font-weight:600}.izin-toolbar{padding:10px;overflow:hidden}.izin-filters{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;background:#f5f5f5;border-radius:12px;gap:6px;padding:4px;display:flex;overflow-x:auto}.izin-filters::-webkit-scrollbar{display:none}.izin-filters button{color:#888;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:0 12px;font-size:13px;font-weight:800}.izin-filters button.is-active{color:var(--pink);background:#fff;box-shadow:0 1px 4px #0000000f}.izin-state{color:#888;text-align:center;justify-items:center;gap:10px;padding:28px 16px;font-size:14px;font-weight:600;display:grid}.izin-state.is-error{color:#dc2626;background:#fff1f2}.izin-state-action{background:var(--pink);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:800}.izin-empty{color:#999;margin:0;font-size:13px;font-weight:600}.izin-list{gap:10px;min-width:0;display:grid}.izin-card{text-align:left;width:100%;min-width:0;font:inherit;cursor:pointer;border:0;gap:6px;padding:14px;display:grid}.izin-card:active{background:#fafafa}.izin-card-top{justify-content:space-between;align-items:start;gap:8px;min-width:0;display:flex}.izin-card-top strong{color:#242424;overflow-wrap:anywhere;flex:1;min-width:0;font-size:clamp(14px,3.8vw,15px);font-weight:800;line-height:1.3}.izin-card-top em,.izin-status-pill{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:999px;flex-shrink:0;max-width:42%;padding:3px 9px;font-size:11px;font-style:normal;font-weight:800;overflow:hidden}.izin-card-range{color:#555;overflow-wrap:anywhere;font-size:13px;font-weight:700}.izin-card-meta{color:#888;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.izin-card-meta>span{flex-shrink:0}.izin-card-meta em{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;font-style:normal;overflow:hidden}.izin-detail-dl{gap:12px;min-width:0;margin:0;display:grid}.izin-detail-dl>div{gap:4px;min-width:0;display:grid}.izin-detail-dl dt{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.izin-detail-dl dd{color:#242424;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.4}.izin-frame .mobile-sheet-panel{width:min(100%,100vw);max-width:100%;padding-bottom:max(22px, env(safe-area-inset-bottom))}.izin-form-sheet{max-height:min(92%, calc(100% - 24px - env(safe-area-inset-top)));-webkit-overflow-scrolling:touch;overflow-y:auto}.izin-form{gap:12px;min-width:0;display:grid}.izin-form label{color:#555;gap:6px;min-width:0;font-size:13px;font-weight:700;display:grid}.izin-form input,.izin-form select,.izin-form textarea{color:#333;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}.izin-form textarea{resize:vertical;min-height:88px}.izin-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.izin-preview{color:#166534;overflow-wrap:anywhere;background:#f0fdf4;border-radius:12px;gap:4px;padding:12px;font-size:13px;font-weight:600;display:grid}.izin-preview.is-warning{color:#c2410c;background:#fff7ed}.izin-form-alert{color:#dc2626;overflow-wrap:anywhere;background:#fff1f2;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:600}.izin-submit{background:var(--pink);color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:12px;place-items:center;font-size:15px;font-weight:800;display:grid}.izin-submit:disabled{opacity:.7;cursor:not-allowed}.izin-cancel-btn{color:#dc2626;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#fff7f8;border:1px solid #ffe0e2;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:800;display:inline-flex}.izin-cancel-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=380px){.izin-body{padding-left:10px;padding-right:10px}.izin-saldo-grid,.izin-form-row{grid-template-columns:1fr}.izin-card-meta{flex-direction:column;align-items:flex-start}.izin-card-meta em{max-width:100%}.izin-card-top em,.izin-status-pill{max-width:48%}}@media (width<=460px){.izin-frame{height:100%;min-height:100dvh}}@media (height<=700px) and (orientation:landscape){.izin-topbar{min-height:48px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:6px}.izin-body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.izin-saldo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.izin-form-sheet{max-height:min(96%,100% - 12px)}}@media (width>=461px){.izin-frame.phone-frame{max-width:430px}}.confirm-modal-backdrop{z-index:80}.confirm-modal{width:min(420px,100%);max-height:none;padding:0;overflow:visible}.confirm-modal__header{justify-content:space-between;align-items:flex-start;padding:22px 22px 0;display:flex}.confirm-modal__icon{color:#ef4444;background:#fff1f2;border-radius:14px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.confirm-modal--primary .confirm-modal__icon{background:var(--primary-muted,#fdf2f8);color:var(--pink,#db2777)}.confirm-modal__close{color:#555;cursor:pointer;background:#f7f7f7;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.confirm-modal__body{padding:16px 22px 8px}.confirm-modal__body h2{color:#222;letter-spacing:-.02em;margin:0 0 8px;font-size:20px}.confirm-modal__body p{color:#666;margin:0;font-size:15px;line-height:1.55}.confirm-modal__actions{justify-content:flex-end;gap:10px;padding:18px 22px 22px;display:flex}.confirm-modal__cancel,.confirm-modal__confirm{min-width:96px;height:42px;font:inherit;cursor:pointer;border:0;border-radius:5px;padding:0 16px;font-weight:700}.confirm-modal__cancel{color:#444;background:#f3f4f6}.confirm-modal__confirm--danger{color:#fff;background:#ef4444;box-shadow:0 8px 18px #ef44443d}.confirm-modal__confirm--primary{background:var(--pink,#db2777);color:#fff;box-shadow:0 8px 18px rgba(var(--pink-rgb,219, 39, 119), .24)}@media (width<=480px){.confirm-modal-backdrop{align-items:flex-end;padding:16px}.confirm-modal{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}.confirm-modal__actions{grid-template-columns:1fr 1fr;display:grid}.confirm-modal__cancel,.confirm-modal__confirm{width:100%}}.kalender-mobile-frame{background:#f4f5f7;flex-direction:column;display:flex}.kalender-mobile-body{flex:1;align-content:start;gap:12px;min-height:0;padding:12px 12px 96px;display:grid;position:relative;overflow:auto}.kalender-mobile-board,.kalender-mobile-day-panel,.kalender-mobile-legend,.kalender-mobile-state{background:#fff;border-radius:14px;box-shadow:0 1px 8px #0000000a}.kalender-mobile-board{gap:12px;padding:14px;display:grid}.kalender-mobile-toolbar{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;display:grid}.kalender-mobile-toolbar>button{color:#555;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.kalender-mobile-month{justify-items:center;gap:4px;display:grid}.kalender-mobile-month strong{color:#242424;text-align:center;font-size:17px;font-weight:800}.kalender-mobile-today-btn{color:var(--pink);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.kalender-mobile-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.kalender-mobile-weekdays span{color:#999;text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.kalender-mobile-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.kalender-mobile-cell{color:#444;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-content:start;justify-items:center;gap:4px;min-height:46px;padding:6px 2px 4px;display:grid}.kalender-mobile-cell.is-empty{pointer-events:none;min-height:46px}.kalender-mobile-cell.is-today{background:#fff7fa}.kalender-mobile-cell.is-selected{border-color:var(--pink);box-shadow:0 0 0 2px rgba(var(--pink-rgb), .12);background:#fff}.kalender-mobile-day{border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.kalender-mobile-cell.is-today .kalender-mobile-day{background:var(--pink);color:#fff}.kalender-mobile-cell.is-selected:not(.is-today) .kalender-mobile-day{color:var(--pink)}.kalender-mobile-dots{justify-content:center;gap:3px;min-height:6px;display:flex}.kalender-mobile-dots i{border-radius:50%;width:5px;height:5px}.kalender-mobile-count{color:#888;text-align:center;margin:0;font-size:12px;font-weight:600}.kalender-mobile-day-panel{gap:12px;padding:14px;display:grid}.kalender-mobile-day-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.kalender-mobile-day-head p{color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:12px;font-weight:700}.kalender-mobile-day-head strong{color:#242424;font-size:16px;line-height:1.35}.kalender-mobile-day-head em{background:var(--primary-muted,#fdf2f8);color:var(--pink);border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700}.kalender-mobile-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kalender-mobile-item{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #f1f1f1;border-radius:12px;grid-template-columns:10px minmax(0,1fr);gap:10px;width:100%;padding:12px;display:grid}.kalender-mobile-item:active{background:#f3f3f3}.kalender-mobile-item-dot{border-radius:50%;width:10px;height:10px;margin-top:5px}.kalender-mobile-item-copy{gap:3px;min-width:0;display:grid}.kalender-mobile-item-copy strong{color:#333;font-size:14px}.kalender-mobile-item-copy span{color:#777;font-size:12px;font-weight:600}.kalender-mobile-item-copy em{color:#999;font-size:12px;font-style:normal;font-weight:600}.kalender-mobile-state{color:#888;text-align:center;padding:18px 14px;font-size:13px;font-weight:600}.kalender-mobile-state.is-error{color:#b91c1c;background:#fef2f2}.kalender-mobile-legend{padding:14px}.kalender-mobile-legend>p{color:#999;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:700}.kalender-mobile-legend-list{flex-wrap:wrap;gap:8px 12px;display:flex}.kalender-mobile-legend-list span{color:#555;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.kalender-mobile-legend-list i{border-radius:3px;width:10px;height:10px}.kalender-mobile-detail{gap:14px;margin:0;display:grid}.kalender-mobile-detail div{gap:4px;display:grid}.kalender-mobile-detail dt{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.kalender-mobile-detail dd{color:#333;margin:0;font-size:15px;font-weight:600;line-height:1.45}.kalender-mobile-jenis-pill{color:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=460px){.kalender-mobile-body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (width>=461px){.kalender-mobile-frame.phone-frame{max-width:430px}}.home-pengumuman-panel{gap:12px;min-height:140px;display:grid;height:auto!important}.home-pengumuman-empty{color:silver;margin:8px 0 0;font-size:14px;font-weight:600}.home-pengumuman-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.home-pengumuman-item{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f2f2f2;gap:4px;width:100%;padding:10px 0 0;display:grid}.home-pengumuman-item:first-child{border-top:0;padding-top:0}.home-pengumuman-item-head{align-items:center;gap:8px;min-width:0;display:flex}.home-pengumuman-item-head strong{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.home-pengumuman-item-head em{color:var(--pink);background:#fff1f2;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800}.home-pengumuman-dot{background:var(--pink);border-radius:50%;flex-shrink:0;width:8px;height:8px}.home-pengumuman-item>span{color:#999;font-size:12px;font-weight:600;line-height:1.4}.persetujuan-panel{gap:16px;display:grid}.persetujuan-toolbar{z-index:5;background:#fff;border:1px solid #f0f0f0;border-radius:12px;grid-template-columns:minmax(140px,180px) minmax(140px,180px) minmax(220px,1.2fr) minmax(180px,1fr);align-items:end;gap:14px;padding:16px 18px;display:grid;position:relative;overflow:visible}.persetujuan-toolbar:has(.searchable-select-control.open){z-index:40}.persetujuan-unit-filter{z-index:2;min-width:0;position:relative;overflow:visible}.persetujuan-unit-filter .filter-join-label{margin-bottom:0}.persetujuan-unit-filter .filter-join-control,.persetujuan-unit-filter .searchable-select{width:100%;min-width:0;overflow:visible}.persetujuan-unit-filter .searchable-select-control.open{z-index:50}.persetujuan-unit-filter .searchable-select-dropdown{z-index:60}.persetujuan-search{color:#666;gap:8px;font-size:13px;font-weight:700;display:grid}.persetujuan-search input{height:42px;font:inherit;border:1px solid #ededed;border-radius:5px;padding:0 12px}.persetujuan-list-card{z-index:1;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px 18px 18px;position:relative}.persetujuan-list-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.persetujuan-list-head strong{color:#242424;align-items:center;gap:8px;font-size:16px;display:inline-flex}.persetujuan-list-head span{color:#888;font-size:13px;font-weight:700}.persetujuan-list{gap:8px;display:grid}.persetujuan-row{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.persetujuan-row:hover,.persetujuan-row.is-active{background:#fff8fa;border-color:#f5c2d1}.persetujuan-type-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.persetujuan-row-main{gap:2px;min-width:0;display:grid}.persetujuan-row-main strong{color:#242424;font-size:15px}.persetujuan-row-main span{color:#444;font-size:13px;font-weight:600}.persetujuan-row-main em{color:#888;font-size:12px;font-style:normal}.persetujuan-row-meta{justify-items:end;gap:6px;display:grid}.persetujuan-status{color:#4338ca;background:#eef2ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.persetujuan-row-meta time{color:#999;font-size:12px}.persetujuan-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.persetujuan-pagination button{background:var(--primary-muted);width:36px;height:36px;color:var(--pink);cursor:pointer;border-radius:8px;place-items:center;display:grid}.persetujuan-pagination button:disabled{opacity:.45;cursor:not-allowed}.unit-modal.persetujuan-detail-modal{flex-direction:column;width:min(560px,100vw - 24px);max-height:min(92vh,100dvh - 24px);display:flex;overflow:hidden}.unit-modal.persetujuan-detail-modal .modal-header{flex-shrink:0;align-items:flex-start;gap:12px}.unit-modal.persetujuan-detail-modal .modal-header>div{flex:1;min-width:0}.unit-modal.persetujuan-detail-modal .modal-header h2{overflow-wrap:anywhere;word-break:break-word;font-size:clamp(18px,2.4vw,24px);line-height:1.25}.persetujuan-detail-body{-webkit-overflow-scrolling:touch;gap:16px;min-width:0;padding:18px 20px 20px;display:grid;overflow:hidden auto}.persetujuan-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.persetujuan-detail-meta div{gap:4px;min-width:0;display:grid}.persetujuan-detail-meta .wide{grid-column:1/-1}.persetujuan-detail-meta dt{color:#888;font-size:12px;font-weight:700}.persetujuan-detail-meta dd{color:#242424;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.45}.persetujuan-reject-field{color:#555;gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.persetujuan-reject-field textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:88px;font:inherit;resize:vertical;border:1px solid #ededed;border-radius:8px;padding:10px 12px}.persetujuan-detail-actions{background:linear-gradient(#fff0,#fff 28%);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0 -4px;padding-top:8px;display:flex;position:sticky;bottom:0}.persetujuan-detail-actions button,.persetujuan-detail-actions .danger-button,.persetujuan-detail-actions .ghost-button{background:var(--pink);color:#fff;cursor:pointer;border-radius:8px;flex:140px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.persetujuan-detail-actions .ghost-button{background:var(--primary-muted);color:var(--pink)}.persetujuan-detail-actions .danger-button{color:#fff;background:#ef4444}.persetujuan-detail-actions button:disabled,.persetujuan-detail-actions .danger-button:disabled,.persetujuan-detail-actions .ghost-button:disabled{opacity:.65;cursor:not-allowed}.danger-button{background:#ef4444}.persetujuan-mobile-toolbar{z-index:5;gap:12px;display:grid;position:relative;overflow:visible}.persetujuan-mobile-toolbar:has(.searchable-select-control.open){z-index:40}.persetujuan-mobile-unit{z-index:2;min-width:0;position:relative;overflow:visible}.persetujuan-mobile-unit .filter-join-control{width:100%;overflow:visible}.persetujuan-mobile-unit .searchable-select,.persetujuan-mobile-unit .join-item:first-child{flex:1;width:100%;min-width:0;overflow:visible}.persetujuan-mobile-unit .searchable-select-control.open{z-index:50}.persetujuan-mobile-unit .searchable-select-dropdown{z-index:60}.persetujuan-mobile-list{z-index:1;gap:10px;padding:0 12px 24px;display:grid;position:relative}.persetujuan-mobile-card{width:100%;min-width:0}.persetujuan-mobile-pemohon{color:#444;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;font-weight:700}.persetujuan-mobile-sheet{width:100%;max-width:100%;max-height:min(92%, calc(100% - 24px - env(safe-area-inset-top,0px)));min-height:0;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;overflow:hidden}.persetujuan-mobile-sheet-title{flex:1;min-width:0}.persetujuan-mobile-sheet-title strong{overflow-wrap:anywhere;word-break:break-word;line-height:1.3;display:block}.persetujuan-mobile-sheet-body{-webkit-overflow-scrolling:touch;gap:12px;min-width:0;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.persetujuan-mobile-sheet .izin-form-error{color:#b91c1c;overflow-wrap:anywhere;background:#fef2f2;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.persetujuan-mobile-sheet .izin-form-field{color:#555;gap:6px;min-width:0;font-size:13px;font-weight:700;display:grid}.persetujuan-mobile-sheet .izin-form-field textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:88px;font:inherit;resize:vertical;border:1px solid #ededed;border-radius:10px;padding:10px 12px}.persetujuan-mobile-actions{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;padding-top:4px;display:grid}.persetujuan-mobile-actions .izin-cancel-btn,.persetujuan-approve-btn,.persetujuan-reject-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;min-height:48px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.persetujuan-approve-btn{color:#fff;background:#22c55e}.persetujuan-reject-btn{color:#fff;background:#ef4444}.persetujuan-approve-btn:disabled,.persetujuan-reject-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.persetujuan-toolbar,.persetujuan-row{grid-template-columns:1fr}.persetujuan-row-meta{justify-items:start}}@media (width<=640px){.modal-backdrop:has(.persetujuan-detail-modal){align-items:end;padding:0}.unit-modal.persetujuan-detail-modal{border-radius:18px 18px 0 0;width:100%;max-height:min(94dvh,100%)}.persetujuan-detail-meta{grid-template-columns:1fr}.persetujuan-detail-body{padding:14px 16px max(16px, env(safe-area-inset-bottom,0px))}.persetujuan-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.persetujuan-detail-actions button,.persetujuan-detail-actions .danger-button,.persetujuan-detail-actions .ghost-button{flex:none;width:100%}}@media (width<=380px){.persetujuan-mobile-actions{grid-template-columns:1fr}}.notifikasi-frame.phone-frame{flex-direction:column;display:flex}.notifikasi-hero{background:var(--pink);color:#fff;align-items:center;gap:12px;padding:18px 16px 14px;display:flex}.notifikasi-hero h1{margin:0;font-size:22px;font-weight:800;line-height:1.15}.notifikasi-hero p{opacity:.9;margin:3px 0 0;font-size:13px;font-weight:600}.notifikasi-back,.notifikasi-mark-all{color:#fff;cursor:pointer;background:#fff3;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.notifikasi-back{border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:16px}.notifikasi-mark-all{white-space:nowrap;border-radius:999px;height:36px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:700}.notifikasi-mark-all:disabled{opacity:.45;cursor:default}.notifikasi-body{-webkit-overflow-scrolling:touch;flex:1;padding:14px 14px 88px;overflow-y:auto}.notifikasi-state{text-align:center;color:#888;margin:24px 8px;font-size:14px;font-weight:600}.notifikasi-state.is-error{color:#dc2626}.notifikasi-empty{color:#aaa;text-align:center;justify-items:center;gap:8px;margin-top:64px;display:grid}.notifikasi-empty svg{opacity:.5;font-size:34px}.notifikasi-empty strong{color:#555;font-size:16px}.notifikasi-empty span{font-size:13px;font-weight:600}.notifikasi-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notifikasi-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:14px 12px;display:flex;box-shadow:0 1px 4px #0000000a}.notifikasi-card.is-unread{background:#fff8fa;border-color:#ffe0ea}.notifikasi-card-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.notifikasi-card.tone-approval .notifikasi-card-icon{color:#1f9d57;background:#e8f5ee}.notifikasi-card.tone-announce .notifikasi-card-icon{color:#e8670a;background:#fff1e8}.notifikasi-card.tone-reminder .notifikasi-card-icon{color:#2b7bb9;background:#eaf4ff}.notifikasi-card.tone-system .notifikasi-card-icon,.notifikasi-card.tone-umum .notifikasi-card-icon{color:#666;background:#f3f3f3}.notifikasi-card-copy{flex:1;gap:3px;min-width:0;display:grid}.notifikasi-card-copy strong{color:#1f1f1f;font-size:14px;font-weight:800;line-height:1.3}.notifikasi-card-copy em{color:#666;font-size:12px;font-style:normal;font-weight:600;line-height:1.4}.notifikasi-card-copy time{color:#aaa;font-size:11px;font-weight:600}.notifikasi-card-delete{color:#bbb;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.notifikasi-card-delete:hover{color:#888;background:#f5f5f5}.home-notify-card.tone-system .home-notify-icon,.home-notify-card.tone-umum .home-notify-icon{color:#666;background:#f3f3f3}.pwa-update-toast{z-index:100;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));color:#fff;background:#1f1f1f;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:12px 14px;font-size:13px;font-weight:700;animation:.3s pwa-toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.pwa-update-toast span{flex:1;min-width:0}.pwa-update-toast button{background:var(--pink);color:#fff;cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:800}.pwa-update-toast .pwa-update-dismiss{background:#ffffff24}@keyframes pwa-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.muted-cell{color:#888;font-size:12px;font-weight:600}.table-count-link{border:1px solid color-mix(in srgb, var(--pink) 35%, #ddd);background:color-mix(in srgb, var(--pink) 8%, #fff);min-width:36px;color:var(--pink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-weight:800;display:inline-flex}.table-count-link:hover{background:color-mix(in srgb, var(--pink) 16%, #fff)}.rbac-active-filter{background:#fff7f9;border:1px solid #ffd6e2;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.rbac-active-filter button{color:var(--pink);cursor:pointer;background:0 0;border:0;font-weight:800}.rbac-filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.rbac-filters label{color:#666;gap:4px;font-size:12px;font-weight:700;display:grid}.rbac-filters input{border:1px solid #ddd;border-radius:8px;min-width:160px;padding:8px 10px}.rbac-role-chips{flex-wrap:wrap;gap:6px;display:flex}.rbac-chip{color:#444;background:#f3f4f6;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.rbac-role-modal{width:min(1100px,96vw);max-height:92vh;overflow:auto}.rbac-form-layout{gap:16px;display:grid}.rbac-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rbac-form-grid label{color:#555;gap:6px;font-size:13px;font-weight:700;display:grid}.rbac-form-grid input{border:1px solid #e5e5e5;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.rbac-form-actions{justify-content:flex-end;gap:10px;padding-bottom:8px;display:flex}.rbac-role-picker-page{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;max-height:none;display:grid}.rbac-matrix-page{border:0;border-radius:0;max-height:none}.rbac-role-fields{margin-bottom:12px}.rbac-matrix-wrap h4{margin:0 0 8px;font-size:14px}.rbac-matrix-scroll{border:1px solid #eee;border-radius:12px;max-height:48vh;overflow:auto}.rbac-matrix{border-collapse:collapse;width:100%;font-size:12px}.rbac-matrix th,.rbac-matrix td{text-align:center;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:8px 10px}.rbac-matrix th:first-child,.rbac-matrix td:first-child{text-align:left;z-index:1;background:#fff;position:sticky;left:0}.rbac-matrix thead th{z-index:2;background:#fafafa;font-weight:800;position:sticky;top:0}.rbac-matrix thead th:first-child{z-index:3}.rbac-module-toggle{color:#222;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.rbac-module-label{color:#222;font-weight:800}.rbac-col-toggle{cursor:pointer;flex-direction:column;align-items:center;gap:6px;font-weight:800;display:inline-flex}.rbac-col-toggle input{width:16px;height:16px;accent-color:var(--pink)}.rbac-row-all-head{min-width:64px}.rbac-row-all-cell{background:#fafafa}.rbac-check-cell input{width:16px;height:16px;accent-color:var(--pink)}.rbac-na{color:#ccc}.rbac-khusus-cell{min-width:180px;text-align:left!important}.rbac-khusus-list{gap:4px;display:grid}.rbac-khusus-list label{color:#444;align-items:center;gap:6px;font-weight:600;display:inline-flex}.rbac-khusus-list label.is-disabled{opacity:.45}.rbac-role-picker{gap:8px;display:grid}.rbac-role-picker-label{font-size:13px;font-weight:700}.rbac-role-picker-list{border:1px solid #eee;border-radius:10px;gap:6px;max-height:200px;padding:10px;display:grid;overflow:auto}.rbac-role-picker-list label{align-items:center;gap:8px;font-weight:600;display:inline-flex}.form-grid .span-2{grid-column:span 2}.form-error{color:#dc2626;font-size:13px;font-weight:600}.form-success{color:#15803d;font-size:13px;font-weight:600}.rbac-user-perm-summary{gap:16px;display:grid}.rbac-user-perm-summary strong{margin-bottom:8px;font-size:13px;display:block}.rbac-via-roles-note{margin:0 0 8px}.rbac-chip.is-via-role{color:#1d4ed8;background:#eef6ff}.rbac-check-cell input.is-via-role{outline-offset:1px;outline:2px solid #3b82f673}.table-name-link{color:inherit;text-decoration:none}.table-name-link:hover strong{color:var(--pink)}.user-detail-stat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.user-detail-stat{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;gap:4px;padding:14px 12px;display:grid}.user-detail-stat strong{color:#222;font-size:22px}.user-detail-stat span{color:#777;font-size:12px;font-weight:700}.user-detail-section-head h2{align-items:center;gap:8px;display:inline-flex}.user-detail-section-head h2 svg{color:var(--pink)}.user-detail-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.user-detail-row{border-bottom:1px solid #f3f3f3;grid-template-columns:140px 1fr;gap:10px;padding:10px 0;display:grid}.user-detail-row dt{color:#888;font-size:12px;font-weight:700}.user-detail-row dd{color:#333;word-break:break-word;margin:0;font-size:14px;font-weight:600}.user-detail-row dd a{color:var(--pink);font-weight:700}.user-detail-list{gap:10px;display:grid}.user-detail-list-card{background:#fafafa;border:1px solid #eee;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.user-detail-list-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-detail-list-card-top a{color:var(--pink);font-size:12px;font-weight:800}.user-detail-list-card span,.user-detail-list-card p{color:#666;margin:0;font-size:12px;font-weight:600}.user-detail-list-card em.is-ok{color:#15803d;font-size:12px;font-style:normal;font-weight:800}.user-detail-list-card em.is-muted{color:#999;font-size:12px;font-style:normal;font-weight:800}.user-detail-perm-meta{color:#666;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.user-detail-perm-groups{gap:14px;display:grid}.user-detail-perm-group h3{text-transform:capitalize;margin:0 0 8px;font-size:13px}.rbac-chip.is-direct{color:var(--pink);background:#fff0f5}.rbac-chip.is-both{color:#7c3aed;background:#f3e8ff}.user-detail-legend{margin:12px 0 0}@media (width<=800px){.user-detail-dl{grid-template-columns:1fr}.user-detail-row{grid-template-columns:1fr;gap:4px}}.admin-auth-page{background:radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--pink) 18%, transparent), transparent 50%), radial-gradient(ellipse at 90% 100%, color-mix(in srgb, var(--pink) 12%, transparent), transparent 45%), linear-gradient(160deg, #f8f4f6 0%, #fff 45%, #f3eef1 100%);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.admin-auth-card{background:#fff;border:1px solid #efe6ea;border-radius:20px;width:min(440px,100%);overflow:hidden;box-shadow:0 24px 60px #280a1814}.admin-auth-brand{background:linear-gradient(135deg, var(--pink) 0%, color-mix(in srgb, var(--pink) 75%, #9b1d45) 100%);color:#fff;align-items:center;gap:14px;padding:22px 24px;display:flex}.admin-auth-brand img{object-fit:contain;background:#ffffff2e;border-radius:12px;width:48px;height:48px;padding:6px}.admin-auth-brand p{opacity:.9;margin:0;font-size:12px;font-weight:600}.admin-auth-brand h1{letter-spacing:.01em;margin:2px 0 0;font-size:22px;font-weight:800}.admin-auth-form{gap:14px;padding:24px;display:grid}.admin-auth-form h2{color:#2b1f24;margin:0;font-size:20px;font-weight:800}.admin-auth-form>p{color:#8a7d84;margin:-6px 0 4px;font-size:13px;line-height:1.5}.admin-auth-field{gap:6px;display:grid}.admin-auth-field>span{color:#6d5f66;font-size:12px;font-weight:700}.admin-auth-input{background:#fff;border:1.5px solid #e8dfe2;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.admin-auth-input:focus-within{border-color:color-mix(in srgb, var(--pink) 55%, #e8dfe2);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 14%, transparent)}.admin-auth-input svg{color:#b0a4aa;flex-shrink:0}.admin-auth-input input{color:#2b1f24;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.admin-auth-eye{color:#9a8e95;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.admin-auth-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.admin-auth-remember{color:#6d5f66;align-items:center;gap:8px;font-weight:600;display:inline-flex}.admin-auth-row a{color:var(--pink);font-weight:700;text-decoration:none}.admin-auth-submit{background:linear-gradient(135deg, var(--pink) 0%, color-mix(in srgb, var(--pink) 75%, #9b1d45) 100%);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:15px;font-weight:800;display:inline-flex}.admin-auth-submit:disabled{opacity:.72;cursor:not-allowed}.admin-auth-error,.admin-auth-success{border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4}.admin-auth-error{color:#be123c;background:#fff1f2}.admin-auth-success{color:#047857;background:#ecfdf5}.admin-auth-back{color:#8a7d84;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.admin-auth-loading{color:#8a7d84;place-items:center;min-height:100vh;font-weight:600;display:grid}.admin-impersonation-banner{z-index:40;color:#fff;background:#1f2937;align-items:center;gap:12px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;position:sticky;top:0}.admin-impersonation-banner button{color:#1f2937;cursor:pointer;background:#fff;border:0;border-radius:8px;margin-left:auto;padding:6px 12px;font-weight:800}.topbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.topbar .profile img{object-fit:cover;width:100%;height:100%}.topbar-logout{color:inherit;cursor:pointer;background:0 0;border:1.5px solid #ffffff8c;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.topbar-logout:hover{background:#ffffff24}.unit-modal.lokasi-map-edit-modal{width:min(1100px,100%)}.lokasi-map-edit-subtitle{color:#777;margin-top:6px;font-size:13px;font-weight:500;display:block}.lokasi-map-edit-body{gap:14px;padding:20px 26px 26px;display:grid}.lokasi-map-bulk-editor-canvas{min-height:420px}.lokasi-map-marker.is-editable .lokasi-map-marker-pin{cursor:grab}.lokasi-map-marker.is-editable .lokasi-map-marker-pin:active,.lokasi-map-marker.is-editable.is-saving .lokasi-map-marker-pin{cursor:grabbing;opacity:.82}.lokasi-map-popup-hint{color:#888;margin-top:6px;font-size:12px;display:block}.lokasi-map-edit-list{border-top:1px solid #f0f0f0;gap:8px;max-height:160px;margin:0;padding:12px 0 0;list-style:none;display:grid;overflow:auto}.lokasi-map-edit-list li{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:baseline;gap:10px;font-size:13px;display:grid}.lokasi-map-edit-list strong{color:#444}.lokasi-map-edit-list span{color:#777;font-variant-numeric:tabular-nums}.lokasi-map-edit-list em{color:var(--pink);font-size:12px;font-style:normal;font-weight:700}.lokasi-map-edit-list li.is-dirty strong{color:var(--pink)}.lokasi-map-edit-actions{justify-content:flex-end;margin:0;padding-top:4px}