.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{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{box-sizing:border-box;height:0;width:0;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{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.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{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width: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{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width: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{height:44px;width: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{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;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{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.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{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.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{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.container{display:flex;font-family:Arial;height:100vh}.sidebar{background:#77f05c;border-radius:20px;box-shadow:0 2px 10px #0003;height:95vh;justify-content:space-between;padding:20px;width:220px}.logo-section{justify-content:center;margin-bottom:20px}.logo-image{height:auto;width:90px}.menu-section{flex:1 1}.menu-section span{cursor:pointer}.menu-heading{align-items:center;color:#ff5a00;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:15px}.arrow{color:#000;font-size:14px}.submenu{margin-left:10px;margin-top:5px}.menu-item{background:#0000;border:none;cursor:pointer;display:block;font-size:15px;padding:6px 10px;text-align:left;width:100%}.menu-item.active{background:#fff;border-radius:12px}.logout{color:#ff5a00;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px}.main{background:#fff;flex:1 1}.header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.header-title{background:#2cff00;border-radius:30px;box-shadow:0 3px 8px #0003;color:#f30;font-size:28px;font-weight:700;padding:12px 80px}.header-icons{display:flex;gap:20px;position:absolute;right:20px}.icon{cursor:pointer;font-size:26px}.title{background:#2aff00;border-radius:20px;color:#f30;font-size:28px;font-weight:700;padding:10px}.dashboard-container{padding:20px}.top-section{align-items:flex-start;display:flex;justify-content:space-between;margin-top:10px}.section-title{color:#f60;display:flex;font-weight:700;justify-content:center;margin-bottom:15px}.kpi-container{width:45%}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding-right:30px}.kpi-card{background:#d9d9d9;border-radius:15px;font-weight:700;padding:20px;text-align:center}.kpi-card p{font-size:18px;margin-top:10px}.map-container{text-align:center;width:50%}.map-image{border:1px solid #999;height:260px;width:100%}.bottom-section{display:flex;justify-content:space-between;margin-top:50px}.order-activity{width:45%}.small-text{color:#0a3c8b;font-size:12px}.activity-table{border-collapse:collapse;margin-top:15px;width:100%}.activity-table td,.activity-table th{border:1px solid #666;padding:10px;text-align:center}.activity-table th{background:#eaeaea;color:#0a3c8b}.alerts{width:45%}.alerts ul{list-style:none;margin-top:20px;padding:0}.alerts li{font-size:16px;margin-bottom:15px}.issue-btn{background:#163b73;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.orders-page{padding:20px}.orders-title{color:#1b3b73;font-size:34px;margin-bottom:20px}.orders-search{align-items:center;display:flex;gap:10px;margin-bottom:40px;position:relative}.search-dropdown{align-items:center;background:#efefef;border-radius:10px 0 0 10px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.search-dropdown-menu{background:#e9d3bd;border-radius:12px;box-shadow:0 2px 10px #0003;left:0;padding:10px;position:absolute;top:45px;width:180px}.dropdown-item{color:#1a3b70;cursor:pointer;font-weight:500;padding:5px 10px}.dropdown-item:hover{background:#f5e4d5;border-radius:5px}.search-input{border:1px solid #999;border-radius:20px;height:40px;padding-left:15px;width:350px}.search-icon{margin-left:-40px}.search-btn{background:#ff7a00;border-radius:15px;padding:8px 18px}.order-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.order-table-header h2{color:#1b3b73}.timeline{color:#ff6a00;font-weight:700}.orders-table{border-collapse:collapse;margin-top:10px;width:100%}.orders-table td,.orders-table th{border:1px solid #333;padding:12px;text-align:center}.orders-table th{background:#efefef;font-weight:700}.view-details{color:#1c3eff;cursor:pointer}.order-status{margin-top:30px}.status-title{font-size:18px;font-weight:700;margin-bottom:10px}.status-timeline{align-items:center;display:flex;justify-content:space-between;margin-top:10px;position:relative}.status-timeline:before{background:#222;content:"";height:3px;left:0;position:absolute;right:0;top:12px;z-index:0}.status-step{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.circle{background:#fff;border:3px solid #222;border-radius:50%;height:20px;margin-bottom:5px;width:20px}.status-step.active .circle{background:#ff7a00;border-color:#222}.status-step span{font-size:14px;margin-top:5px}.view-more{color:#1c3eff;cursor:pointer;font-style:italic;margin-top:15px;text-align:right}.details-layout{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto}.customer-card{grid-column:1}.order-id{color:#ff6a00;font-size:30px;font-weight:700;grid-column:2;text-align:center}.vendor-card{grid-column:3}.item-card{grid-column:2;justify-self:center;width:80%}.delivery-card{grid-column:1}.timeline-card{grid-column:3}.details-card{border-radius:12px;height:150px;padding:20px}.peach{background:#e9c9a9}.green{background:#b9e4b0}.details-card h3{color:#1b3b73;margin-bottom:10px;text-align:center}.details-card p{margin:6px 0}.timeline-list{list-style:none;padding:0}.timeline-list li{padding-left:18px;position:relative}.timeline-list li:before{content:"○";left:0;position:absolute}.timeline-list li.done:before{color:#ff7a00;content:"●"}.live-page{padding:20px}.live-title{color:#1b3b73;font-size:34px;margin-bottom:5px}.live-map{border:3px solid #3a78c2}.live-map img{height:300px;object-fit:cover;width:100%}.live-info{align-items:center;background:#cfd5df;border-radius:20px;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px 30px;width:40%}.order-id-text{color:#2c5aa0;font-weight:700;margin-bottom:10px}.live-left p{font-size:16px;margin:6px 0}.live-right{display:flex;flex-direction:column;gap:15px}.contact-btn{background:#ff7a00;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.rider-table{border-collapse:collapse;font-family:Arial,sans-serif;margin-top:10px;width:100%}.rider-table th{background:#efefef;font-size:16px;font-weight:700;padding:14px}.rider-table td,.rider-table th{border:1px solid #333;text-align:center}.rider-table td{font-size:14px;padding:12px}.rating{color:#f5a623;font-size:16px;letter-spacing:2px}.rider-table td:nth-child(4),.view-profile{font-weight:500}.view-profile{color:#1c3eff;cursor:pointer}.view-profile:hover{text-decoration:underline}.rider-table tbody tr:hover{background-color:#f9f9f9}.transactions-page{padding:20px}.transactions-title{font-size:28px;font-weight:700;margin-bottom:20px}.transactions-table{border-collapse:collapse;margin-bottom:30px;width:100%}.transactions-table td,.transactions-table th{border:1px solid #ccc;padding:10px;text-align:center}.transactions-table th{background:#f5f5f5}.status.processing{color:blue}.status.completed{color:green}.status.failed{color:red}.transaction-details-card{background:#f4b27a;border-radius:15px;padding:30px}.details-grid{display:flex;justify-content:space-between;margin-top:20px}.payouts-page{padding:20px}.payouts-title{font-size:28px;font-weight:700;margin-bottom:20px}.payouts-search{align-items:center;display:flex;gap:10px;margin-bottom:20px}.payouts-search input{border:1px solid #ccc;border-radius:25px;padding:10px 15px;width:350px}.pending-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.last-week{color:red;font-size:14px}.calendar{font-size:18px}.payout-summary{align-items:center;background:#8d99ae;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.summary-box{color:#fff;flex:1 1;text-align:center}.summary-box h3{margin-bottom:10px}.summary-box p{color:#000;font-size:24px;font-weight:700}.divider{background:#000;height:80px;width:2px}.payout-table{border-collapse:collapse;width:100%}.payout-table td,.payout-table th{border:1px solid #ccc;padding:12px;text-align:center}.payout-table th{background:#f5f5f5}.release{color:blue;cursor:pointer}.ng-search-bars{align-items:center;border-radius:8px;display:flex;gap:8px;padding:6px 12px;width:260px}.ng-search-input{background:#0000;border:none;color:#555;font-size:13px;outline:none;width:100%}.ng-modules-grid{grid-template-columns:repeat(6,1fr)}.np-payouts-page{background:#f0f2f8;font-family:Segoe UI,sans-serif;min-height:100vh;padding:28px 32px}.np-breadcrumb{align-items:center;color:#666;display:flex;font-size:13px;gap:12px;margin-bottom:20px}.np-back{color:#333;cursor:pointer;font-weight:500}.np-back:hover{color:#6c63ff}.np-breadcrumb-sep{color:#888}.np-payouts-title{color:#111;font-size:30px;font-weight:800;margin:0 0 4px}.np-payouts-sub{color:#888;font-size:13px;margin:0 0 24px}.np-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:0;margin-bottom:28px;padding:5px;width:-webkit-fit-content;width:fit-content}.np-tab{background:#0000;border:none;border-radius:9px;color:#888;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .15s}.np-tab-active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#111}.np-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.np-payout-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;display:flex;flex-direction:column;gap:20px;padding:20px 22px 18px}.np-card-top{gap:12px}.np-avatar-circle,.np-card-top{align-items:center;display:flex}.np-avatar-circle{background:#4f46e5;border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:46px;justify-content:center;width:46px}.np-card-info{flex:1 1}.np-card-name{color:#111;font-size:15px;font-weight:700;line-height:1.2}.np-card-role{color:#aaa;font-size:12px;margin-top:2px}.np-status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.np-status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.np-paid{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.np-paid .np-status-dot{background:#22c55e}.np-pending{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.np-pending .np-status-dot{background:#f59e0b}.np-card-bottom{align-items:flex-end;display:flex;justify-content:space-between}.np-payout-label{color:#aaa;font-size:12px;margin-bottom:4px}.np-payout-amount{color:#111;font-size:28px;font-weight:800;line-height:1}.np-pay-btn{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:22px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 22px;transition:opacity .15s}.np-pay-btn:hover{opacity:.9}.nc-page{background:#f0f2f8;font-family:Segoe UI,sans-serif;min-height:100vh;padding:24px 28px}.nc-breadcrumb{align-items:center;color:#888;display:flex;font-size:13px;gap:10px;margin-bottom:14px}.nc-back{color:#333;cursor:pointer;font-weight:500}.nc-back:hover{color:#6c63ff}.nc-breadcrumb-sep{color:#aaa}.nc-title{color:#111;font-size:28px;font-weight:800;margin:0 0 4px}.nc-sub{color:#888;font-size:13px;margin:0 0 20px}.nc-stat-row{display:flex;gap:12px;margin-bottom:20px}.nc-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;flex:1 1;padding:14px 18px}.nc-stat-active{background:#f0fdf4;border:1.5px solid #bbf7d0}.nc-stat-new{background:#eff6ff;border:1.5px solid #bfdbfe}.nc-stat-plain{background:#fff;border:1.5px solid #e5e7eb}.nc-stat-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.nc-stat-value{color:#111;font-size:26px;font-weight:800}.nc-filter-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nc-filter-tabs{display:flex;gap:6px}.nc-filter-tab{background:#fff;border:none;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:7px 18px;transition:all .15s}.nc-filter-active{background:#6c63ff;color:#fff;font-weight:700}.nc-search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#aaa;display:flex;font-size:13px;gap:8px;padding:8px 14px;width:240px}.nc-search-input{background:#0000;border:none;color:#333;font-size:13px;outline:none;width:100%}.nc-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.nc-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;display:flex;flex-direction:column;gap:6px;padding:18px}.nc-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:4px}.nc-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:46px;justify-content:center;width:46px}.nc-card-meta{display:flex;flex-direction:column;gap:3px}.nc-card-name{color:#111;font-size:15px;font-weight:700;line-height:1.2}.nc-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 9px;width:-webkit-fit-content;width:fit-content}.nc-status-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.nc-card-uid{color:#aaa;font-size:11px}.nc-more{color:#bbb;cursor:pointer;font-size:18px;line-height:1}.nc-tier{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;display:inline-flex;font-weight:700;gap:4px;margin:2px 0 6px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.nc-info-row,.nc-tier{align-items:center;font-size:12px}.nc-info-row{color:#555;display:flex;gap:6px;padding:1px 0}.nc-stats-row{border-bottom:1px solid #f3f3f3;border-top:1px solid #f3f3f3;display:flex;gap:0;margin:8px 0 4px;padding:10px 0}.nc-stat-mini{flex:1 1;text-align:left}.nc-stat-mini-label{color:#aaa;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:3px}.nc-stat-mini-value{color:#111;font-size:14px;font-weight:700}.nc-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.nc-view-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;margin-right:10px;padding:9px 0}.nc-view-btn:hover{opacity:.9}.nc-edit-icon{color:#aaa;cursor:pointer;font-size:16px}.nc-loading{color:#888;font-size:15px;padding:60px;text-align:center}.ncp-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.ncp-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.ncp-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.ncp-modal-name{color:#111;font-size:20px;font-weight:800}.ncp-modal-email{color:#888;font-size:13px;margin-top:2px}.ncp-close-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.ncp-close-btn:hover{background:#f5f5f5}.ncp-hero{background:linear-gradient(135deg,#5b52f0,#7c6cf8);border-radius:14px;gap:14px;padding:20px 22px}.ncp-hero,.ncp-hero-avatar{align-items:center;display:flex}.ncp-hero-avatar{background:#ffffff40;border-radius:12px;color:#fff;flex-shrink:0;font-size:16px;font-weight:800;height:52px;justify-content:center;width:52px}.ncp-hero-info{flex:1 1}.ncp-hero-name{color:#fff;font-size:17px;font-weight:700}.ncp-hero-sub{color:#ffffffbf;font-size:12px;margin-top:3px}.ncp-hero-status{align-items:center;background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;white-space:nowrap}.ncp-hero-dot{background:#86efac;border-radius:50%;display:inline-block;height:7px;width:7px}.ncp-stats-row{grid-gap:0;background:#fff;border:1px solid #f0f0f0;border-radius:12px;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.ncp-stat-item{border-right:1px solid #f0f0f0;padding:14px 12px}.ncp-stat-item:last-child{border-right:none}.ncp-stat-label{color:#aaa;font-size:9px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.ncp-stat-value{align-items:center;color:#111;display:flex;font-size:16px;font-weight:800;gap:4px}.ncp-stat-green{color:#111}.ncp-stat-icon{font-size:13px}.ncp-info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ncp-info-box{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:14px 16px}.ncp-info-box-title{color:#aaa;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.ncp-info-line{align-items:flex-start;color:#333;display:flex;font-size:13px;gap:8px;line-height:1.4;margin-bottom:6px}.ncp-info-icon{flex-shrink:0;font-size:13px;margin-top:1px}.ncp-addr-city{color:#888;font-size:12px;padding-left:21px}.ncp-orders-section{display:flex;flex-direction:column;gap:0}.ncp-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ncp-orders-title{color:#555;font-size:11px;font-weight:700;letter-spacing:.5px}.ncp-orders-count{color:#aaa;font-size:11px}.ncp-order-item{align-items:center;background:#fafafa;border-radius:10px;display:flex;gap:12px;margin-bottom:6px;padding:12px 14px}.ncp-order-emoji{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;font-size:22px;height:36px;justify-content:center;width:36px}.ncp-order-detail{flex:1 1}.ncp-order-id{color:#888;font-size:12px;margin-bottom:2px}.ncp-order-items{color:#111;font-size:13px;font-weight:600}.ncp-order-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.ncp-order-amount{color:#111;font-size:15px;font-weight:800}.ncp-order-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 9px;white-space:nowrap}.ncp-no-orders{color:#aaa;font-size:13px;padding:16px;text-align:center}.ncp-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#555;font-size:13px;line-height:1.5;padding:12px 16px}.ncp-note-label{color:#d97706;font-weight:700}.ncp-footer{display:flex;gap:10px;justify-content:flex-end}.ncp-edit-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 22px}.ncp-edit-btn:hover{background:#f5f5f5}.ncp-message-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:10px 24px}.ncp-message-btn:hover{opacity:.9}.an-kpi-lbl{font-weight:400}.nc-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;overflow:hidden}.nc-table{border-collapse:collapse;font-family:Segoe UI,sans-serif;width:100%}.nc-th{background:#f8f9fc;border-bottom:1px solid #f0f0f0;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.nc-tr{border-bottom:1px solid #f7f7f7;transition:background .12s}.nc-tr:last-child{border-bottom:none}.nc-tr:hover{background:#fafbff}.nc-td{color:#333;font-size:13px;padding:14px 16px;vertical-align:middle}.nc-td-num{color:#aaa;font-size:12px;font-weight:600;width:40px}.nc-td-center{color:#111;font-weight:600;text-align:center}.nc-td-amount{color:#111;font-weight:700}.nc-td-phone{color:#555;font-size:13px}.nc-td-joined{color:#888;font-size:12px;white-space:nowrap}.nc-td-empty{color:#bbb;font-size:14px;padding:40px;text-align:center}.nc-tbl-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.nc-tbl-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.nc-tbl-customer{align-items:center;display:flex;gap:10px}.nc-tbl-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.nc-tbl-customer-info{display:flex;flex-direction:column;gap:1px}.nc-tbl-name{color:#111;font-size:13px;font-weight:600}.nc-tbl-email{color:#aaa;font-size:11px}.nc-tbl-tier{align-items:center;border-radius:20px;display:inline-flex;font-weight:700;gap:4px;padding:4px 10px}.nc-tbl-tier,.nc-tbl-view-btn{font-size:12px;white-space:nowrap}.nc-tbl-view-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:7px 16px;transition:opacity .15s}.nc-tbl-view-btn:hover{opacity:.85}.cat-page{background:#f8f9fc;font-family:Segoe UI,sans-serif;min-height:100%;padding:24px 28px}.cat-breadcrumb{align-items:center;color:#888;display:flex;font-size:13px;gap:10px;margin-bottom:14px}.cat-back{color:#333;cursor:pointer;font-weight:500}.cat-back:hover{color:#6c63ff}.cat-bc-sep{background:#ccc;height:13px;width:1px}.cat-bc-current{color:#777}.cat-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.cat-title{color:#111;font-size:28px;font-weight:800;margin:0}.cat-sub{color:#999;font-size:13px;margin:4px 0 20px}.cat-add-btn{background:#6c63ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.cat-add-btn:hover{background:#574fd6}.cat-toolbar{gap:12px;justify-content:space-between;margin-bottom:16px}.cat-search-box,.cat-toolbar{align-items:center;display:flex}.cat-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:8px;padding:9px 14px;width:320px}.cat-search-input{background:#0000;border:none;color:#333;font-size:13px;outline:none;width:100%}.cat-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:3px;padding:3px}.cat-toggle-btn{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.cat-toggle-active{background:#6c63ff;color:#fff}.cat-table-wrap{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;overflow:hidden}.cat-table{border-collapse:collapse;width:100%}.cat-th{background:#f8f9fc;border-bottom:1px solid #f0f0f0;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.cat-tr{border-bottom:1px solid #f7f7f7;transition:background .12s}.cat-tr:last-child{border-bottom:none}.cat-tr:hover{background:#fafbff}.cat-td{padding:14px 16px;vertical-align:middle}.cat-td-empty{color:#bbb;font-size:14px;padding:40px;text-align:center}.cat-name-cell{gap:12px}.cat-emoji-img,.cat-name-cell{align-items:center;display:flex}.cat-emoji-img{background:linear-gradient(135deg,#a8e063,#56ab2f);border-radius:10px;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.cat-name-text{color:#111;font-size:14px;font-weight:700;margin-bottom:3px}.cat-type-badge{align-items:center;background:#ede9fe;border-radius:20px;color:#6c63ff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.cat-count-cell{display:flex;gap:16px}.cat-count-item{align-items:center;display:flex;flex-direction:column}.cat-count-val{color:#111;font-size:16px;font-weight:700}.cat-count-lbl{color:#aaa;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.cat-tags{display:flex;flex-wrap:wrap;gap:5px}.cat-tag{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#555;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:3px 10px}.cat-tag-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.cat-dot-green{background:#10b981}.cat-dot-amber{background:#f59e0b}.cat-no-tag{color:#ccc;font-size:12px;font-style:italic}.cat-actions{gap:6px}.cat-actions,.cat-btn{align-items:center;display:flex}.cat-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;gap:4px;padding:6px 13px;white-space:nowrap}.cat-btn-view{background:#f3f4f6;color:#333}.cat-btn-view:hover{background:#e5e7eb}.cat-btn-edit{background:#fdfdfd;color:#2563eb}.cat-btn-edit:hover{background:#dbeafe}.cat-btn-delete{background:#fff0f0;color:#dc2626}.cat-btn-delete:hover{background:#fee2e2}.cat-real-img{border-radius:14px;height:48px;object-fit:cover;width:48px}.vcm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.vcm-modal{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;gap:18px;max-height:90vh;max-width:660px;overflow-y:auto;padding:28px;width:100%}.vcm-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.vcm-modal-title{color:#111;font-size:20px;font-weight:800}.vcm-modal-sub{color:#999;font-size:13px;margin-top:3px}.vcm-close-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;width:32px}.vcm-close-btn:hover{background:#f5f5f5}.vcm-hero{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:14px;display:flex;gap:16px;padding:16px}.vcm-hero-img{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:78px;justify-content:center;object-fit:cover;width:78px}.vcm-hero-info{flex:1 1}.vcm-hero-badge{align-items:center;background:#ede9fe;border-radius:20px;color:#6c63ff;display:inline-flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.4px;margin-bottom:6px;padding:3px 10px}.vcm-hero-name{color:#111;font-size:22px;font-weight:800;margin-bottom:10px}.vcm-hero-stats{border:1px solid #f0f0f0;border-radius:10px;display:flex;overflow:hidden;width:-webkit-fit-content;width:fit-content}.vcm-stat-box{border-right:1px solid #f0f0f0;display:flex;flex-direction:column;gap:2px;padding:10px 20px}.vcm-stat-box:last-child{border-right:none}.vcm-stat-lbl{color:#aaa;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.vcm-stat-val{color:#111;font-size:20px;font-weight:800}.vcm-sub-block{border:1px solid #f0f0f0;border-radius:14px}.vcm-sub-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:14px 18px}.vcm-sub-header,.vcm-sub-left{align-items:center;display:flex}.vcm-sub-left{gap:10px}.vcm-sub-icon{align-items:center;background:#ede9fe;border-radius:8px;display:flex;font-size:16px;height:34px;justify-content:center;width:34px}.vcm-sub-name{color:#111;font-size:15px;font-weight:700}.vcm-sub-meta{color:#aaa;font-size:12px;margin-top:2px}.vcm-sub-actions{display:flex;gap:6px}.vcm-sub-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px}.vcm-sub-btn-edit{background:#eff6ff;color:#2563eb}.vcm-sub-btn-edit:hover{background:#dbeafe}.vcm-sub-btn-delete{background:#fff0f0;color:#dc2626}.vcm-sub-btn-delete:hover{background:#fee2e2}.vcm-attrs-grid{display:grid;grid-template-columns:1fr 1fr}.vcm-attr-cell{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:14px 18px}.vcm-attr-cell:nth-child(2n){border-right:none}.vcm-attr-cell:last-child:nth-child(odd),.vcm-attr-cell:nth-last-child(-n+2){border-bottom:none}.vcm-attr-type{color:#aaa;font-size:9px;font-weight:700;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.vcm-attr-name{color:#111;font-size:14px;font-weight:700;margin-bottom:10px}.vcm-attr-values{display:flex;flex-wrap:wrap;gap:6px}.vcm-value-chip,.vcm-value-color{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#444;font-size:12px;font-weight:500;padding:4px 12px}.vcm-value-color{align-items:center;display:inline-flex;gap:6px}.vcm-color-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.vcm-no-values{color:#ccc;font-size:12px;font-style:italic}.vcm-attr-empty{color:#bbb;font-size:13px;padding:14px 18px}.vcm-empty{color:#bbb;font-size:14px;padding:30px;text-align:center}.vcm-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.vcm-close-footer-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px}.vcm-close-footer-btn:hover{background:#f5f5f5}.vcm-edit-cat-btn{align-items:center;background:#fff;border:1.5px solid #6c63ff;border-radius:10px;color:#6c63ff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 22px}.vcm-edit-cat-btn:hover{background:#ede9fe}.vcm-add-attr-btn{align-items:center;background:#6c63ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 22px}.vcm-add-attr-btn:hover{background:#574fd6}.addnew-modal{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;gap:20px;max-width:460px;padding:28px;width:100%}.addnew-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.addnew-modal-title{color:#111;font-size:20px;font-weight:800}.addnew-modal-sub{color:#999;font-size:13px;margin-top:3px}.addnew-close-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.addnew-close-btn:hover{background:#f5f5f5}.addnew-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.addnew-option-btn{align-items:flex-start;background:#f8f9fc;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:18px 16px;text-align:left;transition:all .15s}.addnew-option-btn:hover{background:#f5f3ff;border-color:#6c63ff}.addnew-option-icon{font-size:22px;margin-bottom:4px}.addnew-option-label{color:#111;font-size:14px;font-weight:700}.addnew-option-desc{color:#999;font-size:12px;line-height:1.4}.vcm-attr-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.vcm-attr-actions{display:flex;flex-shrink:0;gap:4px}.vcm-chip-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;transition:background .15s}.vcm-chip-edit:hover{background:#dbeafe}.vcm-chip-delete:hover{background:#fee2e2}.vcm-value-chip-editable{align-items:center;display:inline-flex;gap:3px;padding:3px 6px 3px 8px}.vcm-chip-inline-btn{background:#0000;border:none;border-radius:3px;color:inherit;cursor:pointer;font-size:11px;line-height:1;opacity:.6;padding:0 2px;transition:background .15s}.vcm-chip-inline-btn:hover{background:#00000014;opacity:1}.vcm-chip-inline-del:hover{background:#fee2e2;color:#dc2626}.notif-page{background:#f0f2f8;font-family:Segoe UI,sans-serif;min-height:100%;padding:24px 28px}.notif-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.notif-title{align-items:center;color:#111;display:flex;font-size:26px;font-weight:800;gap:10px;margin:0 0 4px}.notif-bell-icon{font-size:24px}.notif-sub{color:#888;margin:0}.notif-create-btn{background:#5b52f0;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:11px 22px;transition:background .15s;white-space:nowrap}.notif-create-btn:hover{background:#4740d4}.notif-tabs{display:flex;gap:8px;margin-bottom:20px}.notif-tab{background:#fff;border:1.5px solid #e5e7eb;border-radius:22px;color:#555;font-size:13px;font-weight:500;padding:9px 22px;transition:all .15s}.notif-tab:hover{border-color:#5b52f0;color:#5b52f0}.notif-tab-active{background:#5b52f0;border-color:#5b52f0;font-weight:700}.notif-body{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr 220px}.notif-list-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;overflow:hidden}.notif-list-card-header{border-bottom:1px solid #f0f0f0;padding:16px 20px 12px}.notif-list-title{color:#111;display:block;font-size:15px;font-weight:700;margin-bottom:2px}.notif-list-count{color:#aaa;font-size:12px}.notif-table{border-collapse:collapse;width:100%}.notif-th{background:#f8f9fc;border-bottom:1px solid #f0f0f0;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.6px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.notif-tr{border-bottom:1px solid #f7f7f7;transition:background .12s}.notif-tr:last-child{border-bottom:none}.notif-tr:hover{background:#fafbff}.notif-td{color:#333;font-size:13px;padding:14px 16px;vertical-align:middle}.notif-td-title{color:#111;font-weight:600;max-width:180px}.notif-td-date{color:#888;font-size:12px;white-space:nowrap}.notif-td-empty{color:#bbb;font-size:14px;padding:40px;text-align:center}.notif-status-badge,.notif-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.notif-action-btns{display:flex;gap:6px}.notif-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background .12s;width:30px}.notif-icon-btn:hover{background:#f3f4f6}.notif-sidebar{display:flex;flex-direction:column;gap:16px}.notif-metrics-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;padding:18px 20px}.notif-metrics-title{color:#111;font-size:15px;font-weight:700;margin:0 0 14px}.notif-metric-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.notif-metric-label{color:#555;font-size:13px}.notif-metric-value{font-size:15px;font-weight:700}.notif-metric-dark{color:#111}.notif-metric-green{color:#16a34a}.notif-metric-divider{background:#f0f0f0;height:1px}.notif-quicksend-card{background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;padding:18px 20px}.notif-quicksend-title{color:#5b52f0;font-size:14px;font-weight:700;margin:0 0 6px}.notif-quicksend-sub{color:#888;font-size:12px;line-height:1.5;margin:0 0 14px}.notif-quicksend-btn{background:#5b52f0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:11px 0;transition:background .15s;width:100%}.notif-quicksend-btn:hover{background:#4740d4}.notif-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.notif-modal-box{background:#fff;border-radius:16px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;gap:14px;max-height:92vh;max-width:660px;overflow-y:auto;padding:28px 32px 24px;width:100%}.notif-modal-title{color:#111;font-size:20px;font-weight:800;margin:0}.notif-modal-sub{color:#888;font-size:13px;margin:0}.notif-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.notif-form-group{display:flex;flex-direction:column;gap:5px}.notif-form-full{grid-column:1/-1}.notif-form-label{color:#222;font-size:13px;font-weight:600}.notif-optional{color:#aaa;font-size:11px;font-weight:400;margin-left:3px}.notif-form-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#333;font-size:13px;outline:none;padding:11px 14px;transition:border-color .15s}.notif-form-input:focus{border-color:#5b52f0}.notif-form-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#333;cursor:pointer;font-size:13px;outline:none;padding:11px 14px;transition:border-color .15s}.notif-form-select:focus{border-color:#5b52f0}.notif-form-textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#333;font-family:Segoe UI,sans-serif;font-size:13px;outline:none;padding:11px 14px;resize:vertical;transition:border-color .15s}.notif-form-textarea:focus{border-color:#5b52f0}.notif-channel-row{align-items:center;display:flex;gap:22px;padding:4px 0}.notif-channel-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;gap:7px}.notif-channel-check{accent-color:#5b52f0;cursor:pointer;height:16px;width:16px}.notif-modal-footer{display:flex;gap:12px;padding-top:6px}.notif-draft-btn{background:#d1d5db;border:none;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:13px 0;transition:background .15s}.notif-draft-btn:hover{background:#b0b7c3}.notif-send-btn{background:#5b52f0;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:13px 0;transition:background .15s}.notif-send-btn:hover{background:#4740d4}.nvm-overlay{align-items:center;animation:nvm-fade-in .18s ease;background:#0000006b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}@keyframes nvm-fade-in{0%{opacity:0}to{opacity:1}}.nvm-modal{animation:nvm-slide-up .22s cubic-bezier(.34,1.2,.64,1);background:#fff;border-radius:20px;box-shadow:0 28px 70px #0003;display:flex;flex-direction:column;gap:18px;height:92vh;max-width:540px;overflow-y:auto;padding:26px 28px 22px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:100%}.nvm-modal::-webkit-scrollbar{width:8px}.nvm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.nvm-modal::-webkit-scrollbar-track{background:#0000}@keyframes nvm-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.nvm-header{align-items:flex-start;display:flex;justify-content:space-between}.nvm-header-left{align-items:center;display:flex;gap:12px}.nvm-type-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.nvm-header-title{color:#111;font-size:18px;font-weight:800;line-height:1.2}.nvm-header-sub{color:#aaa;font-size:12px;margin-top:2px}.nvm-close-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:background .12s;width:32px}.nvm-close-btn:hover{background:#f5f5f5}.nvm-hero{border:1.5px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:18px 20px}.nvm-hero-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.nvm-hero-status,.nvm-hero-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 13px}.nvm-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.nvm-hero-title{color:#111;font-size:20px;font-weight:800;line-height:1.3}.nvm-hero-desc{color:#555;font-size:14px;line-height:1.6;margin-top:2px}.nvm-info-grid{grid-gap:0;border:1px solid #f0f0f0;border-radius:14px;display:grid;gap:0;grid-template-columns:1fr 1fr;overflow:visible}.nvm-image-wrapper{margin-top:16px;width:100%}.nvm-image-wrapper img{border:1px solid #e5e7eb;border-radius:12px;display:block;max-height:350px;object-fit:contain;width:100%}.nvm-info-item{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;gap:5px;padding:14px 18px}.nvm-info-item:nth-child(2n){border-right:none}.nvm-info-item:nth-last-child(-n+2){border-bottom:none}.nvm-info-item:last-child:nth-child(odd){border-bottom:none;border-right:none;grid-column:1/-1}.nvm-info-label{color:#aaa;font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.nvm-info-value{align-items:center;color:#111;display:flex;font-size:13.5px;font-weight:600;gap:6px}.nvm-info-icon{font-size:15px}.nvm-info-date{color:#555;font-size:12.5px;font-weight:500}.nvm-priority-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.nvm-channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.nvm-channel-chip{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;color:#5b52f0;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 12px}.nvm-none-text{color:#ccc;font-size:12px;font-style:italic;font-weight:400}.nvm-footer{display:flex;justify-content:flex-end;padding-top:2px}.nvm-close-footer-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:background .12s}.nvm-close-footer-btn:hover{background:#f5f5f5}.sidebar{align-self:flex-start;background:#fff;border-right:1px solid #f0f0f4;height:auto;min-height:100vh;min-width:230px;position:-webkit-sticky;position:sticky;top:0;width:230px}.menu-section,.sidebar{display:flex;flex-direction:column;overflow:visible}.menu-section{gap:1px;padding:12px 10px}.logo-section{align-items:center;border-bottom:1px solid #f0f0f4;display:flex;gap:10px;padding:20px 18px 16px}.logo-image{border-radius:8px;height:34px;object-fit:cover;width:34px}.logo-text-block{display:flex;flex-direction:column}.logo-name{color:#111827;font-size:15px;font-weight:700;line-height:1.2}.logo-tagline{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.08em}.menu-section::-webkit-scrollbar{width:0}.nav-group-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.09em;padding:14px 8px 5px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:9px;padding:8px 10px;position:relative;text-align:left;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:#f3f4f6;color:#111827}.nav-item.nav-active{background:#4f46e5;color:#fff;font-weight:600}.nav-icon{flex-shrink:0;font-size:15px;opacity:.75;text-align:center;width:20px}.nav-item.nav-active .nav-icon{opacity:1}.nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.nav-item.nav-active .nav-badge{background:#ffffff4d}.sidebar-user{align-items:center;background:#fff;border-top:1px solid #f0f0f4;display:flex;gap:9px;padding:14px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#111827;font-size:12.5px;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#9ca3af;font-size:10.5px}.sidebar-logout-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:color .15s,background .15s}.sidebar-logout-btn:hover{background:#f3f4f6;color:#ef4444}.vendor-page{padding:20px}.vendor-title{font-size:30px;font-weight:700;margin-bottom:20px}.vendor-search{align-items:center;display:flex;gap:10px;margin-bottom:20px}.vendor-search input{border:1px solid #ccc;border-radius:25px;padding:10px 15px;width:300px}.section-heading{margin:20px 0 10px}.vendor-table{border-collapse:collapse;margin-bottom:30px;width:100%}.vendor-table td,.vendor-table th{border:1px solid #ccc;padding:12px;text-align:center}.vendor-table th{background:#f5f5f5}.btn{border:none;margin:2px;padding:5px 10px}.view{background:#ddd}.approve{background:#90ee90}.reject{background:#ff7b7b}.block{background:orange}.active{background:#90ee90}.inactive{background:gray;color:#fff}.blocked{background:red;color:#fff}.modal-overlay{background:#0003}.vendor-modal{background:#fff;border:2px solid orange;border-radius:10px;padding:25px 35px;position:relative;width:500px}.close-btn{position:absolute;right:10px;top:10px}.modal-title{margin-bottom:20px;text-align:center}.modal-content p{font-size:16px;margin:8px 0}.download{color:blue;cursor:pointer;margin-left:10px}.clickable{color:#000;cursor:pointer;font-weight:500}.products-page{padding:20px}.products-title{font-size:30px}.products-header{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.products-search input{border:1px solid #ccc;border-radius:25px;padding:10px 15px;width:300px}.add-category-btn{margin-left:12px}.add-category-btn,.add-subcategory-btn{background:orange;border:none;border-radius:25px;color:#000;cursor:pointer;font-weight:700;margin-top:10px;padding:12px 25px}.products-table{margin-top:20px}.products-table td,.products-table th{border:1px solid #000;padding:12px}.products-footer{display:flex;gap:20px;margin-top:15px}.modal-box{background:#fff;border:2px solid orange;border-radius:10px;padding:20px;text-align:center;width:400px}.products-filter{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;gap:12px;margin-bottom:3px;margin-right:0;padding:8px 12px}.products-filter select{font-size:14px;transition:all .2s ease}.products-filter select:hover{background:#fff;border-color:#4f46e5}.products-filter select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.products-filter label{color:#555;font-size:14px;font-weight:500}.product-img{border-radius:6px;height:50px;width:50px}.products-table td,.products-table th{padding:10px;text-align:center;white-space:nowrap}.products-filter select{background:#f9fafb;border:1px solid #ddd;padding:8px 14px}.products-right{align-items:center;display:flex;gap:20px}.products-search{gap:20px}.search-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.products-searchs{align-items:center;display:flex;gap:10px}.products-searchs input{border:1px solid #ccc;border-radius:25px;padding:10px 15px;width:300px}.search-icon{margin-left:-35px}.products-topbar{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.products-header-row{gap:20px}.products-title{font-size:22px;font-weight:600}.products-search{gap:8px}.products-search input{border:1px solid #ddd;border-radius:8px;padding:8px 12px}.products-filter{align-self:flex-start}.modal-overlay{background:#0009}.modal-content{border-radius:10px;max-height:80vh;overflow-y:auto;padding:20px;position:relative;width:400px}.modal-img{height:200px;margin-bottom:10px;object-fit:cover;width:100%}.modal-overlay{background:#000000b3}.modal-content.premium{background:#fff;border-radius:12px;padding:20px;position:relative;width:800px}.modal-body{display:flex;gap:20px}.modal-left{width:45%}.modal-main-img{border-radius:8px;height:250px;object-fit:cover;width:100%}.modal-thumbs{display:flex;gap:8px;margin-top:10px}.thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;height:50px;object-fit:cover;width:50px}.thumb.active{border:2px solid #007bff}.modal-right{width:55%}.price{color:green;font-size:22px;font-weight:700}.badge{border-radius:5px;font-size:12px;margin-left:10px;padding:4px 8px}.badge.pending{background:#fff3cd}.badge.approved{background:#d4edda}.badge.rejected{background:#f8d7da}.attr-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:10px}.attr-box{background:#f5f5f5;border-radius:6px;padding:8px}.attr-box span{color:#666;font-size:12px}.attr-box strong{display:block}.modal-close{background:red;border-radius:5px;color:#fff;padding:5px 8px;position:absolute;right:10px;top:10px}.ng-dashboard{background:#f8f9fc;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-y:auto;padding:0}.ng-topbar{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ng-search-bar,.ng-topbar{align-items:center;display:flex}.ng-search-bar{background:#f5f5f5;border-radius:8px;gap:8px;padding:6px 12px;width:260px}.ng-search-icon{color:#aaa;font-size:13px}.ng-search-inputs{background:#fff;border:none;color:#fff;font-size:13px;outline:none;width:100%}.ng-topbar-right{align-items:center;display:flex;gap:12px}.ng-create-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px}.ng-icon-btn{cursor:pointer;font-size:18px}.ng-avatar{align-items:center;cursor:pointer;display:flex;gap:8px}.ng-avatar-img{font-size:28px}.ng-avatar-info{display:flex;flex-direction:column;line-height:1.2}.ng-avatar-name{font-size:13px;font-weight:600}.ng-avatar-role{color:#999;font-size:11px}.ng-status-bar{align-items:center;display:flex;gap:6px;padding:8px 24px 0}.ng-status-dot{background:#22c55e;border-radius:50%;display:inline-block;height:8px;width:8px}.ng-status-text{color:#22c55e;font-size:11px;font-weight:700;letter-spacing:.5px}.ng-greeting-row{align-items:flex-start;display:flex;justify-content:space-between;padding:10px 24px 16px}.ng-greeting{color:#1a1a2e;font-size:26px;font-weight:700;margin:0}.ng-greeting-sub{color:#888;font-size:13px;margin:4px 0 0}.ng-greeting-actions{display:flex;gap:10px}.ng-action-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.ng-action-btn:hover{background:#f5f5f5}.ng-kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:0 24px 20px}.ng-kpi-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:16px}.ng-kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ng-kpi-icon{font-size:18px}.ng-kpi-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 7px}.ng-kpi-green{background:#dcfce7;color:#16a34a}.ng-kpi-blue{background:#dbeafe;color:#2563eb}.ng-kpi-orange{background:#fef3c7;color:#d97706}.ng-kpi-value{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.ng-kpi-label{color:blue;font-size:13px;font-weight:700}.ng-kpi-sub{color:#aaa;font-size:11px;margin-top:3px}.ng-mid-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 280px;padding:0 24px 20px}.ng-chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:18px 20px}.ng-chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.ng-chart-title{color:#1a1a2e;font-size:15px;font-weight:700}.ng-chart-sub{color:#aaa;font-size:12px;margin-top:2px}.ng-view-report{color:#6c63ff;font-size:12px;font-weight:500;text-decoration:none}.ng-chart-area{height:180px;width:100%}.ng-svg-chart{height:100%;width:100%}.ng-chart-label{fill:#bbb;font-family:Segoe UI,sans-serif;font-size:9px}.ng-live-ops{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:0;padding:16px}.ng-live-ops-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ng-live-ops-title{color:#1a1a2e;font-size:14px;font-weight:700;margin-right:4px}.ng-live-ops-sub{color:#aaa;flex:1 1;font-size:11px}.ng-live-dot{background:#22c55e;border-radius:50%;display:inline-block;height:7px;width:7px}.ng-live-label{color:#22c55e;font-size:10px;font-weight:700;letter-spacing:.5px}.ng-live-item{align-items:center;border-bottom:1px solid #f3f3f3;cursor:pointer;display:flex;gap:10px;padding:10px 0}.ng-live-item:last-child{border-bottom:none}.ng-live-item-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.ng-icon-orange{background:#fff7ed}.ng-icon-blue{background:#eff6ff}.ng-icon-green{background:#f0fdf4}.ng-icon-purple{background:#faf5ff}.ng-live-item-text{flex:1 1}.ng-live-item-name{color:#1a1a2e;font-size:13px;font-weight:600}.ng-live-item-detail{color:#aaa;font-size:11px}.ng-live-arrow{color:#ccc;font-size:18px;font-weight:300}.ng-modules-section{padding:0 24px 20px}.ng-modules-title{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:14px}.ng-modules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.ng-module-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;cursor:pointer;padding:16px 12px;text-align:center;transition:transform .15s}.ng-module-card:hover{transform:translateY(-2px)}.ng-module-icon{display:block;font-size:20px;margin-bottom:6px}.ng-module-count{color:#1a1a2e;font-size:20px;font-weight:700;line-height:1}.ng-module-label{color:#888;font-size:11px;margin-top:4px}.ng-recent-orders{padding:0 24px 30px}.ng-recent-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.ng-recent-title{color:#1a1a2e;font-size:18px;font-weight:700;margin:0 0 2px}.ng-recent-sub{color:#aaa;font-size:12px;margin:0}.ng-see-all{color:#6c63ff;font-size:13px;font-weight:500;text-decoration:none}.ng-orders-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.ng-order-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:14px 16px}.ng-order-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ng-order-id{color:#aaa;font-size:12px;font-weight:500}.ng-order-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 9px}.ng-badge-pending{background:#fef3c7;color:#d97706}.ng-badge-assigned{background:#dbeafe;color:#2563eb}.ng-badge-picked{background:#ede9fe;color:#7c3aed}.ng-badge-delivered{background:#dcfce7;color:#16a34a}.ng-badge-cancelled{background:#fee2e2;color:#dc2626}.ng-order-name{color:#1a1a2e;font-size:14px;font-weight:700;margin-bottom:3px}.ng-order-items{color:#aaa;font-size:12px;margin-bottom:12px}.ng-order-footer{align-items:center;display:flex;justify-content:space-between}.ng-order-time{color:#aaa;font-size:11px}.ng-order-amount{color:#1a1a2e;font-size:14px;font-weight:700}.analytics-page{background:#f8f9fc;box-sizing:border-box;min-height:100%;overflow-x:hidden;padding:1rem 1.25rem 1.5rem;width:100%}.an-breadcrumb{gap:8px;margin-bottom:1rem}.an-back-btn,.an-breadcrumb{align-items:center;display:flex}.an-back-btn{background:none;border:none;color:#555;cursor:pointer;font-size:13px;font-weight:500;gap:4px;padding:0;transition:color .15s}.an-back-btn:hover{color:#1a1a2e}.an-breadcrumb-sep{background:#ccc;height:14px;width:1px}.an-breadcrumb-current{color:#777;font-size:13px}.an-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.1rem}.an-page-title{color:#1a1a2e;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 3px}.an-page-sub{color:#999;font-size:12.5px;margin:0}.an-date-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000f;color:#444;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:6px 13px;transition:box-shadow .2s;white-space:nowrap}.an-date-btn:hover{box-shadow:0 2px 8px #0000001a}.an-kpi-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem;width:100%}.an-kpi-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;min-width:0;padding:1rem 1.1rem;transition:box-shadow .2s}.an-kpi-card:hover{box-shadow:0 4px 12px #00000014}.an-kpi-top{justify-content:space-between;margin-bottom:10px}.an-kpi-icon,.an-kpi-top{align-items:center;display:flex}.an-kpi-icon{border-radius:50%;flex-shrink:0;font-size:15px;font-weight:600;height:34px;justify-content:center;width:34px}.an-icon-green{background:#e6f4ea;color:#2e7d32}.an-icon-blue{background:#e3f0fc;color:#1565c0}.an-icon-purple{background:#ede7f6;color:#512da8}.an-icon-amber{background:#fff8e1;color:#e65100}.an-kpi-badge{background:#e6f4ea;border-radius:20px;color:#2e7d32;font-size:10.5px;font-weight:600;letter-spacing:.1px;padding:3px 8px;white-space:nowrap}.an-kpi-val{color:#1a1a2e;font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-kpi-lbl{color:blue;font-size:11.5px;font-weight:800}.an-charts-row{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.an-chart-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;min-width:0;padding:1rem 1.1rem .9rem}.an-chart-title{color:#1a1a2e;font-size:13.5px;font-weight:600;margin:0 0 2px}.an-chart-sub{color:#bbb;font-size:11px;margin:0 0 .85rem}.an-chart-wrap{height:195px;position:relative;width:100%}.pay-page{background:#f0f2f5;box-sizing:border-box;min-height:100%;overflow-x:hidden;padding:1rem 1.4rem 2rem;width:100%}.pay-breadcrumb{align-items:center;display:flex;gap:8px;margin-bottom:.85rem}.pay-back-btn{background:none;border:none;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .15s}.pay-back-btn:hover{color:#1a1a2e}.pay-bc-sep{background:#ccc;height:13px;width:1px}.pay-bc-current{color:#777;font-size:13px}.pay-title{color:#1a1a2e;font-size:24px;font-weight:700;letter-spacing:-.4px;margin:0 0 3px}.pay-sub{color:#999;font-size:12.5px;margin:0 0 1.2rem}.pay-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.2rem}.pay-sum-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:1rem 1.2rem}.pay-sum-label{color:#aaa;font-size:12px;font-weight:500}.pay-sum-val{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.pay-val-black{color:#1a1a2e}.pay-val-orange{color:#f57c00}.pay-val-red{color:#e53935}.pay-sum-tag{font-size:11.5px;font-weight:600}.pay-tag-green{color:#2e7d32}.pay-sum-note{color:#aaa;font-size:11.5px}.pay-tabs{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:24px;box-shadow:0 1px 4px #0000000d;display:inline-flex;gap:0;margin-bottom:1.1rem;padding:4px}.pay-tab{align-items:center;background:#0000;border:none;border-radius:20px;color:#888;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 20px;transition:all .2s ease;white-space:nowrap}.pay-tab:hover{color:#1a1a2e}.pay-tab-active{background:#1a1a2e;box-shadow:0 2px 6px #00000026;color:#fff}.pay-tab-active:hover{background:#2c2c44;color:#fff}.pay-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pay-order-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:1rem 1.15rem;transition:box-shadow .2s}.pay-order-card:hover{box-shadow:0 4px 14px #00000014}.pay-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.pay-order-id{color:#bbb;font-size:11.5px;font-weight:500;letter-spacing:.2px}.pay-status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.pay-badge-pending{background:#fff8e1;color:#e65100}.pay-badge-paid{background:#e8f5e9;color:#2e7d32}.pay-customer-name{color:#1a1a2e;font-size:15px;font-weight:600}.pay-order-meta{color:#bbb;font-size:12px;margin-bottom:6px}.pay-card-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.pay-amount{color:#1a1a2e;font-size:18px;font-weight:700;letter-spacing:-.3px}.pay-action-btn{border:none;border-radius:20px;cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 18px;transition:opacity .15s}.pay-action-btn:hover{opacity:.85}.pay-btn-markpaid{background:#5c6bc0;color:#fff}.pay-btn-refund{background:#fce4ec;color:#c62828}.ng-bell-btn{cursor:pointer;position:relative}.ng-bell-badge{align-items:center;background:#ee4b4b;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-4px;width:16px}.notif-page{background:#f6f7fb;min-height:100vh;padding:20px 24px}.notif-header{align-items:center;background-color:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 2px 6px #00000008;display:flex;justify-content:space-between;margin-bottom:18px;padding:16px 12px}.notif-title{font-size:40px;font-weight:700;margin:0}.notif-sub{color:#777;font-size:13px;margin-top:20px}.notif-header-actions{display:flex;gap:10px;margin-top:40px}.notif-mark-btn{border:1px solid #ddd;border-radius:8px}.notif-clear-btn,.notif-mark-btn{background:#fff;cursor:pointer;padding:6px 12px}.notif-clear-btn{border:1px solid #fca5a5;border-radius:8px;color:#dc2626}.notif-section{background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 2px 6px #00000008;margin-bottom:16px;padding:16px}.notif-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.notif-stat-card{align-items:center;background:#fff;border:1px solid #ececec;border-radius:12px;display:flex;gap:12px;padding:16px}.notif-stat-active{background:#4f46e5;color:#fff}.notif-stat-icon{align-items:center;background:#f3f3f3;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.notif-stat-active .notif-stat-icon{background:#fff3}.notif-stat-label{color:#888;font-size:11px}.notif-stat-val{font-size:22px;font-weight:700}.notif-filter-row{align-items:center;display:flex;gap:8px}.notif-tab{background:none;border:none;border-radius:20px;cursor:pointer;padding:6px 14px}.notif-tab-active{background:#111;color:#fff}.notif-tab-count{background:#6366f1;border-radius:999px;color:#fff;font-size:11px;padding:2px 8px}.notif-item{border-radius:10px;display:flex;gap:12px;padding:14px}.notif-item:hover{background:#f9fafb}.notif-item-unread{background:#f1f5ff}.notif-item-icon{align-items:center;background:#f1f1f1;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.notif-item-unread .notif-item-icon{background:#4f46e5;color:#fff}.notif-item-title{font-size:14px;font-weight:600}.notif-item-detail{color:#555;font-size:13px}.notif-item-meta{color:#aaa;font-size:11px}.notif-dot{background:#6366f1;border-radius:50%;display:inline-block;height:6px;margin-left:6px;width:6px}.promo-page{background:#f6f7fb;min-height:100vh;padding:20px}.promo-header{align-items:center;display:flex;justify-content:space-between}.promo-title{font-size:28px;font-weight:700}.promo-sub{color:#777;font-size:13px}.promo-export-btn{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:8px 14px}.promo-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:20px 0}.promo-card{background:#fff;border-radius:14px;padding:16px}.promo-card,.promo-top-tabs{border:1px solid #eee}.promo-tab{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:12px}.promo-tab span{font-size:18px}.tab-sub{color:#777}.promo-tab.active{background:linear-gradient(135deg,#5b50f7,#5b50f7);color:#fff}.promo-tab.active .tab-sub{color:#dbeafe}.promo-filter-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.filter-group{display:flex;gap:8px}.filter-pill{background:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;padding:6px 14px}.filter-pill.active{background:#5b50f7;color:#fff}.promo-actions{display:flex;gap:10px}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:6px 12px}.promo-new-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:7px 14px}.promo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.promo-item{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 10px #0000000a;overflow:hidden;transition:.2s}.promo-item:hover{transform:translateY(-3px)}.promo-img{height:150px;position:relative}.promo-img img{height:100%;object-fit:cover;width:100%}.status-pill{background:#22c55e;border-radius:999px;color:#fff;font-size:12px;left:10px;padding:4px 10px;position:absolute;top:10px}.status-pill.expired{background:#ef4444}.promo-discount{bottom:10px;color:#fff;font-size:22px;font-weight:700;left:12px;position:absolute}.promo-discount span{display:block;font-size:11px}.promo-body{padding:14px}.promo-title-row{align-items:center;display:flex;justify-content:space-between}.promo-desc{color:#666;font-size:13px;margin-top:20px}.promo-code{background:#f3f4f6;border-radius:8px;display:inline-block;font-size:12px;margin-bottom:10px;padding:6px 10px}.promo-meta-box{border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:10px}.promo-meta-box p{color:#777;font-size:11px}.promo-progress{align-items:center;display:flex;font-size:12px;margin-bottom:10px}.progress-bar{background:#eee;border-radius:10px;flex:1 1;height:6px;margin-right:10px}.progress-bar div{background:#4f46e5;border-radius:10px;height:100%}.promo-footer{align-items:center;display:flex;justify-content:space-between}.view-btn{flex:1 1;padding:8px}.icon-actions button,.view-btn{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer}.icon-actions button{margin-left:6px;padding:6px}.modal-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.promo-modal{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:22px;width:480px}.modal-header{margin-bottom:14px}.close-btn{color:#555}.form-label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.upload-box{align-items:center;border:2px dashed #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:18px;padding:28px 20px;text-align:center;transition:all .2s ease}.upload-box:hover{background:#f8faff;border-color:#6366f1}.upload-icon{background:#6366f1;border-radius:12px;font-size:18px}.upload-title{color:#111827;font-size:14px;font-weight:500}.upload-sub{color:#6b7280;font-size:11px}.promo-modal input,.promo-modal textarea{border:1px solid #e5e7eb;border-radius:10px;font-size:13px;outline:none;padding:10px;width:100%}.promo-modal textarea{resize:none}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group.full{margin-bottom:12px}.modal-footer{margin-top:10px}.modal-footer button{border:none;border-radius:10px;cursor:pointer;padding:8px 16px}.modal-footer button:first-child{background:#f3f4f6}.modal-footer .primary{background:#4f46e5;color:#fff}.promo-top-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:6px;margin-bottom:16px;padding:6px}.tab-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:12px;transition:.2s}.tab-item span{font-size:18px}.tab-title{font-size:14px;font-weight:600}.tab-sub{color:#6b7280;font-size:11px}.tab-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.tab-item.active .tab-sub{color:#dbeafe}.promo-filter-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.promo-filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;display:flex;gap:8px;padding:4px}.promo-actions-bar{display:flex;gap:10px}promo-new-btn{background:#5b50f7;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:8px 10px}.promo-meta-date{padding:6px 10px}.promo-meta-date,.promo-meta-min{background:#f9fafb;border-radius:8px}.promo-meta-min{flex:1 1;padding:8px}.promo-content{animation:fadeIn .3s ease}.campaign-card{border-radius:12px;padding:14px}.campaign-card h2{margin:6px 0}.green{color:#22c55e;font-size:12px}.campaign-table-box{border:1px solid #eee;border-radius:14px;padding:16px}.campaign-header{margin-bottom:12px}.campaign-table{gap:10px}.campaign-row{grid-template-columns:2fr 1fr 2fr 1fr 1fr 1fr 1fr}.campaign-row.head{color:#777}.campaign-info img{border-radius:8px;height:36px;width:36px}.status{border-radius:8px;font-size:11px;padding:4px 8px}.status.paused{background:#fde68a;color:#92400e}.progress{background:#eee;margin-top:4px}.progress div{background:#4f46e5}.roas{font-weight:600}.actions span{margin-right:6px}.campaign-row head{color:#4b5768;font-size:11px}.promo-new-btnn{background:#5b50f7;font-size:14px;font-weight:500;padding:2px 6px}.campaign-modal{background:#fff;border-radius:18px;box-shadow:0 20px 40px #0000001f;max-height:90vh;max-width:95%;overflow-y:auto;padding:24px;width:650px}.campaign-modal::-webkit-scrollbar{width:8px}.campaign-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}.campaign-modal::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.campaign-modal::-webkit-scrollbar-thumb:hover{background:#888}.modal-header{margin-bottom:16px}.modal-header h2{font-size:18px;font-weight:600}.close-btn{cursor:pointer;font-size:16px}.campaign-preview{border-radius:12px;height:180px;margin-bottom:10px;object-fit:cover;width:100%}.campaign-upload{border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:18px;padding:25px;text-align:center;transition:.2s}.campaign-upload:hover{background:#f8faff;border-color:#4f46e5}.upload-inner{flex-direction:column}.upload-icon,.upload-inner{align-items:center;display:flex}.upload-icon{background:#4f46e5;border-radius:10px;color:#fff;height:40px;justify-content:center;margin-bottom:8px;width:40px}.form-group{margin-bottom:14px}.form-group label{color:#444;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:11px;width:100%}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.cancel-btn{background:#f3f4f6}.cancel-btn,.launch-btn{border:none;border-radius:10px;padding:8px 16px}.launch-btn{background:#4f46e5;color:#fff}.vs-page{background:#f7f8fa;min-height:100vh;padding:28px 32px}.vs-page-header{margin-bottom:20px}.vs-page-title{color:#111;font-size:22px;font-weight:700;margin:0 0 4px}.vs-page-sub{color:#888;font-size:13px;margin:0}.vs-toolbar{align-items:center;border-radius:18px;box-shadow:0 2px 6px #00000008;gap:12px;justify-content:space-between;margin-bottom:24px;overflow-x:auto;padding:14px 18px}.vs-tabs,.vs-toolbar{background:#fff;border:1px solid #e5e7eb;display:flex;flex-wrap:nowrap}.vs-tabs{border-radius:10px;flex-shrink:0;gap:6px;padding:4px}.vs-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:background .15s,color .15s;white-space:nowrap}.vs-tab:hover{background:#f3f4f6}.vs-tab-active{background:#2563eb!important;color:#fff!important}.vs-tab-badge{background:#ffffff40;border-radius:20px;color:inherit;font-size:11px;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}.vs-tab:not(.vs-tab-active) .vs-tab-badge{background:#e5e7eb;color:#555}.vs-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9px;display:flex;flex-shrink:0;gap:8px;min-width:180px;padding:8px 14px}.vs-search-icon{font-size:14px;opacity:.5}.vs-search-input{background:#0000;border:none;color:#333;font-size:13px;outline:none;width:100%}.vs-grid{grid-gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 6px #00000008;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:-20px;padding:18px}.vs-card{background:#fff;border-radius:14px;box-shadow:0 12px 12px #00000012;overflow:hidden;transition:box-shadow .2s,transform .15s}.vs-card:hover{box-shadow:0 16px 20px #0000001c;transform:translateY(-2px)}.vs-card-img-wrap{height:150px;position:relative}.vs-card-img{display:block;height:100%;object-fit:cover;width:100%}.vs-card-badge{border-radius:20px;font-size:11px;font-weight:700;left:10px;letter-spacing:.3px;padding:3px 10px;position:absolute;top:10px}.vs-badge-approved{background:#16a34a;color:#fff}.vs-badge-pending{background:#f59e0b;color:#fff}.vs-card-body{padding:14px 16px 16px}.vs-card-name{color:#111;font-size:14px;font-weight:700;margin-bottom:2px}.vs-card-owner{color:#888;font-size:12px;margin-bottom:8px}.vs-card-products{align-items:center;color:#555;display:flex;font-size:12px;gap:5px;margin-bottom:14px}.vs-products-icon{font-size:13px}.vs-card-actions{display:flex;flex-wrap:wrap;gap:7px}.vs-btn{border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:opacity .15s,transform .1s}.vs-btn:hover{opacity:.85;transform:translateY(-1px)}.vs-btn-view{background:#f3f4f6;color:#333}.vs-btn-disable{background:#fef3c7;color:#92400e}.vs-btn-delete{background:#fee2e2;color:#991b1b}.vs-btn-approve{background:#2563eb;color:#fff}.vs-btn-reject{background:#fff;border:1px solid #fca5a5;color:#dc2626}.vs-btn-view-sm{background:#f3f4f6;color:#333;padding:6px 10px}.vs-btn-bank-review{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;box-shadow:0 2px 6px #d9770640;color:#fff;display:flex;font-weight:700;gap:6px;justify-content:center;padding:9px 14px;transition:opacity .15s,transform .15s,box-shadow .15s;width:100%}.vs-btn-bank-review:hover{box-shadow:0 4px 12px #d9770659;opacity:.92;transform:translateY(-1px)}.vs-btn-bank-review:active{transform:translateY(0)}.vd-page{background:#f7f8fa;min-height:100vh;padding:28px 32px}.vd-back{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;margin-bottom:18px;padding:0}.vd-back:hover{color:#2563eb}.vd-hero{border-radius:16px;height:220px;margin-bottom:20px;overflow:hidden;position:relative}.vd-hero-img{display:block;height:100%;object-fit:cover;width:100%}.vd-hero-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b8 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:18px 22px;position:absolute;right:0}.vd-hero-left{display:flex;flex-direction:column;gap:4px}.vd-status-badge{align-self:flex-start;background:#16a34a;border-radius:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 9px}.vd-hero-name{color:#fff;font-size:22px;font-weight:800;margin:0}.vd-hero-sub{color:#fffc;font-size:13px;margin:0}.vd-hero-actions{display:flex;gap:8px}.vd-btn-disable{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff73;border-radius:8px}.vd-btn-delete,.vd-btn-disable{color:#fff;font-size:13px;font-weight:500;padding:7px 18px}.vd-btn-delete{background:#dc2626;border:none;border-radius:8px;cursor:pointer}.vd-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.vd-stat-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:14px;padding:16px 18px}.vd-stat-icon{font-size:20px;opacity:.8}.vd-star{color:#f59e0b}.vd-stat-val{color:#111;font-size:15px;font-weight:700}.vd-stat-lbl{color:#aaa;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:2px}.vd-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.vd-info-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:20px}.vd-info-title{color:#111;font-size:14px;font-weight:700;margin:0 0 16px}.vd-info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.vd-info-icon{flex-shrink:0;font-size:15px;margin-top:1px}.vd-info-key{color:#aaa;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.vd-info-val{color:#333;font-size:13px}.vd-desc-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:20px}.vd-desc-text{color:#555;font-size:13px;line-height:1.65;margin:0}.vd-docs-card{background:#fff;border:1px solid #f1f1f1;border-radius:18px;box-shadow:0 4px 18px #0000000f;margin-top:24px;padding:24px}.vd-doc-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.vd-doc-grid a{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:14px;color:#1e293b;display:flex;font-size:15px;font-weight:600;justify-content:center;min-height:70px;overflow:hidden;padding:18px;position:relative;text-decoration:none;transition:all .25s ease}.vd-doc-grid a:before{content:"📄";font-size:22px;margin-right:10px}.vd-doc-grid a:hover{border-color:#10b981;box-shadow:0 8px 20px #10b9811f;color:#10b981;transform:translateY(-3px)}.vd-doc-grid a:first-child:hover{border-color:#3b82f6;color:#3b82f6}.vd-doc-grid a:nth-child(2):hover{border-color:#8b5cf6;color:#8b5cf6}.vd-doc-grid a:nth-child(3):hover{border-color:#f97316;color:#f97316}.vd-doc-grid a:nth-child(4):hover{border-color:#10b981;color:#10b981}@media (max-width:768px){.vd-docs-card{padding:18px}.vd-doc-grid{grid-template-columns:1fr}.vd-doc-grid a{font-size:14px;min-height:60px}}.vd-desc-text{color:#475569;font-size:14px;line-height:1.7;margin-top:8px}.vd-reject-box{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:600;margin-bottom:20px;padding:14px}.vd-status-badge.approved{background:#dcfce7;color:#166534}.vd-status-badge.pending{background:#fef3c7;color:#92400e}.vd-status-badge.rejected{background:#fee2e2;color:#b91c1c}.vs-action-row{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.vs-left-actions{align-items:center;display:flex;gap:8px}.vs-btn-enable{background:#dcfce7;color:#166534}.vs-btn-disable{background:#fee2e2;color:#b91c1c}.vp-page{background:#f3f4f8;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.vp-card{background:#fff;border-radius:18px;box-shadow:0 10px 35px #00000014;margin:auto;max-width:980px;overflow:hidden}.vp-hero{height:230px;position:relative}.vp-hero-img{height:100%;object-fit:cover;width:100%}.vp-overlay{background:linear-gradient(180deg,#0000001a,#0009);inset:0;position:absolute}.vp-topbar{align-items:center;display:flex;justify-content:space-between;left:18px;position:absolute;right:18px;top:18px;z-index:2}.vp-status{background:#f59e0b;border-radius:30px;color:#fff;font-size:12px;font-weight:700;padding:7px 14px}.vp-admin{color:#fff;font-size:14px;font-weight:600}.vp-hero-content{bottom:24px;color:#fff;left:24px;position:absolute;z-index:2}.vp-id{font-size:11px;opacity:.9}.vp-title{font-size:38px;font-weight:800;line-height:1.1;margin-top:8px}.vp-subtitle{font-size:15px;margin-top:8px;opacity:.95}.vp-strip{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);padding:20px 22px}.vp-strip-card{background:#f5f6fa;border-radius:14px;padding:16px}.vp-strip-label{color:#8c8fa3;display:block;font-size:11px;font-weight:700;margin-bottom:10px}.vp-strip-value{font-size:15px;font-weight:700}.vp-strip-value.purple{color:#6d5dfc}.vp-strip-value.orange{color:#f59e0b}.vp-strip-value.green{color:#16a34a}.vp-section{padding:0 24px 24px}.vp-heading{color:#8b8fa2;font-size:12px;font-weight:800;margin-bottom:12px}.vp-description{color:#555;font-size:14px;line-height:1.7;max-width:700px}.vp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.vp-tags span{background:#eef2ff;border-radius:30px;color:#5b5bd6;font-size:12px;font-weight:600;padding:7px 14px}.vp-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:0 24px 24px}.vp-detail-block{display:flex;flex-direction:column;gap:20px}.vp-detail-item{align-items:flex-start;display:flex;gap:14px}.vp-icon{align-items:center;background:#f5f6fa;border-radius:12px;display:flex;font-size:16px;height:38px;justify-content:center;width:38px}.vp-detail-label{color:#9aa0b5;display:block;font-size:11px;font-weight:700;margin-bottom:6px}.vp-detail-text{color:#1f2937;font-size:14px;font-weight:600;line-height:1.5}.vp-doc-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.vp-doc-card{align-items:center;background:#fff;border:1px solid #ececf3;border-radius:14px;display:flex;justify-content:space-between;padding:14px;text-decoration:none;transition:.2s ease}.vp-doc-card:hover{box-shadow:0 6px 18px #0000000f;transform:translateY(-2px)}.vp-doc-left{gap:12px}.vp-doc-icon,.vp-doc-left{align-items:center;display:flex}.vp-doc-icon{background:#f3f0ff;border-radius:12px;color:#6d5dfc;height:42px;justify-content:center;width:42px}.vp-doc-left h4{color:#222;font-size:14px;margin-bottom:4px}.vp-doc-left span{color:#9aa0b5;font-size:12px}.vp-doc-status{font-size:12px;font-weight:700}.vp-doc-status.verified{color:#16a34a}.vp-doc-status.pending{color:#f59e0b}.vp-actions{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;padding:24px}.vp-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 18px;transition:.2s ease}.vp-btn:hover{transform:translateY(-1px)}.vp-btn.approve{background:#6d5dfc;color:#fff}.vp-btn.reject{background:#fff1f2;color:#ef4444}.vp-btn.info{background:#f5f6fa;color:#374151}.vp-note{color:#9aa0b5;font-size:12px;margin-left:auto}@media (max-width:768px){.vp-doc-grid,.vp-grid,.vp-strip{grid-template-columns:1fr}.vp-title{font-size:28px}.vp-actions{align-items:stretch;flex-direction:column}.vp-note{margin-left:0;text-align:center}}.vp-doc-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.vp-doc-modal{animation:vpPop .25s ease;background:#fff;border-radius:20px;max-width:900px;overflow:hidden;width:90%}@keyframes vpPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.vp-doc-modal-top{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 22px}.vp-doc-modal-top h3{font-size:18px;font-weight:700}.vp-doc-close{background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;font-size:16px;height:34px;width:34px}.vp-doc-frame{border:none;height:70vh;width:100%}.vp-doc-modal-actions{border-top:1px solid #eee;display:flex;gap:14px;justify-content:flex-end;padding:18px 22px}.vp-doc-download{background:#f3f4f6;border-radius:12px;color:#111;font-weight:600;padding:12px 18px;text-decoration:none}.vp-doc-verify{background:#6d5dfc;color:#fff;padding:12px 18px}.vd-btn-disable,.vp-doc-verify{border:none;border-radius:12px;cursor:pointer;font-weight:700}.vd-btn-disable{background:#fee2e2;color:#dc2626;font-size:14px;padding:12px 20px;transition:.2s ease}.vd-btn-disable:hover{transform:translateY(-1px)}.vd-btn-disable.enable{background:#dcfce7;color:#15803d}.vd-doc-btn{background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:14px 18px;transition:.2s ease}.vd-doc-btn:hover{background:#e5e7eb}.vd-doc-modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.vd-doc-modal{animation:vdPop .25s ease;background:#fff;border-radius:20px;max-width:950px;overflow:hidden;width:90%}@keyframes vdPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.vd-doc-modal-top{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 22px}.vd-doc-close{background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;font-size:16px;height:36px;width:36px}.vd-doc-frame{border:none;height:75vh;width:100%}.vd-doc-actions{border-top:1px solid #eee;display:flex;gap:14px;justify-content:flex-end;padding:18px 22px}.vd-download-btn{background:#6d5dfc;border-radius:12px;color:#fff;text-decoration:none}.vd-cancel-btn,.vd-download-btn{font-weight:700;padding:12px 18px}.vd-cancel-btn{background:#f3f4f6;border:none;border-radius:12px;cursor:pointer}.customer-suspend-btn{background:#fee2e2;color:#dc2626}.customer-active-btn,.customer-suspend-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px}.customer-active-btn{background:#dcfce7;color:#15803d}.vendor-products-page{background:#f5f6fa;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:28px 32px}.products-topbar{margin-bottom:22px}.products-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.products-title{color:#111827;font-size:20px;font-weight:700;margin:0}.products-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9px;display:flex;height:38px;overflow:hidden}.products-search input{background:#0000;border:none;color:#374151;font-size:13px;outline:none;padding:0 12px;width:200px}.products-search input::placeholder{color:#9ca3af}.products-search .search-icon{color:#9ca3af;font-size:14px;padding:0 8px}.products-search .search-btn{background:#111827;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:38px;padding:0 18px;transition:background .15s}.products-search .search-btn:hover{background:#1f2937}.products-filter{align-items:center;display:flex;gap:10px}.products-filter select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;min-width:200px;outline:none;padding:8px 36px 8px 14px;transition:border-color .15s}.products-filter select:focus{border-color:#6366f1}.table-wrapper{background:#fff;border:1px solid #e9eaf0;border-radius:14px;box-shadow:0 1px 4px #0000000d;overflow:hidden;overflow-x:auto}.products-table{border:none;border-collapse:collapse;font-size:13.5px;min-width:800px;width:100%}.products-table thead tr{background:#f9fafb;border-bottom:1.5px solid #f0f1f5}.products-table thead th{border:none;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;padding:13px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #f5f6fa;transition:background .15s}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr:hover{background:#fafbff}.products-table tbody td{border:none;color:#374151;font-size:13.5px;padding:14px 20px;vertical-align:middle}.product-img{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9px;display:block;height:46px;object-fit:cover;width:46px}.products-table tbody td:nth-child(2){color:#111827;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table tbody td:nth-child(3){color:#6b7280;font-family:Courier New,monospace;font-size:12.5px;letter-spacing:.04em}.vp-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 11px}.vp-status-chip.approved{background:#dcfce7;color:#16a34a}.vp-status-chip.pending{background:#fef3c7;color:#d97706}.vp-status-chip.rejected{background:#fee2e2;color:#dc2626}.vp-status-chip .vp-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.vp-action-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:7px}.btn{align-items:center;border:1.5px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:all .15s;white-space:nowrap}.btn.view{background:#fff;border-color:#e5e7eb;color:#374151}.btn.view:hover{background:#f5f3ff;border-color:#6366f1;color:#6366f1}.btn.approve{background:#dcfce7;border-color:#86efac;color:#16a34a}.btn.approve:hover{background:#bbf7d0;border-color:#4ade80}.btn.reject{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn.reject:hover{background:#fecaca;border-color:#f87171}.vp-empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px}.vp-empty-state .vp-empty-icon{font-size:36px;opacity:.5}.vp-empty-state p{font-size:14px;margin:0}.vp-select-prompt{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;display:flex;font-size:13.5px;gap:10px;margin-top:24px;padding:16px 20px}.vp-select-prompt span{font-size:20px}.vp-vendor-cell{align-items:center;display:flex;gap:9px}.vp-vendor-avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;letter-spacing:.03em;text-transform:uppercase;width:30px}.vp-vendor-name{color:#374151;font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{justify-content:center}.actions button{border-radius:12px;font-size:14px;height:40px;min-width:110px;transition:.25s ease}.actions button:has-text("⏸"){background:#fff4e5;color:#ff9800}.actions button{background:#eef4ff;color:#2563eb}.actions button:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-2px)}.actions span{background:#f5f5f5;border-radius:12px;height:40px;transition:.2s;width:20px}.metrics-btn{background:#eef2ff;border:none;border-radius:12px;color:#4338ca;cursor:pointer;font-weight:600;height:40px;padding:0 16px}.actions{gap:10px}.metrics-btn,.pause-btn,.start-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;height:40px;min-width:110px;transition:.2s}.start-btn{background:#eef4ff;color:#2563eb}.pause-btn{background:#fff4e5;color:#ff9800}.metrics-btn{background:#f3f4f6;color:#111827}.metrics-btn:hover,.pause-btn:hover,.start-btn:hover{transform:translateY(-2px)}.campaign-actions{align-items:center;gap:10px;justify-content:center}.campaign-metrics-btn,.campaign-pause-btn,.campaign-start-btn{align-items:center;border:none;border-radius:14px;box-shadow:0 4px 12px #0000000f;cursor:pointer;display:flex;font-size:18px;height:46px;justify-content:center;transition:.25s ease;width:46px}.campaign-start-btn{background:#eef4ff;color:#2563eb}.campaign-pause-btn{background:#fff5e8;color:#f59e0b}.campaign-metrics-btn{background:#f3f4f6;color:#374151}.campaign-metrics-btn:hover,.campaign-pause-btn:hover,.campaign-start-btn:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.campaign-metrics-btn:active,.campaign-pause-btn:active,.campaign-start-btn:active{transform:scale(.95)}.campaign-table-scroll{overflow-x:auto;width:100%}.campaign-table{min-width:900px}.campaign-row{box-sizing:border-box;font-size:13px;grid-template-columns:2.2fr .9fr 1.8fr .7fr .7fr .7fr 1.3fr;overflow:hidden;width:100%}.campaign-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-info{gap:10px;min-width:0;overflow:hidden}.campaign-info img{height:40px;width:40px}.campaign-info div{min-width:0;overflow:hidden}.campaign-info p{font-size:13.5px}.campaign-info small{display:block;white-space:nowrap}.campaign-info small,.status{font-size:11.5px;overflow:hidden;text-overflow:ellipsis}.status{max-width:100%;padding:4px 10px}.budget{min-width:0;overflow:hidden}.budget p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{flex-shrink:0}.campaign-row>span{color:#555;display:block;font-weight:500}.campaign-row>span,.roas{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}.actions button{border-radius:8px;flex-shrink:0;font-size:12px;gap:4px;height:34px;min-width:0;padding:0 12px;white-space:nowrap}.actions button:hover{box-shadow:0 4px 10px #0000001a}.actions span{border-radius:8px;font-size:14px;height:34px;min-width:34px;width:34px}.campaigns-page{margin-top:10px}.campaign-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.campaign-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 1px 4px #0000000d;padding:16px 20px}.campaign-card p{color:#777;font-size:12px;margin:0 0 6px}.campaign-card h2{color:#111;font-size:22px;font-weight:700;margin:0 0 4px}.campaign-card .green{color:#22c55e;font-size:12px;font-weight:500}.campaign-table-box{border:1px solid #e9eaf0;border-radius:16px;box-shadow:0 1px 6px #0000000d}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-header h3{color:#111;font-size:16px;font-weight:700;margin:0}.promo-new-btnn{align-items:center;background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:38px;padding:9px 18px;transition:background .15s}.promo-new-btnn:hover{background:#4338ca}.campaign-table{border:1px solid #f0f1f5;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.campaign-row{grid-gap:8px;border-bottom:1px solid #f5f6fa;font-size:13.5px;gap:8px;grid-template-columns:2.2fr 1fr 2fr .8fr .8fr .8fr 1.2fr;padding:13px 16px;transition:background .12s}.campaign-row:last-child{border-bottom:none}.campaign-row:not(.head):hover{background:#fafbff}.campaign-row.head{background:#f9fafb;border-bottom:1.5px solid #f0f1f5;color:#9ca3af;font-size:11px;letter-spacing:.06em;padding:11px 16px}.campaign-info img{border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;height:42px;width:42px}.campaign-info p{color:#111827;font-size:14px;margin:0 0 2px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-info small{color:#9ca3af;font-size:12px;font-weight:400}.status{align-items:center;border-radius:20px;display:inline-flex;gap:5px;padding:5px 11px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;opacity:.8;width:6px}.status.scheduled{background:#dbeafe;color:#2563eb}.status.paused{background:#fef3c7;color:#d97706}.budget{display:flex;flex-direction:column;gap:5px}.budget p{color:#374151;font-size:12.5px;margin:0}.progress{background:#e9eaf0;border-radius:10px;height:5px}.progress div{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:10px;transition:width .3s ease}.campaign-row span{color:#555;font-size:13px;font-weight:500}.roas{font-size:13.5px}.actions{gap:8px}.actions,.actions button{align-items:center;display:flex}.actions button{background:#fef3c7;border:none;border-radius:9px;color:#d97706;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;gap:5px;height:36px;justify-content:center;min-width:100px;padding:0 14px;transition:all .2s ease}.actions button:contains("▶"){background:#dbeafe;color:#2563eb}.actions button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.actions span{align-items:center;background:#f5f6fa;border:1px solid #e9eaf0;border-radius:9px;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;transition:all .2s;width:36px}.actions span:hover{background:#ececec;transform:scale(1.05)}.campaign-table-box{background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000f;overflow:hidden;padding:20px}.campaign-table{width:100%}.campaign-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f1f1;display:grid;gap:12px;grid-template-columns:2.5fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 120px;padding:16px}.campaign-row.head{background:#f8fafc;color:#64748b;font-size:13px;font-weight:700;text-transform:uppercase}.campaign-row:hover{background:#fafafa}.campaign-info{align-items:center;display:flex;gap:12px}.campaign-info img{border-radius:12px;height:60px;object-fit:cover;width:60px}.campaign-info p{font-weight:600;margin:0}.campaign-info small{color:#888}.status{border-radius:999px;font-size:12px;font-weight:600;padding:6px 12px;text-align:center}.status.live{background:#dcfce7;color:#16a34a}.status.paused{background:#fee2e2;color:#dc2626}.budget p{font-weight:600;margin-bottom:6px}.progress{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden;width:100%}.progress div{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px;height:100%}.roas{color:#16a34a;font-weight:700}.campaign-actions{display:flex;gap:8px}.campaign-pause-btn,.campaign-start-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;height:38px;width:38px}.campaign-start-btn{background:#dcfce7;color:#16a34a}.campaign-pause-btn{background:#fee2e2;color:#dc2626}.campaign-pause-btn:hover,.campaign-start-btn:hover{transform:scale(1.05)}.rdl-loading{color:#888;font-size:14px;padding:40px}.rdl-loading,.rdl-page{font-family:Segoe UI,sans-serif}.rdl-page{background:#f5f6fa;box-sizing:border-box;min-height:100%;padding:28px 32px}.rdl-page-header{margin-bottom:20px}.rdl-page-title{color:#111827;font-size:26px;font-weight:800;margin:0 0 4px}.rdl-page-sub{color:#9ca3af;font-size:13px;margin:0}.rdl-tabs{border-bottom:1.5px solid #e5e7eb;gap:0;margin-bottom:20px}.rdl-tab,.rdl-tabs{align-items:center;display:flex}.rdl-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;gap:8px;margin-bottom:-1.5px;padding:10px 18px 12px;position:relative;transition:color .15s}.rdl-tab:hover{color:#111827}.rdl-tab-active{border-bottom:2px solid #4f46e5;color:#4f46e5;font-weight:700}.rdl-tab-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.rdl-badge-active{background:#4f46e5;color:#fff}.rdl-badge-inactive{background:#e5e7eb;color:#6b7280}.rdl-table-wrap{background:#fff;border-radius:14px;box-shadow:0 1px 6px #0000000f;overflow:hidden}.rdl-table{border-collapse:collapse;width:100%}.rdl-th{background:#fff;border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.6px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.rdl-th-rider{min-width:180px}.rdl-th-action{padding-right:20px;text-align:right}.rdl-tr{border-bottom:1px solid #f9fafb;transition:background .12s}.rdl-tr:last-child{border-bottom:none}.rdl-tr:hover{background:#fafbff}.rdl-td{color:#374151;font-size:13.5px;padding:16px;vertical-align:middle}.rdl-td-id{color:#6b7280;font-size:12px;font-weight:500;white-space:nowrap}.rdl-td-contact{align-items:center;color:#374151;display:flex;font-size:13px;gap:6px;white-space:nowrap}.rdl-phone-icon{color:#9ca3af;font-size:12px}.rdl-td-vehicle{min-width:90px}.rdl-td-center,.rdl-td-empty{text-align:center}.rdl-td-empty{color:#d1d5db;font-size:14px;padding:48px}.rdl-rider-cell{gap:12px}.rdl-avatar,.rdl-rider-cell{align-items:center;display:flex}.rdl-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;width:40px}.rdl-rider-name{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.rdl-rider-email{color:#9ca3af;font-size:12px;margin-top:2px}.rdl-vehicle-name{color:#111827;font-size:13px;font-weight:600;line-height:1.3}.rdl-vehicle-no{color:#9ca3af;font-size:11px;margin-top:2px}.rdl-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px;white-space:nowrap}.rdl-status-dot{background:currentColor;border-radius:50%;display:inline-block;height:7px;width:7px}.rdl-status-online{background:#f0fdf4;color:#16a34a}.rdl-status-offline{background:#f3f4f6;color:#6b7280}.rdl-status-busy{background:#fffbeb;color:#d97706}.rdl-rating{align-items:center;color:#374151;display:inline-flex;font-size:13px;font-weight:600;gap:4px}.rdl-star{color:#f59e0b;font-size:14px}.rdl-dash{color:#d1d5db}.rdl-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.rdl-btn-view{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:background .15s,border-color .15s;white-space:nowrap}.rdl-btn-view:hover{background:#f9fafb;border-color:#d1d5db}.rdl-btn-reject{align-items:center;background:#fff;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:background .15s;white-space:nowrap}.rdl-btn-reject:hover{background:#fef2f2}.rdl-btn-approve{align-items:center;background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:7px 16px;transition:background .15s;white-space:nowrap}.rdl-btn-approve:hover{background:#15803d}.rdm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.rdm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;font-family:Segoe UI,sans-serif;max-height:90vh;max-width:600px;overflow-y:auto;padding:28px 30px 24px;position:relative;width:100%}.rdm-modal::-webkit-scrollbar{width:6px}.rdm-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.rdm-x-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:18px;top:18px;transition:color .2s,background .2s}.rdm-x-btn:hover{background:#f1f5f9;color:#1e293b}.rdm-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.rdm-avatar{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:54px;justify-content:center;letter-spacing:1px;width:54px}.rdm-header-info{flex:1 1;min-width:0}.rdm-name{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 4px}.rdm-rider-id{color:#94a3b8;font-size:12px;margin:0 0 8px}.rdm-contact-row{display:flex;flex-wrap:wrap;gap:14px}.rdm-contact-item{color:#475569;font-size:13px}.rdm-status-badge{align-items:center;border-radius:20px;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;white-space:nowrap}.rdm-online{background:#f0fdf4;color:#16a34a}.rdm-offline{background:#fef2f2;color:#dc2626}.rdm-dot{background:currentColor;border-radius:50%;display:inline-block;height:7px;width:7px}.rdm-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.rdm-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.rdm-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.rdm-stat-value{color:#0f172a;font-size:22px;font-weight:700}.rdm-section{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px 20px}.rdm-section-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:14px}.rdm-section-icon{font-size:16px}.rdm-info-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.rdm-field-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.6px;margin:0 0 4px;text-transform:uppercase}.rdm-field-value{color:#0f172a;font-size:14px;font-weight:500;margin:0}.rdm-vehicle-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.rdm-vehicle-icon{font-size:32px;line-height:1}.rdm-vehicle-image{height:42px;object-fit:contain;width:42px}.rdm-vehicle-type{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 2px}.rdm-vehicle-sub{color:#94a3b8;font-size:12px;margin:0}.rdm-docs-row{display:flex;flex-wrap:wrap;gap:10px}.rdm-doc-chip{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:background .2s}.rdm-doc-chip:hover{background:#e0f2fe}.rdm-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.rdm-close-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;transition:background .2s}.rdm-close-btn:hover{background:#f1f5f9}.rdm-edit-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;transition:background .2s}.rdm-edit-btn:hover{background:#4338ca}.rdl-search-wrap{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 0}.rdl-search-box{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;height:48px;padding:0 16px;position:relative;transition:border-color .2s,box-shadow .2s;width:300px}.rdl-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rdl-search-icon{flex-shrink:0;font-size:16px;opacity:.5}.rdl-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;font-weight:500;outline:none}.rdl-search-input::placeholder{color:#9ca3af;font-weight:400}.rdl-select-wrap{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;display:flex;gap:8px;height:48px;min-width:220px;padding:0 14px;position:relative;transition:border-color .2s,box-shadow .2s}.rdl-select-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rdl-select-icon{flex-shrink:0;font-size:16px}.rdl-select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#111827;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;outline:none}.rdl-select-arrow{color:#9ca3af;flex-shrink:0;font-size:13px;pointer-events:none}.zone-vehicles{display:flex;flex-direction:column;gap:8px;margin-top:12px}.vehicle-chip{align-items:center;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:10px;color:#333;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 14px}.vehicle-box{background:#fafafa;border:1px solid #ddd;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px}.vehicle-box input,.vehicle-box select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;width:100%}.vehicle-box input:focus,.vehicle-box select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.vehicle-actions{justify-content:space-between}.vehicle-add-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:100px;padding:10px 14px}.vehicle-add-btn:hover{background:#1d4ed8}.vehicle-delete-btn{background:#ef4444;color:#fff}.vehicle-delete-btn:hover{background:#dc2626}.vehicle-toggle{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.zone-vehicle-title{color:#111827;font-size:15px;font-weight:600;margin-bottom:8px;margin-top:16px}.vehicle-toggle-row{margin-top:8px;padding:8px 0}.vehicle-enabled{color:#16a34a;font-size:13px}.vehicle-disabled{color:#dc2626;font-size:13px}.stg-gateway-list{gap:0}.stg-methods-grid{grid-gap:0;gap:0}.zone-modal-backdrop{background:#0006;z-index:200}.zone-modal{max-height:88vh;width:580px}.zone-modal-header{padding:20px 24px 16px}.zone-modal-header button{font-size:18px;padding:2px 6px}.zone-modal-map{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.zone-modal-body .grid{grid-template-columns:1fr 1fr 1fr}.zone-modal-body .hint+div{margin-top:10px}.zone-modal-footer{padding:16px 24px}.vehicle-modal{box-shadow:0 20px 60px #00000026}.vehicle-modal h2{font-size:18px}.vehicle-modal input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.vehicle-list{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:20px;padding:18px}.vehicle-list h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 14px}.vehicle-item{border-bottom:1px solid #eee;padding:14px 0}.vehicle-item:last-child{border-bottom:none}.vehicle-status{background:#dcfce7;color:#166534}.vehicle-modal{animation:fadeUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;gap:18px;max-width:90%;padding:24px;width:420px}.vehicle-modal h2{color:#111827;font-size:20px;font-weight:700;margin:0}.vehicle-modal input{border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none;padding:12px 14px;transition:.2s;width:100%}.vehicle-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.vehicle-modal-actions{margin-top:8px}.vehicle-save-btn{background:#2563eb;font-size:14px}.vehicle-save-btn:hover{background:#1d4ed8}.vehicle-cancel-btn{border:1px solid #ddd;font-weight:500}.vehicle-cancel-btn:hover{background:#f8fafc}.vehicle-add-btns{background:#10b981;border-radius:10px;font-size:14px}.vehicle-add-btns:hover{background:#059669}.zone-modal-backdrop{background:#00000073;z-index:999}.zone-modal{box-shadow:0 20px 60px #00000026;gap:16px;padding:28px;width:420px}.zone-modal h2{font-size:20px;margin:0}.zone-modal input{border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;padding:12px 10px;transition:.2s;width:100%}.zone-modal input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.vehicle-modal-actions{gap:10px;margin-top:10px}.vehicle-save-btn{background:#10b981;padding:10px 18px}.vehicle-save-btn:hover{background:#059669}.vehicle-cancel-btn{background:#f3f4f6;border:none;padding:10px 18px}.vehicle-cancel-btn:hover{background:#e5e7eb}.vehicle-preview{border:1px solid #ddd;border-radius:12px;height:100px;margin:auto;object-fit:cover;width:100px}.zone-modal input[type=file]{border:none;padding:0}.vehicle-item{padding:14px}.vehicle-list-image{border:1px solid #ddd;border-radius:12px;height:55px;width:55px}.vehicle-name{font-size:15px}.vehicle-actions{flex-wrap:wrap;gap:10px}.vehicle-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s}.vehicle-toggle-btn:hover{transform:translateY(-1px)}.vehicle-edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s}.vehicle-edit-btn:hover{transform:translateY(-1px)}.vehicle-delete-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s}.vehicle-delete-btn:hover{transform:translateY(-1px)}.vehicle-status{font-size:12px;padding:6px 12px}.vehicle-prices{color:#667085;font-size:13px;margin-top:4px}.vehicle-item{flex-wrap:nowrap}.vehicle-delete-btn,.vehicle-edit-btn,.vehicle-toggle-btn{flex-shrink:0;transition:.15s}.zone-modal{animation:modalFade .25s ease;box-shadow:0 20px 50px #00000026;max-width:95%;padding:24px;width:520px}.zone-modal h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 24px;text-align:center}.zone-modal .field{display:flex;flex-direction:column;margin-bottom:18px}.zone-modal .field label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.zone-modal .field input,.zone-modal .field select{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:14px;height:48px;padding:0 14px;transition:all .2s ease}.zone-modal .field input:focus,.zone-modal .field select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f;outline:none}.zone-modal .field input[readonly]{background:#f9fafb;color:#6b7280;cursor:not-allowed}.zone-modal input[type=file]{background:#fafafa;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;padding:12px}.zone-modal input[type=file]:hover{border-color:#4f46e5}.vehicle-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.vehicle-save-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:46px;min-width:140px;transition:.2s}.vehicle-save-btn:hover{background:#4338ca;transform:translateY(-1px)}.vehicle-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-weight:600;height:46px;min-width:120px;transition:.2s}.vehicle-cancel-btn:hover{background:#f3f4f6}.zone-modal-backdrop{background:#1118278c}@keyframes modalFade{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-row{grid-column:span 1;padding:8px 10px}.zone-vehicle-list{width:155%}.zone-price-grid{grid-gap:10px;gap:10px}.zone-vehicle-row{justify-content:space-between;overflow:hidden;padding:2px;width:140%}.zone-vehicle-left{align-items:center;display:flex;flex:1 1;gap:2px;min-width:110}.zone-vehicle-img{border:1px solid #ddd;height:45px;width:45px}.legal-input,.legal-selecta{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:14px;height:48px;padding:0 14px;transition:all .2s ease;width:99%}.legal-input,.legal-select{width:94%}.legal-file-input{width:95%}.zone-vehicle-name{margin-bottom:4px}.zone-vehicle-price{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.zone-vehicle-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-left:10px;width:-webkit-fit-content;width:fit-content}.vehicle-disabled,.vehicle-enabled{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.zone-vehicle-row{border-radius:14px;gap:14px;padding:16px}.zone-price-grid{grid-gap:12px;align-items:center;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.mode-row{background:#f9fafb;min-height:44px;padding:10px 12px}.mode-row span{color:#374151;font-size:14px;font-weight:500}.zone-price-grid input{border:1px solid #d1d5db;font-size:14px;height:42px;padding:10px;padding:0 12px}.mode-input-row{align-items:center;display:flex;gap:10px}.mode-input-row .mode-row{flex-shrink:0;width:180px}.mode-input-row input{flex:1 1}.zone-vehicle-img{height:50px;width:50px}.vehicle-input{font-weight:400;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.vehicle-file-input{transition:border-color .2s ease,background .2s ease}.vehicle-cancel-button,.vehicle-save-button{transition:background .2s ease,transform .15s ease}@media (max-width:768px){.vehicle-modal-container{padding:18px;width:95%}.vehicle-input-grid{grid-template-columns:1fr}.vehicle-modal-footer{flex-direction:column}.zone-address-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;height:44px;outline:none;padding:0 12px;width:100%}.zone-address-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vehicle-cancel-button,.vehicle-save-button{width:100%}}.stg-page{background:#e1e7ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0}.stg-topbar{align-items:flex-start;background:#f1f5f9;display:flex;justify-content:space-between;padding:28px 32px 20px}.stg-page-title{color:#111;font-size:26px;font-weight:700;margin:0 0 4px}.stg-page-sub{color:#888;font-size:13px;margin:0}.stg-topbar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;padding-top:4px}.stg-discard-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.stg-discard-btn:hover{background:#f5f5f5}.stg-save-btn{background:#7c6cf8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:background .15s}.stg-save-btn:hover{background:#6a5be4}.stg-layout{background-color:#f1f5f9;display:flex;gap:0;min-height:calc(100vh - 90px)}.stg-sidenav{background:#fff;border-left:1px solid #ebebeb;border-radius:12px;border-right:1px solid #ebebeb;flex-shrink:0;height:10%;margin-left:32px;margin-top:28px;padding:16px 12px;width:220px}.stg-nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:11px 20px;position:relative;text-align:left;transition:background .12s,border-color .12s;width:100%}.stg-nav-item:hover{background:#f8f7ff}.stg-nav-active{background:#f3f1ff!important;border-left-color:#7c6cf8!important;border-radius:12px 10px 10px 12px!important}.stg-nav-active .stg-nav-label{color:#7c6cf8!important}.stg-nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.stg-nav-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.stg-nav-label{color:#333;font-size:13px;font-weight:500;white-space:nowrap}.stg-nav-sub{color:#aaa;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stg-nav-arrow{color:#ccc;font-size:16px}.stg-content{flex:1 1;overflow-y:auto;padding:28px 36px}.stg-section{background:#fff;border:1px solid #ebebeb;border-radius:12px;margin-bottom:20px;padding:24px 28px}.stg-section-title{color:#111;font-size:15px;font-weight:600;margin:0 0 4px}.stg-section-desc{color:#999;font-size:12.5px;margin:0 0 20px}.stg-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:8px}.stg-locale-grid,.stg-tax-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.stg-field{display:flex;flex-direction:column;gap:6px}.stg-field label{color:#555;font-size:12px;font-weight:500}.stg-field input,.stg-field select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #ddd;border-radius:8px;color:#222;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s}.stg-field input:focus,.stg-field select:focus{border-color:#7c6cf8;box-shadow:0 0 0 3px #7c6cf81a}.stg-hint{color:#bbb;font-size:11.5px;margin:2px 0 0}.stg-logo-drop{align-items:center;background:#f8fafc;border:2px dashed #d7dee8;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:25px;transition:.25s ease}.stg-logo-drop:hover{background:#f5f3ff;border-color:#6f5cf3}.stg-logo-icon{align-items:center;background:#6658f5;border-radius:12px;color:#fff;display:flex;font-size:18px;height:42px;justify-content:center;margin-bottom:18px;width:42px}.stg-logo-primary{color:#111827;font-size:14px;font-weight:700;margin:0}.stg-logo-secondary{color:#6b7280;font-size:13px;margin-top:4px}.stg-logo-preview{border-radius:12px;height:100px;margin-bottom:12px;object-fit:contain;width:100px}.brand-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.brand-heading{color:#111827;font-size:14px;font-weight:600;margin-bottom:10px}.stg-toggle{background:#ddd;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.stg-toggle-on{background:#4f8ef5}.stg-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:18px;left:3px;position:absolute;top:3px;transition:left .2s;width:18px}.stg-toggle-on .stg-toggle-knob{left:21px}.stg-placeholder{color:#ccc;padding:48px 20px;text-align:center}.stg-placeholder span{display:block;font-size:36px;margin-bottom:12px}.stg-placeholder p{color:#bbb;font-size:13px;margin:0}.stg-add-zone-btn{align-items:center;background:#7c6cf8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:5px;padding:7px 14px}.stg-add-zone-btn:hover{background:#6a5be4}.stg-zone-list{border:1px solid #ebebeb;border-radius:10px;overflow:hidden}.stg-zone-row{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:14px 16px}.stg-zone-row:last-child{border-bottom:none}.stg-zone-row:hover{background:#fafafa}.stg-zone-pin{align-items:center;background:#f0eeff;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.stg-zone-info{flex:1 1}.stg-zone-name{color:#111;font-size:13px;font-weight:600;margin-bottom:2px}.stg-zone-addr{color:#aaa;font-size:11.5px}.stg-zone-meta{display:flex;gap:20px}.stg-zone-stat{align-items:flex-start;display:flex;flex-direction:column;margin-left:55px}.stg-zone-stat-label{color:#aaa;font-size:12px;margin-bottom:1px}.stg-zone-stat-val{color:#111;font-size:18px;font-weight:600}.stg-gateway-list{border:1px solid #ebebeb;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.stg-gateway-row{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:16px 18px}.stg-gateway-row:last-child{border-bottom:none}.stg-gateway-row:hover{background:#fafafa}.stg-gateway-icon{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-shrink:0;font-size:22px;height:40px;justify-content:center;width:40px}.stg-gateway-info{flex:1 1}.stg-gateway-name{align-items:center;color:#111;display:flex;font-size:13.5px;font-weight:500;gap:8px}.stg-gateway-sub{color:#aaa;font-size:11.5px;margin-top:2px}.stg-gateway-badge{border-radius:20px;font-size:11px;font-weight:500;padding:2px 8px}.stg-badge-connected{background:#e6f7ee;color:#1a7d46}.stg-badge-disconnected{background:#f5f5f5;color:#999}.stg-configure-btn{background:#fff;border:1px solid #ddd;border-radius:7px;color:#444;cursor:pointer;flex-shrink:0;font-size:12.5px;font-weight:500;padding:7px 16px;transition:background .12s}.stg-configure-btn:hover{background:#f5f5f5}.stg-methods-grid{border:1px solid #ebebeb;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.stg-method-item{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.stg-method-item:nth-child(2n){border-right:none}.stg-method-item:nth-last-child(-n+2){border-bottom:none}.stg-method-name{color:#222;font-size:13px;font-weight:500;margin-bottom:3px}.stg-method-sub{color:#aaa;font-size:11.5px}.stg-modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.stg-modal{background:#fff;border-radius:14px;padding:24px;position:relative;width:360px}.stg-modal-title{color:#111;font-size:15px;font-weight:600;margin-bottom:18px}.stg-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;position:absolute;right:16px;top:16px}.stg-modal-close:hover{color:#333}.stg-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.stg-member-row{align-items:center;border-bottom:.5px solid var(--stg-border);display:flex;gap:12px;padding:11px 0}.stg-member-row:last-child{border-bottom:none}.stg-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:36px;justify-content:center;width:36px}.stg-member-name{font-size:13px;font-weight:500}.stg-member-email{color:#888;font-size:12px}.stg-member-role-badge{border-radius:20px;font-size:11px;font-weight:500;padding:3px 10px}.stg-badge-owner{background:#eef0ff;color:#5b4fe8}.stg-badge-manager{background:#e1f5ee;color:#0f6e56}.stg-badge-finance{background:#faeeda;color:#854f0b}.stg-badge-support{background:#faece7;color:#993c1d}.stg-assign-btn{background:none;border:none;color:#5b4fe8;cursor:pointer;font-size:12px;padding:4px 8px;white-space:nowrap}.stg-roles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stg-role-card{border:.5px solid #e5e7eb;border-radius:10px;padding:14px 16px}.stg-role-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.stg-role-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.stg-role-name{font-size:13px;font-weight:500}.stg-role-perms{color:#888;font-size:11px;margin-left:auto}.stg-role-desc{color:#888;font-size:12px;margin-bottom:10px}.stg-role-actions{display:flex;gap:8px}.stg-role-action-btn{background:#fff;border:.5px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 10px}.stg-perm-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.stg-perm-table th{border-bottom:.5px solid #e5e7eb;color:#888;font-size:11px;font-weight:500;letter-spacing:.04em;padding:8px 10px;text-align:left;text-transform:uppercase}.stg-perm-table td{border-bottom:.5px solid #e5e7eb;padding:9px 10px}.stg-perm-table tr:last-child td{border-bottom:none}.stg-perm-table td:not(:first-child),.stg-perm-table th:not(:first-child){text-align:center;width:80px}.stg-check{color:#1d9e75;font-size:14px}.stg-dash{color:#bbb}.stg-channels-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.stg-channel-card{border:.5px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:14px 12px;text-align:center;transition:border-color .2s}.stg-channel-card-active{background:#eef0ff;border-color:#5b4fe8}.stg-channel-icon-wrap{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;margin:0 auto 8px;width:36px}.stg-channel-icon-active{background:#5b4fe8}.stg-channel-icon-inactive{background:#f3f4f6}.stg-channel-icon{font-size:16px}.stg-channel-name{font-size:13px;font-weight:500;margin-bottom:2px}.stg-channel-status-enabled{color:#5b4fe8;font-size:11px}.stg-channel-status-disabled{color:#9ca3af;font-size:11px}.stg-trigger-row{align-items:center;border-bottom:.5px solid #e5e7eb;display:flex;justify-content:space-between;padding:13px 0}.stg-trigger-row:last-child{border-bottom:none;padding-bottom:0}.stg-trigger-name{font-size:13px;font-weight:500;margin-bottom:3px}.stg-trigger-sub{color:#9ca3af;font-size:12px}.zone-modal-backdrop{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#11182780;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.zone-modal{animation:zoneModalOpen .22s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:96vw;overflow:hidden;width:620px}@keyframes zoneModalOpen{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.zone-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 14px}.zone-modal-header h2{color:#111;font-size:15px;font-weight:600;margin:0}.zone-modal-header button{background:none;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-size:17px;line-height:1;padding:4px 7px;transition:background .12s,color .12s}.zone-modal-header button:hover{background:#f5f5f5;color:#333}.zone-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.zone-modal-body .field{margin-bottom:16px}.zone-modal-body .field label{color:#555;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.zone-modal-body .field input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#222;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.zone-modal-body .field input:focus{border-color:#7c6cf8;box-shadow:0 0 0 3px #7c6cf81a}.zone-modal-body .field input[readonly]{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.zone-address-input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#222;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.zone-address-input:focus{border-color:#7c6cf8;box-shadow:0 0 0 3px #7c6cf81a}.zone-modal-body .grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.zone-modal-body .hint{color:#aaa;font-size:11.5px;margin:6px 0 0}.clear-btn{background:#f5f5f5;border:1px solid #e5e7eb;border-radius:7px;color:#555;cursor:pointer;font-size:12px;font-weight:500;padding:7px 14px;transition:background .12s,border-color .12s}.clear-btn:hover{background:#eee;border-color:#d1d5db}.zone-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.zone-modal-footer .cancel{background:#fff;border:1px solid #ddd;border-radius:8px;color:#444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:background .12s}.zone-modal-footer .cancel:hover{background:#f5f5f5}.zone-modal-footer .save{background:#7c6cf8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:background .15s}.zone-modal-footer .save:hover{background:#6a5be4}.zone-vehicle-list{width:205%}.zone-vehicle-list,.zone-vehicle-row{display:flex;flex-direction:column;gap:12px}.zone-vehicle-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;padding:14px;width:100%}.zone-vehicle-top{align-items:center;display:flex;gap:12px}.zone-vehicle-img{border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;height:46px;object-fit:cover;width:46px}.zone-vehicle-name{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-price-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.zone-price-grid input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#222;font-size:13px;outline:none;padding:9px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.zone-price-grid input:focus{border-color:#7c6cf8;box-shadow:0 0 0 3px #7c6cf814}.zone-price-grid input:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#bbb;cursor:not-allowed}.mode-row{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;color:#555;font-size:12px;font-weight:500;grid-column:1/-1;padding:8px 12px}.mode-row,.zone-vehicle-bottom{align-items:center;display:flex;justify-content:space-between}.zone-vehicle-bottom{border-top:1px solid #f0f0f0;padding-top:4px}.vehicle-enabled{background:#ecfdf3;color:#027a48}.vehicle-disabled,.vehicle-enabled{border-radius:20px;font-size:12px;font-weight:600;padding:3px 10px}.vehicle-disabled{background:#fef3f2;color:#d92d20}.vehicle-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.vehicle-item,.vehicle-left{align-items:center;display:flex;gap:12px}.vehicle-left{flex:1 1;min-width:0}.vehicle-list-image{border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.vehicle-name{color:#111827;font-size:14px;font-weight:600}.vehicle-name,.vehicle-prices{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-prices{color:#6b7280;font-size:12px;margin-top:2px}.vehicle-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.vehicle-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.vehicle-status.active{background:#ecfdf3;color:#027a48}.vehicle-status.disabled{background:#fef3f2;color:#d92d20}.vehicle-delete-btn,.vehicle-edit-btn,.vehicle-toggle-btn{border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s;white-space:nowrap}.vehicle-toggle-btn{background:#eef2ff;color:#4338ca}.vehicle-toggle-btn:hover{background:#dde5ff}.vehicle-edit-btn{background:#ecfdf3;color:#027a48}.vehicle-edit-btn:hover{background:#d1fadf}.vehicle-delete-btn{background:#fef3f2;color:#d92d20}.vehicle-delete-btn:hover{background:#fee4e2}.vehicle-add-btns{background:#7c6cf8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;left:85%;padding:7px 16px;position:relative;top:-35px}.vehicle-add-btns:hover{background:#6a5be4}.vehicle-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a66}.vehicle-modal-container{border:1px solid #00000014;border-radius:20px;box-shadow:0 4px 16px #00000012,0 16px 40px #0000001a;max-height:88vh;max-width:94%;padding:24px;width:580px}.vehicle-modal-title{color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px}.vehicle-input-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.vehicle-input{border-radius:10px;color:#0f172a;font-size:14px;padding:0 14px;transition:border-color .2s,background .2s,box-shadow .2s}.vehicle-input::placeholder{color:#9ca3af}.vehicle-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.vehicle-toggle-row{background:#f9fafb;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:10px}.vehicle-label{font-size:14px}.vehicle-upload-box{margin-bottom:4px}.vehicle-file-input{border-radius:10px;padding:14px;transition:border-color .2s,background .2s}.vehicle-file-input:hover{background:#fff;border-color:#6366f1}.vehicle-preview-image{background:#fff;border-radius:12px;margin-top:12px;max-height:200px}.vehicle-modal-footer{margin-top:18px}.vehicle-save-button{background:#6366f1;border-radius:10px;font-size:14px;padding:0 24px;transition:background .2s,transform .15s}.vehicle-save-button:hover{background:#4f46e5}.vehicle-cancel-button{border-radius:10px;font-size:14px;transition:background .2s,transform .15s}.vehicle-cancel-button:hover{background:#f9fafb;transform:translateY(-1px)}.legal-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.legal-modal{animation:legalModalOpen .25s ease;background:#fff;border-radius:20px;box-shadow:0 15px 50px #0000002e;max-width:95%;padding:28px;width:550px}.legal-modal-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.legal-form-group{margin-bottom:18px}.legal-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.legal-input,.legal-select{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;font-size:14px;height:48px;padding:0 14px;transition:all .2s ease;width:100%}.legal-input:focus,.legal-select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f;outline:none}.legal-readonly{background:#f9fafb;color:#6b7280}.legal-file-input{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;box-sizing:border-box;cursor:pointer;padding:12px;width:100%}.legal-file-input:hover{border-color:#4f46e5}.legal-file-name{color:#4f46e5;font-size:13px;font-weight:600;margin-top:10px;word-break:break-word}.legal-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.legal-save-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;height:46px;min-width:140px;transition:all .2s ease}.legal-save-btn:hover{background:#4338ca;transform:translateY(-2px)}.legal-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;cursor:pointer;font-weight:600;height:46px;min-width:120px;transition:all .2s ease}.legal-cancel-btn:hover{background:#f3f4f6}.stg-invite-email-hint{align-items:flex-start;background:#f9fafb;border:.5px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;margin-bottom:18px;padding:12px 14px}.stg-invite-hint-icon{font-size:18px;margin-top:1px}.stg-invite-hint-title{font-size:13px;font-weight:500;margin-bottom:3px}.stg-invite-hint-sub{color:#9ca3af;font-size:12px;line-height:1.5}.stg-role-picker-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:8px}.stg-role-picker-card{border:.5px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:12px 14px;position:relative;transition:border-color .15s}.stg-role-picker-active{background:#eef0ff;border-color:#5b4fe8}.stg-role-picker-check{align-items:center;background:#5b4fe8;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:12px;top:10px;width:18px}.stg-role-picker-name{font-size:13px;font-weight:500;margin-bottom:3px}.stg-role-picker-desc{color:#9ca3af;font-size:11px}.stg-textarea{background:#fff;border:.5px solid #e5e7eb;border-radius:8px;color:inherit;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical;width:100%}.stg-textarea:focus{border-color:#5b4fe8}.stg-perm-toggle-row{align-items:center;border-bottom:.5px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:11px 0}.stg-perm-toggle-row:last-child{border-bottom:none}.stg-perm-toggle-label{font-size:13px}.stg-radio{align-items:center;border:1.5px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:border-color .15s;width:18px}.stg-radio-on{background:#eef0ff;border-color:#5b4fe8}.stg-radio-dot{background:#5b4fe8;border-radius:50%;height:8px;width:8px}.stg-api-key-row{align-items:center;background:#f9fafb;border:.5px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 14px}.stg-api-key-icon{font-size:16px}.stg-api-key-value{font-family:monospace;font-size:13px;font-weight:500;margin-bottom:3px}.stg-api-key-meta{color:#9ca3af;font-size:12px}.stg-api-key-eye{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.stg-session-row{align-items:center;border-bottom:.5px solid #e5e7eb;display:flex;padding:12px 0}.stg-session-row:last-child{border-bottom:none}.stg-session-device{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:3px}.stg-session-meta{color:#9ca3af;font-size:12px}.stg-this-device-badge{background:#e1f5ee;border-radius:20px;color:#0f6e56;font-size:10px;font-weight:500;padding:2px 8px}.stg-revoke-btn{background:#fff;border:.5px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:5px 12px}.stg-danger-section{background:#fff5f5;border-color:#fecaca}.stg-danger-icon{font-size:20px;margin-top:2px}.stg-danger-title{color:#b91c1c;font-size:14px;font-weight:500;margin-bottom:4px}.stg-danger-sub{color:#ef4444;font-size:13px}.stg-delete-btn{background:#fff;border:.5px solid #fca5a5;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:13px;padding:7px 14px}.stg-btn-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.stg-discard-btn.stg-btn-active{cursor:pointer;opacity:1;pointer-events:auto}.stg-channel-popup{max-width:360px;text-align:left}.stg-channel-popup-icon{font-size:32px;margin-bottom:10px;text-align:center}.stg-channel-popup-desc{color:#6b7280;font-size:13px;line-height:1.6;margin-bottom:14px;text-align:center}.stg-channel-popup-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:6px 14px;text-align:center;width:100%}.stg-popup-enabled{background:#e1f5ee;color:#0f6e56;margin-left:-15px}.stg-popup-disabled{background:#f3f4f6;color:#9ca3af;margin-left:-15px}@keyframes legalModalOpen{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.vehicle-modal-container{padding:18px;width:95%}.vehicle-input-grid{grid-template-columns:1fr}.vehicle-modal-footer{flex-direction:column}.vehicle-cancel-button,.vehicle-save-button{width:100%}.zone-modal{width:98vw}.zone-price-grid{grid-template-columns:1fr}}@media (max-width:600px){.legal-modal{padding:20px}.legal-modal-actions{flex-direction:column}.legal-cancel-btn,.legal-save-btn{width:100%}}.vehicle-modal-backdrop{align-items:center;animation:fadeBackdrop .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.vehicle-modal-container{animation:vehicleModalOpen .25s ease;background:#fff;border:1px solid #00000012;border-radius:18px;box-shadow:0 4px 16px #0000000f,0 20px 48px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;gap:0;max-height:90vh;max-width:94vw;overflow-x:hidden;overflow-y:auto;padding:28px;width:500px}.vehicle-modal-title{color:#111827;flex-shrink:0;font-size:16px;font-weight:700;margin:0 0 20px;text-align:center}.vehicle-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;box-sizing:border-box;color:#111827;display:block;font-size:13px;height:42px;margin-bottom:10px;outline:none;padding:0 13px;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.vehicle-input::placeholder{color:#b0b7c3}.vehicle-input:hover{background:#fff;border-color:#d1d5db}.vehicle-input:focus{background:#fff;border-color:#7c6cf8;box-shadow:0 0 0 3px #7c6cf81f}.vehicle-input:disabled{background:#f3f4f6;border-color:#eaecf0;color:#c4c9d4;cursor:not-allowed}.vehicle-toggles-group{background:#f8f9fb;border:1px solid #eaecf0;border-radius:12px;display:flex;flex-direction:column;gap:0;margin-bottom:10px;overflow:hidden}.vehicle-toggle-row{align-items:center;background:#f8f9fb;border-bottom:1px solid #eaecf0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;min-height:48px;padding:12px 14px;width:100%}.vehicle-toggle-row:last-child{border-bottom:none}.vehicle-toggles-group .vehicle-toggle-row{border-bottom:1px solid #eaecf0;border-radius:0;margin-bottom:0}.vehicle-modal-container>.vehicle-toggle-row{border:1px solid #eaecf0;border-radius:9px;margin-bottom:10px}.vehicle-label{color:#374151;flex:1 1;font-size:13px;font-weight:500;line-height:1.4}.vehicle-modal-container>.vehicle-toggle-row+.vehicle-input,.vehicle-toggles-group .vehicle-input{background:#fff;border:none;border-radius:0;border-top:1px solid #eaecf0;height:42px;margin-bottom:0;padding:11px 14px}.vehicle-modal-container>.vehicle-toggle-row+.vehicle-input:focus,.vehicle-toggles-group .vehicle-input:focus{border-color:#7c6cf8;box-shadow:inset 0 0 0 2px #7c6cf826}.vehicle-upload-box{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.vehicle-upload-box .vehicle-label{color:#555;font-size:12px;font-weight:600}.vehicle-file-input{background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:9px;box-sizing:border-box;color:#6b7280;cursor:pointer;font-size:13px;padding:13px;text-align:center;transition:border-color .15s,background .15s;width:100%}.vehicle-file-input:hover{background:#faf9ff;border-color:#7c6cf8}.vehicle-preview-image{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;display:block;margin-bottom:8px;margin-top:10px;max-height:170px;object-fit:contain;padding:8px;width:100%}.vehicle-modal-footer{border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.vehicle-save-button{background:#7c6cf8;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:40px;padding:0 26px;transition:background .15s,transform .15s,box-shadow .15s}.vehicle-save-button:hover{background:#6a5be4;box-shadow:0 4px 12px #7c6cf847;transform:translateY(-1px)}.vehicle-save-button:active{box-shadow:none;transform:translateY(0)}.vehicle-cancel-button{background:#0000;border:1px solid #e5e7eb;border-radius:9px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;height:40px;padding:0 20px;transition:background .15s,border-color .15s}.vehicle-cancel-button:hover{background:#f5f5f7;border-color:#d1d5db}.vehicle-modal-container::-webkit-scrollbar{width:4px}.vehicle-modal-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}@keyframes vehicleModalOpen{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}@media (max-width:560px){.vehicle-modal-container{padding:18px;width:96vw}.vehicle-modal-footer{flex-direction:column-reverse}.vehicle-cancel-button,.vehicle-save-button{width:100%}}.video-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:24px}.video-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 6px 20px #0000000f;overflow:hidden;padding:20px;transition:all .25s ease}.video-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-4px)}.video-card h4{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 10px}.video-card p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px;min-height:45px}.video-card video{background:#000;border-radius:12px;height:220px;object-fit:cover;width:100%}.video-actions{display:flex;gap:10px;margin-top:18px}.video-delete-btn,.video-edit-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.video-edit-btn{background:#eef2ff;color:#4f46e5}.video-edit-btn:hover{background:#4f46e5;color:#fff}.video-delete-btn{background:#fef2f2;color:#dc2626}.video-delete-btn:hover{background:#dc2626;color:#fff}.training-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.training-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.add-video-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:all .25s ease}.add-video-btn:hover{box-shadow:0 10px 20px #4f46e54d;transform:translateY(-2px)}@media (max-width:768px){.video-list{grid-template-columns:1fr}.training-header{align-items:flex-start;flex-direction:column;gap:15px}.video-card video{height:200px}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-close{background:#f3f4f6!important;border:none;border-radius:50%!important;color:#374151!important;cursor:pointer;font-size:18px;font-weight:700;height:40px;padding:0!important;width:40px!important}.modal-close:hover{background:#ef4444!important;color:#fff!important}.modal{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.modal-content{animation:modalSlide .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026,0 10px 25px #00000014;max-width:550px;padding:28px;width:100%}.modal-content h3{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px}.modal-content input,.modal-content textarea{border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;font-size:14px;margin-bottom:16px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.modal-content input:focus,.modal-content textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526}.modal-content textarea{min-height:120px;resize:vertical}.modal-content input[type=file]{background:#f9fafb;border:2px dashed #cbd5e1;cursor:pointer;padding:18px}.modal-content input[type=file]:hover{border-color:#4f46e5}.modal-content button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .25s ease;width:100%}.modal-content button:hover{box-shadow:0 12px 24px #4f46e54d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal{padding:16px}.modal-content{border-radius:16px;padding:20px}.modal-content h3{font-size:20px}}.live-page-container{background:#f5f7fb;min-height:100vh;padding:24px}.live-header h1{font-size:30px;font-weight:700;margin:0}.live-header p{color:#7b8190;margin-top:6px}.live-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:24px}.live-kpi-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000a;cursor:pointer;padding:15px;transition:.25s ease}.live-kpi-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.live-kpi-card span{color:#8a8f9c;font-size:15px;font-weight:600}.live-kpi-card h2{font-size:34px;margin-top:10px}.live-main-layout{display:flex;gap:20px;margin-top:24px}.live-map-section{background:#fff;border-radius:28px;flex:1 1;height:calc(100vh - 240px);min-height:700px;overflow:hidden;padding:20px;position:relative}.tracking-map{border-radius:24px;height:100%;width:100%;z-index:1}.live-map-topbar{align-items:center;background:#fff;border-radius:30px;box-shadow:0 4px 20px #00000014;display:flex;gap:10px;left:35px;margin-left:30px;padding:10px 14px;position:absolute;top:30px;z-index:1000}.live-dot{background:#34c759;border-radius:50%;height:10px;width:10px}.live-dot.blue{background:#5b5bf7}.live-dot.red{background:#ff3b30}.live-sidebar{background:#fff;border-radius:24px;padding:20px;width:370px}.active-count{border-radius:20px;color:#16a34a;font-size:12px;font-weight:600;padding:6px 12px}.live-search-box{align-items:center;background:#f5f7fb;border-radius:14px;display:flex;gap:10px;margin-top:20px;padding:14px}.live-search-box input{background:none;border:none;outline:none;width:100%}.delivery-card{border:2px solid #6d5efc;border-radius:22px;margin-top:20px;padding:18px}.driver-left{gap:12px}.driver-avatar{background:#6d5efc;color:#fff;font-size:20px;height:52px;width:52px}.delivery-status-row{gap:10px;margin-top:18px}.status-box{background:#f5f7fb;border-radius:12px;padding:10px}.status-box.active{background:#dcfce7}.status-box span{display:block;font-size:13px;font-weight:600}.status-box small{color:#7b8190}.delivery-details{margin-top:18px}.delivery-details p{margin:6px 0}.delivery-footer{margin-top:18px}.delivery-footer button{color:#5b5bf7}.selected-card{background:#f8f8ff;border:2px solid #5b5bf7}.custom-driver-marker{background:#0000;border:none}.driver-marker-wrap,.driver-pulse{height:40px;width:40px}.driver-pulse{animation:pulseDriver 1.8s infinite;background:#5b5bf7;opacity:.25}.driver-bike{background:#5b5bf7;box-shadow:0 4px 10px #0003;color:#fff;position:absolute}@keyframes pulseDriver{0%{opacity:.5;transform:scale(.8)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.8)}}.selected-driver .driver-bike{box-shadow:0 0 20px #4f46e5b3;transform:scale(1.25)}.selected-pulse{animation:pulse 1s infinite}.driver-marker-wrap{position:relative}.driver-bike,.driver-marker-wrap{align-items:center;display:flex;justify-content:center}.driver-bike{background:#fff;border-radius:50%;font-size:20px;height:40px;transition:.3s ease;width:40px}.driver-pulse{background:#4f46e540;border-radius:50%;height:44px;position:absolute;width:44px}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.recenter-btn{align-items:center;background:#fff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;position:absolute;right:16px;width:44px;z-index:1000}.vehicle-live-row{flex-wrap:wrap;gap:10px;margin:14px 0 18px}.vehicle-live-pill{align-items:center;background:#f5f7ff;border:1px solid #dbe4ff;border-radius:999px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.vehicle-live-pill span{font-size:16px}.vehicle-live-pill small{color:#64748b;font-weight:600}.vehicle-live-pill strong{color:#111827}.kpi-icon{align-items:center;background:#eef2ff;border-radius:12px;color:#5b5bf7;display:flex;font-size:18px;height:34px;justify-content:center;position:absolute;right:18px;top:18px;width:34px}.kpi-icon.offline{background:#f1f5f9;color:#64748b}.kpi-icon.online{background:#ecfeff;color:#0891b2}.kpi-icon.success{background:#dcfce7;color:#16a34a}.live-kpi-card{position:relative}.sidebar-title{font-size:18px;gap:8px}.driver-info-wrap{flex:1 1}.delivery-progress{background:#e5e7eb;border-radius:999px;height:8px;margin-top:8px;overflow:hidden;width:100%}.delivery-progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.delivery-card{box-shadow:0 8px 30px #4f46e514;transition:.3s ease}.delivery-card:hover{transform:translateY(-2px)}.status-box{transition:.3s ease}.status-box:hover{transform:translateY(-2px)}.kpi-number{align-items:center;display:flex;gap:10px;margin-top:16px}.kpi-mini-dot{border-radius:50%;height:10px;width:10px}.kpi-mini-dot.purple{background:#6d5efc}.kpi-mini-dot.blue{background:#2196f3}.kpi-mini-dot.orange{background:#f59e0b}.kpi-mini-dot.green{background:#22c55e}.live-kpi-card{display:flex;flex-direction:column;justify-content:center;min-height:80px}.delivery-card{min-height:180px}.live-sidebar{height:700px;overflow-y:auto}.delivery-top{gap:12px}.driver-right{min-width:90px}.delivery-status-row{align-items:stretch}.status-box{min-height:60px}@media (max-width:1200px){.live-main-layout{flex-direction:column}.live-sidebar{height:auto;width:100%}}@media (max-width:992px){.live-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.live-page-container{padding:14px}.live-kpi-grid{grid-template-columns:1fr}.live-header h1{font-size:28px}.delivery-top{flex-direction:column}.driver-right{text-align:left;width:100%}.delivery-status-row{flex-direction:column}}.sidebar-title-box{background:#fff;border:2px solid #e5e7eb;border-radius:28px;box-shadow:0 4px 14px #0000000a;margin-bottom:18px;padding:12px}.sidebar-top{justify-content:space-between}.sidebar-title,.sidebar-top{align-items:center;display:flex}.sidebar-title{color:#0f172a;font-size:16px;font-weight:700;gap:10px;margin:0}.sidebar-title svg{color:#64748b;font-size:18px}.active-count{background:#dcfce7;border-radius:999px;color:#22c55e;font-size:14px;font-weight:700;padding:6px 14px}.delivery-card{background:#fff;border:3px solid #635bff;border-radius:30px;box-shadow:0 10px 30px #635bff14;margin-top:18px;padding:22px}.delivery-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.driver-left{display:flex;flex:1 1;gap:14px}.driver-avatar{align-items:center;background:#eef2ff;border-radius:50%;color:#4f46e5;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:54px;justify-content:center;width:54px}.driver-info-wrap h4{color:#0f172a;font-size:24px;font-weight:700;margin:0}.driver-info-wrap p{color:#64748b;font-size:15px;margin-left:8px;margin-top:6px}.driver-right{text-align:right}.eta{align-items:center;color:#4f46e5;display:flex;font-size:16px;font-weight:700;gap:6px;justify-content:flex-end}.driver-right p{color:#64748b;font-size:14px;margin-top:6px}.delivery-progress-fill{background:linear-gradient(90deg,#635bff,#7c4dff);border-radius:999px;height:100%;transition:.4s ease}.delivery-status-row{display:flex;gap:14px;margin-top:24px}.status-box{border-radius:18px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:50px}.status-box,.status-box.active{background:#f3f4f6}.status-box span{color:#111827;font-size:16px;font-weight:700}.status-box small{color:#64748b;font-size:14px;margin-top:6px}.delivery-details{background:#f5f7fb;border-radius:24px;margin-top:22px;min-height:30px;padding:18px}.delivery-details p{color:#111827;font-size:15px;line-height:1.6;margin:0}.delivery-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:22px;padding-top:18px}.delivery-footer button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:15px;font-weight:700}@media (max-width:768px){.delivery-top{flex-direction:column}.driver-right{text-align:left;width:100%}.eta{justify-content:flex-start}.delivery-status-row{flex-direction:column}}.vehicle-live-row{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.vehicle-live-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:28px;box-shadow:0 4px 14px #0000000a;display:flex;justify-content:space-between;margin-bottom:18px;padding:12px}.vehicle-live-left{align-items:center;display:flex;gap:10px}.vehicle-live-icon{font-size:18px}.vehicle-live-name{color:#111827;font-size:15px;font-weight:700}.vehicle-live-count{background:#dcfce7;border-radius:999px;color:#16a34a;font-size:14px;font-weight:700;padding:6px 14px}.vehicle-marker-image{background:#fff;border-radius:50%;box-shadow:0 4px 10px #00000040;height:42px;object-fit:contain;width:42px}.selected-driver .vehicle-marker-image{transform:scale(1.15)}.vehicle-live-image{flex-shrink:0;height:28px;object-fit:contain;width:28px}.fullscreen-map{background:#fff;border-radius:0;height:100vh;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:99999}.fullscreen-map .leaflet-container,.fullscreen-map .tracking-map{border-radius:0;height:100vh!important;width:100vw!important}.fullscreen-map .leaflet-map-pane,.fullscreen-map .leaflet-pane{height:100%!important;width:100%!important}.fullscreen-map-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;height:42px;top:70px;width:42px;z-index:1000}.close-fullscreen-btn,.fullscreen-map-btn{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;right:20px}.close-fullscreen-btn{border:none;border-radius:50%;box-shadow:0 4px 12px #0003;font-size:22px;height:46px;top:20px;width:46px;z-index:100001}
/*# sourceMappingURL=main.e965997e.css.map*/