.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@font-face{font-family:Riyal;src:url(data:font/woff2;base64,d09GMk9UVE8AAAKEAAkAAAAABTwAAAI+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYIsBmAALAE2AiQDCAQGBYRbByAbmgTILgt4auWwq0mp1sGRujS1TBqMuZ3+cT4/jATP11h7fwUzqVJJ5pmbTjPJLCKWvVuiRNoN00/s74/5/qLDMqjOk0aRbUnjEY7KxiNcN0AMDnei1TVdq9kT+VtdUMGrLydGvrtgaPqeBcfkRYKVHo4G8urLpgaMwsj3aYMOOCJ5NvANdL7bep4/NAgrYhCDfMAxVrVcKLdGMIKIpI6Wx+naj0UfASRS/5FWSNah0oTKxrnIbEoB5tJLARYz93JICwesSEqhQm/40IQtJusZl8qXce7Qb5RtllAA4sCImOdoXbzjnye8/d5OS6v8OksKenP5fPK2+5Hw94oP/h6w/+4yjndBEFwJf3xJc0NCM/1ivVEkueiDqr7TjvD0CmJu0Y0Ec9LNjYvKjPwtLC7e93n3tHd3fn6bcDnn7OFo59idJOyDVL77TX8VPaekofU62gMPalOdALbqMPInUZCOAArBdAL8FWeflX+gKJGQ+LpXAQSNACkYKgCDQaDi5w56+wEBjBbo9fQLSWbPkxSGAW/d5YBeG7m0jqiAOFvXWE52NTROVMOAQpXcgKJCY4NgAYp40qFJZw+GVGpgSWYWcaTQx+P5eAJoIk2iyTSFptI0lqFRSeZYNGISAUU3ICRhoUgjD5oybmEoohOWPJYQRwFTPN7yBNBEmkSTaQpNpWk8wwozDZdVDDHKjElzu7/HyFOkT400nUcs2WuFaqWKKw+l7/03MEmeDl3KNGmgooM2Oit8Qm2q6BJrHywEAAA=) format("woff2"),url(data:font/woff;base64,T1RUTwAJAIAAAwAQQ0ZGICLOzwkAAAQIAAABLE9TLzKLY4f+AAABAAAAAGBjbWFwAAwg9AAAA7wAAAAsaGVhZC7bKzgAAACcAAAANmhoZWED6QOCAAAA1AAAACRobXR4Bv4AAAAABTQAAAAIbWF4cAACUAAAAAD4AAAABm5hbWVgtji8AAABYAAAAltwb3N0AAMAAAAAA+gAAAAgAAEAAAABAABVY3ZuXw889QADA+gAAAAA5iNzOAAAAADmI3M4AAAAAAN+A+gAAAADAAIAAAAAAAAAAQAAA+gAAAAAA38AAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAIAAFAAAAIAAAADA38BkAAFAAACigK7AAAAjAKKArsAAAHfADEBAgAAAAAAAAAAAAAAAAAAAAEAAAACAAAAAAAAAABYWFhYAEAgwSDBA+gAAAAAA+gAAAAAAAEAAAAAAfQD6AAAAAAAAAAAACIBngABAAAAAAAAAAEAKQABAAAAAAABAAUAAAABAAAAAAACAAcADwABAAAAAAADAA8AkAABAAAAAAAEAA0AJAABAAAAAAAFAAsAbwABAAAAAAAGAAwASwABAAAAAAAHAAEAKQABAAAAAAAIAAEAKQABAAAAAAAJAAEAKQABAAAAAAAKAAEAKQABAAAAAAALAAEAKQABAAAAAAAMAAEAKQABAAAAAAANAAEAKQABAAAAAAAOAAEAKQABAAAAAAAQAAUAAAABAAAAAAARAAcADwADAAEECQAAAAIAOwADAAEECQABAAoABQADAAEECQACAA4AFgADAAEECQADAB4AnwADAAEECQAEABoAMQADAAEECQAFABYAegADAAEECQAGABgAVwADAAEECQAHAAIAOwADAAEECQAIAAIAOwADAAEECQAJAAIAOwADAAEECQAKAAIAOwADAAEECQALAAIAOwADAAEECQAMAAIAOwADAAEECQANAAIAOwADAAEECQAOAAIAOwADAAEECQAQAAoABQADAAEECQARAA4AFlJpeWFsAFIAaQB5AGEAbFJlZ3VsYXIAUgBlAGcAdQBsAGEAclJpeWFsIFJlZ3VsYXIAUgBpAHkAYQBsACAAUgBlAGcAdQBsAGEAclJpeWFsUmVndWxhcgBSAGkAeQBhAGwAUgBlAGcAdQBsAGEAclZlcnNpb24gMC4xAFYAZQByAHMAaQBvAG4AIAAwAC4AMSA6Uml5YWwgUmVndWxhcgAgADoAUgBpAHkAYQBsACAAUgBlAGcAdQBsAGEAcgAAAAABAAMAAQAAAAwABAAgAAAABAAEAAEAACDB//8AACDB///fQAABAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAEAQABAQENUml5YWxSZWd1bGFyAAEBASf4GwD4HAL4HQP4HgSLi/p8+hMFHQAAAHYPHQAAAHkRix0AAAEsEgAFAQEMGR4lLFZlcnNpb24gMC4xUml5YWwgUmVndWxhclJpeWFsUmVndWxhcnVuaTIwQzEAAAABiwACAQEErvoTDvoT+MH3BhWLiwV7aIBlh2MI9+bTBZuulrGPswj75kMF98f3QRWbrpaxj7MI+5tTBYv3AAX3fLwFm6+WsY+zCPubUwWL+BcFYnVnbW5nCIv71QUidQWL+HgFY3RnbW5nCIv8NwX7gFkFe2iAZYdjCPeexAWL+xwF+7FPBXtngGWHYwj3vssFpJCgmZmfCMLcBYuLBZGUjpWLlgiL9wsF9KEFi/trBffm0wUOA38AAAN/AAA=) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20C1}@font-face{font-family:Riyal;src:url(data:font/woff2;base64,d09GMk9UVE8AAAJcAAkAAAAABRAAAAIYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYIjBmAALAE2AiQDCAQGBYQ3ByAbbQTIjtRG+UoGEjxfa+X7PdMLgBN2zOUJFBF1AEizRJSpOHJbUVHLdzXw7/9z7/j/2mBLL0aBXPXauGgD7kFP4zZYJ+Bta3JgeYBZOzueGNQvMsggGS79yuRLBFsQEd+UZdvmrRy/ZuVCRKRXM0+zoJpFq1myjWnvbMd1EVgVLgJro6YI0i2GFgmk8uWe30ysb+9+jKATfLQ9Nq1e1r/vhH6AGJSI/TD5Q/hE823DlTRG71i6d9GRBZ5G5Ye+/vDSk9PPPB2VCbrxuTEuOf52fao2DXRj5wt9/VHe2Uzr+ZuWrFq9xGM6fuqum8S+VS/YWNY5RHfsnU3OuPVBm46CMz6ZqF3y2Kvv+sGZO1ev3va8+6WN0WcvnLpoLnlMw6+rdzdDK7Sdc0JY1h71Ag3quHoOnGiLyF/6iUIdBFAos9KMdd6GAv8AqhmJSnV4F0CwECCAjQPY2Ag4b4fT37EIwHKBQ/8fjpoTHlnzWISZSrcNQ0vI2j2LYtlICByXeyxKNKim7oVlEih0lVtIQnA6BA1Q2IRhEWATbHzkofEzDS68DJNunvSAvexjPwc4yCERsWgmuhILsb2Aog8g+NBQeIjDIsM+2CToAU2KOXARY7x086QH7GUf+znAQQ7JiFejrqdqZArL2MY8HnbeeNawkoW317Hqx4m9xBM77/fvzGAR69nAMtawGoe+9KafM5w70GE4e3gsFA==) format("woff2"),url(data:font/woff;base64,T1RUTwAJAIAAAwAQQ0ZGIFdPMM0AAAPkAAABI09TLzKMj4f+AAABAAAAAGBjbWFwAAwg9AAAA5gAAAAsaGVhZC7bKzgAAACcAAAANmhoZWED6QOCAAAA1AAAACRobXR4Bv4AAAAABQgAAAAIbWF4cAACUAAAAAD4AAAABm5hbWUKxDrVAAABYAAAAjdwb3N0AAMAAAAAA8QAAAAgAAEAAAABAACV7q95Xw889QADA+gAAAAA5iNzOAAAAADmI3M4AAAAAAN+A+gAAAADAAIAAAAAAAAAAQAAA+gAAAAAA38AAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAIAAFAAAAIAAAADA38CvAAFAAACigK7AAAAjAKKArsAAAHfADEBAgAAAAAAAAAAAAAAAAAAAAEAAAACAAAAAAAAAABYWFhYAEAgwSDBA+gAAAAAA+gAAAAAAAEAAAAAAfQD6AAAAAAAAAAAACIBngABAAAAAAAAAAEAIAABAAAAAAABAAUAAAABAAAAAAACAAQADwABAAAAAAADAAwAdQABAAAAAAAEAAoAGwABAAAAAAAFAAsAVAABAAAAAAAGAAkAOQABAAAAAAAHAAEAIAABAAAAAAAIAAEAIAABAAAAAAAJAAEAIAABAAAAAAAKAAEAIAABAAAAAAALAAEAIAABAAAAAAAMAAEAIAABAAAAAAANAAEAIAABAAAAAAAOAAEAIAABAAAAAAAQAAUAAAABAAAAAAARAAQADwADAAEECQAAAAIALwADAAEECQABAAoABQADAAEECQACAAgAEwADAAEECQADABgAgQADAAEECQAEABQAJQADAAEECQAFABYAXwADAAEECQAGABIAQgADAAEECQAHAAIALwADAAEECQAIAAIALwADAAEECQAJAAIALwADAAEECQAKAAIALwADAAEECQALAAIALwADAAEECQAMAAIALwADAAEECQANAAIALwADAAEECQAOAAIALwADAAEECQAQAAoABQADAAEECQARAAgAE1JpeWFsAFIAaQB5AGEAbEJvbGQAQgBvAGwAZFJpeWFsIEJvbGQAUgBpAHkAYQBsACAAQgBvAGwAZFJpeWFsQm9sZABSAGkAeQBhAGwAQgBvAGwAZFZlcnNpb24gMC4xAFYAZQByAHMAaQBvAG4AIAAwAC4AMSA6Uml5YWwgQm9sZAAgADoAUgBpAHkAYQBsACAAQgBvAGwAZAAAAAABAAMAAQAAAAwABAAgAAAABAAEAAEAACDB//8AACDB///fQAABAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAEAQABAQEKUml5YWxCb2xkAAEBASf4GwD4HAL4HQP4HgSLi/p8+hMFHQAAAG0PHQAAAHARix0AAAEjEgAFAQEMFhsfJlZlcnNpb24gMC4xUml5YWwgQm9sZFJpeWFsQm9sZHVuaTIwQzEAAAABiwACAQEErvoTDvoT+MH3BhWLiwV7aIBlh2MI9+bTBZuulrGPswj75kMF98f3QRWbrpaxj7MI+5tTBYv3AAX3fLwFm6+WsY+zCPubUwWL+BcFYnVnbW5nCIv71QUidQWL+HgFY3RnbW5nCIv8NwX7gFkFe2iAZYdjCPeexAWL+xwF+7FPBXtngGWHYwj3vssFpJCgmZmfCMLcBYuLBZGUjpWLlgiL9wsF9KEFi/trBffm0wUOAAN/AAADfwAA) format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+20C1}.riyal-symbol{font-family:Riyal,Riyal Sans,system-ui,sans-serif;line-height:1}.riyal-symbol:before{content:"⃁"}.riyal-price:before{content:"⃁";font-family:Riyal,Riyal Sans,system-ui,sans-serif;margin-inline-end:.25em}.riyal-input input[type=number]::-webkit-outer-spin-button,.riyal-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.riyal-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}:root{--primary: #0000cd;--primary-hover: #0000a8;--primary-light: rgba(0, 0, 205, .1);--primary-text: #ffffff;--primary-glow: rgba(0, 0, 205, .22);--bg: #f8fafc;--surface: #ffffff;--surface-elevated: #ffffff;--border: #e2e8f0;--border-accent: #e2e8f0;--text: #0f172a;--text-secondary: #64748b;--sidebar-bg: #0f172a;--sidebar-text: rgba(255, 255, 255, .7);--sidebar-text-hover: #ffffff;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--info: #3b82f6;--info-bg: #eff6ff;--muted: #94a3b8;--muted-bg: #f1f5f9;--overlay: rgba(0, 0, 0, .4);--login-gradient: linear-gradient(135deg, #0000cd 0%, #1a1aff 100%);--org-top-bg: linear-gradient(180deg, #eef0ff 0%, #fff 100%);--org-top-border: #c5c8f5;--sidebar-width: 260px;--header-height: 64px;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08);--input-bg: #ffffff;--login-gradient: linear-gradient(160deg, #eef2ff 0%, #f8fafc 48%, #ffffff 100%);--login-overlay: linear-gradient( 135deg, rgba(255, 255, 255, .45) 0%, rgba(248, 250, 252, .65) 50%, rgba(241, 245, 249, .5) 100% );--logo-frame-border: rgba(15, 23, 42, .3);--logo-frame-glow: rgba(255, 255, 255, .65);--logo-easy-color: #0a0a0a;--logo-employees-color: #fbbf24;--logo-easy-outline: rgba(255, 255, 255, .95);--logo-employees-outline: rgba(15, 23, 42, .82)}[data-theme=dark]{--primary: #ffd700;--primary-hover: #e6c200;--primary-light: rgba(255, 215, 0, .15);--primary-text: #0a0a0a;--primary-glow: rgba(255, 215, 0, .25);--primary-gradient: linear-gradient(180deg, #ffd700 0%, #e6c200 100%);--primary-hover-gradient: linear-gradient(180deg, #ffe033 0%, #ffd700 100%);--bg: #121212;--surface: #242424;--surface-elevated: #1a1a1a;--input-bg: #1c1c1c;--border: #474747;--border-accent: #474747;--text: #f5f5f5;--text-secondary: #a3a3a3;--sidebar-bg: #1a1a1a;--sidebar-text: #a3a3a3;--sidebar-text-hover: #f5f5f5;--sidebar-border: #474747;--sidebar-active-text: #0a0a0a;--success: #22c55e;--success-bg: rgba(34, 197, 94, .12);--warning: #ffd700;--warning-bg: rgba(255, 215, 0, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--info: #facc15;--info-bg: rgba(250, 204, 21, .1);--muted: #737373;--muted-bg: #303030;--overlay: rgba(0, 0, 0, .75);--login-gradient: radial-gradient(ellipse at top, #1a1a1a 0%, #121212 50%, #0a0a0a 100%);--login-overlay: linear-gradient( 135deg, rgba(0, 0, 0, .58) 0%, rgba(10, 10, 10, .78) 50%, rgba(0, 0, 0, .65) 100% );--org-top-bg: linear-gradient(180deg, rgba(255, 215, 0, .1) 0%, #242424 100%);--org-top-border: rgba(255, 215, 0, .35);--shadow: 0 1px 3px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .55);--logo-frame-border: rgba(255, 255, 255, .42);--logo-frame-glow: rgba(255, 215, 0, .22);--logo-easy-color: #0a0a0a;--logo-employees-color: #ffd700;--logo-easy-outline: rgba(255, 255, 255, .92);--logo-employees-outline: rgba(0, 0, 0, .85)}[data-theme=dim],[data-theme=grey]{--navy-deep: #0d1b2a;--navy-dark: #1b263b;--navy-base: #2d4a6f;--navy-mid: #3d5a80;--navy-bright: #4a6fa5;--navy-shine: #6b8fae;--navy-pale: #9eb8d0;--green-deep: #1b4332;--green-base: #2d6a4f;--green-mid: #40916c;--green-bright: #3d9a6f;--green-shine: #52b788;--primary: #3d5a80;--primary-hover: #2d4a6f;--primary-light: rgba(61, 90, 128, .1);--primary-text: #ffffff;--primary-glow: rgba(61, 90, 128, .22);--accent: #2d6a4f;--accent-hover: #40916c;--accent-light: rgba(64, 145, 108, .12);--accent-glow: rgba(64, 145, 108, .18);--primary-gradient: linear-gradient(145deg, #1b263b 0%, #2d4a6f 24%, #3d5a80 44%, #6b8fae 50%, #4a6fa5 58%, #2d4a6f 76%, #1b263b 100%);--primary-hover-gradient: linear-gradient(145deg, #1b263b 0%, #3d5a80 22%, #9eb8d0 48%, #5c7a9e 54%, #3d5a80 78%, #1b263b 100%);--bg: #e9f2f8;--surface: #ffffff;--surface-elevated: #f5f9fc;--input-bg: #ffffff;--border: #bdd0e2;--border-accent: rgba(61, 90, 128, .2);--text: #0f1e30;--text-secondary: #3a556d;--sidebar-bg: #0f1a2a;--sidebar-text: rgba(190, 208, 226, .9);--sidebar-text-hover: #f0f6fb;--sidebar-border: rgba(61, 90, 128, .32);--sidebar-active-text: #f5f9fc;--success: #2d6a4f;--success-bg: rgba(64, 145, 108, .14);--warning: #3d5a80;--warning-bg: rgba(61, 90, 128, .1);--danger: #c53030;--danger-bg: rgba(197, 48, 48, .1);--info: #2d6a4f;--info-bg: rgba(61, 90, 128, .08);--muted: #5a7490;--muted-bg: #dce9f3;--overlay: rgba(15, 30, 48, .42);--login-gradient: linear-gradient(160deg, #dce9f4 0%, #e9f2f8 42%, #d4e5f2 100%);--login-overlay: linear-gradient( 135deg, rgba(255, 255, 255, .4) 0%, rgba(233, 242, 248, .72) 50%, rgba(220, 233, 244, .55) 100% );--org-top-bg: linear-gradient(180deg, rgba(61, 90, 128, .1) 0%, #ffffff 100%);--org-top-border: rgba(64, 145, 108, .42);--shadow: 0 1px 3px rgba(45, 74, 111, .1), 0 1px 2px rgba(45, 74, 111, .06);--shadow-lg: 0 8px 24px rgba(45, 74, 111, .14), 0 2px 6px rgba(45, 74, 111, .08);--logo-frame-border: rgba(190, 208, 226, .58);--logo-frame-glow: rgba(107, 143, 174, .28);--logo-easy-color: #0a0a0a;--logo-employees-color: #f59e0b;--logo-easy-outline: rgba(255, 255, 255, .95);--logo-employees-outline: rgba(26, 35, 50, .78)}html[data-company-theme]{--primary: #4f6bed;--primary-hover: #3d56d4;--primary-light: rgba(79, 107, 237, .1);--primary-text: #ffffff;--primary-glow: rgba(79, 107, 237, .22);--primary-gradient: linear-gradient(135deg, #4f6bed 0%, #3d56d4 100%);--bg: #f0f2f5;--surface: #ffffff;--surface-elevated: #ffffff;--input-bg: #ffffff;--border: #e8ecf1;--border-accent: #dde3eb;--text: #1e293b;--text-secondary: #64748b;--sidebar-bg: #ffffff;--sidebar-text: #64748b;--sidebar-text-hover: #1e293b;--sidebar-border: #eef0f4;--sidebar-active-text: #4f6bed;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f97316;--warning-bg: rgba(249, 115, 22, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .08);--info: #4f6bed;--info-bg: rgba(79, 107, 237, .08);--muted: #94a3b8;--muted-bg: #f8fafc;--overlay: rgba(15, 23, 42, .35);--login-gradient: linear-gradient(160deg, #e8ecf4 0%, #f0f2f5 50%, #ffffff 100%);--login-overlay: linear-gradient( 135deg, rgba(255, 255, 255, .5) 0%, rgba(240, 242, 245, .75) 50%, rgba(255, 255, 255, .55) 100% );--org-top-bg: linear-gradient(180deg, rgba(79, 107, 237, .04) 0%, #ffffff 100%);--org-top-border: transparent;--radius: 12px;--shadow: 0 2px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 4px 20px rgba(15, 23, 42, .08);--logo-frame-border: rgba(255, 255, 255, .42);--logo-frame-glow: rgba(255, 215, 0, .22);--logo-easy-color: #0a0a0a;--logo-employees-color: #ffd700;--logo-easy-outline: rgba(255, 255, 255, .92);--logo-employees-outline: rgba(0, 0, 0, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html[data-theme=dim],html[data-theme=grey],html[data-company-theme]{color-scheme:light}body{font-family:Inter,Riyal,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text-hover);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;border-right:1px solid var(--sidebar-border);transition:background-color .25s ease,border-color .25s ease}[data-theme=dark] .nav-link:hover{background:var(--muted-bg);color:var(--sidebar-text-hover)}.sidebar-brand{padding:20px 24px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:12px}.sidebar-brand .app-logo{margin-bottom:8px;display:flex}.sidebar-brand .sidebar-role{font-size:11px;opacity:.6;display:block;color:var(--sidebar-text);margin-top:6px}.sidebar-brand .sidebar-company-name{display:block;font-size:13px;font-weight:600;color:var(--sidebar-text);margin-top:8px;line-height:1.3}.company-logo{object-fit:contain;display:block}.company-logo-sm{width:32px;height:32px;border-radius:6px}.company-logo-md{width:48px;height:48px;border-radius:8px}.company-logo-lg{width:72px;height:72px;border-radius:10px}.company-profile-summary{display:flex;align-items:flex-start;gap:16px}.company-table-cell{display:flex;align-items:center;gap:12px}.company-logo-placeholder{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--muted-bg);border-radius:6px}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.superadmin-layout .superadmin-sidebar{border-right:1px solid var(--sidebar-border)}.superadmin-header-title{display:flex;flex-direction:column;gap:2px}.superadmin-header-title .text-secondary{font-size:12px}.superadmin-advanced-fields{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.superadmin-advanced-fields summary{cursor:pointer;font-weight:600;font-size:13px}.modal.modal-lg{max-width:720px;width:calc(100% - 32px)}.modal.modal-profile-rules{max-width:1080px;width:calc(100% - 40px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal.modal-profile-rules .modal-body{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:hidden;padding-top:20px;padding-bottom:20px}.profile-rules-identity{flex-shrink:0;margin:0;border:1px solid var(--border);background:var(--surface)}.profile-rules-identity .card-body{padding:18px 20px}.profile-rules-identity .form-section-title{margin-top:0}.profile-rules-form{flex:1;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:2px 4px 2px 0}.profile-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-rules-form .rules-card{margin:0;overflow:hidden}.profile-rules-form .rules-card-wide{grid-column:1 / -1}.profile-rules-form .rules-card-header{background:var(--bg-secondary, rgba(0, 0, 0, .03));padding:14px 18px;align-items:flex-start}.profile-rules-form .rules-card-header h3{font-size:14px;font-weight:600;margin:0}.rules-card-subtitle{margin:4px 0 0;font-size:12px;color:var(--text-secondary);font-weight:400}.profile-rules-form .rules-card .card-body{padding:18px}.profile-rules-form .rules-card .card-body .form-group:last-child{margin-bottom:0}.checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:4px}.rules-checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.modal.modal-profile-rules .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}@media(max-width:900px){.profile-rules-grid{grid-template-columns:1fr}}.company-info-readonly .card-body{padding:20px}.app-logo{display:inline-flex;align-items:baseline;flex-wrap:nowrap;gap:1px;padding:7px 12px;border:2px solid var(--logo-frame-border);border-radius:10px;background:transparent;box-shadow:0 0 0 1px var(--logo-frame-glow),0 2px 10px #0000002e;line-height:1;white-space:nowrap;font-family:inherit}.app-logo--md{font-size:19px}.app-logo--lg{font-size:32px;padding:10px 16px;border-radius:12px;border-width:2.5px}.app-logo-easy,.app-logo-employees{display:inline;opacity:1;margin:0;font-size:inherit;font-weight:800;letter-spacing:-.03em;paint-order:stroke fill}.app-logo-easy{color:var(--logo-easy-color);-webkit-text-stroke:1.25px var(--logo-easy-outline);text-shadow:0 0 8px rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.35)}.app-logo-employees{color:var(--logo-employees-color);-webkit-text-stroke:1.25px var(--logo-employees-outline);text-shadow:0 0 10px rgba(251,191,36,.45),0 1px 3px rgba(0,0,0,.4)}.login-brand{margin-bottom:12px}.login-brand-welcome{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.login-card .login-brand+p{margin-top:0}.sidebar-nav{flex:1;padding:16px 12px}.nav-section{margin-bottom:20px}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text);opacity:.55;padding:0 12px;margin-bottom:8px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:var(--sidebar-text);font-size:14px;font-weight:500;transition:all .15s;margin-bottom:2px}.nav-link:hover{background:var(--primary-light);color:var(--sidebar-text-hover)}.nav-link.active{background:var(--primary);color:var(--sidebar-active-text);box-shadow:0 0 16px var(--primary-glow)}[data-theme=dark] .nav-link.active{background:var(--primary-light);color:var(--primary);box-shadow:none;border:none;font-weight:600}.nav-link svg{width:18px;height:18px;flex-shrink:0}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden}.top-header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50;width:100%;flex-shrink:0;transition:background-color .25s ease,border-color .25s ease}[data-theme=dark] .top-header{background:var(--surface-elevated);border-bottom-color:var(--border-accent)}.header-actions{display:flex;align-items:center;gap:12px}.page-content{padding:28px 32px;flex:1;min-width:0;max-width:100%;overflow-x:hidden}.sidebar-module{margin-bottom:4px}.sidebar-module-toggle{width:100%;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left}.sidebar-nav .sidebar-module-toggle.module-nav-link{font-size:14px;font-weight:600;letter-spacing:-.01em}.sidebar-module.expanded>.sidebar-module-toggle{color:var(--sidebar-text-hover);background:color-mix(in srgb,var(--primary) 8%,transparent)}.sidebar-module-toggle.module-nav-link.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--sidebar-text-hover);box-shadow:none;border-left:3px solid var(--primary);padding-left:9px}.sidebar-module-chevron{width:14px;height:14px;margin-left:auto;flex-shrink:0;opacity:.55;transition:transform .2s ease,opacity .2s ease}.sidebar-module-chevron.expanded{transform:rotate(90deg);opacity:.85}.sidebar-module-items{display:flex;flex-direction:column;gap:2px;padding:6px 0 6px 14px;border-left:2px solid color-mix(in srgb,var(--sidebar-border) 70%,transparent);margin:4px 0 10px 18px}.sidebar-module-group{display:flex;flex-direction:column;gap:1px}.sidebar-module-group:has(.sidebar-module-children)>.nav-sublink-item{font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;opacity:.72;padding-top:8px;padding-bottom:4px}.sidebar-module-group:has(.sidebar-module-children)>.nav-sublink-item:before{width:0;height:0;margin-right:0}.sidebar-module-group:has(.sidebar-module-children)>.nav-sublink-item:hover,.sidebar-module-group:has(.sidebar-module-children)>.nav-sublink-item.active{background:transparent;box-shadow:none;border-left:none;padding-left:12px;opacity:1;color:var(--sidebar-text-hover)}.sidebar-module-children{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 8px;padding:2px 0 4px 12px;border-left:1px dashed color-mix(in srgb,var(--sidebar-border) 80%,transparent)}.sidebar-nav .nav-sublink-item{position:relative;padding:7px 10px 7px 12px;margin-bottom:0;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--sidebar-text) 82%,transparent);border-radius:6px;border-left:2px solid transparent}.sidebar-nav .nav-sublink-item:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;flex-shrink:0;margin-right:2px}.sidebar-nav .nav-sublink-item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--sidebar-text-hover);box-shadow:none}.sidebar-nav .nav-sublink-item.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border-left-color:var(--primary);padding-left:10px;box-shadow:none;font-weight:600}.sidebar-nav .nav-sublink-item.active:before{opacity:1;background:var(--primary)}.sidebar-nav .nav-sublink-child{position:relative;padding:5px 10px 5px 8px;margin-bottom:0;font-size:12px;font-weight:400;color:color-mix(in srgb,var(--sidebar-text) 62%,transparent);border-radius:5px;border-left:none}.sidebar-nav .nav-sublink-child:before{content:"";width:4px;height:4px;border-radius:1px;background:currentColor;opacity:.28;flex-shrink:0;margin-right:4px}.sidebar-nav .nav-sublink-child:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--sidebar-text-hover);box-shadow:none}.sidebar-nav .nav-sublink-child.active{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);box-shadow:none;font-weight:500;padding-left:8px}.sidebar-nav .nav-sublink-child.active:before{opacity:1;background:var(--primary);border-radius:50%}.sidebar-nav .module-nav-link{margin-bottom:2px}.module-nav-label{flex:1;min-width:0}.module-nav-badge{margin-left:auto;font-size:10px}.sidebar-module-toggle .module-nav-badge{margin-left:0;margin-right:4px}html[data-company-theme] .sidebar-module.expanded>.sidebar-module-toggle{background:color-mix(in srgb,var(--primary) 6%,transparent)}html[data-company-theme] .sidebar-module-toggle.module-nav-link.active{background:color-mix(in srgb,var(--primary) 8%,transparent);border-left-color:var(--primary);box-shadow:none}html[data-company-theme] .sidebar-module-items{border-left-color:color-mix(in srgb,var(--primary) 15%,transparent)}html[data-company-theme] .sidebar-module-children{border-left-color:color-mix(in srgb,var(--primary) 20%,transparent)}html[data-company-theme] .sidebar-nav .nav-sublink-item{border-left:none}html[data-company-theme] .sidebar-nav .nav-sublink-item.active{background:color-mix(in srgb,var(--nav-sublink-active, var(--button-color, var(--primary))) 14%,transparent);color:var(--nav-sublink-active, var(--button-color, var(--primary)));border-left:none;padding-left:12px;box-shadow:none}html[data-company-theme] .sidebar-nav .nav-sublink-item.active:before{background:var(--nav-sublink-active, var(--button-color, var(--primary)))}html[data-company-theme] .sidebar-nav .nav-sublink-child.active{background:color-mix(in srgb,var(--nav-sublink-active, var(--button-color, var(--primary))) 12%,transparent);color:var(--nav-sublink-active, var(--button-color, var(--primary)));box-shadow:none}html[data-company-theme] .sidebar-nav .nav-sublink-child.active:before{background:var(--nav-sublink-active, var(--button-color, var(--primary)))}[data-theme=dim] .sidebar-module.expanded>.sidebar-module-toggle{background:#3d5a801f}[data-theme=dim] .sidebar-module-toggle.module-nav-link.active{background:#3d5a802e;border-left-color:var(--accent);box-shadow:none}[data-theme=dim] .sidebar-nav .nav-sublink-item.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-left:3px solid var(--accent);padding-left:9px;box-shadow:none}[data-theme=dim] .sidebar-nav .nav-sublink-item.active:before{background:var(--accent)}[data-theme=dim] .sidebar-nav .nav-sublink-child.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-left:2px solid var(--accent);padding-left:6px;box-shadow:none}[data-theme=dim] .sidebar-nav .nav-sublink-child.active:before{background:var(--accent)}[data-theme=dark] .sidebar-nav .nav-sublink-item.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);padding-left:9px;box-shadow:none}[data-theme=dark] .sidebar-nav .nav-sublink-item.active:before{background:var(--primary)}[data-theme=dark] .sidebar-nav .nav-sublink-child.active{background:var(--primary-light);color:var(--primary);border-left:2px solid var(--primary);padding-left:6px;box-shadow:none}[data-theme=dark] .sidebar-nav .nav-sublink-child.active:before{background:var(--primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:24px;font-weight:700}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}[data-theme=dark] .card{border-color:var(--border-accent)}[data-theme=dark] .card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-icon,.widget-icon{font-size:1.1rem;line-height:1;flex-shrink:0}.card-body{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.recruitment-dashboard-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:20px}.recruitment-dashboard-stats .stat-card{padding:12px 14px}.recruitment-dashboard-stats .stat-card .label{font-size:11px;margin-bottom:4px;line-height:1.3}.recruitment-dashboard-stats .stat-card .value{font-size:clamp(.95rem,1.4vw,1.2rem)}@media(max-width:1100px){.recruitment-dashboard-stats{grid-template-columns:repeat(7,minmax(128px,1fr));overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.stat-card-top{display:flex;align-items:flex-start;gap:12px}.stat-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:10px;border:1px solid var(--border-accent)}.stat-card-content{flex:1;min-width:0}.stat-card .label{font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.stat-card .value{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.3;word-break:break-word;overflow-wrap:anywhere}.stat-card .change{font-size:12px;margin-top:4px}.stats-grid-payroll .stat-card .value{font-size:clamp(.8125rem,1.5vw,1.0625rem);font-weight:600;letter-spacing:-.01em}.stats-grid-payroll .stat-card .value.stat-value-text{font-size:clamp(.875rem,1.8vw,1.125rem);font-weight:700}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;padding:10px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border)}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:hover{background:var(--bg)}.table-wrapper.table-freeze-sheet{overflow:auto;max-height:min(60vh,640px)}.table-freeze-sheet table{border-collapse:separate;border-spacing:0}.table-freeze-sheet thead th{position:sticky;top:0;z-index:2;background:var(--bg)}.table-freeze-sheet.freeze-cols-4 th:nth-child(1),.table-freeze-sheet.freeze-cols-4 td:nth-child(1){position:sticky;left:0;z-index:1;min-width:56px;background:var(--surface)}.table-freeze-sheet.freeze-cols-4 th:nth-child(2),.table-freeze-sheet.freeze-cols-4 td:nth-child(2){position:sticky;left:56px;z-index:1;min-width:110px;background:var(--surface)}.table-freeze-sheet.freeze-cols-4 th:nth-child(3),.table-freeze-sheet.freeze-cols-4 td:nth-child(3){position:sticky;left:166px;z-index:1;min-width:110px;background:var(--surface)}.table-freeze-sheet.freeze-cols-4 th:nth-child(4),.table-freeze-sheet.freeze-cols-4 td:nth-child(4){position:sticky;left:276px;z-index:1;min-width:220px;background:var(--surface);box-shadow:2px 0 6px #0f172a14}.table-freeze-sheet.freeze-cols-4 thead th:nth-child(-n+4){z-index:4}.table-freeze-sheet tbody tr:hover td:nth-child(-n+4){background:var(--bg)}[data-theme=dark] .table-freeze-sheet.freeze-cols-4 th:nth-child(4),[data-theme=dark] .table-freeze-sheet.freeze-cols-4 td:nth-child(4){box-shadow:2px 0 6px #00000059}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-muted{background:var(--muted-bg);color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.btn-primary{background:var(--primary);color:var(--primary-text);border:1px solid transparent}.btn-primary:hover{background:var(--primary-hover)}html[data-company-theme][data-company-buttons] .btn-primary,html[data-company-theme][data-company-buttons] a.btn-primary{background:var(--button-color)!important;color:var(--button-text)!important;border-color:color-mix(in srgb,var(--button-color) 70%,transparent)!important}html[data-company-theme][data-company-buttons] .btn-primary:hover,html[data-company-theme][data-company-buttons] a.btn-primary:hover{background:var(--button-hover)!important}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--muted-bg);border-color:var(--border-accent)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.form-hint{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--text-muted)}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s;background:var(--surface);color:var(--text)}[data-theme=dark] .form-control{background:var(--input-bg)}[data-theme=dark] .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-overlay.modal-overlay-stack{z-index:300}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal.modal-applicant-detail{max-width:720px}.modal.modal-wide-payroll{width:70vw;max-width:70vw}@media(max-width:900px){.modal.modal-wide-payroll{width:100%;max-width:100%}}[data-theme=dark] .modal{border-color:var(--border-accent)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;font-weight:600}.modal-header{flex-shrink:0}.modal-body{padding:24px;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;flex-wrap:wrap}.password-reveal{display:inline-flex;align-items:center;gap:8px}.password-reveal__value{font-size:13px;letter-spacing:.02em}.password-reveal__toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px}.password-reveal__toggle:hover{color:var(--text-primary);background:var(--bg)}.admin-credential-cell{display:flex;flex-direction:column;gap:2px}.admin-password-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-rows{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row>span{color:var(--text-secondary);flex-shrink:0}.detail-row>strong{text-align:right;word-break:break-word}.leave-summary-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin-bottom:20px}.leave-summary-year{font-size:18px;font-weight:700}.leave-summary-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.leave-summary-figures{display:flex;gap:26px;flex-wrap:wrap}.leave-card-stat{display:flex;flex-direction:column}.leave-card-stat-value{font-size:20px;font-weight:700;line-height:1.1}.leave-card-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.leave-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.leave-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.leave-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.leave-card-title{font-weight:600;font-size:15px}.leave-card-remaining{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.leave-card-remaining-value{font-size:32px;font-weight:800;color:var(--success);line-height:1}.leave-card-remaining-unit{font-size:13px;color:var(--text-secondary)}.leave-card-bar{display:flex;height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-bottom:14px}.leave-card-bar-fill{height:100%}.leave-card-bar-fill.used{background:var(--danger)}.leave-card-bar-fill.pending{background:var(--warning)}.leave-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.leave-card-stats .leave-card-stat-value{font-size:16px}.leave-card-note{margin-top:12px;font-size:11.5px;color:var(--text-secondary);background:var(--bg);border-radius:6px;padding:7px 9px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;border:1px solid transparent}[data-theme=dark] .avatar{background:var(--primary-light);color:var(--primary);border-color:transparent;box-shadow:none}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:96px;height:96px;font-size:28px}img.avatar.avatar-img{padding:0;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.avatar>.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.theme-selector{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--bg)}.theme-option{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:all .2s ease}.theme-option svg{width:15px;height:15px;flex-shrink:0}.theme-option:hover{color:var(--text);background:var(--muted-bg)}.theme-option.active{background:var(--primary);color:var(--primary-text)}.login-page{color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg);background-image:var(--login-gradient);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}html[data-theme=dark] .login-page{background-color:#0a1040;background-image:url(/login-background.png),var(--login-gradient)}.login-theme-toggle{position:fixed;top:calc(var(--header-height, 64px) / 2);right:24px;transform:translateY(-50%);z-index:2}.login-theme-toggle .theme-selector{background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius);padding:4px;box-shadow:var(--shadow-lg)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--login-overlay);pointer-events:none;z-index:0}.login-page>.login-card{position:relative;z-index:1}.login-card{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);position:relative;z-index:1}html[data-theme=dark] .login-card{background:color-mix(in srgb,var(--surface) 48%,transparent);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.login-card h1{font-size:24px;font-weight:700;margin-bottom:4px}.login-card p{color:var(--text-secondary);margin-bottom:28px;font-size:14px}.login-page .form-control{background:var(--input-bg);border-color:var(--border);color:var(--text)}.login-page .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}html:not([data-theme=dark]):not([data-theme=dim]):not([data-theme=grey]) .login-page .btn-primary{background:#fff;color:var(--primary);border:1px solid var(--border);box-shadow:none}html:not([data-theme=dark]):not([data-theme=dim]):not([data-theme=grey]) .login-page .btn-primary:hover{background:var(--muted-bg);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.login-error{background:var(--danger-bg);color:var(--danger);padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.login-app-stores{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.login-card .login-app-stores-label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);text-align:center}.login-app-store-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.login-app-store-btn{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1 1 150px;max-width:180px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.login-app-store-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--text);transform:translateY(-1px)}.login-app-store-btn svg{width:22px;height:22px;flex-shrink:0;fill:currentColor}.login-app-store-btn span{display:flex;flex-direction:column;line-height:1.15;font-size:13px;font-weight:700}.login-app-store-btn span small{font-size:9px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;font-family:inherit;text-decoration:none;display:inline-block}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bulk-import-panel{margin-bottom:16px;padding:14px 16px}.bulk-import-panel-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.bulk-import-hint{margin:4px 0 0;font-size:13px;color:var(--text-secondary);max-width:640px}.bulk-import-actions{display:flex;gap:8px;flex-shrink:0}.bulk-import-result p{margin:0 0 8px}.bulk-import-errors{margin-top:12px;font-size:13px}.bulk-import-errors ul{margin:8px 0 0;padding-left:18px}.bulk-import-errors li{margin-bottom:4px}.search-input{padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:6px;font-size:14px;width:280px;background-color:var(--surface);color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px}[data-theme=dark] .search-input{background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a3a3a3' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.empty-state h3{font-size:16px;margin-bottom:4px;color:var(--text)}.progress-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.user-menu{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:8px}.user-menu:hover{background:var(--bg)}.user-info{text-align:right}.user-info .name{font-size:13px;font-weight:600}.user-info .role{font-size:11px;color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.org-chart-panel{max-width:100%;overflow:hidden}.org-chart-wrapper{overflow-x:auto;overflow-y:hidden;max-width:100%;width:100%;padding:12px 0;-webkit-overflow-scrolling:touch}.org-chart-container{display:flex;justify-content:center;min-width:min-content;padding:20px 10px}.org-chart,.org-chart-children{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.org-chart-node{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 12px}.org-chart-children{margin-top:28px;position:relative}.org-chart-children:before{content:"";position:absolute;top:-14px;left:50%;width:1px;height:14px;background:var(--border)}.org-chart-children>.org-chart-node:before{content:"";position:absolute;top:-14px;left:0;right:0;height:1px;background:var(--border)}.org-chart-children>.org-chart-node:first-child:before{left:50%}.org-chart-children>.org-chart-node:last-child:before{right:50%}.org-chart-children>.org-chart-node:only-child:before{display:none}.org-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;min-width:180px;max-width:220px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;transition:all .15s;position:relative}.org-chart-card .avatar,.org-chart-card img.avatar.avatar-img{width:72px;height:72px;font-size:20px}.org-chart-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 16px var(--primary-glow);transform:translateY(-2px)}.org-chart-card-top{border-color:var(--org-top-border);background:var(--org-top-bg)}.org-chart-card-focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),0 0 20px var(--primary-glow)}.org-chart-card-info{width:100%}.org-chart-name{font-size:14px;font-weight:600;line-height:1.3}.org-chart-title{font-size:12px;color:var(--primary);font-weight:500;margin-top:2px}.org-chart-dept{font-size:11px;color:var(--text-secondary);margin-top:2px}.org-chart-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:999px}.org-chart-badge-inline{font-size:11px;font-weight:600;color:var(--primary)}.org-chart-reports{font-size:11px;color:var(--text-secondary)}.hierarchy-filters{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.hierarchy-filter-group{display:flex;flex-direction:column;gap:6px;min-width:220px}.hierarchy-filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.hierarchy-view-modes{display:flex;gap:8px;flex-wrap:wrap}.hierarchy-focus-banner{margin-top:16px;padding:12px 14px;background:var(--primary-light);border-radius:8px;font-size:13px;color:var(--text);border:1px solid var(--border-accent)}[data-theme=dark] .stat-card,[data-theme=dark] .org-chart-card,[data-theme=dark] .login-card,[data-theme=dark] .modal,[data-theme=dark] .form-control,[data-theme=dark] .search-input{transition:background-color .25s ease,border-color .25s ease,color .25s ease}[data-theme=dark] tbody tr:hover{background:var(--muted-bg)}[data-theme=dark] .org-chart-card-focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}[data-theme=dim] .card,[data-theme=dim] .stat-card,[data-theme=dim] .modal,[data-theme=dim] .dash-widget,[data-theme=dim] .form-control,[data-theme=dim] .search-input{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}[data-theme=dim] .card,[data-theme=dim] .stat-card{border-color:var(--border);box-shadow:var(--shadow)}[data-theme=dim] .card:hover,[data-theme=dim] .stat-card:hover{box-shadow:var(--shadow-lg)}[data-theme=dim] .form-control{background-color:var(--input-bg);color:var(--text);border-color:var(--border)}[data-theme=dim] .search-input{background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233d5a80' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px;color:var(--text);border-color:var(--border)}[data-theme=dim] .page-subtitle,[data-theme=dim] .text-muted{color:var(--text-secondary)}[data-theme=dim] thead th{background:var(--muted-bg);color:var(--text-secondary)}[data-theme=dim] .sidebar{box-shadow:inset -1px 0 #3d5a8024}[data-theme=dim] .nav-link:hover{color:var(--sidebar-text-hover);background:#3d5a801a;box-shadow:inset 0 0 10px #40916c0a}[data-theme=dim] .nav-link.active{background:var(--primary-gradient);border:1px solid rgba(143,168,196,.22);border-left:3px solid var(--accent);box-shadow:0 0 14px var(--primary-glow),inset 0 1px #a8bdd41f}[data-theme=dim] .top-header{border-bottom-color:#3d5a8038}[data-theme=dim] .btn-primary{background:var(--primary-gradient);border:1px solid rgba(61,90,128,.35);color:var(--primary-text);text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 2px 8px #2d4a6f33,inset 0 1px #ffffff1f}[data-theme=dim] .btn-primary:hover{background:var(--primary-hover-gradient);box-shadow:0 4px 14px var(--primary-glow),0 0 6px var(--accent-glow),inset 0 1px #ffffff26}[data-theme=dark] .btn-primary{background:var(--primary-gradient);color:var(--primary-text);border:1px solid rgba(255,215,0,.35);box-shadow:0 2px 8px var(--primary-glow)}[data-theme=dark] .btn-primary:hover{background:var(--primary-hover-gradient);box-shadow:0 4px 14px var(--primary-glow)}[data-theme=dim] .btn-secondary{color:var(--text);border-color:var(--border);background:var(--surface)}[data-theme=dim] .btn-secondary:hover{border-color:var(--accent);color:var(--green-base);background:var(--accent-light)}[data-theme=dim] .form-control:focus,[data-theme=dim] .search-input:focus{border-color:var(--navy-mid);box-shadow:0 0 0 3px var(--primary-light),0 0 8px var(--accent-glow)}[data-theme=dim] .tab.active{color:var(--green-base);border-bottom-color:var(--accent);font-weight:600}[data-theme=dim] a{color:var(--navy-base);font-weight:500}[data-theme=dim] a:hover{color:var(--green-base)}[data-theme=dim] .avatar{background:linear-gradient(145deg,#3d5a801f,#40916c1a);color:var(--green-base);border:1px solid rgba(64,145,108,.35);box-shadow:0 1px 4px #2d4a6f14}[data-theme=dim] .progress-bar-fill{background:linear-gradient(90deg,var(--navy-mid) 0%,var(--navy-shine) 42%,var(--accent) 100%);box-shadow:0 0 8px var(--accent-glow)}[data-theme=dim] .badge-info,[data-theme=dim] .badge-success{background:var(--success-bg);color:var(--green-deep);border:1px solid rgba(64,145,108,.32);font-weight:600}[data-theme=dim] .badge-warning{background:var(--warning-bg);color:var(--navy-base);border:1px solid rgba(61,90,128,.24)}[data-theme=dim] .badge-danger{color:var(--danger)}[data-theme=dim] .org-chart-title,[data-theme=dim] .org-chart-badge-inline{color:var(--green-base);font-weight:600}[data-theme=dim] .org-chart-card:hover,[data-theme=dim] .org-chart-card-focus{border-color:var(--navy-mid);box-shadow:var(--shadow-lg),0 0 12px var(--accent-glow)}[data-theme=dim] .org-chart-card-top{border-color:#40916c59;background:var(--org-top-bg);box-shadow:inset 0 1px #ffffffa6}[data-theme=dim] .hierarchy-focus-banner{background:linear-gradient(135deg,#3d5a801a,#40916c14);border-color:#40916c4d;color:var(--text)}[data-theme=dim] .stat-card .value{color:var(--green-base);font-weight:700}[data-theme=dim] .stat-card-icon{background:var(--accent-light);border-color:#40916c38}[data-theme=dim] .stat-card .label{color:var(--text-secondary);font-weight:500}[data-theme=dim] .spinner{border-top-color:var(--accent)}[data-theme=dim] tbody tr:hover{background:#3d5a800d}[data-theme=dim] .card:hover{border-color:#3d5a8052}[data-theme=dim] .theme-selector{border-color:#3d5a8042;background:var(--surface-elevated)}[data-theme=dim] .card-header a{color:var(--navy-base)}[data-theme=dim] .card-header a:hover{color:var(--green-base)}[data-theme=dim] .page-title{background:linear-gradient(90deg,var(--navy-dark) 0%,var(--navy-mid) 52%,var(--green-base) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dim] .dash-tab.active{background:var(--primary-gradient);border-color:var(--navy-mid);color:var(--primary-text)}[data-theme=dim] .dash-bar-fill{background:linear-gradient(90deg,var(--navy-mid) 0%,var(--navy-bright) 45%,var(--green-mid) 100%)}[data-theme=dim] .tab{color:var(--text-secondary);font-weight:500}[data-theme=dim] .tab:hover,[data-theme=dim] .dash-widget-header h3,[data-theme=dim] .card-header h3{color:var(--text)}[data-theme=dim] .dash-widget-header a{color:var(--navy-base);font-weight:600}[data-theme=dim] .dash-widget-header a:hover{color:var(--green-base)}[data-theme=dim] .empty-state p{color:var(--text-secondary)}[data-theme=dim] .theme-option.active{background:var(--primary-gradient);border:1px solid rgba(61,90,128,.28);box-shadow:0 2px 10px var(--primary-glow),inset 0 0 0 1px #40916c2e}[data-theme=dim] .theme-option.active svg{color:var(--accent)}html[data-company-theme] .sidebar{box-shadow:1px 0 0 var(--sidebar-border),2px 0 12px #0f172a08}html[data-company-theme] .sidebar-brand{border-bottom-color:var(--sidebar-border)}html[data-company-theme] .nav-section-title{color:var(--text-secondary);opacity:.85}html[data-company-theme] .nav-link{border-radius:10px;color:var(--sidebar-text)}html[data-company-theme] .nav-link:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--sidebar-text-hover)}html[data-company-theme] .nav-link.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--sidebar-active-text);border-left:3px solid var(--primary);padding-left:9px;box-shadow:none;font-weight:600}html[data-company-theme] .top-header{background:var(--surface);border-bottom:none;box-shadow:0 1px #0f172a0a}html[data-company-theme] .card,html[data-company-theme] .stat-card,html[data-company-theme] .dash-widget,html[data-company-theme] .modal,html[data-company-theme] .org-chart-card,html[data-company-theme] .login-card{border:none;border-radius:12px;box-shadow:var(--shadow)}html[data-company-theme] .card:hover,html[data-company-theme] .stat-card:hover,html[data-company-theme] .dash-widget:hover,html[data-company-theme] .org-chart-card:hover{box-shadow:var(--shadow-lg);border:none}html[data-company-theme] .card-header,html[data-company-theme] .dash-widget-header{border-bottom:none}html[data-company-theme] .stat-card-icon,html[data-company-theme] .portal-widget-stats-compact .stat-card-icon,html[data-company-theme] .dash-stats-mini .stat-card-icon,html[data-company-theme] .dash-stats-mini-payroll .stat-card-icon{background:transparent;border:none;box-shadow:none;width:auto;height:auto;min-width:0;padding:0;font-size:1.75rem}html[data-company-theme] .avatar,html[data-company-theme] .org-chart-card .avatar,html[data-company-theme] .org-chart-card img.avatar.avatar-img{background:var(--primary-light);color:var(--primary);border:none;box-shadow:none}html[data-company-theme] .badge,html[data-company-theme] .badge-info,html[data-company-theme] .badge-success,html[data-company-theme] .badge-warning,html[data-company-theme] .badge-danger,html[data-company-theme] .badge-muted{border:none}html[data-company-theme] .stat-card{border-left:none!important}html[data-company-theme] .org-chart-card-top{border:none;background:var(--org-top-bg);box-shadow:none}html[data-company-theme] .org-chart-card:hover,html[data-company-theme] .org-chart-card-focus{border:none;box-shadow:var(--shadow-lg)}html[data-company-theme] .hierarchy-focus-banner{background:var(--primary-light);border:none;border-left:4px solid var(--primary)}html[data-company-theme] .dash-tab{border:none;background:var(--muted-bg);box-shadow:none}html[data-company-theme] .dash-tab:hover{background:var(--primary-light)}html[data-company-theme] .dash-tab.active{border:none}html[data-company-theme] .theme-selector{border:none;background:var(--muted-bg);box-shadow:none}html[data-company-theme] .form-control{background-color:var(--input-bg);border-color:var(--border);border-radius:10px}html[data-company-theme] .search-input{background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px;border-color:var(--border);border-radius:10px}html[data-company-theme] .form-control:focus,html[data-company-theme] .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}html[data-company-theme] .btn-primary{background:var(--button-color, var(--primary));border:none;border-radius:10px;color:var(--button-text, var(--primary-text));box-shadow:0 2px 8px color-mix(in srgb,var(--button-color, var(--primary)) 28%,transparent);font-weight:600}html[data-company-theme] .btn-primary:hover{background:var(--button-hover, var(--primary-hover));box-shadow:0 4px 14px color-mix(in srgb,var(--button-color, var(--primary)) 35%,transparent)}html[data-company-theme] .btn-secondary{background:var(--surface);border:1px solid var(--border-accent);border-radius:10px;color:var(--text)}html[data-company-theme] .btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}html[data-company-theme] .tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}html[data-company-theme] .dash-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:10px}html[data-company-theme] thead th{background:var(--muted-bg);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:none;letter-spacing:0}html[data-company-theme] tbody tr:hover{background:#4f6bed0a}html[data-company-theme] .stat-card .value{color:var(--text);font-weight:700}html[data-company-theme] .stat-card .label{color:var(--text-secondary)}html[data-company-theme] .page-title{color:var(--text);font-weight:700}html[data-company-theme] .page-subtitle,html[data-company-theme] .text-muted,html[data-company-theme] .text-secondary{color:var(--text-secondary)}html[data-company-theme] a{color:var(--primary);font-weight:500}html[data-company-theme] a:hover{color:var(--primary-hover)}html[data-company-theme] .progress-bar-fill,html[data-company-theme] .dash-bar-fill{background:var(--primary-gradient)}html[data-company-theme] .theme-option.active{background:var(--primary);color:#fff}html[data-company-theme] .spinner{border-top-color:var(--primary)}html[data-company-theme] .card-header h3,html[data-company-theme] .dash-widget-header h3{color:var(--text);font-weight:600}html[data-company-theme] .table-freeze-sheet.freeze-cols-4 th:nth-child(4),html[data-company-theme] .table-freeze-sheet.freeze-cols-4 td:nth-child(4){border-right-color:var(--border-accent)}.dash-tabs{display:flex;gap:8px;flex-wrap:wrap}.dash-tab{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.dash-tab:hover{border-color:var(--primary);color:var(--text)}.dash-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.portal-dashboard{width:100%;max-width:none}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:stretch;width:100%}.dash-grid-item{position:relative;min-width:0;display:flex}.dash-grid-item>.dash-widget{flex:1;width:100%}.dash-widget-lg,.dash-widget-full{grid-column:1 / -1}.dash-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column}.dash-widget-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-widget-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dash-widget-header h3{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.dash-widget-header a{font-size:12px;color:var(--primary);white-space:nowrap}.portal-admin-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.portal-admin-link{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.portal-admin-link:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.dash-widget-body{padding:16px;flex:1;overflow:auto;min-height:140px}.portal-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;width:100%}.portal-widget-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}.portal-widget-stats-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-widget-stats-compact .stat-card{padding:12px;min-height:88px}.portal-widget-stats-compact .stat-card-top{align-items:center;gap:10px}.portal-widget-stats-compact .stat-card-icon{width:34px;height:34px;font-size:1.125rem}.portal-widget-stats-compact .stat-card .label{font-size:11px;margin-bottom:4px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal-widget-stats-compact .stat-card .value{font-size:1rem;font-weight:700;line-height:1.2}.portal-widget-stats-compact .stat-card .value.stat-value-currency{font-size:.75rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-widget-stats-compact .stat-card .value.stat-value-count{font-size:1.125rem;font-weight:700}.portal-widget-stats-compact .stat-card .change{font-size:10px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.portal-quick-links{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid var(--border);margin-bottom:12px}.portal-quick-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);transition:border-color .15s,background .15s}.portal-quick-link:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.portal-recent-block{margin-top:4px}.portal-recent-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:8px}.portal-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.portal-recent-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.portal-approval-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.portal-approval-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:999px;background:var(--muted-bg);border:1px solid var(--border);text-transform:capitalize}.dash-widget-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning);border:1px solid var(--border)}.dash-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.dash-approval-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.dash-stats-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:0}.dash-stats-mini .stat-card{padding:12px;min-width:0}.dash-stats-mini .stat-card-icon{width:34px;height:34px;font-size:1.15rem;border-radius:8px}.dash-stats-mini .stat-card .value{font-size:clamp(.875rem,1.6vw,1.125rem)}.dash-stats-mini-payroll{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}.dash-stats-mini-payroll .stat-card{padding:10px}.dash-stats-mini-payroll .stat-card-top{gap:8px;align-items:center}.dash-stats-mini-payroll .stat-card-icon{width:28px;height:28px;font-size:.95rem;border-radius:7px;flex-shrink:0}.dash-stats-mini-payroll .stat-card .label{font-size:11px;margin-bottom:3px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-stats-mini-payroll .stat-card .value{font-size:.8125rem;font-weight:600;line-height:1.2}.dash-stats-mini-payroll .stat-card .value.stat-value-count{font-size:1rem;font-weight:700}.dash-stats-mini-payroll .stat-card .value.stat-value-currency{font-size:.75rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.dash-stats-mini-payroll{grid-template-columns:1fr}}.approval-detail-note{margin-top:14px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.approval-detail-note-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.approval-detail-note-body{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.dash-widget-remove{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;font-size:16px;line-height:1}@media(max-width:1024px){.portal-kpi-grid,.portal-widget-stats,.portal-widget-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.dash-grid,.portal-kpi-grid,.portal-widget-stats,.portal-widget-stats-compact,.portal-recent-list{grid-template-columns:1fr}}.module-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.module-dash-panel .card-body{min-height:120px;overflow:hidden}.module-dash-highlight{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:12px}.module-dash-highlight-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.module-dash-run-label{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:13px;color:var(--text-secondary)}.module-dash-run-label strong{color:var(--text);font-size:13px;font-weight:600;white-space:nowrap}.module-dash-run-label span{font-weight:600;color:var(--text)}.module-dash-list-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.module-dash-list-item:last-child{border-bottom:none}.dash-bar-chart{display:flex;flex-direction:column;gap:10px}.dash-bar-row{display:grid;grid-template-columns:minmax(90px,120px) 1fr minmax(36px,48px);gap:10px;align-items:center;font-size:13px}.dash-bar-label{color:var(--text-secondary);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-bar-track{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.dash-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--info));border-radius:999px;min-width:4px}.dash-bar-value{font-weight:600;text-align:right}@media(max-width:1024px){.module-dash-grid{grid-template-columns:1fr}}.profile-hero{display:flex;gap:24px;align-items:center;padding:24px;margin-bottom:0}.profile-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-photo-btn{margin-top:4px}.profile-hero-info h2{margin:0 0 4px;font-size:22px}.profile-hero-info p{margin:0;color:var(--text-secondary);font-size:14px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.profile-info-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.profile-info-label{color:var(--text-secondary)}.profile-info-value{font-weight:500;text-align:right}.form-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:20px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.form-section-title:first-child{margin-top:0}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.doc-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--surface)}.doc-card-danger{border-left:3px solid var(--danger)}.doc-card-warning{border-left:3px solid var(--warning)}.doc-card-success{border-left:3px solid var(--success)}.doc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.doc-card h4{margin:0 0 4px;font-size:14px}.doc-meta{font-size:12px;color:var(--text-secondary);margin:0 0 8px}.doc-dates{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-secondary)}.doc-reminder-flag{font-size:11px;color:var(--info);margin:8px 0 0}.doc-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.modal.modal-doc-view{max-width:720px}.modal.modal-employee-form{max-width:1080px;width:calc(100% - 40px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal.modal-employee-form .modal-body{overflow-y:auto;flex:1;min-height:0;padding-top:20px;padding-bottom:20px}.employee-form-layout{display:flex;flex-direction:column;gap:16px}.employee-form-photo{display:flex;justify-content:center;padding-bottom:4px}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.employee-form-card{margin:0;overflow:hidden}.employee-form-card-wide{grid-column:1 / -1}.employee-form-card-header{background:var(--bg-secondary, rgba(0, 0, 0, .03));padding:14px 18px;align-items:flex-start}.employee-form-card-header h3{font-size:14px;font-weight:600;margin:0}.employee-form-card-subtitle{margin:4px 0 0;font-size:12px;color:var(--text-secondary);font-weight:400}.employee-form-card .card-body{padding:12px 14px}.employee-form-fields{display:grid;grid-template-columns:1fr;gap:5px}.employee-form-fields-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}.employee-form-field,.employee-form-fields>.employee-form-field{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:4px 10px;align-items:center;min-width:0;margin:0}.employee-form-field-full{grid-column:1 / -1;grid-template-columns:minmax(110px,28%) minmax(0,1fr)}.employee-form-field-top{align-items:start}.employee-form-field-top>label{padding-top:7px}.employee-form-field>label,.employee-form-field .employee-form-field-body>label.employee-form-checkbox{margin:0;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:right;line-height:1.35;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.employee-form-field-label-spacer{display:block}.employee-form-field-body{min-width:0}.employee-form-field-add{border:none;background:none;padding:0;font-size:11px;font-weight:500;color:var(--primary);cursor:pointer;text-decoration:none;line-height:1.2}.employee-form-field-add:hover{text-decoration:underline}.employee-form-hint{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--text-muted, var(--text-secondary))}.employee-form-inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.employee-form-field:has(.employee-form-hint){align-items:start}.employee-form-field:has(.employee-form-hint)>label{padding-top:7px}.employee-form-checkbox-input{width:15px;height:15px;margin:7px 0 0;cursor:pointer}.employee-record-layout{width:100%}.employee-record-layout .employee-form-grid,.profile-rules-page .employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.profile-rules-page.employee-record-layout{display:flex;flex-direction:column;gap:12px}.profile-rules-page .rules-checkbox{min-height:30px;font-size:13px}@media(min-width:1200px){.employee-record-layout .employee-form-fields-wide,.employee-form-page .employee-form-fields-wide,.profile-rules-page .employee-form-fields-wide{grid-template-columns:repeat(3,minmax(0,1fr))}}.employee-view-field>.employee-view-label{margin:0;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:right;line-height:1.35;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.employee-view-value{font-size:13px;font-weight:500;color:var(--text);min-height:30px;display:flex;align-items:center;line-height:1.35;word-break:break-word}.employee-view-value.is-empty{color:var(--text-muted, var(--text-secondary));font-weight:400}.employee-view-field.employee-form-field-top>.employee-view-label{padding-top:7px}.employee-form-checkbox{display:inline-flex;gap:8px;margin:0;font-size:13px;font-weight:400;color:var(--text);text-align:left;flex-direction:row;align-items:center;min-height:32px}.employee-form-checkbox input{margin:0}.modal.modal-employee-form .form-control,.employee-form-page .form-control,.profile-rules-page .form-control{padding:5px 10px;font-size:13px;min-height:30px;border-radius:5px}.modal.modal-employee-form textarea.form-control.employee-form-textarea,.employee-form-page textarea.form-control.employee-form-textarea,.profile-rules-page textarea.form-control.employee-form-textarea{min-height:52px;padding-top:6px;padding-bottom:6px}.modal.modal-employee-form .employee-form-card-header,.employee-form-page .employee-form-card-header{padding:10px 14px}.modal.modal-employee-form .employee-form-card-subtitle,.employee-form-page .employee-form-card-subtitle{margin-top:2px}.modal.modal-employee-form .employee-form-grid,.employee-form-page .employee-form-grid,.modal.modal-employee-form .employee-form-layout,.employee-form-page .employee-form-layout{gap:12px}.employee-form-card .card-body .form-group:last-child{margin-bottom:0}.modal.modal-employee-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}@media(max-width:900px){.modal.modal-employee-form{width:100%;max-width:100%}.employee-form-grid,.employee-record-layout .employee-form-grid,.profile-rules-page .employee-form-grid,.employee-form-fields,.employee-form-fields-wide{grid-template-columns:1fr}.employee-form-field>label,.employee-view-field>.employee-view-label{text-align:left;align-items:flex-start}}.doc-preview{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.doc-preview-image{display:block;width:100%;max-height:420px;object-fit:contain}.doc-preview-frame{display:block;width:100%;height:420px;border:none}.doc-preview-fallback{margin:0;padding:24px 16px;text-align:center;font-size:13px;color:var(--text-secondary)}.reminder-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);cursor:pointer}.header-icon-btn.has-alert{color:var(--warning);border-color:var(--warning)}.header-icon-btn.has-approval-alert{color:var(--primary);border-color:var(--primary)}.header-approval-dropdown{width:380px}.header-approval-item{align-items:flex-start}.header-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.reminder-menu-wrap{position:relative}.reminder-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:420px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));z-index:100}.reminder-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px}.reminder-dropdown-header a{font-size:12px;color:var(--primary)}.reminder-empty{padding:20px 14px;font-size:13px;color:var(--text-secondary);margin:0}.reminder-dropdown-item{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px}.reminder-title{font-weight:600;font-size:13px}.reminder-meta{font-size:11px;color:var(--text-secondary);margin-top:2px}.reminder-msg{font-size:12px;color:var(--text-secondary);margin-top:4px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.permission-check{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.permission-check input{margin:0}.text-muted{color:var(--text-secondary);font-size:13px}.profile-record-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.profile-record-sections .card{margin:0}@media(max-width:768px){.profile-hero{flex-direction:column;text-align:center}.reminder-dropdown{width:min(360px,calc(100vw - 32px))}}@media(max-width:1024px){.grid-2,.grid-3,.form-row,.form-row-3{grid-template-columns:1fr}.sidebar{width:220px}.main-content{margin-left:220px;max-width:calc(100vw - 220px)}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;max-width:100vw}.page-content{padding:16px}}.flex-between{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;grid-column:1 / -1}.form-actions .btn{margin:0}.checkbox-label{display:flex!important;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg);color:var(--text);border-color:var(--border)}.lifecycle-tabs{flex-wrap:wrap;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.lifecycle-tabs .tab{white-space:nowrap;flex-shrink:0}.lifecycle-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.lifecycle-panel h4:not(.form-section-title){margin:0 0 16px;font-size:15px;font-weight:600}.lifecycle-panel+.lifecycle-panel,.lifecycle-panel+.card,.card+.lifecycle-panel{margin-top:20px}.lifecycle-detail{display:flex;flex-direction:column;gap:4px}.lifecycle-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;flex-wrap:wrap}.lifecycle-detail-header h3{margin:0 0 4px;font-size:18px}.lifecycle-detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}.lifecycle-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.lifecycle-meta-grid .label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.lifecycle-status-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.lifecycle-status-actions .btn{text-transform:capitalize}.lifecycle-task-group{margin-bottom:20px}.lifecycle-task-group h4{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.lifecycle-task-list{display:flex;flex-direction:column;gap:10px}.lifecycle-task{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.lifecycle-task.completed{border-color:#22c55e59;background:#22c55e0a}.lifecycle-task.in_progress{border-color:#eab30859}.lifecycle-task-main{flex:1;min-width:0}.lifecycle-task-main strong{display:block;margin-bottom:4px}.lifecycle-task-main p{margin:4px 0 0}.lifecycle-task-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}.law-ref,.doc-ref{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--primary-light);color:var(--text-secondary);margin-right:6px;margin-top:6px}.lifecycle-progress-wrap{position:relative;height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-top:4px}.lifecycle-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.lifecycle-progress-label{font-size:12px;color:var(--text-secondary);margin-top:6px;display:block}.lifecycle-docs,.lifecycle-history{margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.lifecycle-docs h4,.lifecycle-history h4{margin:0 0 10px;font-size:14px;font-weight:600}.lifecycle-docs ul,.lifecycle-history .timeline-list{list-style:none;padding:0;margin:0}.lifecycle-docs li,.lifecycle-history .timeline-list li{padding:8px 0;border-bottom:1px solid var(--border)}.lifecycle-history .timeline-list li:last-child{border-bottom:none}.lifecycle-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}.lifecycle-form{max-width:720px}.procedure-steps{padding-left:20px;margin:0}.procedure-steps li{margin-bottom:16px;padding-left:4px}.procedure-steps li p{margin:6px 0 0;color:var(--text-secondary)}.settlement-preview{list-style:none;padding:0;margin:0}.settlement-preview li{padding:10px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.settlement-preview li.net{font-size:1.05rem;font-weight:700;border-top:2px solid var(--border);margin-top:8px;padding-top:14px}.template-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.template-row:last-child{border-bottom:none}.template-item-card{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px;background:var(--bg)}.template-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.template-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-items-editor{grid-column:1 / -1;margin-top:8px}.lifecycle-reports-list{list-style:none;padding:0;margin:16px 0 0}.lifecycle-reports-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}@media(max-width:900px){.lifecycle-split,.form-grid,.template-item-fields{grid-template-columns:1fr}.lifecycle-task{flex-direction:column;align-items:stretch}.lifecycle-task-actions{justify-content:flex-start;padding-top:8px;border-top:1px solid var(--border)}.template-row{flex-direction:column;align-items:flex-start}}.module-nav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.module-nav-link{padding:8px 16px;border-radius:calc(var(--radius) - 2px);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s}.module-nav-link:hover{color:var(--text);background:var(--bg)}.module-nav-link.active{color:var(--primary);background:var(--bg);box-shadow:0 1px 2px #0000000f}.attendance-sheet-page .page-header{margin-bottom:16px}.attendance-sheet-toolbar{display:flex;gap:8px;flex-wrap:wrap}.attendance-sheet-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:16px}.attendance-sheet-month-nav{display:flex;align-items:center;gap:12px}.attendance-sheet-month-label{display:flex;flex-direction:column;align-items:center;min-width:180px;text-align:center}.attendance-sheet-month-label strong{font-size:1.125rem}.attendance-sheet-employee-picker{display:flex;align-items:center;gap:10px;min-width:280px;flex:1;max-width:420px}.attendance-sheet-employee-picker label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.attendance-sheet-profile{display:flex;flex-direction:column;gap:14px;padding:20px 24px;margin-bottom:16px}.attendance-sheet-profile-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.attendance-sheet-summary-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;padding-top:14px;border-top:1px solid var(--border)}.attendance-mini-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);text-align:center}.attendance-mini-stat-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;line-height:1.2}.attendance-mini-stat-value{font-size:1.125rem;font-weight:700;line-height:1.2}.searchable-combobox{position:relative;width:100%}.searchable-combobox>label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.searchable-combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;cursor:pointer;background:var(--surface)}.searchable-combobox-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-combobox-caret{color:var(--text-secondary);font-size:12px;flex-shrink:0}.searchable-combobox-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .12));overflow:hidden}.searchable-combobox-search{border:none;border-bottom:1px solid var(--border);border-radius:0}.searchable-combobox-list{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow-y:auto}.searchable-combobox-option{display:block;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-size:14px;color:var(--text);cursor:pointer}.searchable-combobox-option:hover,.searchable-combobox-option.active{background:var(--primary-light);color:var(--primary)}.searchable-combobox-empty{padding:12px 14px;font-size:13px;color:var(--text-secondary)}.attendance-sheet-avatar{flex-shrink:0}.attendance-sheet-avatar .avatar,.attendance-sheet-avatar img.avatar.avatar-img{width:56px;height:56px;font-size:1.125rem}.attendance-sheet-profile-main{flex:1;min-width:200px}.attendance-sheet-profile-main h2{margin:0 0 6px;font-size:1.25rem}.attendance-sheet-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:13px;color:var(--text-secondary)}.attendance-sheet-meta span:before{content:"•";margin-right:8px;color:var(--border)}.attendance-sheet-meta span:first-child:before{content:none}.attendance-sheet-meta--sub{margin-top:6px;font-size:12px}.attendance-sheet-profile-aside{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;flex-shrink:0;min-width:140px}.attendance-sheet-aside-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.attendance-sheet-period{font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.attendance-sheet-printed-at{display:none;font-size:11px;color:var(--text-secondary);line-height:1.3}.attendance-sheet-today{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.attendance-sheet-today .label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.attendance-sheet-calendar-card{padding:20px 24px 24px;margin-bottom:16px}.attendance-sheet-holidays{padding:16px 20px}.attendance-sheet-holidays h3{margin:0 0 12px;font-size:1rem}.attendance-sheet-holidays ul{margin:0;padding-left:20px}.attendance-sheet-holidays li{margin-bottom:6px;font-size:14px}.attendance-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.attendance-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-weight:500}.attendance-legend-swatch{width:14px;height:14px;border-radius:4px;border:2px solid}.attendance-legend-swatch--present{background:#dcfce7;border-color:#22c55e}.attendance-legend-swatch--late{background:#fef3c7;border-color:#f59e0b}.attendance-legend-swatch--absent{background:#fee2e2;border-color:#ef4444}.attendance-legend-swatch--half_day{background:#dbeafe;border-color:#3b82f6}.attendance-legend-swatch--on_leave{background:#f3e8ff;border-color:#a855f7}.attendance-legend-swatch--holiday{background:#cffafe;border-color:#06b6d4}.attendance-legend-swatch--weekend{background:#f1f5f9;border-color:#94a3b8}.attendance-legend-swatch--no_record{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .attendance-legend-swatch--present{background:#14532d;border-color:#4ade80}[data-theme=dark] .attendance-legend-swatch--late{background:#78350f;border-color:#fbbf24}[data-theme=dark] .attendance-legend-swatch--absent{background:#7f1d1d;border-color:#f87171}[data-theme=dark] .attendance-legend-swatch--half_day{background:#1e3a8a;border-color:#60a5fa}[data-theme=dark] .attendance-legend-swatch--on_leave{background:#581c87;border-color:#c084fc}[data-theme=dark] .attendance-legend-swatch--holiday{background:#164e63;border-color:#22d3ee}[data-theme=dark] .attendance-legend-swatch--weekend{background:#334155;border-color:#94a3b8}[data-theme=dark] .attendance-legend-swatch--no_record{background:#1e293b;border-color:#64748b}.attendance-print-header{display:none}.attendance-calendar-weekdays,.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.attendance-calendar-weekday{text-align:center;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:8px 4px}.attendance-calendar-cell{min-height:96px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;position:relative;transition:transform .12s,box-shadow .12s}.attendance-calendar-cell--present{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.attendance-calendar-cell--late{background:#fffbeb;border-color:#fcd34d;color:#92400e}.attendance-calendar-cell--absent{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.attendance-calendar-cell--half_day{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.attendance-calendar-cell--on_leave{background:#faf5ff;border-color:#d8b4fe;color:#6b21a8}.attendance-calendar-cell--holiday{background:#ecfeff;border-color:#67e8f9;color:#155e75}.attendance-calendar-cell--weekend{background:#f8fafc;border-color:#cbd5e1;color:#475569}.attendance-calendar-cell--no_record{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.attendance-calendar-cell--upcoming{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .attendance-calendar-cell--present{background:#064e3b;border-color:#34d399;color:#a7f3d0}[data-theme=dark] .attendance-calendar-cell--late{background:#78350f;border-color:#fbbf24;color:#fde68a}[data-theme=dark] .attendance-calendar-cell--absent{background:#7f1d1d;border-color:#f87171;color:#fecaca}[data-theme=dark] .attendance-calendar-cell--half_day{background:#1e3a8a;border-color:#60a5fa;color:#bfdbfe}[data-theme=dark] .attendance-calendar-cell--on_leave{background:#581c87;border-color:#c084fc;color:#e9d5ff}[data-theme=dark] .attendance-calendar-cell--holiday{background:#164e63;border-color:#22d3ee;color:#a5f3fc}[data-theme=dark] .attendance-calendar-cell--weekend{background:#1e293b;border-color:#64748b;color:#cbd5e1}[data-theme=dark] .attendance-calendar-cell--no_record{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .attendance-calendar-cell--upcoming{background:#242424;border-color:#404040;color:#737373}.attendance-calendar-cell--empty{background:transparent;border-color:transparent;min-height:0;padding:0}.attendance-calendar-cell--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;cursor:pointer;filter:brightness(1.03)}.attendance-calendar-cell--today{box-shadow:inset 0 0 0 2px var(--primary)}.attendance-calendar-cell--future{opacity:.8}.attendance-calendar-day{font-size:1.125rem;font-weight:700;line-height:1}.attendance-calendar-status{font-size:10px;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;word-break:break-word}.attendance-calendar-times{display:flex;flex-direction:column;gap:1px;margin-top:auto;width:100%}.attendance-calendar-time{font-size:10px;opacity:.9;line-height:1.2}.attendance-day-detail p{margin:0 0 10px;font-size:14px}.attendance-day-detail hr{margin:16px 0;border:none;border-top:1px solid var(--border)}@media(max-width:900px){.attendance-calendar-cell{min-height:80px;padding:8px 6px}.attendance-calendar-status,.attendance-calendar-time{font-size:9px}.attendance-sheet-controls{flex-direction:column;align-items:stretch}.attendance-sheet-employee-picker{max-width:none}.attendance-sheet-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{@page{size:A4 landscape;margin:4mm}html,body{width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}body *{visibility:hidden}.attendance-sheet-print-area,.attendance-sheet-print-area *{visibility:visible}.attendance-sheet-print-area{position:absolute;left:0;top:0;width:289mm;height:202mm;box-sizing:border-box;padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden;background:#fff!important;color:#000!important}.attendance-print-header{display:none!important}.attendance-sheet-profile{flex:0 0 auto;box-shadow:none!important;border:1px solid #999!important;padding:2mm 3mm!important;margin-bottom:2mm!important;gap:2mm!important}.attendance-sheet-profile-top{gap:3mm!important}.attendance-sheet-avatar,.attendance-sheet-today,.attendance-sheet-holidays,.attendance-legend{display:none!important}.attendance-sheet-profile-aside{margin-left:auto!important;min-width:32mm!important}.attendance-sheet-aside-label{font-size:6pt!important}.attendance-sheet-period{font-size:10pt!important;color:#000!important}.attendance-sheet-printed-at{display:block!important;font-size:6.5pt!important;color:#444!important}.attendance-sheet-profile-main h2{font-size:10pt!important;margin:0 0 1px!important}.attendance-sheet-meta{font-size:7pt!important;gap:1mm 3mm!important}.attendance-sheet-meta--sub{display:none}.attendance-sheet-summary-strip{padding-top:2mm!important;gap:2mm!important;border-top:1px solid #ccc}.attendance-mini-stat{min-height:0!important;padding:1mm 2mm!important;background:#f5f5f5!important;border-color:#ccc!important}.attendance-mini-stat-label{font-size:6pt!important}.attendance-mini-stat-value{font-size:8pt!important;color:#000!important}.attendance-sheet-calendar-card{flex:1 1 0!important;min-height:0!important;box-shadow:none!important;border:1px solid #999!important;padding:2mm 3mm!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.attendance-calendar{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.attendance-calendar-weekdays{flex:0 0 auto!important;gap:1mm!important;margin-bottom:1mm!important}.attendance-calendar-grid{flex:1 1 0!important;min-height:0!important;gap:1mm!important;grid-auto-rows:1fr!important;align-content:stretch!important}.attendance-calendar-weekday{font-size:7pt!important;padding:0!important}.attendance-calendar-cell{min-height:0!important;height:100%!important;max-height:none!important;padding:1mm 1.5mm!important;gap:.5mm!important;border-width:1px!important;border-radius:1px!important;overflow:hidden!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.attendance-calendar-cell--empty{border:none!important;background:transparent!important}.attendance-calendar-day{font-size:8pt!important;font-weight:700!important}.attendance-calendar-status{display:block!important;font-size:5.5pt!important;font-weight:700!important;line-height:1.1!important;text-transform:uppercase!important;color:inherit!important}.attendance-calendar-times{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:auto!important}.attendance-calendar-time{display:block!important;font-size:5pt!important;line-height:1.1!important}.attendance-calendar-cell--present{background:#e8f5e9!important;border-color:#2e7d32!important;color:#1b5e20!important}.attendance-calendar-cell--late{background:#fff8e1!important;border-color:#f9a825!important;color:#e65100!important}.attendance-calendar-cell--absent{background:#ffebee!important;border-color:#c62828!important;color:#b71c1c!important}.attendance-calendar-cell--half_day{background:#e3f2fd!important;border-color:#1565c0!important;color:#0d47a1!important}.attendance-calendar-cell--on_leave{background:#f3e5f5!important;border-color:#7b1fa2!important;color:#4a148c!important}.attendance-calendar-cell--holiday{background:#e0f7fa!important;border-color:#00838f!important;color:#006064!important}.attendance-calendar-cell--weekend{background:#eceff1!important;border-color:#78909c!important;color:#455a64!important}.attendance-calendar-cell--no_record{background:#fafafa!important;border-color:#bdbdbd!important;color:#616161!important}.attendance-calendar-cell--upcoming{background:#fff!important;border-color:#e0e0e0!important;color:#9e9e9e!important}}.public-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.public-layout--dim{color-scheme:dark}.public-layout .top-header{flex-shrink:0}.public-layout .header-actions{flex-wrap:nowrap}.public-shell-brand{text-decoration:none;color:inherit;display:flex;align-items:center}.public-nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;white-space:nowrap}.public-nav-link:hover{color:var(--primary)}.public-layout .page-content{flex:1;width:100%;max-width:1200px;margin:0 auto}.public-layout .page-content:has(.product-website){max-width:none;padding:0}.public-shell-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 32px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);background:var(--surface)}[data-theme=dark] .public-shell-footer{background:var(--surface-elevated);border-top-color:var(--border-accent)}.public-shell-footer a{color:var(--primary);text-decoration:none}.public-shell-footer a:hover{text-decoration:underline}.contact-page{display:flex;flex-direction:column;gap:24px}.contact-hero .card-body{padding-top:20px}.contact-eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.contact-lead{font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:720px}.contact-highlights{margin:18px 0 0;padding-left:20px;display:grid;gap:8px;color:var(--text)}.contact-highlights li{line-height:1.5;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.public-layout .header-actions{gap:8px}.public-nav-link{display:none}}.contact-section-lead{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.contact-channel-list{display:flex;flex-direction:column;gap:12px}.contact-channel-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--bg);transition:border-color .15s ease,background-color .15s ease}.contact-channel-item:hover{border-color:var(--primary);background:var(--muted-bg)}.contact-channel-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-light);color:var(--primary)}.contact-channel-icon svg{width:18px;height:18px}.contact-channel-body{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-channel-body strong{font-size:14px}.contact-channel-body span{font-size:14px;color:var(--text)}.contact-channel-body small{font-size:12px;color:var(--text-secondary)}.contact-demo-error{padding:10px 12px;margin-bottom:16px;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);font-size:14px}.contact-demo-success{padding:24px;border-radius:var(--radius);background:var(--muted-bg);text-align:center}.contact-demo-success h3{margin-bottom:8px}.contact-demo-success p{color:var(--text-secondary);margin-bottom:16px}.contact-login-hint{text-align:center;font-size:14px;color:var(--text-secondary)}.contact-login-hint a{color:var(--primary);font-weight:600;text-decoration:none}.contact-login-hint a:hover{text-decoration:underline}.product-page,.product-website{display:flex;flex-direction:column}.product-website-hero{position:relative;padding:72px 32px 56px;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--primary-light),transparent 70%),linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.product-website-hero-inner{max-width:820px;margin:0 auto}.product-website-hero-logo{display:flex;justify-content:center;margin-bottom:22px}.product-website-hero-logo .app-logo{font-size:clamp(2rem,5vw,2.75rem);padding:12px 22px;border-radius:14px;border-width:2.5px}.product-website-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em}.product-website-lead{font-size:18px;line-height:1.65;color:var(--text-secondary);margin-bottom:0}.product-website-hero-signin{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px}.product-website-hero-scroll{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);animation:product-scroll-hint 2.4s ease-in-out infinite}@keyframes product-scroll-hint{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.product-website-benefits{padding:28px 32px;background:var(--surface);border-bottom:1px solid var(--border)}.product-website-benefits-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-website-benefit h3{font-size:15px;font-weight:700;margin-bottom:6px}.product-website-benefit p{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0}.product-website-features{display:flex;flex-direction:column}.product-feature-section{display:grid;grid-template-columns:minmax(0,560px) minmax(0,560px);justify-content:center;gap:24px;align-items:center;min-height:72vh;padding:72px clamp(24px,5vw,48px)}.product-feature-section:nth-child(2n){background:var(--surface)}.product-feature-copy{opacity:1;transform:none;max-width:560px;width:100%}.product-feature-section:not(.product-feature-section--reverse) .product-feature-copy{justify-self:end;padding-inline-end:10px}.product-feature-section--reverse .product-feature-copy{justify-self:start;margin-inline-start:0;padding-inline-start:10px;text-align:left}.product-feature-section.is-visible .product-feature-copy{animation:product-copy-in 1.05s cubic-bezier(.22,1,.36,1) forwards}.product-feature-section--reverse.is-visible .product-feature-copy{animation-name:product-copy-in-reverse}.product-feature-section--reverse .product-feature-copy{order:2}.product-feature-section--reverse .product-feature-visual{order:1}.product-feature-visual{display:flex;justify-content:center;align-items:center;opacity:1;transform:none;padding-inline:0}.product-feature-section:not(.product-feature-section--reverse) .product-feature-visual{justify-content:flex-start;padding-inline-start:10px}.product-feature-section--reverse .product-feature-visual{justify-content:flex-end;padding-inline-end:10px}.product-feature-section.is-visible .product-feature-visual{animation:product-visual-in 1.15s cubic-bezier(.22,1,.36,1) .12s forwards}.product-feature-section--reverse.is-visible .product-feature-visual{animation-name:product-visual-in-reverse}@keyframes product-copy-in{0%{opacity:0;transform:translate3d(-72px,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes product-copy-in-reverse{0%{opacity:0;transform:translate3d(72px,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes product-visual-in{0%{opacity:0;transform:translate3d(72px,40px,0) scale(.88)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes product-visual-in-reverse{0%{opacity:0;transform:translate3d(-72px,40px,0) scale(.88)}to{opacity:1;transform:translateZ(0) scale(1)}}.product-feature-index{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--primary);margin-bottom:10px}.product-feature-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}.product-feature-desc{font-size:17px;line-height:1.6;color:var(--text);margin-bottom:12px}.product-feature-detail{font-size:15px;line-height:1.65;color:var(--text-secondary);margin-bottom:18px}.product-feature-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.product-feature-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}.product-feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--primary)}.product-feature-image-frame{width:100%;max-width:560px;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg);transform:scale(1.42)}.product-feature-section.is-visible .product-feature-image-frame{animation:product-frame-in 1.25s cubic-bezier(.22,1,.36,1) .18s forwards,product-frame-float 5s ease-in-out 1.45s infinite alternate}@keyframes product-frame-in{0%{transform:scale(1.42);box-shadow:var(--shadow-lg)}to{transform:scale(1);box-shadow:var(--shadow-lg)}}@keyframes product-frame-float{0%{transform:scale(1) translateY(0);box-shadow:var(--shadow-lg)}to{transform:scale(1.08) translateY(-14px);box-shadow:0 28px 52px -14px #0000003d}}.product-feature-image{display:block;width:100%;height:auto;object-fit:cover;transform:scale(1.18)}.product-feature-section.is-visible .product-feature-image{animation:product-image-in 1.25s cubic-bezier(.22,1,.36,1) .18s forwards,product-image-kenburns 6.5s ease-in-out 1.45s infinite alternate}@keyframes product-image-in{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes product-image-kenburns{0%{transform:scale(1)}to{transform:scale(1.16)}}@media(prefers-reduced-motion:reduce){.product-feature-copy,.product-feature-visual,.product-feature-image-frame,.product-feature-image{animation:none!important;opacity:1!important;transform:none!important}}.product-website-cta{margin:0;border-radius:0;border-left:none;border-right:none;text-align:center}.product-website-cta .card-body{max-width:720px;margin:0 auto;padding:56px 32px 64px}.product-website-cta h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:12px}.product-website-cta p{font-size:16px;line-height:1.65;color:var(--text-secondary);margin-bottom:24px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-page{gap:28px}.product-hero .card-body{padding:28px 24px 32px}.product-eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.product-title{font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1.2;margin-bottom:12px}.product-lead{font-size:16px;line-height:1.65;color:var(--text-secondary);max-width:760px;margin-bottom:20px}.product-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.product-section-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.product-section-lead{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.product-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-benefit-card h3{font-size:15px;font-weight:600;margin-bottom:6px}.product-benefit-card p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0}.product-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-module-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.product-module-list{margin:0;padding-left:18px;display:grid;gap:6px}.product-module-list li{font-size:14px;line-height:1.45}.product-audience-list,.product-highlights{margin:0;padding-left:20px;display:grid;gap:8px}.product-audience-list li,.product-highlights li{font-size:14px;line-height:1.5}.product-footer-hint{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:4px}.product-footer-hint a{color:var(--primary);font-weight:600;text-decoration:none}.product-footer-hint a:hover{text-decoration:underline}@media(max-width:900px){.product-benefits-grid,.product-modules-grid{grid-template-columns:1fr}.product-website-benefits-inner{grid-template-columns:1fr 1fr}.product-feature-section,.product-feature-section--reverse{grid-template-columns:1fr;min-height:auto;padding:48px 24px;gap:28px}.product-feature-section--reverse .product-feature-copy,.product-feature-section--reverse .product-feature-visual{order:unset}.product-feature-section:not(.product-feature-section--reverse) .product-feature-copy,.product-feature-section--reverse .product-feature-copy{margin-inline:auto;padding-inline:clamp(8px,4vw,24px);max-width:560px}.product-feature-visual{padding-inline:clamp(8px,4vw,24px)}.product-website-hero{padding:56px 20px 40px}}@media(max-width:600px){.product-website-benefits-inner{grid-template-columns:1fr}}.sidebar-footer{padding:16px 20px 20px;border-top:1px solid var(--sidebar-border);margin-top:auto}.sidebar-footer-link{display:block;font-size:13px;color:var(--sidebar-text);text-decoration:none;padding:8px 10px;border-radius:var(--radius)}.sidebar-footer-link:hover{color:var(--sidebar-text-hover);background:var(--muted-bg)}.login-demo-hint{margin-top:16px;font-size:13px;text-align:center;color:#ffffffb8}.login-demo-fill{background:none;border:none;padding:0;font:inherit;color:#fff;font-weight:600;text-decoration:underline;cursor:pointer}.login-demo-fill:hover{opacity:.85}.login-contact-hint{margin-top:20px;font-size:13px;text-align:center;color:var(--text-secondary)}.login-page .login-product-link,.login-contact-hint a{color:var(--primary)!important;font-weight:600;text-decoration:underline;text-underline-offset:2px}.login-page .login-product-link:hover,.login-contact-hint a:hover{color:var(--primary-hover)!important}.audit-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.audit-subnav .card-header{padding:14px 16px}.audit-subnav-list{display:flex;flex-direction:column;padding:8px;gap:4px}.audit-subnav-item{display:block;padding:10px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px}.audit-subnav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.audit-subnav-item.active{background:var(--accent-soft, rgba(59, 130, 246, .12));color:var(--accent);font-weight:600}.audit-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.audit-filters-body .form-group:first-child{margin-bottom:12px}.audit-summary-cell{max-width:280px;word-break:break-word}.audit-user-role{font-size:11px;color:var(--text-secondary)}.audit-entity-type{display:block;font-size:12px;font-weight:600}.audit-entity-label{display:block;font-size:12px;color:var(--text-primary)}.audit-entity-id{display:block;font-size:11px;color:var(--text-secondary);font-family:monospace}.audit-category-badge,.audit-action-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.audit-category-badge.cat-auth{background:#3b82f626;color:var(--accent)}.audit-category-badge.cat-admin{background:#a855f726;color:#a855f7}.audit-category-badge.cat-settings{background:#0ea5e926;color:#0ea5e9}.audit-category-badge.cat-users{background:#22c55e26;color:#22c55e}.audit-category-badge.cat-payroll{background:#6366f126;color:#6366f1}.audit-category-badge.cat-leave{background:#f59e0b26;color:#f59e0b}.audit-category-badge.cat-attendance{background:#14b8a626;color:#14b8a6}.audit-category-badge.cat-audit{background:#6b728026;color:var(--text-secondary)}.audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.audit-report-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.audit-reports-generate{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.audit-report-type-list{display:flex;flex-direction:column;gap:8px}.audit-report-type-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);cursor:pointer}.audit-report-type-item span{font-size:12px;color:var(--text-secondary)}.audit-report-type-item.active{border-color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .08))}.audit-reports-main{display:flex;flex-direction:column;gap:16px}.report-preview-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.report-preview-toolbar input{flex:1;min-width:200px}@media(max-width:900px){.audit-layout,.audit-reports-generate{grid-template-columns:1fr}}.theme-admin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.theme-admin-toolbar .form-group{min-width:260px;flex:1}.theme-color-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.theme-color-preview span{width:22px;height:22px;border-radius:6px;border:1px solid var(--border)}.theme-color-preview code{font-size:11px}.color-input-row{display:flex;gap:8px;align-items:center}.color-input-row input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.theme-preview-bar{margin-top:12px;border-radius:10px;min-height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.35)}.theme-preview-row{display:flex;gap:12px;align-items:stretch;margin-top:12px}.theme-preview-row .theme-preview-bar{flex:1;margin-top:0}.theme-preview-button{flex-shrink:0;align-self:center;pointer-events:none}.theme-swatch{width:16px;height:16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);display:inline-block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop .modal{max-width:560px;width:100%;max-height:90vh;overflow:auto}.success-text{color:var(--success);font-size:14px}.toast-container{position:fixed;top:calc(var(--header-height) + 12px);right:32px;z-index:150;display:flex;flex-direction:column;gap:10px;max-width:400px;width:calc(100vw - 48px);pointer-events:none}.toast-item{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 14px 12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:toast-enter .28s ease-out;overflow:hidden}.toast-item.toast-leaving{animation:toast-leave .22s ease-in forwards}.toast-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success .toast-accent{background:var(--success)}.toast-error .toast-accent{background:var(--danger)}.toast-warning .toast-accent{background:var(--warning)}.toast-info .toast-accent{background:var(--info)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.toast-message{font-size:13px;color:var(--text-secondary);line-height:1.45;word-break:break-word}.toast-action{margin-top:8px;padding:0;border:none;background:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.toast-action:hover{color:var(--primary-hover)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-2px -4px 0 0;padding:0;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer}.toast-close:hover{color:var(--text);background:var(--muted-bg)}@keyframes toast-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toast-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@media(max-width:640px){.toast-container{right:16px;width:calc(100vw - 32px)}}html[data-company-theme] .dash-widget-header{border-bottom:none}.recruitment-timeline-page{--timeline-done: var(--success);--timeline-active: var(--primary);--timeline-pending: var(--muted)}.recruitment-timeline__header{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.recruitment-timeline__legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);margin-bottom:20px}.recruitment-timeline__legend span{display:inline-flex;align-items:center;gap:6px}.recruitment-timeline__legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.recruitment-timeline{overflow-x:auto;padding-bottom:8px}.recruitment-timeline__track{display:flex;gap:0;min-width:min-content}.recruitment-timeline__stage{flex:1 0 190px;min-width:190px;display:flex;flex-direction:column;align-items:stretch;padding:0 4px}.recruitment-timeline__axis{display:flex;align-items:center;width:100%;height:28px}.recruitment-timeline__line{flex:1;height:3px;border-radius:2px;background:var(--border)}.recruitment-timeline__line--hidden{background:transparent}.recruitment-timeline__line--done{background:var(--timeline-done)}.recruitment-timeline__line--in_progress{background:var(--timeline-active)}.recruitment-timeline__line--not_started{background:var(--border)}.recruitment-timeline__node{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid var(--border);background:var(--surface);box-sizing:border-box}.recruitment-timeline__node--done{border-color:var(--timeline-done);background:var(--timeline-done)}.recruitment-timeline__node--in_progress{border-color:var(--timeline-active);background:var(--timeline-active);box-shadow:0 0 0 4px var(--primary-light)}.recruitment-timeline__node--not_started{border-color:var(--timeline-pending);background:var(--surface)}.recruitment-timeline__label{text-align:center;font-weight:700;font-size:12px;margin-top:8px;line-height:1.3}.recruitment-timeline__description{text-align:center;font-size:10px;color:var(--text-secondary);min-height:28px;margin-bottom:8px;line-height:1.35;padding:0 4px}.recruitment-timeline__details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-height:120px;font-size:12px;display:flex;flex-direction:column;gap:6px}.recruitment-timeline__details--in_progress{border-color:var(--timeline-active);background:var(--primary-light)}.recruitment-timeline__details--done{border-color:#10b98159}.recruitment-timeline__status-pill{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.recruitment-timeline__summary{font-weight:600;color:var(--text);line-height:1.35}.recruitment-timeline__summary-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.recruitment-timeline__summary-line{font-weight:600;color:var(--text);font-size:12px;line-height:1.4}.recruitment-timeline__sub{color:var(--text-secondary);font-size:11px}.recruitment-timeline__lines{margin:0;padding-left:16px;color:var(--text-secondary);font-size:11px}.recruitment-timeline__names{display:flex;flex-direction:column;gap:10px}.recruitment-timeline__names-group{display:flex;flex-direction:column;gap:6px}.recruitment-timeline__names-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.recruitment-timeline__names-label--action{color:#b45309}.recruitment-timeline__names-label--completed{color:#047857}.recruitment-timeline__names-label--failed{color:#b91c1c}.recruitment-timeline__names-list{display:flex;flex-wrap:wrap;gap:4px}.recruitment-timeline__name-chip{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruitment-timeline__name-chip--action_required{background:#fef3c7;border-color:#f59e0b;color:#92400e}.recruitment-timeline__name-chip--failed{background:#fee2e2;border-color:#ef4444;color:#991b1b}.recruitment-timeline__name-chip--completed{background:#ecfdf5;border-color:#34d399;color:#065f46}.recruitment-timeline__name-chip:hover{filter:brightness(.97)}.recruitment-timeline__name-chip--completed:hover{border-color:#10b981;filter:brightness(.97);box-shadow:0 0 0 1px #10b98140}.recruitment-timeline__name-chip--action_required:hover,.recruitment-timeline__name-chip--failed:hover{border-color:#d97706}.recruitment-timeline__name-chip--static{cursor:default}.recruitment-timeline__legend-chip{display:inline-block;width:12px;height:12px;border-radius:999px;margin-right:4px;vertical-align:middle;border:1px solid transparent}.recruitment-timeline__legend-chip--action_required{background:#fef3c7;border-color:#f59e0b}.recruitment-timeline__legend-chip--failed{background:#fee2e2;border-color:#ef4444}.recruitment-timeline__legend-chip--completed{background:#ecfdf5;border-color:#34d399}.recruitment-timeline__more{font-size:11px;color:var(--text-secondary);align-self:center}.recruitment-timeline__items{display:flex;flex-direction:column;gap:4px}.recruitment-timeline__item-row{display:flex;justify-content:space-between;gap:8px;text-align:left;font-size:11px;padding:4px 6px;border-radius:4px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.recruitment-timeline__item-row--action_required{background:#fef3c7;border-color:#f59e0b}.recruitment-timeline__item-row--failed{background:#fee2e2;border-color:#ef4444}.recruitment-timeline__item-row--completed{background:#ecfdf5;border-color:#34d399}.recruitment-timeline__item-row:hover{border-color:var(--primary)}.recruitment-timeline__item-meta{color:var(--text-secondary);white-space:nowrap}.recruitment-timeline__item-meta--passed,.recruitment-timeline__pass-text{color:var(--success);font-weight:600}.recruitment-timeline__empty{color:var(--text-secondary);font-style:italic;font-size:11px}.recruitment-timeline__view-all{margin-top:auto;padding:0;font-size:11px;align-self:flex-start}.recruitment-timeline__footer{margin-top:16px;font-size:12px;color:var(--text-secondary)}.recruitment-timeline__overview h4{margin:0 0 12px}.recruitment-timeline__overview-list{display:grid;gap:12px;margin-bottom:24px}.recruitment-timeline__overview-card{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px;width:100%}.recruitment-timeline__overview-card:hover{border-color:var(--primary)}.recruitment-timeline__overview-title{margin-bottom:10px}.recruitment-timeline-mini{display:flex;align-items:center;gap:0;margin-bottom:8px}.recruitment-timeline-mini__segment{flex:1;display:flex;align-items:center;height:3px;background:var(--border);position:relative}.recruitment-timeline-mini__segment.recruitment-timeline__line--done{background:var(--timeline-done)}.recruitment-timeline-mini__segment.recruitment-timeline__line--in_progress{background:var(--timeline-active)}.recruitment-timeline-mini__dot{position:absolute;right:-5px;width:10px;height:10px;z-index:1}.recruitment-timeline-mini__segment:first-child .recruitment-timeline-mini__dot{left:0;right:auto}.recruitment-timeline__overview-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:6px;flex-wrap:wrap}.modal.modal-interview-workflow-hub{width:min(920px,calc(100vw - 48px));max-width:min(920px,calc(100vw - 48px))}.interview-workflow-hub__intro{margin-top:0;margin-bottom:16px}.interview-workflow-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.interview-workflow-hub__card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary)}.interview-workflow-hub__card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.interview-workflow-hub__card-head strong{flex:1;min-width:0;font-size:.875rem}.interview-workflow-hub__prev{font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.interview-hub-summary{padding:10px;border-radius:10px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color)}.interview-hub-summary--high{border-color:#34d399;background:var(--bg-primary)}.interview-hub-summary--mid{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fefce8)}.interview-hub-summary--low,.interview-hub-summary--failed-result{border-color:#f87171;background:linear-gradient(135deg,#fef2f2,#fff1f2)}.interview-hub-summary--scheduled{border-color:#60a5fa;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.interview-hub-summary__top{display:flex;gap:10px;align-items:center}.interview-hub-summary__ring{position:relative;width:44px;height:44px;flex-shrink:0}.interview-hub-summary__ring-svg{width:44px;height:44px;transform:rotate(-90deg)}.interview-hub-summary__ring-bg{fill:none;stroke:#00000014;stroke-width:3}.interview-hub-summary__ring-fill{fill:none;stroke-width:3;stroke-linecap:round}.interview-hub-summary--high .interview-hub-summary__ring-fill{stroke:#10b981}.interview-hub-summary--mid .interview-hub-summary__ring-fill{stroke:#f59e0b}.interview-hub-summary--low .interview-hub-summary__ring-fill,.interview-hub-summary--failed-result .interview-hub-summary__ring-fill{stroke:#ef4444}.interview-hub-summary__ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:800;color:var(--text)}.interview-hub-summary__meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.interview-hub-summary__result{font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px}.interview-hub-summary__result--passed{background:#10b981;color:#fff}.interview-hub-summary__result--failed{background:#ef4444;color:#fff}.interview-hub-summary__result--scheduled{background:#3b82f6;color:#fff}.interview-hub-summary__chip{font-size:.6875rem;padding:2px 7px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.interview-hub-summary__chip--accent{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8;font-weight:600}.interview-hub-summary__chip--person{background:#f3e8ff;border-color:#d8b4fe;color:#6b21a8}.interview-hub-summary__chip--salary{background:#ecfdf5;border-color:#6ee7b7;color:#047857;font-weight:600}.interview-hub-summary__bars{display:flex;flex-direction:column;gap:4px;margin-top:8px}.interview-hub-summary__bar-row{display:grid;grid-template-columns:42px 1fr 28px;gap:6px;align-items:center}.interview-hub-summary__bar-label{font-size:.625rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.interview-hub-summary__bar-track{height:6px;border-radius:999px;background:#00000014;overflow:hidden}.interview-hub-summary__bar-fill{height:100%;border-radius:999px;transition:width .2s ease}.interview-hub-summary__bar-fill--high{background:linear-gradient(90deg,#34d399,#10b981)}.interview-hub-summary__bar-fill--mid{background:linear-gradient(90deg,#fcd34d,#f59e0b)}.interview-hub-summary__bar-fill--low{background:linear-gradient(90deg,#fca5a5,#ef4444)}.interview-hub-summary__bar-value{font-size:.625rem;font-weight:700;text-align:right;color:var(--text)}.interview-hub-summary__quote{margin:8px 0 0;padding:6px 8px;border-left:3px solid currentColor;font-size:.6875rem;font-style:italic;color:var(--text-muted);opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.interview-hub-summary--high .interview-hub-summary__quote{border-color:#10b981}.interview-hub-summary--mid .interview-hub-summary__quote{border-color:#f59e0b}.interview-hub-summary--low .interview-hub-summary__quote,.interview-hub-summary--failed-result .interview-hub-summary__quote{border-color:#ef4444}.interview-workflow-hub__prev-line{display:flex;flex-wrap:wrap;gap:0}.interview-workflow-hub__prev-avg{font-weight:600;color:var(--primary)}.interview-workflow-hub__prev-scores{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.interview-workflow-hub__mini-score{font-size:.6875rem;padding:1px 6px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);white-space:nowrap}.interview-workflow-hub__prev-feedback{margin:6px 0 0;font-size:.75rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.interview-workflow-hub__prev--scheduled{font-weight:500;color:var(--text)}.interview-workflow-hub__hint{margin:0;font-size:.75rem;line-height:1.35}.interview-workflow-hub__schedule{margin-top:4px;padding-top:10px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px}.interview-workflow-hub__schedule-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px}.interview-workflow-hub__schedule-field label{display:block;font-size:.6875rem;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.interview-workflow-hub__schedule-field .form-control{font-size:.8125rem;padding:6px 8px}.interview-workflow-hub__schedule-actions{display:flex;justify-content:flex-end;gap:6px}.interview-workflow-hub__card--passed{border-color:#34d399;background:var(--bg-primary)}.interview-workflow-hub__card--failed{border-color:#f87171;background:#fef2f2}.interview-workflow-hub__card--scheduled,.interview-workflow-hub__card--awaiting_schedule{border-color:#f59e0b;background:#fffbeb}.interview-workflow-hub__card--blocked,.interview-workflow-hub__card--not_started{opacity:.85}.interview-workflow-hub__order{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--bg-secondary);font-size:.75rem;font-weight:700;flex-shrink:0}.interview-workflow-hub__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}@media(max-width:860px){.interview-workflow-hub{grid-template-columns:1fr}.modal.modal-interview-workflow-hub{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}.recruitment-interview-workflow{display:flex;flex-direction:column;gap:12px}.recruitment-interview-workflow__step{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-secondary)}.recruitment-interview-workflow__step--passed{border-color:var(--success)}.recruitment-interview-workflow__step--failed{border-color:var(--danger)}.recruitment-interview-workflow__step--scheduled,.recruitment-interview-workflow__step--awaiting_schedule{border-color:var(--info)}.recruitment-interview-workflow__step-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.recruitment-interview-workflow__meta{font-size:12px;margin-top:4px}.recruitment-interview-workflow__feedback{margin-top:8px;font-size:13px;white-space:pre-wrap;background:var(--bg-primary);border-radius:8px;padding:8px 10px}.interview-evaluation-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.interview-evaluation-criteria__row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.interview-evaluation-criteria__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.interview-evaluation-criteria__label{display:flex;flex-direction:column;gap:2px;font-size:.875rem}.interview-evaluation-criteria__label .text-muted{font-size:.8125rem}.interview-evaluation-criteria__value{font-size:1.125rem;font-weight:700;color:var(--primary);flex-shrink:0;min-width:3rem;text-align:right}.interview-evaluation-criteria__range{width:100%;height:8px;margin:0;accent-color:var(--primary);cursor:pointer}.interview-evaluation-criteria__presets{display:flex;flex-wrap:wrap;gap:6px}.interview-evaluation-criteria__preset{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:2px 10px;font-size:.75rem;cursor:pointer}.interview-evaluation-criteria__preset:hover{border-color:var(--primary);color:var(--primary)}.interview-evaluation-criteria__preset--active{background:var(--primary);border-color:var(--primary);color:#fff}.interview-evaluation-summary{margin-top:0;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.interview-evaluation-summary__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.875rem}.interview-evaluation-summary__head strong{font-size:1.25rem;color:var(--primary)}.interview-evaluation-summary__bar{height:10px;background:var(--bg-secondary);border-radius:999px;overflow:hidden}.interview-evaluation-summary__fill{height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#22c55e));border-radius:999px;transition:width .15s ease}.recruitment-evaluation-scores{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px}.recruitment-evaluation-scores__item{font-size:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;padding:2px 10px}.recruitment-evaluation-scores__item--overall{font-weight:600}@media(max-width:640px){.interview-evaluation-criteria{grid-template-columns:1fr}.interview-evaluation-criteria__header{flex-direction:column;align-items:stretch}.interview-evaluation-criteria__value{text-align:left}}.modal.modal-interview-evaluate{width:min(980px,calc(100vw - 48px));max-width:min(980px,calc(100vw - 48px));max-height:90vh}.modal.modal-interview-evaluate .modal-body{overflow:visible}.interview-evaluate-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:24px;align-items:start}.interview-evaluate-layout--salary-only{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}.interview-evaluate-salary-field input{font-size:1.05rem;font-weight:600}.recruitment-interview-workflow__salary{margin-top:8px;font-size:.875rem}.interview-evaluate-layout__section-label{display:block;font-weight:600;margin-bottom:4px}.interview-evaluate-layout__hint{margin:0 0 12px;font-size:.875rem}.interview-evaluate-layout__aside{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.interview-evaluate-context{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.interview-evaluate-context strong{font-size:1rem}.interview-evaluate-layout__feedback{margin-bottom:0}.interview-evaluate-layout__feedback textarea{min-height:180px;resize:vertical}.interview-evaluate-layout__checkbox{margin-bottom:0}@media(max-width:900px){.modal.modal-interview-evaluate{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.interview-evaluate-layout{grid-template-columns:1fr}}.credentials-modal__intro{margin-top:0;margin-bottom:16px;font-size:.875rem}.credentials-copy-box{margin-bottom:14px}.credentials-copy-box label{display:block;font-weight:600;font-size:.8125rem;margin-bottom:6px}.credentials-copy-box__row{display:flex;gap:8px;align-items:stretch}.credentials-copy-box__input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9375rem;letter-spacing:.02em;flex:1;-webkit-user-select:all;user-select:all}.credentials-copy-box__textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;resize:vertical;-webkit-user-select:all;user-select:all}.credentials-copy-box--block{margin-bottom:0}.credentials-modal__note{margin:14px 0 0;font-size:.8125rem;color:var(--warning, #b45309)}.pre-joining-layout{min-height:100vh;background:var(--bg-secondary);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px}.pre-joining-page{width:100%;max-width:720px}.pre-joining-card{padding:0}.pre-joining-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--border)}.pre-joining-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding:16px 24px;background:var(--bg-secondary);font-size:13px}.pre-joining-section{padding:20px 24px}.pre-joining-policy-box{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary)}.pre-joining-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;cursor:pointer}.pre-joining-check input{margin-top:3px}.pre-joining-pending,.pre-joining-success{padding:20px 24px 24px}.pre-joining-checklist{margin:12px 0 0;padding-left:18px;font-size:14px}.pre-joining-checklist li.done{color:var(--success)}.modal.modal-joining-confirmation-hub{width:min(560px,calc(100vw - 48px));max-width:min(560px,calc(100vw - 48px))}.joining-confirmation-hub{display:flex;flex-direction:column;gap:16px}.joining-confirmation-hub__card{padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.joining-confirmation-hub__checklist{margin:12px 0 16px;padding-left:18px;font-size:14px}.joining-confirmation-hub__checklist li.done{color:var(--success)}.joining-confirmation-hub__hint{margin:0;font-size:.9rem}.fence-management-page{display:flex;flex-direction:column;gap:1.25rem}.fence-editor-layout{display:grid;grid-template-columns:320px 1fr;gap:1.25rem;min-height:520px}.fence-controls-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.fence-draw-chips{display:flex;gap:.5rem;flex-wrap:wrap}.fence-hint-box{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.82rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem}.fence-hint-box strong{color:var(--text-primary);font-size:.85rem}.fence-hint-box p{line-height:1.45;margin:0}.fence-map-panel{overflow:hidden;min-height:520px;display:flex;flex-direction:column}.fence-map-shell{position:relative;flex:1;min-height:480px;display:flex;flex-direction:column}.fence-map-locate-btn{position:absolute;right:12px;bottom:12px;z-index:500;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.78rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0000001f;transition:border-color .15s,color .15s,box-shadow .15s}.fence-map-locate-btn svg{width:16px;height:16px;flex-shrink:0;color:var(--primary)}.fence-map-locate-btn:hover:not(:disabled){border-color:var(--primary);box-shadow:0 3px 12px #00000029}.fence-map-locate-btn:disabled{opacity:.75;cursor:wait}.fence-map-locate-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);border-radius:50%;animation:fence-map-spin .7s linear infinite}@keyframes fence-map-spin{to{transform:rotate(360deg)}}.fence-user-location-marker{background:transparent;border:none}.fence-user-location-dot{width:14px;height:14px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 0 0 2px #2563eb59,0 2px 8px #00000040}.fence-map-panel .card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.fence-map{width:100%;height:100%;min-height:480px;flex:1;z-index:0}.fence-map .leaflet-top.leaflet-right{top:12px;right:12px}.fence-map .leaflet-control-zoom{border:1px solid var(--border-color)!important;border-radius:10px!important;overflow:hidden;box-shadow:0 4px 14px #0f172a1a}.fence-map .leaflet-control-zoom a{background:color-mix(in srgb,var(--bg-primary) 94%,transparent)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important;line-height:30px!important;width:32px!important;height:32px!important}.fence-map .leaflet-control-zoom a:hover{background:var(--bg-secondary)!important;color:var(--primary)!important}.map-controls-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.map-controls-bar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.map-controls-bar__label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.map-controls-bar__divider{width:1px;height:28px;background:var(--border-color);flex-shrink:0}.map-controls-bar__cards{display:inline-flex;gap:6px;flex-wrap:wrap}.map-control-card{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.map-control-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));color:var(--text-primary)}.map-control-card.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-primary));color:var(--primary);box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 16%,transparent)}.map-control-card__icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.map-control-card__icon svg{width:100%;height:100%}.map-control-card__label{font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap}.fence-map-panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.fence-map-panel-title{font-weight:600;white-space:nowrap}.map-lang-switch--compact{min-width:168px}.map-lang-switch--compact .map-lang-switch__btn{padding:.45rem .55rem;font-size:.74rem}.map-lang-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:11px;background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden}.map-lang-switch__indicator{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:8px;background:var(--bg-primary);box-shadow:0 2px 8px #0f172a1f;transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.map-lang-switch__btn{position:relative;z-index:1;border:none;background:transparent;padding:.55rem .5rem;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .18s}.map-lang-switch__btn:hover{color:var(--text-primary)}.map-lang-switch__btn.is-active{color:var(--primary)}.fence-map-mode-hint{margin:0;padding:.5rem 1rem 0;font-size:.82rem}.fence-map-loading{background:var(--bg-secondary);border-radius:0 0 8px 8px}.fence-vertex-marker{background:transparent;border:none}.fence-vertex{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-primary);box-shadow:0 1px 4px #0003}.fence-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.office-fence-barcodes .card-body{padding:1rem}@media(max-width:960px){.fence-editor-layout{grid-template-columns:1fr}.fence-map{min-height:360px}}