.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.fleet-page .page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.fleet-update-status{color:var(--text-secondary);font-size:13px}.fleet-layout{grid-template-columns:300px minmax(0,1fr);gap:16px;display:grid}.fleet-list{min-width:0;overflow:hidden}.fleet-search{padding:14px}.fleet-search input{border:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--text-primary);border-radius:8px;padding:10px}.fleet-vehicles{max-height:60vh;padding:0 12px 12px;overflow-y:auto}.fleet-vehicle{text-align:left;border:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:8px;padding:12px;display:flex}.fleet-vehicle.selected{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.fleet-vehicle small{color:var(--text-secondary);overflow-wrap:anywhere}.fleet-map-panel{min-width:0;overflow:hidden}.fleet-map-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.fleet-map{z-index:0;width:100%;height:65vh;min-height:380px}.fleet-chart-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.3fr);align-items:center;gap:28px;margin:16px 0;padding:18px;display:grid}.fleet-chart-card h3{margin:0 0 5px;font-size:15px}.fleet-chart-card p{color:var(--text-secondary);margin:0;font-size:11px}.fleet-chart-bars{gap:10px;display:grid}.fleet-chart-row{color:var(--text-secondary);grid-template-columns:105px 1fr 34px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:grid}.fleet-chart-row strong{color:var(--text-primary);text-align:right}.fleet-chart-track{background:var(--surface-subtle);border-radius:99px;height:10px;overflow:hidden}.fleet-chart-track i{border-radius:inherit;min-width:0;height:100%;transition:width .3s;display:block}.fleet-selected>span{outline-offset:2px;outline:3px solid #f59e0b}@media (width<=900px){.fleet-layout{grid-template-columns:1fr}.fleet-vehicles{max-height:240px}.fleet-map{height:55vh}.fleet-page .page-header{flex-wrap:wrap}.fleet-chart-card{grid-template-columns:1fr;gap:16px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=dark] .shipment-review-header>div{background:#172033;border-color:#334155}:root[data-theme=dark] .shipment-review-header span{color:#94a3b8}:root[data-theme=dark] .shipment-review-header strong{color:#f1f5f9}:root[data-theme=dark] .shipment-review-header strong.tracking-online{color:#4ade80}:root[data-theme=dark] .shipment-review-header strong.tracking-trip-ended{color:#c4b5fd}:root[data-theme=dark] .shipment-review-table table,:root[data-theme=dark] .shipment-review-table tbody,:root[data-theme=dark] .shipment-review-table tr,:root[data-theme=dark] .shipment-review-table td{background:#111827}:root[data-theme=dark] .shipment-review-table th{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] .shipment-review-table td,:root[data-theme=dark] .shipment-review-table td strong{color:#e2e8f0;border-color:#334155}:root[data-theme=dark] .shipment-review-table tr.shipment-damaged-row td{background:#c2410c24}:root[data-theme=dark] .shipment-review-table input:not([type=checkbox]){color:#f8fafc;background:#0f172a;border:1px solid #475569;border-radius:5px;outline:none;padding:7px 9px}:root[data-theme=dark] .shipment-review-table input:not([type=checkbox]):focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e}:root[data-theme=dark] .shipment-review-table input::placeholder{color:#64748b}:root[data-theme=dark] .shipment-review-table code{color:#dbeafe;background:#1e293b}:root[data-theme=dark] .shipment-review-table .shortage-value{color:#f87171}:root[data-theme=dark] .shipment-accept-note{color:#cbd5e1;background:#1e40af2e;border:1px solid #60a5fa4d}:root[data-theme=dark] .shipment-accept-note strong{color:#fff}.vehicle-tracking-view{gap:16px;display:grid}.tracking-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tracking-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.tracking-summary span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.tracking-summary strong{overflow-wrap:anywhere;display:block}.tracking-online{color:#15803d;text-transform:capitalize}.tracking-offline{color:#b91c1c;text-transform:capitalize}.tracking-trip-ended{color:#7c3aed}.vehicle-map-marker span,.route-point-marker span{border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:0 3px 12px #0f172a4d}.vehicle-map-marker span{background:#fff;border:3px solid #2563eb;font-size:20px}.route-point-marker span{color:#166534;background:#fff;border:3px solid #16a34a;font-weight:800}.route-point-marker.end span{color:#6d28d9;border-color:#7c3aed}.route-point-marker.stop span{color:#b91c1c;border-color:#dc2626;font-size:10px}.route-point-marker.destination span{color:#854d0e;background:#fef3c7;border-color:#eab308;font-size:9px}.tracking-route-cell{align-items:center;gap:9px;display:flex}.tracking-route-cell>svg{color:#2563eb;flex:none;font-size:22px}.tracking-route-cell span{color:#64748b;margin-top:3px;font-size:12px;display:block}.shipment-review-header{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.shipment-review-header>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px}.shipment-review-header span{color:#64748b;margin-bottom:5px;font-size:10px;display:block}.shipment-review-header strong{font-size:12px}.shipment-review-table input[type=number]{width:105px}.shipment-review-table input[type=checkbox]{accent-color:#16a34a;width:18px;height:18px}.shipment-check-all{white-space:nowrap;cursor:pointer;align-items:center;gap:7px;display:inline-flex}.shipment-check-all span{font-size:10px;font-weight:700}.shipment-document-action{border:1px solid var(--border);background:var(--surface-subtle);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;display:flex}.shipment-document-action>div{flex-direction:column;gap:3px;display:flex}.shipment-document-action strong{font-size:12px}.shipment-document-action span{color:var(--muted);font-size:10px}@media (width<=640px){.shipment-document-action{flex-direction:column;align-items:stretch}}.shipment-damaged-row{background:#fff7ed}.shipment-accept-note,.shipment-receipt-summary{color:#334155;background:#eff6ff;border-radius:9px;margin-top:14px;padding:13px 15px;font-size:12px}.shortage-value{color:#dc2626}.shipment-receipt-summary{color:#166534;background:#ecfdf5;justify-content:space-between;gap:15px;display:flex}@media (width<=700px){.shipment-review-header{grid-template-columns:1fr 1fr}}.tracking-map{border:1px solid #cbd5e1;border-radius:12px;width:100%;height:min(55vh,480px)}.tracking-placeholder{color:#64748b;background:#f1f5f9;border-radius:12px;place-items:center;min-height:320px;display:grid}.tracking-map-footer{color:#64748b;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=700px){.tracking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-map{height:50vh}.tracking-map-footer{flex-direction:column;align-items:stretch}}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary>div{background:#f8fafc;border-color:#cbd5e1}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary strong{color:#0f172a}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary span{color:#64748b}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary strong.tracking-online{color:#16a34a}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary strong.tracking-offline{color:#dc2626}:root[data-theme=dark] .vehicle-tracking-view .tracking-summary strong.tracking-trip-ended{color:#8b5cf6}:root[data-theme=dark] .vehicle-tracking-view .tracking-map-footer{color:#94a3b8}:root[data-theme=dark] .vehicle-tracking-view .leaflet-popup-content-wrapper,:root[data-theme=dark] .vehicle-tracking-view .leaflet-popup-tip{background:#fff}:root[data-theme=dark] .vehicle-tracking-view .leaflet-popup-content{color:#0f172a}body{color:#172033;background:#f5f7fb;font-family:Inter,Arial,sans-serif}button,input{font-family:inherit}.login-page{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 35%),#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e8ecf3;border-radius:18px;width:100%;max-width:430px;padding:42px;position:relative;box-shadow:0 20px 60px #0f172a1a}.login-theme-toggle{position:absolute;top:18px;right:18px}.login-logo{justify-content:center;margin-bottom:22px;display:flex}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 10px 18px #0ea5e92e);width:76px;height:92px;display:block}.logo-box{color:#fff;background:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:flex;box-shadow:0 10px 25px #2563eb40}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#111827;margin-bottom:8px;font-size:27px}.login-header p{color:#6b7280;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d8dee9;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-wrapper{position:relative}.password-wrapper input{padding-right:70px}.password-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin:4px 0 24px;display:flex}.remember{color:#6b7280;align-items:center;gap:7px;font-size:13px;display:flex}.remember input{accent-color:#2563eb}.forgot-password{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;height:49px;font-size:15px;font-weight:700;transition:all .2s}.login-button:hover{background:#1d4ed8}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-portal-link{color:#475569;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:12px;font-weight:600}.login-portal-link:hover{color:#2563eb}.logout-confirmation{flex-direction:column;gap:8px;padding:6px 0;display:flex}.logout-confirmation strong{color:var(--text);font-size:15px}.logout-confirmation span{color:var(--muted);font-size:12px;line-height:1.5}.admin-login-page{background:radial-gradient(circle at top,#7c3aed2e,#0000 38%),#0f172a}.admin-login-card{border-color:#8b5cf659;box-shadow:0 24px 80px #00000059}.admin-login-card .logo-box{background:linear-gradient(135deg,#7c3aed,#4338ca);box-shadow:0 10px 25px #7c3aed4d}.admin-login-card .login-button{background:#7c3aed}.admin-login-card .login-button:hover{background:#6d28d9}.admin-otp-input{text-align:center;letter-spacing:10px;font-weight:800;font-size:24px!important}:root[data-theme=dark] .login-portal-link{color:#94a3b8}:root[data-theme=dark] .login-portal-link:hover{color:#c4b5fd}.login-footer{color:#9ca3af;justify-content:center;align-items:center;gap:7px;margin-top:28px;font-size:11px;display:flex}@media (width<=500px){.login-card{padding:30px 22px}.login-header h1{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--bg:#f5f7fb;--white:#fff;--text:#172033;--muted:#718096;--border:#e6eaf0;--green:#16a34a;--green-bg:#ecfdf3;--red:#dc2626;--red-bg:#fef2f2;--orange:#ea580c;--orange-bg:#fff7ed;--purple:#7c3aed;--purple-bg:#f5f3ff;--blue-bg:#eff6ff;--sidebar-width:260px;--surface:#fff;--surface-subtle:#f9fafb;--text-secondary:#475467}:root[data-theme=dark]{--bg:#0b1120;--white:#111827;--surface:#111827;--surface-subtle:#182235;--text:#f1f5f9;--text-secondary:#cbd5e1;--muted:#94a3b8;--border:#293548;--blue-bg:#172554;--green-bg:#052e20;--red-bg:#3f151a;--orange-bg:#431f0c;--purple-bg:#2e1a47}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:#fff;z-index:100;background:#101828;flex-direction:column;transition:width .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;height:82px;padding:0 22px;display:flex}.brand-logo{color:#fff;background:#fff;border:none;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:11px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-logo-toggle{cursor:pointer}.brand-name{font-size:14px;font-weight:700}.brand-subtitle{color:#98a2b3;margin-top:3px;font-size:10px}.sidebar-menu{flex:1;padding:20px 12px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:8px}.sidebar-menu::-webkit-scrollbar-track{background:#101828}.sidebar-menu::-webkit-scrollbar-thumb{background:#293444;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#3d4a5c}.menu-section{margin-bottom:25px}.menu-section-title{color:#667085;letter-spacing:1.2px;padding:0 12px 9px;font-size:9px;font-weight:700}.sidebar-link{color:#98a2b3;border-radius:8px;align-items:center;gap:12px;height:43px;margin-bottom:3px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:#2563eb}.sidebar-icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:inline-flex}.sidebar-icon svg{width:19px;height:19px}.sidebar-bottom{border-top:1px solid #ffffff12;padding:15px}.admin-mini-card{background:#ffffff0a;border-radius:9px;align-items:center;gap:9px;margin-bottom:9px;padding:10px;display:flex}.admin-mini-info{flex-direction:column;gap:3px;display:flex}.admin-mini-info strong{font-size:11px}.admin-mini-info span{color:#98a2b3;font-size:9px}.logout-button{color:#98a2b3;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;height:37px;padding:0 10px;font-size:12px;display:flex}.logout-button:hover{color:#fff;background:#ffffff0d}.main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;transition:margin-left .2s,width .2s}.sidebar-toggle{color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;width:28px;height:28px;margin-left:auto;font-size:16px}.sidebar-toggle:hover{background:#ffffff1a}.admin-layout.sidebar-collapsed .sidebar{width:70px}.admin-layout.sidebar-collapsed .main-wrapper{width:calc(100% - 70px);margin-left:70px}.admin-layout.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.admin-layout.sidebar-collapsed .brand-logo{margin:0}.admin-layout.sidebar-collapsed .brand-name,.admin-layout.sidebar-collapsed .brand-subtitle,.admin-layout.sidebar-collapsed .menu-section-title,.admin-layout.sidebar-collapsed .sidebar-link span:not(.sidebar-icon),.admin-layout.sidebar-collapsed .admin-mini-info,.admin-layout.sidebar-collapsed .logout-button{display:none}.admin-layout.sidebar-collapsed .sidebar-link{justify-content:center;padding:0}.topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex;position:sticky;top:0}.topbar h1{font-size:20px;font-weight:700}.topbar p{color:var(--muted);margin-top:4px;font-size:12px}.topbar-actions{align-items:center;gap:18px;display:flex}.icon-button{border:1px solid var(--border);background:#fff;border-radius:9px;width:38px;height:38px;font-size:15px;position:relative}.notifications-panel{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:10px;width:min(390px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:30px;overflow:hidden;box-shadow:0 14px 35px #0f172a29}.notifications-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.notifications-header button{color:var(--muted);background:0 0;border:0;font-size:20px;line-height:1}.notifications-list{max-height:360px;overflow-y:auto}.notification-item{border:0;border-bottom:1px solid var(--border);background:var(--surface);text-align:left;width:100%;color:var(--text);align-items:flex-start;gap:10px;padding:13px 16px;display:flex}.notification-item:hover{background:var(--surface-subtle)}.notification-status{border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:4px}.notification-status.pending{background:var(--orange)}.notification-status.received{background:var(--green)}.notification-content{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-content strong,.notification-content span,.notification-content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-content strong{font-size:11px}.notification-content span{color:var(--text-secondary);font-size:10px}.notification-content small{color:var(--muted);font-size:9px}.notifications-empty{color:var(--muted);text-align:center;padding:24px 16px;font-size:11px}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:9px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-subtle);transform:translateY(-1px)}.theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.notification-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.topbar-divider{background:var(--border);width:1px;height:32px}.profile-menu{position:relative}.profile{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:4px;display:flex}.profile:hover,.profile:focus-visible{background:var(--surface-subtle)}.profile:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}.profile-dropdown{z-index:120;border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #0f172a29}.profile-dropdown button{color:#dc2626;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.profile-dropdown button:hover{background:#fef2f2}.profile-info{flex-direction:column;gap:3px;display:flex}.profile-info strong{font-size:12px}.profile-info span{color:var(--muted);font-size:10px}.profile-arrow{color:var(--muted);font-size:12px}.avatar{border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;font-weight:700;display:flex}.avatar.blue{color:#1d4ed8;background:#dbeafe}.avatar.purple{color:#6d28d9;background:#ede9fe}.main-content{padding:30px;overflow-x:hidden}.dashboard-header,.page-actions{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header h2{margin-bottom:5px;font-size:20px}.dashboard-header p{color:var(--muted);font-size:12px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:12px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px 2px #10182814}.btn kbd{color:inherit;font:inherit;background:#0000001f;border:1px solid #ffffff73;border-radius:5px;margin-left:6px;padding:2px 6px;font-size:11px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #1018281f}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #10182814}.btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.btn:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{color:#fff;background:#16a34a}.btn-success:hover{background:#15803d}.btn-warning{color:#422006;background:#f59e0b}.btn-warning:hover{color:#fff;background:#d97706}.btn-info{color:#fff;background:#0891b2}.btn-info:hover{background:#0e7490}.btn-edit{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.btn-edit:hover{background:#ffedd5;border-color:#fdba74}.btn-secondary{color:#344054;border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:#f9fafb;border-color:#cbd5e1}.po-report-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.po-report-button{color:#fff;background:#0f766e;border:1px solid #0f766e;flex:none;margin-left:auto;box-shadow:0 4px 12px #0f766e33}.po-report-button:hover{background:#115e59;border-color:#115e59}.po-history-export-action{z-index:2;justify-content:flex-end;height:0;padding-right:20px;display:flex;position:relative;transform:translateY(34px)}.po-customer-tabs{scrollbar-width:thin;gap:7px;margin:20px 0 -1px;padding:14px 190px 0 18px;display:flex;overflow-x:auto}.po-customer-tabs button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-bottom-color:#2563eb;border-radius:9px 9px 0 0;flex:none;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.po-customer-tabs button span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:10px}.po-customer-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.po-customer-tabs button.active span{color:#fff;background:#fff3}:root[data-theme=dark] .po-customer-tabs button:not(.active){color:#cbd5e1;background:#1e293b}.dashboard-customer-tabs{scrollbar-width:thin;gap:7px;margin:0 18px 14px;padding-bottom:3px;display:flex;overflow-x:auto}.dashboard-customer-tabs button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-weight:700;display:inline-flex}.dashboard-customer-tabs button span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:10px}.dashboard-customer-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.dashboard-customer-tabs button.active span{color:#fff;background:#fff3}:root[data-theme=dark] .dashboard-customer-tabs button:not(.active){color:#cbd5e1;background:#1e293b}.finished-stock-tabs{gap:8px;padding:0 18px 14px;display:flex}.finished-stock-tabs button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-weight:700;display:inline-flex}.finished-stock-tabs button span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:10px}.finished-stock-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.finished-stock-tabs button.active span{color:#fff;background:#fff3}:root[data-theme=dark] .finished-stock-tabs button:not(.active){color:#cbd5e1;background:#1e293b}.live-tracking-tabs{gap:8px;padding:0 18px 14px;display:flex;overflow-x:auto}.live-tracking-tabs button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-weight:700;display:inline-flex}.live-tracking-tabs button span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:10px}.live-tracking-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.live-tracking-tabs button.active span{color:#fff;background:#fff3}:root[data-theme=dark] .live-tracking-tabs button:not(.active){color:#cbd5e1;background:#1e293b}.email-center-page{max-width:1600px;margin:0 auto}.email-center-hero{color:#fff;background:radial-gradient(circle at 78% -35%,#60a5fa8c,#0000 38%),linear-gradient(125deg,#0f2b5b 0%,#174ea6 52%,#2563eb 100%);border:1px solid #60a5fa38;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:25px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #1e40af33}.email-center-hero:after{content:"";pointer-events:none;border:42px solid #ffffff12;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-100px;right:-55px}.email-hero-copy{z-index:1;align-items:center;gap:18px;min-width:0;display:flex;position:relative}.email-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff52;border-radius:16px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:29px;display:grid;box-shadow:inset 0 1px #ffffff26}.email-eyebrow{color:#bfdbfe;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.email-hero-copy h1{margin:0 0 5px;font-size:clamp(24px,2.2vw,34px);line-height:1.1}.email-hero-copy p{color:#ffffffc7;max-width:650px;margin:0;font-size:12px;line-height:1.6}.email-hero-stats{z-index:1;grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px;display:grid;position:relative}.email-hero-stats>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06183a40;border:1px solid #fff3;border-radius:12px;align-items:center;gap:10px;min-height:58px;padding:10px 13px;display:flex}.email-hero-stats svg{color:#bfdbfe;flex:none;font-size:21px}.email-hero-stats span{color:#ffffffab;gap:2px;font-size:9px;display:grid}.email-hero-stats strong{color:#fff;font-size:13px}.email-studio-grid{grid-template-columns:minmax(0,1.6fr) minmax(310px,.85fr);align-items:start;gap:22px;display:grid}.email-workspace-card,.email-preview-card,.email-recipients-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:0 8px 30px #0f172a0d}.email-workspace-card{padding:23px}.email-card-heading,.email-section-divider,.email-recipient-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.email-card-heading>div,.email-section-divider,.email-recipient-panel-header>div{align-items:center;gap:12px;display:flex}.email-card-heading>div>span,.email-section-divider>span{color:#2563eb;background:#2563eb1c;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.email-card-heading h2,.email-section-divider h2,.email-recipient-panel-header h2{color:var(--text);margin:0;font-size:14px}.email-card-heading p,.email-section-divider p,.email-recipient-panel-header p{color:var(--muted);margin:3px 0 0;font-size:10px}.email-card-heading>strong,.email-recipient-panel-header>strong{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:7px 11px;font-size:10px}.email-recipient-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.email-recipient-mode label{border:1px solid var(--border);min-height:72px;color:var(--text-secondary);background:var(--surface-subtle);cursor:pointer;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative}.email-recipient-mode label:hover{border-color:#93c5fd;transform:translateY(-1px)}.email-recipient-mode label.active{color:var(--text);background:linear-gradient(135deg,#2563eb1a,#3b82f60a);border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb14}.email-recipient-mode input{opacity:0;pointer-events:none;position:absolute}.recipient-option-icon{color:#64748b;background:var(--surface);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;place-items:center;font-size:21px;display:grid}.email-recipient-mode label.active .recipient-option-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 15px #2563eb3d}.recipient-option-copy{gap:3px;min-width:0;display:grid}.recipient-option-copy strong{color:var(--text);font-size:12px}.recipient-option-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.email-recipient-mode label>b{color:#475569;background:var(--surface);text-align:center;min-width:28px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;padding:5px 8px;font-size:10px}.email-recipient-mode label.active>b{color:#1d4ed8;box-shadow:none;background:#dbeafe}.email-section-divider{border-top:1px solid var(--border);justify-content:flex-start;margin:23px 0 16px;padding-top:21px}.email-field{margin-top:14px}.email-field>label{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.email-field>label svg{color:#3b82f6;font-size:15px}.email-field>label span{color:var(--text)}.email-field>label small{color:var(--muted);margin-left:auto;font-weight:600}.email-field input,.email-field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-subtle);border-radius:11px;outline:none;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s;display:block}.email-field input{height:46px;padding:0 14px}.email-field textarea{resize:vertical;min-height:110px;padding:13px 14px;line-height:1.65}.email-field input:focus,.email-field textarea:focus{background:var(--surface);border-color:#3b82f6;box-shadow:0 0 0 4px #2563eb17}.email-field input::placeholder,.email-field textarea::placeholder{color:#94a3b8}.email-footer-field{border:1px solid var(--border);background:var(--surface-subtle);border-radius:13px;padding:14px}.email-footer-field textarea{background:var(--surface);min-height:86px}.email-footer-field p{color:var(--muted);align-items:center;gap:6px;margin:8px 0 0;font-size:9px;display:flex}.email-footer-field p svg{color:#22c55e;font-size:14px}.email-send-bar{border-top:1px solid var(--border);background:var(--surface-subtle);border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:18px;margin:20px -23px -23px;padding:17px 23px;display:flex}.email-send-bar>div{gap:3px;display:grid}.email-send-bar span{color:#16a34a;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.email-send-bar strong{color:var(--text-secondary);font-size:10px;font-weight:600}.email-send-button{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:160px;height:43px;padding:0 18px;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 8px 18px #2563eb3d}.email-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 22px #2563eb4d}.email-send-button svg{font-size:17px}.email-send-button:disabled{opacity:.5;box-shadow:none}.email-preview-card{padding:17px;position:sticky;top:20px}.email-preview-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.email-preview-heading span{color:var(--text);font-size:12px;font-weight:800}.email-preview-heading small{color:#64748b;background:var(--surface-subtle);border-radius:999px;padding:5px 8px;font-size:9px}.email-preview-window{background:#f1f5f9;border:1px solid #d9e2ec;border-radius:13px;overflow:hidden;box-shadow:0 8px 22px #0f172a14}.email-preview-brand{background:#102a43;border-bottom:3px solid #3b82f6;align-items:center;gap:10px;padding:15px;display:flex}.email-preview-brand>span{color:#102a43;background:#f59e0b;border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.email-preview-brand div{gap:3px;display:grid}.email-preview-brand strong{color:#fff;font-size:10px}.email-preview-brand small{color:#9fb3c8;letter-spacing:.06em;text-transform:uppercase;font-size:7px}.email-preview-content{color:#334e68;background:#fff;min-height:350px;padding:22px 19px}.email-preview-content>p{margin:0 0 11px;font-size:10px}.email-preview-content h3{color:#102a43;overflow-wrap:anywhere;margin:0 0 15px;font-size:17px;line-height:1.35}.email-preview-message{color:#334e68;white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dce5ed;border-left:3px solid #3b82f6;border-radius:8px;min-height:105px;padding:14px;font-size:10px;line-height:1.65}.email-preview-message.is-placeholder{color:#94a3b8;font-style:italic}.email-preview-footer{color:#64748b;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e5ebf0;margin-top:18px;padding-top:14px;font-size:9px;line-height:1.6}.email-preview-note{color:var(--text-secondary);background:#2563eb12;border-radius:10px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px;font-size:9px;line-height:1.55;display:flex}.email-preview-note svg{color:#3b82f6;flex:none;margin-top:1px;font-size:16px}.email-recipients-panel{margin-top:22px;overflow:hidden}.email-recipient-panel-header{padding:18px 20px}.email-recipient-panel-header>div>span{color:#2563eb;background:#2563eb1a;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.email-recipient-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.email-recipient-toolbar label{border:1px solid var(--border);color:#64748b;background:var(--surface);border-radius:9px;align-items:center;gap:8px;width:min(430px,100%);height:39px;padding:0 11px;display:flex}.email-recipient-toolbar label:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb14}.email-recipient-toolbar label svg{flex:none;font-size:17px}.email-recipient-toolbar input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.email-recipient-toolbar button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;height:37px;padding:0 14px;font-size:10px;font-weight:800}.email-recipient-toolbar button:hover:not(:disabled){background:#dbeafe}.email-recipient-toolbar button:disabled{opacity:.5}.email-recipient-table{max-height:470px}.email-recipient-table table{min-width:760px}.email-recipient-table tbody tr{cursor:pointer}.email-recipient-table tbody tr:hover td{background:#2563eb09}.email-recipient-table tr.selected td{background:#2563eb14}.email-recipient-table tr.selected td:first-child{box-shadow:inset 3px 0 #3b82f6}.email-recipient-table input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:17px;height:17px}.email-select-column{width:72px}.email-user-cell{align-items:center;gap:9px;display:flex}.email-user-cell>span{color:#1d4ed8;background:#dbeafe;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.email-user-cell>div{gap:2px;display:grid}.email-user-cell strong{color:var(--text);font-size:10px}.email-user-cell small{color:var(--muted);font-size:8px}.email-role-pill{color:#475569;background:var(--surface-subtle);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.email-empty-row{color:var(--muted);text-align:center;padding:28px!important}.message-center-hero{background:radial-gradient(circle at 78% -35%,#22d3ee61,#0000 38%),linear-gradient(125deg,#312e81 0%,#5b21b6 50%,#7c3aed 100%);border-color:#a78bfa40;box-shadow:0 16px 40px #5b21b633}.message-send-bar span{color:#7c3aed}.message-send-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 18px #6d28d940}.message-send-button:hover:not(:disabled){box-shadow:0 11px 22px #6d28d952}.message-preview-device{border:1px solid var(--border);background:var(--surface-subtle);border-radius:15px;overflow:hidden;box-shadow:0 9px 25px #0f172a17}.message-preview-top{color:#fff;background:linear-gradient(120deg,#312e81,#6d28d9);justify-content:space-between;align-items:center;padding:13px 15px;font-size:9px;font-weight:800;display:flex}.message-preview-top svg{color:#ddd6fe;font-size:17px}.message-preview-screen{background:linear-gradient(#7c3aed14,#0000 55%);min-height:330px;padding:22px 16px}.message-preview-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:8px;font-weight:800;display:block}.message-preview-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;display:grid;box-shadow:0 8px 22px #0f172a14}.message-preview-card>span{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.message-preview-card>div{min-width:0}.message-preview-card strong{color:var(--text);overflow-wrap:anywhere;margin-bottom:5px;font-size:11px;line-height:1.4;display:block}.message-preview-card p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;font-size:9px;line-height:1.55}.message-preview-card p.is-placeholder{color:var(--muted);font-style:italic}.message-preview-card small{color:var(--muted);font-size:8px}.message-preview-note{background:#7c3aed12}.message-preview-note svg{color:#8b5cf6}.message-delivery-pill{color:#6d28d9;background:#f5f3ff;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.message-delivery-pill svg{font-size:12px}.sms-length-over{color:#dc2626!important;font-weight:800!important}.message-center-page .email-recipient-table table{min-width:900px}:root[data-theme=dark] .email-card-heading>strong,:root[data-theme=dark] .email-recipient-panel-header>strong{color:#93c5fd;background:#2563eb29}:root[data-theme=dark] .email-recipient-mode label.active{background:linear-gradient(135deg,#2563eb2e,#1e293b59);border-color:#3b82f6}:root[data-theme=dark] .email-recipient-mode label.active>b,:root[data-theme=dark] .email-user-cell>span{color:#bfdbfe;background:#1e3a8a}:root[data-theme=dark] .email-preview-card{box-shadow:0 8px 30px #0003}:root[data-theme=dark] .email-recipient-toolbar button{color:#bfdbfe;background:#172554;border-color:#1d4ed8}:root[data-theme=dark] .email-role-pill{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] .message-delivery-pill{color:#ddd6fe;background:#6d28d933}@media (width<=1120px){.email-studio-grid{grid-template-columns:1fr}.email-preview-card{position:static}.email-preview-window{max-width:620px;margin:0 auto}}@media (width<=760px){.email-center-hero{flex-direction:column;align-items:flex-start;padding:21px}.email-hero-stats{width:100%}.email-studio-grid{gap:14px}.email-workspace-card{padding:17px}.email-recipient-mode{grid-template-columns:1fr}.email-send-bar{flex-direction:column;align-items:stretch;margin:18px -17px -17px;padding:15px 17px}.email-send-button{width:100%}.email-recipient-toolbar{flex-direction:column;align-items:stretch}.email-recipient-toolbar label,.email-recipient-toolbar button{width:100%}}@media (width<=480px){.email-hero-copy{align-items:flex-start}.email-hero-icon{border-radius:13px;flex-basis:46px;width:46px;height:46px;font-size:23px}.email-hero-stats{grid-template-columns:1fr}.email-card-heading{align-items:flex-start}.email-card-heading>strong{display:none}}.variant-allocation-page,.variant-groups-page{max-width:1600px;margin:0 auto}.variant-groups-hero{color:#fff;background:radial-gradient(circle at 82% -60%,#c084fc73,#0000 42%),linear-gradient(125deg,#312e81,#6d28d9 58%,#7c3aed);border:1px solid #7c3aed40;border-radius:17px;align-items:center;gap:15px;margin-bottom:20px;padding:23px 26px;display:flex;box-shadow:0 14px 36px #6d28d929}.variant-groups-hero>span{background:#ffffff24;border:1px solid #ffffff4d;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.variant-groups-hero small{color:#ddd6fe;letter-spacing:.12em;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.variant-groups-hero h1{margin:0 0 4px;font-size:clamp(21px,2vw,30px)}.variant-groups-hero p{color:#ffffffc2;margin:0;font-size:11px}.variant-groups-error{margin-bottom:16px}.variant-groups-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:20px;display:grid}.variant-group-create{overflow:hidden}.variant-group-section{border-top:1px solid var(--border);gap:13px;padding:18px 20px;display:grid}.variant-group-step{align-items:center;gap:10px;display:flex}.variant-group-step>b{color:#6d28d9;background:#ede9fe;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.variant-group-step>div{gap:2px;display:grid}.variant-group-step strong{color:var(--text);font-size:11px}.variant-group-step span{color:var(--muted);font-size:8px}.variant-group-create .form-group>span{color:var(--text-secondary);margin-bottom:6px;font-size:9px;font-weight:700;display:block}.variant-group-create .form-group>span small{color:var(--muted);font-weight:500}.variant-group-create textarea{resize:vertical}.variant-product-search{border:1px solid var(--border);max-width:380px;height:40px;color:var(--muted);background:var(--surface);border-radius:9px;align-items:center;gap:7px;padding:0 11px;display:flex}.variant-product-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:9px}.variant-product-picker{border:1px solid var(--border);background:var(--surface-subtle);border-radius:11px;max-height:270px;display:grid;overflow-y:auto}.variant-product-picker>label{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:11px 12px;display:grid}.variant-product-picker>label:last-child{border-bottom:0}.variant-product-picker>label:hover{background:#7c3aed0d}.variant-product-picker>label.selected{background:#7c3aed17}.variant-product-picker>label input{accent-color:#7c3aed}.variant-product-picker>label span{gap:3px;min-width:0;display:grid}.variant-product-picker>label strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.variant-product-picker>label small{color:var(--muted);font-size:8px}.variant-group-placeholder{min-height:95px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;padding:20px;font-size:9px;display:flex}.variant-group-placeholder svg{font-size:20px}.selected-variant-editor>label{border:1px solid var(--border);background:var(--surface-subtle);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.selected-variant-editor>label>span{gap:3px;min-width:0;display:grid}.selected-variant-editor>label strong{color:#6d28d9;font-size:8px}.selected-variant-editor>label small{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.selected-variant-editor>label input{border:1px solid var(--border);height:36px;color:var(--text);background:var(--surface);border-radius:8px;outline:0;padding:0 10px;font-size:9px}.selected-variant-editor>label input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #7c3aed14}.variant-group-footer{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.variant-migration-check{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.variant-migration-check input{accent-color:#7c3aed;margin-top:2px}.variant-migration-check span{gap:3px;display:grid}.variant-migration-check strong{color:var(--text);font-size:9px}.variant-migration-check small{color:var(--muted);font-size:8px}.variant-group-footer button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.variant-group-list{position:sticky;top:20px;overflow:hidden}.variant-group-cards{border-top:1px solid var(--border);max-height:720px;display:grid;overflow-y:auto}.variant-group-cards article{border-bottom:1px solid var(--border);gap:11px;padding:16px;display:grid}.variant-group-card-head{grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.variant-group-card-head>span{color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);border-radius:10px;place-items:center;width:37px;height:37px;font-size:18px;display:grid}.variant-group-card-head>div{gap:2px;min-width:0;display:grid}.variant-group-card-head strong{color:var(--text);font-size:10px}.variant-group-card-head small{color:var(--muted);font-size:8px}.variant-group-card-head>b{color:#7c3aed;white-space:nowrap;font-size:11px}.variant-group-location{color:var(--text-secondary);align-items:center;gap:5px;font-size:8px;display:flex}.variant-group-location svg{color:#8b5cf6;font-size:13px}.variant-group-tags{flex-wrap:wrap;gap:5px;display:flex}.variant-group-tags>span{color:#5b21b6;background:#ede9fe;border-radius:7px;gap:2px;padding:5px 7px;font-size:8px;font-weight:700;display:grid}.variant-group-tags small{color:#7c3aed;font-size:7px;font-weight:500}.variant-group-cards footer{color:#15803d;align-items:center;gap:5px;font-size:8px;display:flex}.variant-group-cards footer svg{font-size:13px}:root[data-theme=dark] .variant-group-step>b,:root[data-theme=dark] .variant-group-tags>span{color:#ddd6fe;background:#5b21b673}:root[data-theme=dark] .variant-group-tags small{color:#c4b5fd}@media (width<=1100px){.variant-groups-layout{grid-template-columns:1fr}.variant-group-list{position:static}}@media (width<=700px){.variant-groups-hero{align-items:flex-start;padding:20px}.selected-variant-editor>label{grid-template-columns:1fr}.variant-group-footer{flex-direction:column;align-items:stretch}.variant-group-footer button{justify-content:center;width:100%}}.vg-page{--vg-purple:#6d28d9;--vg-violet:#8b5cf6;--vg-blue:#2563eb}.vg-hero{color:#fff;background:radial-gradient(circle at 88% -45%,#ffffff40,#0000 34%),radial-gradient(circle at 2% 120%,#38bdf83d,#0000 38%),linear-gradient(118deg,#172554 0%,#3730a3 46%,#7c3aed 100%);border:1px solid #818cf840;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;min-height:136px;margin-bottom:18px;padding:25px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #312e8133}.vg-hero:after{content:"";border:1px solid #ffffff1a;border-radius:48%;width:170px;height:230px;position:absolute;top:-75px;right:33%;transform:rotate(28deg)}.vg-hero-copy{z-index:1;align-items:center;gap:16px;min-width:0;display:flex}.vg-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff47;border-radius:18px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:29px;display:grid;box-shadow:inset 0 1px #ffffff2e}.vg-eyebrow{color:#c7d2fe;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.vg-hero h1{letter-spacing:-.025em;margin:0 0 5px;font-size:clamp(24px,2.4vw,34px)}.vg-hero p{color:#ffffffbd;max-width:620px;margin:0;font-size:10px;line-height:1.55}.vg-hero-stats{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a33;border:1px solid #ffffff2e;border-radius:14px;grid-template-columns:repeat(3,100px);display:grid;overflow:hidden}.vg-hero-stats>div{text-align:center;border-right:1px solid #ffffff24;gap:2px;padding:14px 12px;display:grid}.vg-hero-stats>div:last-child{border-right:0}.vg-hero-stats strong{font-size:20px}.vg-hero-stats span{color:#c7d2fe;text-transform:uppercase;font-size:7px;font-weight:700}.vg-error{margin-bottom:16px}.vg-studio{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.vg-workspace,.vg-preview,.vg-library{border:1px solid var(--border);background:var(--surface);border-radius:17px;overflow:hidden;box-shadow:0 8px 26px #0f172a0f}.vg-workspace-title{background:linear-gradient(135deg,#6366f113,#a855f706);justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.vg-workspace-title>div{align-items:center;gap:11px;display:flex}.vg-workspace-title>div>span{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:11px;place-items:center;width:36px;height:36px;font-size:18px;display:grid;box-shadow:0 7px 15px #4f46e533}.vg-workspace-title h2,.vg-library-heading h2{color:var(--text);margin:0 0 3px;font-size:13px}.vg-workspace-title p,.vg-library-heading p{color:var(--muted);margin:0;font-size:8px}.vg-workspace-title>b{color:#4338ca;white-space:nowrap;background:#e0e7ff;border-radius:999px;padding:6px 9px;font-size:8px}.vg-step-section{border-top:1px solid var(--border);gap:14px;padding:20px;display:grid}.vg-step-heading{align-items:center;gap:10px;display:flex}.vg-step-heading>span{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:900;display:grid;box-shadow:0 0 0 4px #6366f10d}.vg-step-heading h3{color:var(--text);margin:0 0 2px;font-size:11px}.vg-step-heading p{color:var(--muted);margin:0;font-size:8px}.vg-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vg-field{gap:6px;display:grid}.vg-field>span{color:var(--text-secondary);font-size:8px;font-weight:800}.vg-field>span b{color:#ef4444}.vg-field>span small{float:right;color:var(--muted);font-size:7px;font-weight:500}.vg-field input,.vg-field select,.vg-field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-subtle);border-radius:10px;outline:0;font-size:9px;transition:border-color .18s,box-shadow .18s,background .18s}.vg-field input,.vg-field select{height:42px;padding:0 12px}.vg-field textarea{resize:vertical;min-height:64px;padding:11px 12px;line-height:1.5}.vg-field input:focus,.vg-field select:focus,.vg-field textarea:focus{background:var(--surface);border-color:#818cf8;box-shadow:0 0 0 3px #6366f117}.vg-full-field{width:100%}.vg-empty-state{text-align:center;background:linear-gradient(135deg,#eef2ffbf,#faf5ff99);border:1px dashed #c7d2fe;border-radius:13px;align-content:center;place-items:center;gap:7px;min-height:155px;display:grid}.vg-empty-state>span{color:#6366f1;background:#e0e7ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.vg-empty-state strong{color:var(--text);font-size:10px}.vg-empty-state p{color:var(--muted);margin:0;font-size:8px}.vg-browser{border:1px solid var(--border);background:var(--surface-subtle);border-radius:13px;overflow:hidden}.vg-browser-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.vg-browser-toolbar label{border:1px solid var(--border);color:#6366f1;background:var(--surface-subtle);border-radius:9px;flex:1;align-items:center;gap:7px;max-width:420px;height:36px;padding:0 10px;display:flex}.vg-browser-toolbar input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:8px}.vg-browser-toolbar>span{color:#475569;background:var(--surface-subtle);border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800}.vg-product-list{background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-height:290px;display:grid;overflow-y:auto}.vg-product-list>button{min-height:57px;color:var(--text);background:var(--surface);text-align:left;border:0;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;transition:background .15s;display:grid}.vg-product-list>button:hover{background:#6366f10e}.vg-product-list>button.selected{background:linear-gradient(135deg,#6366f11f,#8b5cf612);box-shadow:inset 3px 0 #6366f1}.vg-check{color:#fff;background:var(--surface);border:1px solid #cbd5e1;border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.vg-product-list>button.selected .vg-check{background:#6366f1;border-color:#6366f1}.vg-product-copy{gap:3px;min-width:0;display:grid}.vg-product-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.vg-product-copy small{color:#475569;background:#e2e8f0;border-radius:4px;width:fit-content;padding:2px 5px;font-size:7px}.vg-product-stock{text-align:right;gap:1px;display:grid}.vg-product-stock strong{font-size:9px}.vg-product-stock small{color:var(--muted);font-size:7px}.vg-no-results{color:var(--muted);background:var(--surface);text-align:center;grid-column:1/-1;padding:45px 20px;font-size:8px}.vg-label-editor{gap:7px;display:grid}.vg-label-editor>label{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;grid-template-columns:30px minmax(0,1fr) minmax(150px,.55fr) 28px;align-items:center;gap:9px;padding:8px;display:grid}.vg-variant-number{color:#6366f1;background:#e0e7ff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:900;display:grid}.vg-selected-product{gap:3px;min-width:0;display:grid}.vg-selected-product strong{color:#4f46e5;font-size:7px}.vg-selected-product small{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.vg-label-editor input{border:1px solid var(--border);width:100%;height:34px;color:var(--text);background:var(--surface);border-radius:8px;outline:0;padding:0 9px;font-size:8px}.vg-label-editor input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f114}.vg-label-editor button{color:#dc2626;background:#fee2e2;border:0;border-radius:8px;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.vg-inline-empty{border:1px dashed var(--border);color:var(--muted);background:var(--surface-subtle);text-align:center;border-radius:10px;padding:20px;font-size:8px}.vg-submit-bar{border-top:1px solid var(--border);background:linear-gradient(135deg, var(--surface-subtle), #6366f10a);justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.vg-submit-bar>label{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.vg-submit-bar input{accent-color:#6366f1;margin-top:2px}.vg-submit-bar label span{gap:3px;display:grid}.vg-submit-bar label strong{color:var(--text);font-size:9px}.vg-submit-bar label small{color:var(--muted);font-size:7px}.vg-submit-bar>button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 17px;font-size:9px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #4f46e53d}.vg-submit-bar>button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 22px #4f46e54d}.vg-submit-bar>button:disabled{cursor:not-allowed;opacity:.55}.vg-preview{position:sticky;top:18px}.vg-preview-heading{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f114,#a855f708);justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;display:flex}.vg-preview-heading>div{align-items:center;gap:9px;display:flex}.vg-preview-heading>div>svg{color:#6366f1;font-size:19px}.vg-preview-heading span{gap:2px;display:grid}.vg-preview-heading strong{color:var(--text);font-size:10px}.vg-preview-heading small{color:var(--muted);font-size:7px}.vg-preview-heading>b{color:#15803d;letter-spacing:.08em;background:#dcfce7;border-radius:999px;padding:4px 7px;font-size:7px}.vg-preview-canvas{background-image:radial-gradient(var(--border) .6px, transparent .6px);background-size:13px 13px;padding:18px}.vg-preview-stage{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex;box-shadow:0 5px 14px #0f172a0d}.vg-preview-stage>span{color:#0369a1;background:#e0f2fe;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.vg-preview-stage>div{gap:2px;min-width:0;display:grid}.vg-preview-stage small,.vg-preview-product small{color:var(--muted);letter-spacing:.08em;font-size:6px;font-weight:900}.vg-preview-stage strong{color:var(--text);font-size:9px}.vg-preview-stage p{color:var(--muted);margin:0;font-size:7px}.vg-flow-arrow{color:#818cf8;margin:7px auto;font-size:19px;display:block}.vg-preview-product{background:#eef2ffd9;border:1px dashed #a5b4fc;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.vg-preview-product.ready{border-style:solid;box-shadow:0 6px 16px #4f46e517}.vg-preview-product>span{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.vg-preview-product>div{gap:2px;min-width:0;display:grid}.vg-preview-product strong{color:#312e81;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.vg-preview-product code{color:#6366f1;width:fit-content;font-size:7px}.vg-preview-product>b{color:#4f46e5;white-space:nowrap;font-size:9px}.vg-flow-split{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:13px 0 9px;display:grid}.vg-flow-split>span{background:var(--border);height:1px}.vg-flow-split b{color:#6366f1;text-transform:uppercase;align-items:center;gap:4px;font-size:7px;display:inline-flex}.vg-flow-split svg{font-size:13px}.vg-preview-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:265px;display:grid;overflow-y:auto}.vg-preview-variants>div:not(.empty){border:1px solid var(--border);background:var(--surface);border-radius:9px;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:7px;padding:8px;display:grid}.vg-preview-variants>div:not(.empty)>span{color:#fff;background:linear-gradient(135deg,#0891b2,#2563eb);border-radius:7px;place-items:center;width:23px;height:23px;font-size:7px;font-weight:900;display:grid}.vg-preview-variants>div>div{gap:2px;min-width:0;display:grid}.vg-preview-variants strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.vg-preview-variants small{color:var(--muted);font-size:6px}.vg-preview-variants .empty{min-height:85px;color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:6px;font-size:7px;display:grid}.vg-preview-variants .empty svg{color:#a5b4fc;font-size:23px}.vg-preview-note{border-top:1px solid var(--border);color:#15803d;background:#22c55e0e;align-items:flex-start;gap:9px;padding:14px 18px;display:flex}.vg-preview-note>svg{flex:none;margin-top:1px;font-size:15px}.vg-preview-note p{gap:3px;margin:0;display:grid}.vg-preview-note strong{font-size:8px}.vg-preview-note span{color:var(--muted);font-size:7px;line-height:1.5}.vg-library{margin-top:18px}.vg-library-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.vg-library-heading>div{align-items:center;gap:10px;display:flex}.vg-library-heading>div>span{color:#4f46e5;background:#e0e7ff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.vg-library-heading>b{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 9px;font-size:8px}.vg-library-grid{background:var(--surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;display:grid}.vg-library-grid>article{border:1px solid var(--border);background:var(--surface);border-radius:13px;gap:13px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 15px #0f172a0a}.vg-library-grid>article:before{content:"";background:linear-gradient(#4f46e5,#a855f7);width:3px;position:absolute;top:0;bottom:0;left:0}.vg-card-top{grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.vg-card-top>span{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:11px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.vg-card-top>div{gap:2px;min-width:0;display:grid}.vg-card-top>div>small{color:var(--muted);letter-spacing:.08em;font-size:6px;font-weight:900}.vg-card-top h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.vg-card-top code{color:#6366f1;width:fit-content;font-size:7px}.vg-card-top>b{color:#4f46e5;text-align:right;gap:1px;font-size:12px;display:grid}.vg-card-top>b small{color:var(--muted);font-size:6px}.vg-card-location{color:#0369a1;background:#0ea5e912;border-radius:9px;align-items:center;gap:7px;padding:9px 10px;display:flex}.vg-card-location>svg{flex:none;font-size:15px}.vg-card-location>span{gap:2px;display:grid}.vg-card-location strong{color:var(--text);font-size:8px}.vg-card-location small{color:var(--muted);font-size:7px}.vg-card-variants{gap:7px;display:grid}.vg-card-variants header{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:7px;font-weight:800;display:flex}.vg-card-variants header b{color:#4f46e5;background:#e0e7ff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;display:grid}.vg-card-variants>div{flex-wrap:wrap;gap:5px;display:flex}.vg-card-variants>div>span{background:#6366f10f;border:1px solid #6366f11f;border-radius:7px;gap:2px;padding:5px 7px;display:grid}.vg-card-variants strong{color:#4338ca;font-size:7px}.vg-card-variants small{color:var(--muted);font-size:6px}.vg-library-grid article>footer{border-top:1px solid var(--border);color:#15803d;align-items:center;gap:5px;padding-top:10px;font-size:7px;display:flex}.vg-library-grid article>footer svg{font-size:13px}.vg-library-empty{color:var(--muted);background:var(--surface-subtle);text-align:center;padding:60px 20px;font-size:9px}:root[data-theme=dark] .vg-workspace-title>b,:root[data-theme=dark] .vg-step-heading>span,:root[data-theme=dark] .vg-variant-number,:root[data-theme=dark] .vg-library-heading>div>span,:root[data-theme=dark] .vg-card-variants header b{color:#c7d2fe;background:#312e8194;border-color:#3730a3}:root[data-theme=dark] .vg-empty-state{background:linear-gradient(135deg,#312e8129,#581c871a);border-color:#3730a3}:root[data-theme=dark] .vg-empty-state>span{color:#c7d2fe;background:#312e8194}:root[data-theme=dark] .vg-product-copy small{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] .vg-preview-product{background:#312e813d;border-color:#4f46e5}:root[data-theme=dark] .vg-preview-product strong{color:#e0e7ff}:root[data-theme=dark] .vg-preview-heading>b,:root[data-theme=dark] .vg-library-heading>b{color:#bbf7d0;background:#14532da6}:root[data-theme=dark] .vg-preview-stage>span{color:#7dd3fc;background:#07598566}:root[data-theme=dark] .vg-card-variants strong{color:#c7d2fe}@media (width<=1180px){.vg-studio{grid-template-columns:1fr}.vg-preview{position:static}.vg-preview-canvas{grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px 6px;display:grid}.vg-flow-arrow{transform:rotate(-90deg)}.vg-flow-split{display:none}.vg-preview-variants{grid-column:1/-1;max-height:230px}}@media (width<=850px){.vg-hero{flex-direction:column;align-items:flex-start}.vg-hero-stats{grid-template-columns:repeat(3,1fr);width:100%}.vg-library-grid{grid-template-columns:1fr}}@media (width<=680px){.vg-hero{padding:20px}.vg-hero-copy{align-items:flex-start}.vg-hero-icon{flex-basis:48px;width:48px;height:48px}.vg-field-grid,.vg-product-list{grid-template-columns:1fr}.vg-workspace-title{align-items:flex-start}.vg-workspace-title>b{display:none}.vg-label-editor>label{grid-template-columns:28px minmax(0,1fr) 27px}.vg-label-editor input{grid-column:2/4}.vg-submit-bar{flex-direction:column;align-items:stretch}.vg-submit-bar>button{width:100%}.vg-preview-canvas{display:block}.vg-flow-arrow{transform:none}.vg-flow-split{display:grid}.vg-preview-variants{margin-top:0}}.variant-allocation-hero{color:#fff;background:radial-gradient(circle at 82% -60%,#22d3ee73,#0000 42%),linear-gradient(125deg,#0f3d56,#0369a1 55%,#0284c7);border:1px solid #0ea5e940;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:23px 26px;display:flex;box-shadow:0 14px 36px #0284c72e}.variant-allocation-hero>div{align-items:center;gap:15px;display:flex}.variant-allocation-hero>div>span{background:#ffffff24;border:1px solid #ffffff4d;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.variant-allocation-hero small{color:#bae6fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.variant-allocation-hero h1{margin:0 0 4px;font-size:clamp(21px,2vw,30px)}.variant-allocation-hero p{color:#ffffffc2;margin:0;font-size:11px}.variant-allocation-hero button{color:#fff;white-space:nowrap;background:#03254140;border:1px solid #ffffff4d;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.variant-allocation-hero button:hover:not(:disabled){background:#ffffff29}.variant-allocation-hero button svg{font-size:16px}.variant-allocation-stats{margin-bottom:20px}.variant-group-switcher{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:-5px 0 20px;display:grid}.variant-group-switcher button{border:1px solid var(--border);min-height:58px;color:var(--text);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:11px;padding:10px 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.variant-group-switcher button:hover{border-color:#38bdf8}.variant-group-switcher button.active{background:#0ea5e917;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e912}.variant-group-switcher button>svg{color:#0ea5e9;flex:none;font-size:22px}.variant-group-switcher button span{gap:3px;display:grid}.variant-group-switcher button strong{font-size:11px}.variant-group-switcher button small{color:var(--muted);font-size:8px}.variant-allocation-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.variant-allocation-form{padding-bottom:0}.variant-allocation-error{margin:0 20px 15px}.variant-source-card{background:linear-gradient(135deg,#0ea5e91a,#06b6d40a);border:1px solid #bae6fd;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 20px;padding:14px;display:grid}.variant-source-card>span{color:#fff;background:linear-gradient(135deg,#0284c7,#06b6d4);border-radius:11px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:0 7px 16px #0284c738}.variant-source-card>div{gap:3px;min-width:0;display:grid}.variant-source-card small{color:#0284c7;letter-spacing:.09em;font-size:8px;font-weight:900}.variant-source-card strong{color:var(--text);font-size:12px}.variant-source-card code{width:fit-content;color:var(--text-secondary);font-size:9px}.variant-source-card>b{color:#0369a1;white-space:nowrap;font-size:18px}.variant-flow-arrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:7px;padding:12px 0;font-size:9px;font-weight:700;display:flex}.variant-flow-arrow svg{color:#0ea5e9;font-size:20px;transform:rotate(90deg)}.variant-output-list{gap:10px;padding:0 20px;display:grid}.variant-output-card{border:1px solid var(--border);background:var(--surface-subtle);border-radius:12px;grid-template-columns:10px minmax(0,1fr) 145px;align-items:center;gap:12px;padding:14px;transition:border-color .18s,box-shadow .18s;display:grid}.variant-output-card:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px #0ea5e917}.variant-color-dot{background:#22c55e;border-radius:999px;width:10px;height:48px}.variant-output-card.clove .variant-color-dot{background:#a855f7}.variant-output-card.bedtime .variant-color-dot{background:#f97316}.variant-output-card.floral .variant-color-dot{background:#ec4899}.variant-output-card>div:nth-child(2){gap:3px;min-width:0;display:grid}.variant-output-card small{color:#16a34a;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.variant-output-card.clove small{color:#9333ea}.variant-output-card.bedtime small{color:#ea580c}.variant-output-card.floral small{color:#db2777}.variant-output-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.variant-output-card code{width:fit-content;font-size:8px}.variant-output-card em{color:var(--muted);font-size:8px;font-style:normal}.variant-quantity-input{position:relative}.variant-quantity-input input{border:1px solid var(--border);width:100%;height:45px;color:var(--text);background:var(--surface);text-align:right;border-radius:10px;outline:0;padding:0 42px 0 12px;font-size:15px;font-weight:800}.variant-quantity-input input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.variant-quantity-input span{color:var(--muted);pointer-events:none;font-size:9px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.variant-allocation-summary{background:#0ea5e90f;border:1px solid #bae6fd;border-radius:11px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:17px 20px 0;padding:13px 16px;display:grid}.variant-allocation-summary>div{text-align:center;gap:3px;display:grid}.variant-allocation-summary span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.variant-allocation-summary strong{color:var(--text);font-size:12px}.variant-allocation-summary>svg{color:#38bdf8;font-size:17px}.variant-allocation-summary.invalid{background:#ef444412;border-color:#fca5a5}.variant-allocation-summary.invalid>div:last-child strong{color:#dc2626}.variant-allocation-actions{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:18px;margin-top:17px;padding:16px 20px;display:flex}.variant-allocation-actions p{max-width:480px;color:var(--muted);align-items:flex-start;gap:6px;margin:0;font-size:9px;line-height:1.5;display:flex}.variant-allocation-actions p svg{color:#22c55e;flex:none;font-size:14px}.variant-allocation-empty{min-height:190px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:25px;display:flex}.variant-allocation-empty>svg{color:#94a3b8;font-size:32px}.variant-allocation-empty strong{color:var(--text);font-size:12px}.variant-allocation-empty span{font-size:9px}.variant-current-stock{position:sticky;top:20px}.variant-current-list{border-top:1px solid var(--border);background:var(--border);gap:1px;display:grid}.variant-current-list>div{background:var(--surface);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:17px;display:grid}.variant-current-list>div>span{background:#22c55e;border-radius:999px;width:8px;height:38px}.variant-current-list>div.clove>span{background:#a855f7}.variant-current-list>div.bedtime>span{background:#f97316}.variant-current-list>div.floral>span{background:#ec4899}.variant-current-list>div>div{gap:3px;display:grid}.variant-current-list strong{color:var(--text);font-size:11px}.variant-current-list small{color:var(--muted);font-size:8px}.variant-current-list b{color:var(--text);white-space:nowrap;font-size:12px}.variant-history-panel{margin-top:20px}.variant-history-breakdown{flex-wrap:wrap;gap:6px;display:flex}.variant-history-breakdown span{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex}.variant-history-breakdown span.clove{color:#6b21a8;background:#f3e8ff}.variant-history-breakdown span.bedtime{color:#9a3412;background:#ffedd5}.variant-history-breakdown span.floral{color:#9d174d;background:#fce7f3}.variant-history-breakdown b{font-size:8px}:root[data-theme=dark] .variant-source-card{background:#0369a129;border-color:#075985}:root[data-theme=dark] .variant-source-card>b{color:#7dd3fc}:root[data-theme=dark] .variant-allocation-summary{background:#0369a121;border-color:#075985}:root[data-theme=dark] .variant-history-breakdown span{color:#bbf7d0;background:#14532d}:root[data-theme=dark] .variant-history-breakdown span.clove{color:#e9d5ff;background:#581c87}:root[data-theme=dark] .variant-history-breakdown span.bedtime{color:#fed7aa;background:#7c2d12}:root[data-theme=dark] .variant-history-breakdown span.floral{color:#fbcfe8;background:#831843}@media (width<=1050px){.variant-allocation-grid{grid-template-columns:1fr}.variant-current-stock{position:static}}@media (width<=700px){.variant-allocation-hero{flex-direction:column;align-items:flex-start;padding:20px}.variant-allocation-hero button{justify-content:center;width:100%}.variant-group-switcher{grid-template-columns:1fr}.variant-output-card{grid-template-columns:9px minmax(0,1fr)}.variant-quantity-input{grid-column:2}.variant-allocation-actions{flex-direction:column;align-items:stretch}.variant-allocation-actions button{width:100%}}@media (width<=480px){.variant-source-card{grid-template-columns:40px minmax(0,1fr)}.variant-source-card>b{grid-column:2}.variant-allocation-summary{grid-template-columns:1fr}.variant-allocation-summary>svg{margin:auto;transform:rotate(90deg)}}.success-alert{color:#166534;background:linear-gradient(135deg,#f7fff9,#f0fdf4);border:1px solid #86efac;border-left:4px solid #22c55e;border-radius:9px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:11px;line-height:1.45;display:flex;box-shadow:0 3px 12px #16a34a14}.success-alert:before{content:"✓";color:#fff;background:#16a34a;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-grid}:root[data-theme=dark] .success-alert{color:#bbf7d0;background:linear-gradient(135deg,#14532d38,#052e164d);border-color:#4ade8059 #4ade8059 #4ade8059 #4ade80}.dashboard-po-toolbar{padding-top:0}.required-finish-quantity{color:#dc2626}:root[data-theme=dark] .required-finish-quantity{color:#f87171}.po-history-row{cursor:pointer}.po-history-row:hover td,.po-history-row.expanded td{background:#eff6ff}.po-history-detail-row>td{background:#eff6ff;padding:0 16px 16px}.po-history-details{background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:14px}.po-history-details-title{color:#1e3a8a;justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.po-history-details table{min-width:620px}.po-history-details th{color:#1e3a8a;background:#dbeafe}.po-history-details tbody tr.po-item-completed>td{color:#166534;background:#dcfce7}.po-history-details tbody tr.po-item-completed code{color:#166534;background:#bbf7d0}.po-history-details tbody tr.po-item-completed input:disabled{color:#166534;cursor:not-allowed;opacity:1;background:#f0fdf4;border-color:#86efac}.po-item-completed-label{color:#166534;background:#bbf7d0;border-radius:7px;align-items:center;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.manual-item-code-control{align-items:stretch;gap:8px;display:flex}.manual-item-code-control input{flex:1;min-width:0}.manual-item-code-control .btn{white-space:nowrap;flex:none}:root[data-theme=dark] .po-history-row:hover td,:root[data-theme=dark] .po-history-row.expanded td,:root[data-theme=dark] .po-history-detail-row>td{background:#172554}:root[data-theme=dark] .po-history-details{background:#0f172a;border-color:#1d4ed8}:root[data-theme=dark] .po-history-details-title{color:#bfdbfe}:root[data-theme=dark] .po-history-details-title strong,:root[data-theme=dark] .po-history-details-title span{color:#dbeafe}:root[data-theme=dark] .po-history-details table thead th{color:#fff!important;background:#1e3a8a!important;border-color:#3b82f6!important}:root[data-theme=dark] .po-history-details tbody tr.po-item-completed>td{color:#dcfce7;background:#14532d}:root[data-theme=dark] .po-history-details tbody tr.po-item-completed code{color:#dcfce7;background:#166534}:root[data-theme=dark] .po-history-details tbody tr.po-item-completed input:disabled{color:#dcfce7;background:#14532d;border-color:#4ade80}:root[data-theme=dark] .po-item-completed-label{color:#dcfce7;background:#166534}@media (width<=640px){.po-report-header{flex-direction:column;align-items:stretch}.po-report-button{align-self:flex-end}}.table-action-group{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.product-quantity{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:70px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.product-quantity.available{background:var(--green-bg);color:var(--green)}.product-quantity.low{background:var(--orange-bg);color:var(--orange)}.product-quantity.empty{color:var(--red)}.product-quantity.bulk{border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;line-height:1.35}.product-quantity.bulk span{font-size:9px;font-weight:600}.product-quantity.bulk strong{color:inherit;font-size:11px}.product-quantity-editable{cursor:pointer}.product-quantity-editable:hover .product-quantity{outline:1px dashed var(--primary-color)}.product-quantity-input{border:1px solid var(--primary-color);width:110px;font:inherit;border-radius:7px;padding:7px 9px;font-weight:700}.page-button-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text-button{color:var(--primary);background:0 0;border:none;font-size:11px;font-weight:600}.filter-button{border:1px solid var(--border);color:#475467;background:#fff;border-radius:7px;height:37px;padding:0 12px;font-size:11px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:11px;gap:15px;padding:19px;display:flex}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.stat-icon.blue{background:var(--blue-bg);color:var(--primary)}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.stat-icon.purple{background:var(--purple-bg);color:var(--purple)}.stat-content{flex-direction:column;display:flex}.stat-title{color:var(--muted);font-size:11px}.stat-value{margin:4px 0;font-size:22px}.stat-change{font-size:9px}.change-up{color:var(--green);font-weight:700}.change-label{color:#98a2b3;margin-left:4px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:18px;display:grid}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-header h3{font-size:14px}.panel-header p{color:var(--muted);margin-top:4px;font-size:10px}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{color:#667085;text-align:left;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f9fafb;padding:11px 18px;font-size:9px;font-weight:700}td{color:#475467;border-bottom:1px solid #f0f2f5;padding:13px 18px;font-size:11px}td strong{color:#1d2939}tr:last-child td{border-bottom:none}.muted{color:#98a2b3!important}.badge{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge.success{background:var(--green-bg);color:var(--green)}.badge.danger{background:var(--red-bg);color:var(--red)}.badge.warning{background:var(--orange-bg);color:var(--orange)}.badge.info{background:var(--blue-bg);color:var(--primary)}.alert-count{background:var(--red-bg);width:25px;height:25px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.low-stock-list{padding:0 20px 15px}.low-stock-item{border-bottom:1px solid #f0f2f5;padding:13px 0}.low-stock-item:last-child{border-bottom:none}.capacity-scroll{scroll-snap-type:y proximity;overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;width:100%;max-height:360px;padding:2px 12px 18px 20px;display:flex;overflow:hidden auto}.capacity-scroll::-webkit-scrollbar{width:8px}.capacity-scroll::-webkit-scrollbar-track{background:#eef2f7;border-radius:10px;margin:0 0 16px}.capacity-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.capacity-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.capacity-scroll:focus-visible{outline-offset:-3px;border-radius:8px;outline:3px solid #2563eb29}.capacity-card{border:1px solid var(--border);background:var(--surface);scroll-snap-align:start;border-radius:9px;flex:none;width:100%;padding:14px;box-shadow:0 2px 8px #1018280d}.capacity-card:last-child{border-bottom:1px solid var(--border)}.capacity-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex}.capacity-card-header>div{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.capacity-card-header strong{color:var(--text);font-size:13px}.capacity-stock-badge{background:var(--green-bg);color:var(--green);border-radius:999px;flex:none;padding:5px 9px;font-size:10px;font-weight:800}.capacity-stock-badge.low{background:var(--red-bg);color:var(--red)}.capacity-detail-grid{grid-template-columns:1fr 1fr;gap:10px 16px;padding-top:11px;display:grid}.capacity-detail-grid>div{flex-direction:column;gap:3px;min-width:0;display:flex}.capacity-detail-grid span{color:var(--muted);font-size:9px}.capacity-detail-grid strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}:root[data-theme=dark] .capacity-scroll{scrollbar-color:#475569 #1e293b}.low-stock-top{justify-content:space-between;margin-bottom:8px;display:flex}.low-stock-top div:first-child{flex-direction:column;gap:3px;display:flex}.low-stock-top strong{font-size:11px}.low-stock-top span{color:var(--muted);font-size:9px}.stock-number{color:var(--red);font-size:12px;font-weight:700}.stock-number small{color:#98a2b3;font-weight:400}.progress{background:#f1f3f6;border-radius:10px;height:5px;overflow:hidden}.progress-bar{border-radius:10px;height:100%}.progress-bar.danger{background:#ef4444}.stock-health-list{flex-direction:column;gap:10px;padding:0 20px 14px;display:flex}.stock-health-item{border:1px solid var(--border);background:var(--surface);color:inherit;text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px 12px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.stock-health-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.stock-health-item:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}.stock-health-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stock-health-icon span{opacity:.8;background:currentColor;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px}.stock-health-item>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.stock-health-item strong{color:var(--text);font-size:11px}.stock-health-item small{color:var(--muted);font-size:9px}.stock-health-item b{font-size:20px}.stock-health-view{color:var(--primary);grid-column:2/-1;margin-top:-4px;font-size:9px;font-weight:700}.health-popup-summary{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.health-popup-summary>div{flex-direction:column;gap:3px;display:flex}.health-popup-summary span{font-size:10px;font-weight:700}.health-popup-summary strong{font-size:18px}.health-popup-summary p{max-width:360px;color:var(--muted);text-align:right;font-size:10px}.health-popup-summary.healthy strong{color:var(--green)}.health-popup-summary.low strong{color:var(--orange)}.health-popup-summary.empty strong{color:var(--red)}.health-items-table{border:1px solid var(--border);border-radius:9px;max-height:430px;margin-top:14px}.health-items-table th{z-index:1;position:sticky;top:0}.stock-health-item.healthy .stock-health-icon{background:var(--green-bg);color:var(--green)}.stock-health-item.healthy b{color:var(--green)}.stock-health-item.low .stock-health-icon{background:var(--orange-bg);color:var(--orange)}.stock-health-item.low b{color:var(--orange)}.stock-health-item.empty .stock-health-icon{background:var(--red-bg);color:var(--red)}.stock-health-item.empty b{color:var(--red)}.stock-health-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin:0 20px 18px;padding-top:12px;font-size:10px;display:flex}.stock-health-footer strong{color:var(--text);font-size:12px}.stock-overview{padding:0 20px 18px}.overview-item{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:11px 0;display:flex}.overview-item:last-child{border-bottom:none}.overview-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.overview-icon.green{background:var(--green-bg);color:var(--green)}.overview-icon.red{background:var(--red-bg);color:var(--red)}.overview-icon.blue{background:var(--blue-bg);color:var(--primary)}.overview-item>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.overview-item span{color:var(--muted);font-size:9px}.overview-item strong{font-size:12px}.overview-item small{font-size:9px;font-weight:700}.positive{color:var(--green)}.negative{color:var(--red)}.activity-list{padding:0 20px 18px}.activity{border-bottom:1px solid #f0f2f5;gap:11px;padding:10px 0;display:flex}.activity:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-dot.blue{background:var(--primary)}.activity-dot.green{background:var(--green)}.activity-dot.orange{background:var(--orange)}.activity div:last-child{flex-direction:column;gap:3px;display:flex}.activity strong{font-size:10px}.activity span{color:var(--muted);font-size:9px}.activity small{color:#98a2b3;font-size:8px}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:65px;padding:13px 18px;display:flex}.search-box{border:1px solid var(--border);color:#98a2b3;border-radius:7px;align-items:center;gap:7px;width:280px;height:37px;padding:0 11px;display:flex}.search-box input{color:#344054;border:none;outline:none;width:100%;font-size:11px}.filter-actions,.action-group{gap:8px;display:flex}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.user-cell span{color:var(--muted);font-size:9px}.user-cell.small{gap:6px}.user-cell.small span{color:#475467;font-size:9px}.role-badge{color:#475467;background:#f2f4f7;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600}.status{align-items:center;gap:5px;font-size:9px;font-weight:600;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px}.status.active{color:var(--green)}.status.active i{background:var(--green)}.status.inactive{color:#98a2b3}.status.inactive i{background:#98a2b3}.row-actions{gap:4px;display:flex}.row-actions button,.more-button{color:#667085;background:0 0;border:none;border-radius:6px;width:28px;height:28px}.row-actions button:hover,.more-button:hover{background:#f2f4f7}.row-actions .delete-user-button{width:auto;color:var(--red);padding:0 8px}.delete-confirmation{flex-direction:column;gap:18px;display:flex}.delete-confirmation>p{color:var(--text-secondary);font-size:13px;line-height:1.6}.delete-confirmation .error-alert{margin:0}.error-alert{color:#991b1b;background:linear-gradient(135deg,#fff7f7,#fef2f2);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:9px;align-items:flex-start;gap:11px;width:100%;padding:12px 14px;font-size:11px;line-height:1.45;animation:.2s ease-out alert-enter;display:flex;box-shadow:0 3px 12px #dc262614}.error-alert:before{content:"!";color:#fff;background:#dc2626;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.error-alert>div{flex-direction:column;gap:2px;display:flex}.error-alert strong{color:#7f1d1d;font-size:12px}.error-alert span{color:#b91c1c}.input-group input.input-invalid,.input-group select.input-invalid{background:snow;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}@keyframes alert-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .error-alert{color:#fecaca;background:linear-gradient(135deg,#7f1d1d33,#450a0a4d);border-color:#f8717159 #f8717159 #f8717159 #f87171}:root[data-theme=dark] .error-alert strong,:root[data-theme=dark] .error-alert span{color:#fecaca}:root[data-theme=dark] .input-group input.input-invalid,:root[data-theme=dark] .input-group select.input-invalid{background:#7f1d1d1f;border-color:#f87171}.summary-chips{gap:8px;display:flex}.summary-chips span{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:7px;padding:8px 11px;font-size:10px}.summary-chips strong{color:#1d2939;margin-left:4px}.danger-text{color:var(--red)!important}.success-text{color:var(--green)!important}.product-cell{align-items:center;gap:9px;display:flex}.product-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.product-cell span{color:var(--muted);font-size:9px}.product-icon{background:var(--blue-bg);width:33px;height:33px;color:var(--primary);border-radius:7px;justify-content:center;align-items:center;display:flex}code{color:#475467;background:#f8fafc;border-radius:4px;padding:3px 5px;font-family:monospace;font-size:10px}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.warehouse-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:19px}.warehouse-card-top{justify-content:space-between;display:flex}.warehouse-icon{background:var(--blue-bg);width:40px;height:40px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;font-size:17px;display:flex}.warehouse-card h3{margin-top:15px;font-size:13px}.warehouse-code{color:var(--muted);font-size:9px}.warehouse-location{color:#667085;margin:13px 0;font-size:10px}.warehouse-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:13px;padding:13px 0;display:grid}.warehouse-stats div{flex-direction:column;gap:4px;display:flex}.warehouse-stats span{color:var(--muted);font-size:9px}.warehouse-stats strong{font-size:11px}.warehouse-footer{justify-content:space-between;align-items:center;display:flex}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mini-stat{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:18px;padding:15px 18px;display:flex}.mini-stat span{color:var(--muted);font-size:10px}.mini-stat strong{font-size:20px}.mini-stat small{font-size:9px;font-weight:700}.mini-stat.green small{color:var(--green)}.mini-stat.red small{color:var(--red)}.mini-stat.blue small{color:var(--primary)}.mini-stat.orange small{color:var(--orange)}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:18px;display:grid}.role-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:18px}.role-card-top{justify-content:space-between;display:flex}.role-icon{border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.role-icon.red{background:var(--red-bg);color:var(--red)}.role-icon.blue{background:var(--blue-bg);color:var(--primary)}.role-icon.green{background:var(--green-bg);color:var(--green)}.role-icon.gray{color:#667085;background:#f2f4f7}.role-card h3{margin-top:15px;font-size:13px}.role-card p{color:var(--muted);margin-top:4px;font-size:9px}.role-users,.role-permissions{border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.role-users span,.role-permissions span{color:var(--muted)}.role-edit{background:var(--blue-bg);width:100%;color:var(--primary);border:none;border-radius:6px;height:32px;margin-top:13px;font-size:9px;font-weight:600}.permissions-panel{margin-bottom:30px}.role-permission-picker{margin-top:18px}.permission-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.permission-checkbox-grid label{border:1px solid var(--border-color);cursor:pointer;background:var(--card-bg);border-radius:9px;align-items:center;gap:10px;padding:11px 12px;display:flex}.permission-checkbox-grid input{accent-color:#2563eb;width:17px;height:17px}@media (width<=640px){.permission-checkbox-grid{grid-template-columns:1fr}}.recipient-type-picker{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;align-items:center;gap:10px;margin:14px 0 18px;padding:12px;display:flex}.recipient-type-picker>strong{margin-right:6px}.recipient-type-picker label{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-weight:700;display:inline-flex}.recipient-type-picker label.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.recipient-type-picker input{accent-color:#2563eb}.input-group textarea{border:1px solid var(--border);color:#101828;resize:vertical;background:#fff;border-radius:7px;outline:none;width:100%;min-height:76px;padding:10px;font-size:11px;line-height:1.45}.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}:root[data-theme=dark] .customer-mode-picker{background:var(--surface-subtle);border-color:var(--border)}:root[data-theme=dark] .customer-mode-picker label{color:var(--text-secondary);background:var(--surface);border-color:var(--border)}:root[data-theme=dark] .customer-mode-picker label.selected{color:#93c5fd;background:#2563eb29;border-color:#2563eb}:root[data-theme=dark] .input-group textarea{color:var(--text-secondary);background:var(--surface);border-color:var(--border)}.stock-factory-filter{width:min(260px,100%);margin:0}.stock-factory-filter select{min-height:42px}@media (width<=640px){.stock-factory-filter{width:100%}}.check{border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:10px;display:inline-flex}.check.green{background:var(--green-bg);color:var(--green)}.check.disabled{background:var(--red-bg);color:#98a2b3}.action-badge{border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600}.action-badge.create{color:var(--primary);background:var(--blue-bg)}.action-badge.stock{color:var(--green);background:var(--green-bg)}.action-badge.update{color:var(--orange);background:var(--orange-bg)}.action-badge.login{color:var(--purple);background:var(--purple-bg)}.settings-layout{grid-template-columns:210px 1fr;gap:18px;display:grid}.settings-layout.settings-layout-single{grid-template-columns:minmax(0,1fr);width:100%;max-width:1040px}.settings-menu{flex-direction:column;gap:3px;display:flex}.settings-menu-item{text-align:left;color:#667085;background:0 0;border:none;border-radius:7px;height:40px;padding:0 12px;font-size:11px}.settings-menu-item:hover{background:#fff}.settings-menu-item.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #1018280d}.settings-content{flex-direction:column;gap:18px;display:flex}.settings-panel{padding-bottom:0}.settings-form{grid-template-columns:1fr 1fr;gap:16px;padding:0 20px 20px;display:grid}.settings-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:13px 20px;display:flex}.settings-summary-panel .panel-header{padding-bottom:18px}.aod-settings-panel{overflow:hidden}.aod-series-note{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:color-mix(in srgb, var(--primary) 7%, transparent);border-radius:10px;flex-direction:column;gap:4px;margin:0 20px 18px;padding:14px 16px;display:flex}.aod-series-note strong{color:var(--primary);font-size:13px}.aod-series-note span{color:var(--text-secondary);font-size:12px;line-height:1.5}.aod-series-form{align-items:stretch}.aod-series-card{border:1px solid var(--border);background:var(--surface-subtle,#94a3b80a);border-radius:12px;min-width:0;padding:18px}.aod-series-card-heading{flex-direction:column;gap:3px;margin-bottom:16px;display:flex}.aod-series-card-heading span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.aod-series-card-heading strong{font-size:15px}.aod-series-card .input-group small{color:var(--text-secondary);line-height:1.45}.transfer-number-settings-panel{overflow:hidden}.transfer-number-settings-panel>.panel-header{align-items:center}.transfer-sequence-list{gap:10px;padding:0 20px 20px;display:grid}.transfer-sequence-row{border:1px solid var(--border);background:var(--surface-subtle);border-radius:11px;grid-template-columns:minmax(145px,.9fr) minmax(120px,.65fr) minmax(170px,1fr) minmax(200px,1.1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.transfer-sequence-row label{gap:6px;display:grid}.transfer-sequence-row label>span{color:var(--text-secondary);font-size:10px;font-weight:700}.transfer-sequence-row select,.transfer-sequence-row input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--surface);border-radius:8px;outline:none;padding:0 11px;font-size:11px}.transfer-sequence-row input{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.transfer-sequence-row select:focus,.transfer-sequence-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.transfer-sequence-remove{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;height:40px;padding:0 12px;font-size:10px;font-weight:750}.transfer-sequence-remove:hover:not(:disabled){color:#fff;background:#dc2626}.transfer-sequence-empty{border:1px dashed var(--border);color:var(--text-secondary);background:var(--surface-subtle);text-align:center;border-radius:11px;padding:28px;font-size:11px}@media (width<=950px){.transfer-sequence-row{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-sequence-row label:nth-of-type(4){grid-column:1/2}.transfer-sequence-remove{grid-column:2}}@media (width<=620px){.transfer-number-settings-panel>.panel-header{flex-direction:column;align-items:stretch}.transfer-sequence-row{grid-template-columns:1fr}.transfer-sequence-row label:nth-of-type(4),.transfer-sequence-remove{grid-column:auto}}.security-options{padding:0 20px 15px}.security-option{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.security-option:last-child{border-bottom:none}.security-option div{flex-direction:column;gap:4px;display:flex}.security-option strong{font-size:11px}.security-option span{color:var(--muted);font-size:9px}.switch{width:38px;height:21px;position:relative}.switch input{display:none}.switch span{cursor:pointer;background:#d0d5dd;border-radius:20px;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(17px)}.modal-overlay{z-index:500;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 25px 70px #0f172a33}.modal.modal-wide{flex-direction:column;max-width:min(1180px,96vw);max-height:92vh;display:flex;overflow:hidden}.modal.modal-full{border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;max-height:none;display:flex;overflow:hidden}.modal-full .modal-header,.modal-full .modal-footer{flex:none}.modal-full .modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-wide .modal-header,.modal-wide .modal-footer{flex:none}.modal-wide .modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;min-height:0;overflow:auto}.sidebar-unread-dot{background:#22c55e;border:2px solid #0f172a;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-left:auto;animation:1.8s ease-in-out infinite sidebar-dot-pulse;box-shadow:0 0 0 3px #22c55e29,0 0 10px #22c55eb3}.sidebar-link.active .sidebar-unread-dot{border-color:#2563eb}.sidebar-transfer-dot{background:#ef4444;border:2px solid #0f172a;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-left:auto;animation:1.8s ease-in-out infinite sidebar-dot-pulse;box-shadow:0 0 0 3px #ef44442e,0 0 10px #ef4444c7}.sidebar-link.active .sidebar-transfer-dot{border-color:#2563eb}@keyframes sidebar-dot-pulse{50%{opacity:.72;transform:scale(.82)}}.modal-wide .modal-body::-webkit-scrollbar{width:9px;height:9px}.modal-wide .modal-body::-webkit-scrollbar-track{background:#eef2f7}.modal-wide .modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #eef2f7;border-radius:10px}.modal-wide .modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}:root[data-theme=dark] .modal-wide .modal-body{scrollbar-color:#475569 #1e293b}.csv-import-toolbar{background:#eff6ff;border:1px dashed #93c5fd;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.csv-import-toolbar>div{flex-direction:column;gap:4px;display:flex}.csv-import-toolbar strong{color:#1e3a8a;font-size:12px}.csv-import-toolbar span,.csv-factory-hint,.csv-file-name{color:var(--muted);font-size:10px}.csv-file-button input{display:none}.csv-factory-hint,.csv-file-name{margin-top:10px}.csv-preview-summary{background:var(--surface-subtle);border-radius:8px;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 12px;font-size:11px;display:flex}.csv-valid-count,.csv-row-valid{color:#15803d;font-weight:700}.csv-invalid-count,.csv-row-errors{color:#dc2626;font-weight:700}.csv-preview-table{border:1px solid var(--border);border-radius:9px;max-height:380px;margin-top:10px}.csv-preview-table th{z-index:1;position:sticky;top:0}.csv-preview-table .csv-row-invalid td{background:#fff7f7}.factory-products-scroll{overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;max-height:420px;overflow-y:auto}.factory-products-scroll th{z-index:2;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.factory-products-scroll::-webkit-scrollbar{width:8px}.factory-products-scroll::-webkit-scrollbar-track{background:#eef2f7}.factory-products-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.factory-products-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}:root[data-theme=dark] .factory-products-scroll{scrollbar-color:#475569 #1e293b}.csv-row-errors{min-width:150px;font-size:9px;line-height:1.4;display:block}:root[data-theme=dark] .csv-import-toolbar{background:#1e40af1f;border-color:#60a5fa59}:root[data-theme=dark] .csv-import-toolbar strong{color:#bfdbfe}:root[data-theme=dark] .csv-preview-table .csv-row-invalid td{background:#7f1d1d1f}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:19px 21px;display:flex}.modal-header h2{font-size:15px}.modal-close{color:#667085;background:#f2f4f7;border:none;border-radius:6px;width:28px;height:28px;font-size:19px}.modal-body{padding:21px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 21px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group.full{grid-column:1/-1}.input-group label{color:#344054;font-size:10px;font-weight:600}.optional-label{color:var(--muted);font-weight:400}.input-group input,.input-group select{border:1px solid var(--border);background:#fff;border-radius:7px;outline:none;height:40px;padding:0 10px;font-size:11px}.input-group input:focus,.input-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.bulk-total-preview{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:14px 16px;display:grid}.bulk-total-preview span{font-size:11px;font-weight:600}.bulk-total-preview strong{grid-row:span 2;font-size:20px}.bulk-total-preview small{color:#15803d}.transfer-item-builder{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(125px,1fr)) auto;align-items:end;gap:12px;padding:14px;display:grid}.push-enable-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:10px;padding:12px;display:flex}.push-enable-card>div{flex-direction:column;gap:3px;display:flex}.push-enable-card strong{color:#1e3a8a;font-size:12px}.push-enable-card span{color:#52637a;font-size:10px;line-height:1.35}.push-enable-card .btn{flex:none;padding:7px 12px;font-size:11px}:root[data-theme=dark] .push-enable-card{background:#172554;border-color:#1d4ed8}:root[data-theme=dark] .push-enable-card strong{color:#dbeafe}:root[data-theme=dark] .push-enable-card span{color:#bfdbfe}.dashboard-section-scroll{overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;max-height:380px;overflow-y:auto}.scrollable-data-page>.panel>.table-container,.page-table-scroll{overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;max-height:420px;overflow-y:auto}.admin-purchase-orders-page{flex-direction:column;min-height:calc(100dvh - 142px);display:flex}.admin-purchase-orders-panel{flex-direction:column;flex:1;min-height:0;display:flex}.admin-purchase-orders-table{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#64748b #e2e8f0;flex:none;height:calc(100dvh - 260px);min-height:260px;max-height:none!important;overflow-y:scroll!important}.admin-purchase-orders-table::-webkit-scrollbar{width:12px}.admin-purchase-orders-table::-webkit-scrollbar-track{background:#e2e8f0}.admin-purchase-orders-table::-webkit-scrollbar-thumb{background:#64748b;border:2px solid #e2e8f0;border-radius:10px}.po-number-link{color:var(--primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.po-number-link:hover{color:var(--primary-dark,#1d4ed8)}.po-transfer-history{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.po-transfer-history .table-container{max-height:300px}.po-transfer-empty{margin:10px 0 0}:root[data-theme=dark] .admin-purchase-orders-table{scrollbar-color:#94a3b8 #1e293b}:root[data-theme=dark] .admin-purchase-orders-table::-webkit-scrollbar-track{background:#1e293b}:root[data-theme=dark] .admin-purchase-orders-table::-webkit-scrollbar-thumb{background:#94a3b8;border-color:#1e293b}.scrollable-data-page>.panel>.table-container th,.page-table-scroll th{z-index:2;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.scrollable-data-page>.panel>.table-container::-webkit-scrollbar{width:8px;height:8px}.page-table-scroll::-webkit-scrollbar{width:8px;height:8px}.scrollable-data-page>.panel>.table-container::-webkit-scrollbar-track{background:#eef2f7}.page-table-scroll::-webkit-scrollbar-track{background:#eef2f7}.scrollable-data-page>.panel>.table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.page-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}:root[data-theme=dark] .scrollable-data-page>.panel>.table-container,:root[data-theme=dark] .page-table-scroll{scrollbar-color:#475569 #1e293b}:root[data-theme=dark] .scrollable-data-page>.panel>.table-container::-webkit-scrollbar-track{background:#1e293b}:root[data-theme=dark] .page-table-scroll::-webkit-scrollbar-track{background:#1e293b}:root[data-theme=dark] .scrollable-data-page>.panel>.table-container::-webkit-scrollbar-thumb{background:#475569}:root[data-theme=dark] .page-table-scroll::-webkit-scrollbar-thumb{background:#475569}.dashboard-section-scroll th{z-index:2;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.dashboard-section-scroll::-webkit-scrollbar{width:8px}.dashboard-section-scroll::-webkit-scrollbar-track{background:#eef2f7}.dashboard-section-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.dashboard-section-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}:root[data-theme=dark] .dashboard-section-scroll{scrollbar-color:#475569 #1e293b}:root[data-theme=dark] .dashboard-section-scroll::-webkit-scrollbar-track{background:#1e293b}:root[data-theme=dark] .dashboard-section-scroll::-webkit-scrollbar-thumb{background:#475569}.manager-available-stock-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;max-height:380px;overflow-y:auto}.manager-available-stock-scroll thead th{z-index:2;position:sticky;top:0}.manager-available-stock-scroll::-webkit-scrollbar{width:8px}.manager-available-stock-scroll::-webkit-scrollbar-track{background:#eef2f7}.manager-available-stock-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}:root[data-theme=dark] .manager-available-stock-scroll{scrollbar-color:#475569 #111827}:root[data-theme=dark] .manager-available-stock-scroll::-webkit-scrollbar-track{background:#111827}:root[data-theme=dark] .manager-available-stock-scroll::-webkit-scrollbar-thumb{background:#475569}.invoice-actions{flex-wrap:wrap;gap:6px;display:flex}.damaged-items-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.damaged-items-header .page-button-group{flex-wrap:nowrap}.modal:has(input[aria-label^=Damaged\ quantity]){flex-direction:column;max-width:min(1180px,96vw);max-height:92vh;display:flex;overflow:hidden}.modal:has(input[aria-label^=Damaged\ quantity]) .modal-body{min-height:0;overflow:auto}.modal:has(input[aria-label^=Damaged\ quantity]) .table-container{overflow-x:visible}.modal:has(input[aria-label^=Damaged\ quantity]) .table-container table{table-layout:fixed;width:100%;min-width:0}:is(.modal:has(input[aria-label^=Damaged\ quantity]) .table-container th,.modal:has(input[aria-label^=Damaged\ quantity]) .table-container td){white-space:normal;overflow-wrap:anywhere}.modal.modal-wide.pr-damaged-items-modal{max-width:min(1380px,96vw)}.pr-damaged-items-modal .table-container{overflow-x:visible}.pr-damaged-items-modal .table-container table{table-layout:fixed;width:100%;min-width:0}.pr-damaged-items-modal .table-container th,.pr-damaged-items-modal .table-container td{white-space:normal;overflow-wrap:anywhere}@media (width<=680px){.damaged-items-header{flex-direction:column;align-items:flex-start}.damaged-items-header .page-button-group{flex-wrap:wrap}}.invoice-approval-status{letter-spacing:.01em;white-space:nowrap;border:1px solid;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700}.invoice-approval-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.invoice-approval-status.badge.warning{background:color-mix(in srgb, var(--orange-bg) 60%, transparent)}.invoice-approval-status.badge.success{background:color-mix(in srgb, var(--green-bg) 60%, transparent)}.invoice-popup-preview{background:#fff;border:1px solid #cbd5e1;width:100%;height:min(75vh,900px);overflow:auto}.modal-full .invoice-preview-content{flex-direction:column;flex:1;min-height:0;display:flex}.modal-full .invoice-popup-preview{flex:1;height:auto;min-height:0}.invoice-preview-loading{color:#64748b;place-items:center;width:100%;height:100%;min-height:280px;font-weight:600;display:grid}.invoice-preview-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.invoice-preview-toolbar a{text-decoration:none}.invoice-popup-preview iframe{background:#fff;border:0;width:100%;height:100%;display:block}.invoice-popup-preview img{object-fit:contain;background:#fff;max-width:100%;margin:0 auto;display:block}.tax-invoice-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.tax-invoice{color:#111;background:#fff;width:794px;min-width:794px;min-height:1123px;margin:0 auto;padding:18px;font-family:Arial,sans-serif}.tax-invoice-heading{justify-content:space-between;align-items:center;padding:0 4px 4px;display:flex}.tax-invoice-heading h1,.tax-invoice-heading h2{color:#111;margin:0}.tax-invoice-heading h1{letter-spacing:.025em;font-size:31px}.tax-invoice-heading h2{margin-right:55px;font-size:28px}.tax-brand{align-items:center;display:flex}.tax-brand img{object-fit:contain;object-position:left center;width:250px;height:72px}.tax-invoice-info{grid-template-columns:1fr 1.2fr;gap:24px;margin:0 0 7px;display:grid}.tax-invoice-info section{border:1.5px solid #111}.tax-invoice-info section>div{border-bottom:1px solid #111;grid-template-columns:145px 1fr;min-height:36px;display:grid}.tax-invoice-info section>div:last-child{border-bottom:0}.tax-invoice-info b,.tax-invoice-info span{padding:8px;font-size:11px}.tax-invoice-info b{border-right:1px solid #111}.tax-invoice-info section>.tax-purchaser-merged{grid-template-columns:145px 1fr}.tax-purchaser-merged>div{grid-template-rows:repeat(3,minmax(36px,auto));display:grid}.tax-purchaser-merged>div b{border-bottom:1px solid #111;border-right:1px solid #111;align-items:center;display:flex}.tax-purchaser-merged>div b:last-child{border-bottom:0}.tax-purchaser-merged>span{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}.tax-purchaser-merged>span i{margin:0;padding:0;font-style:normal;line-height:1.25;display:block}.tax-purchaser-merged .tax-purchaser-address{white-space:pre-line}.tax-additional{border:1.5px solid #111;grid-template-columns:210px 1fr;min-height:42px;margin:7px 0;display:grid}.tax-additional b,.tax-additional span{align-items:center;padding:8px;display:flex}.tax-additional b{border-right:1px solid #111;font-size:11px}.tax-additional span{justify-content:center;font-size:11px;font-weight:600}.tax-invoice-items{border:1.5px solid #111;flex-direction:column;height:340px;max-height:none;display:flex;overflow:hidden}.tax-invoice-items table{min-width:720px}.tax-invoice-items th:first-child,.tax-invoice-items td:first-child{width:14%}.tax-invoice-items th:nth-child(2),.tax-invoice-items td:nth-child(2){width:46%}.tax-invoice-items th:nth-child(3),.tax-invoice-items td:nth-child(3){width:12%}.tax-invoice-items th:nth-child(4),.tax-invoice-items td:nth-child(4){width:13%}.tax-invoice-items th:nth-child(5),.tax-invoice-items td:nth-child(5){width:15%}.tax-invoice-items th:nth-child(n+3),.tax-invoice-items td:nth-child(n+3){text-align:right}.tax-invoice-items th{color:#111;background:#f1f5f9;border-color:#111}.tax-invoice-items td{color:#111;vertical-align:top;border-color:#111;border-top-style:none;border-top-width:0;border-bottom-style:none;border-bottom-width:0;height:auto;padding-top:8px;padding-bottom:8px}.tax-invoice-items input{text-align:right;min-width:125px;padding:7px}.tax-unit-price-print{display:none}.tax-invoice-items .number{text-align:right}.tax-invoice-items-fill{flex:1;grid-template-columns:14fr 46fr 12fr 13fr 15fr;min-height:0;display:grid}.tax-invoice-items-fill i{border-right:1px solid #111}.tax-invoice-items-fill i:last-child{border-right:0}.tax-invoice-totals{border:1.5px solid #111;width:100%;margin:14px 0 0}.tax-invoice-totals>div{border-bottom:1px solid #111;justify-content:space-between;gap:18px;padding:10px;font-size:12px;display:flex}.tax-invoice-totals>div:last-child{border-bottom:0}.tax-amount-words{border:1.5px solid #111;grid-template-columns:190px 1fr;margin-top:12px;display:grid}.tax-amount-words b,.tax-amount-words span{padding:9px;font-size:11px}.tax-amount-words b{border-right:1px solid #111}.tax-payment{border:1.5px solid #111;grid-template-columns:170px repeat(5,1fr);margin-top:10px;display:grid}.tax-payment>*{text-align:center;border-right:1px solid #111;padding:9px 6px;font-size:11px}.tax-payment>:last-child{border-right:0}.tax-invoice-signatures{border:1.5px solid #111;grid-template-columns:1.15fr 1.15fr 1.15fr .85fr .9fr;margin-top:10px;display:grid}.tax-invoice-signatures>div{text-align:center;border-right:1px solid #111;grid-template-rows:32px 64px;display:grid}.tax-invoice-signatures>div:last-child{border-right:0}.tax-invoice-signatures b{border-bottom:1px solid #111;padding:8px;font-size:11px}.tax-invoice-signatures span{place-items:center;padding:8px;font-size:11px;display:grid}.tax-invoice-draft-note{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;margin:18px 0 0;padding:10px;font-size:11px}@media (width<=800px){.tax-invoice{min-width:700px}}@page{size:A4 portrait;margin:.36in}@media print{html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden!important}.tax-invoice,.tax-invoice *{visibility:visible!important}.tax-invoice{zoom:.74;break-inside:avoid;page-break-inside:avoid;break-after:avoid-page;page-break-after:avoid;width:210mm;min-width:210mm;height:auto;min-height:0;max-height:none;margin:0;padding:5mm;position:absolute;inset:0;overflow:visible}.tax-invoice-items{height:72mm}.tax-invoice-toolbar,.modal-header,.modal-footer{display:none!important}}:root[data-theme=dark] .tax-invoice,:root[data-theme=dark] .tax-invoice section,:root[data-theme=dark] .tax-invoice div,:root[data-theme=dark] .tax-invoice table,:root[data-theme=dark] .tax-invoice tbody,:root[data-theme=dark] .tax-invoice tr,:root[data-theme=dark] .tax-invoice td{color:#111!important;background:#fff!important}:root[data-theme=dark] .tax-invoice h1,:root[data-theme=dark] .tax-invoice h2,:root[data-theme=dark] .tax-invoice b,:root[data-theme=dark] .tax-invoice strong,:root[data-theme=dark] .tax-invoice span{color:#111!important}:root[data-theme=dark] .tax-invoice th{color:#111!important;background:#f1f5f9!important;border-color:#111!important}:root[data-theme=dark] .tax-invoice td,:root[data-theme=dark] .tax-invoice-info section,:root[data-theme=dark] .tax-invoice-info section>div,:root[data-theme=dark] .tax-additional,:root[data-theme=dark] .tax-invoice-totals,:root[data-theme=dark] .tax-amount-words,:root[data-theme=dark] .tax-payment,:root[data-theme=dark] .tax-invoice-signatures{border-color:#111!important}:root[data-theme=dark] .tax-invoice input{color:#111!important;-webkit-text-fill-color:#111!important;background:#fff!important;border:1px solid #64748b!important}:root[data-theme=dark] .tax-invoice input::placeholder{color:#64748b!important}:root[data-theme=dark] .tax-invoice .tax-invoice-draft-note{color:#92400e!important;background:#fffbeb!important;border-left-color:#f59e0b!important}.invoice-upload-button{cursor:pointer;position:relative;overflow:hidden}.invoice-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.searchable-item-picker,.searchable-item-control{position:relative}.searchable-item-control input{width:100%;padding-right:34px}.searchable-item-arrow{color:#64748b;cursor:pointer;pointer-events:auto;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.topbar-bell-icon{color:#facc15;font-size:22px}.searchable-item-options{z-index:30;background:#fff;border:1px solid #cbd5e1;border-radius:9px;max-height:250px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 30px #0f172a2e}.modal.modal-wide.label-stock-modal{width:min(980px,94vw);max-height:88vh;overflow:hidden}.label-stock-modal .modal-body{overflow:auto}.modal.modal-wide.label-stock-modal:has(.searchable-item-options){overflow:visible}.label-stock-modal:has(.searchable-item-options) .modal-body{overflow:visible}.label-stock-modal .searchable-item-picker{z-index:40}.label-stock-modal .searchable-item-options{z-index:1000;max-height:min(320px,42vh)}:is(.label-stock-form:has(.label-xlsx-preview) .label-item-card,.label-stock-form:has(.label-xlsx-preview) .label-import-divider){display:none}.label-stock-form:has(.label-xlsx-preview){gap:12px}.label-stock-form:has(.label-xlsx-preview) .label-form-intro{padding:12px 15px}.label-stock-form:has(.label-xlsx-preview) .label-xlsx-import{padding:12px 15px}.label-stock-form:has(.label-xlsx-preview) .label-xlsx-preview{margin-bottom:2px}.label-stock-form:has(.label-xlsx-preview) .label-xlsx-preview .table-container{max-height:min(390px,44vh)}@media (height<=700px),(width<=700px){.modal.modal-wide.label-stock-modal{overflow:hidden}.label-stock-modal .modal-body{overflow:auto}}.searchable-item-options button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px 10px;display:flex}.searchable-item-options button:hover,.searchable-item-options button.selected{background:#eff6ff}.searchable-item-options button:disabled{opacity:.5;cursor:not-allowed}.searchable-item-options small,.searchable-item-empty{color:#64748b}.searchable-item-empty{text-align:center;padding:12px}.transfer-bulk-calculation{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;padding:10px 12px;display:grid}.transfer-bulk-calculation span{font-size:10px;font-weight:600}.transfer-bulk-calculation strong{grid-row:span 2;font-size:17px}.transfer-bulk-calculation small{color:#15803d;font-size:9px}.preview-bulk-quantity{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.preview-bulk-quantity span{color:var(--text-secondary);font-size:12px}.preview-bulk-quantity strong{color:var(--green);font-size:14px!important}.transfer-document{color:#172033;background:#fff;border:1px solid #d8dee8;max-width:920px;margin:0 auto;padding:30px;box-shadow:0 8px 30px #0f172a14}.transfer-document-heading{border-bottom:3px solid #1d4ed8;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.transfer-document-heading span{color:#1d4ed8;letter-spacing:.16em;font-size:11px;font-weight:800}.transfer-document-heading h2{color:#172033;letter-spacing:.04em;margin:5px 0 3px;font-size:23px}.transfer-document-heading small{color:#64748b}.transfer-document-meta{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0;display:grid}.transfer-document-meta>div,.transfer-document-details>div{flex-direction:column;gap:4px;min-width:0;display:flex}.transfer-document-meta span,.transfer-document-details span,.transfer-document-note span{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.transfer-document-meta strong,.transfer-document-details strong{overflow-wrap:anywhere;color:#172033;font-size:11px}.transfer-document-meta .document-status-pending{color:#b45309}.transfer-document-meta .document-status-received{color:#15803d}.transfer-document-route{background:#eff6ff;border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px;display:grid}.transfer-document-route>div{flex-direction:column;gap:5px;display:flex}.transfer-document-route span{color:#2563eb;font-size:9px;font-weight:800}.transfer-document-route strong{color:#172033;font-size:15px}.transfer-document-route b{color:#2563eb;font-size:20px}.transfer-document-route>div:last-child{text-align:right}.transfer-document-section{margin-top:22px}.transfer-document-section h3{color:#334155;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px}.transfer-document-details{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:16px;padding:14px;display:grid}.transfer-document-details small{color:#64748b;font-size:9px}.transfer-document-items{border:1px solid #e2e8f0;border-radius:8px}.transfer-document-items table{font-size:11px}.transfer-document-items th{color:#475569;background:#f8fafc;font-size:9px}.transfer-document-items td{color:#334155;font-size:11px}.transfer-document-items tfoot td{text-align:right;background:#f8fafc;border-top:2px solid #cbd5e1}.transfer-document-items tfoot td:last-child{color:#166534;font-size:13px}.transfer-document-note{background:#f8fafc;border-left:3px solid #94a3b8;margin-top:18px;padding:13px 14px}.transfer-document-note p{color:#334155;margin-top:5px;font-size:11px;line-height:1.5}.transfer-document-signatures{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;display:grid}.transfer-document-signatures>div{color:#64748b;text-align:center;flex-direction:column-reverse;gap:8px;font-size:9px;display:flex}.transfer-document-signatures i{border-top:1px solid #94a3b8;display:block}@media (width<=700px){.transfer-document{padding:18px}.transfer-document-heading{flex-direction:column}.transfer-document-meta,.transfer-document-details{grid-template-columns:1fr 1fr}.transfer-document-signatures{gap:14px}}@media print{body *{visibility:hidden!important}.transfer-document,.transfer-document *{visibility:visible!important}.modal.modal-wide,.modal-wide .modal-body{max-height:none!important;overflow:visible!important}.transfer-document{width:100%;max-width:none;min-height:100vh;box-shadow:none;border:0;padding:0;position:absolute;inset:0}.transfer-print-button{display:none!important}.transfer-document-items{border-radius:0;width:100%;max-height:none!important;overflow:visible!important}.transfer-document-items table{table-layout:fixed;width:100%!important;min-width:0!important}.transfer-document-items th,.transfer-document-items td{overflow-wrap:anywhere;padding:7px 8px;white-space:normal!important}.transfer-document-items th:first-child{width:6%}.transfer-document-items th:nth-child(2){width:18%}.transfer-document-items th:nth-child(3){width:25%}.transfer-document-items th:nth-child(4){width:31%}.transfer-document-items th:nth-child(5){width:20%}.transfer-document-items::-webkit-scrollbar{display:none!important}@page{size:A4;margin:.36in}}.transfer-preview{border:1px solid var(--border);border-radius:10px;margin-top:16px;overflow:hidden}.transfer-preview-header{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.transfer-preview-header>div{flex-direction:column;gap:3px;display:flex}.transfer-preview-header strong{font-size:15px}.transfer-preview-header span{color:var(--muted);font-size:12px;line-height:1.45}.transfer-preview-header b{color:var(--primary);font-size:18px}.transfer-preview table{font-size:13px}.transfer-preview>.table-container{scrollbar-gutter:stable;max-height:320px;overflow:auto}.transfer-preview>.table-container thead th{z-index:2;background:var(--surface-subtle);position:sticky;top:0}.transfer-preview th{letter-spacing:.02em;padding:12px 16px;font-size:11px}.transfer-preview td{padding:13px 16px;font-size:13px}.transfer-preview td strong{font-size:13px}.transfer-preview td code{font-size:12px}.transfer-preview td .muted{margin-top:3px;font-size:11px;display:inline-block}.transfer-preview td .btn{min-height:36px;font-size:11px}.transfer-preview-empty{color:var(--muted);text-align:center;padding:32px;font-size:13px}.transfer-back-button{margin-bottom:14px}.transfer-details-summary{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;font-size:11px;display:flex}:root[data-theme=dark] .transfer-item-builder{background:#0e74901f;border-color:#38bdf84d}:root[data-theme=dark] .searchable-item-options{background:#111827;border-color:#334155;box-shadow:0 14px 30px #0006}:root[data-theme=dark] .searchable-item-options button{color:#e5e7eb}:root[data-theme=dark] .searchable-item-options button:hover,:root[data-theme=dark] .searchable-item-options button.selected{background:#1e3a5f}:root[data-theme=dark] .transfer-bulk-calculation{color:#86efac;background:#16a34a1f;border-color:#4ade804d}:root[data-theme=dark] .transfer-bulk-calculation small{color:#4ade80}:root[data-theme=dark] .transfer-details-summary{color:#86efac;background:#16a34a1f;border-color:#4ade804d}@media (width<=700px){.transfer-item-builder{grid-template-columns:1fr}.transfer-item-builder .btn{width:100%}}:root[data-theme=dark] .bulk-total-preview{color:#86efac;background:#16a34a1f;border-color:#4ade804d}:root[data-theme=dark] .bulk-total-preview small{color:#4ade80}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{width:70px}.sidebar-brand{justify-content:center;padding:0}.brand-logo{margin:0}.brand-name,.brand-subtitle,.menu-section-title,.sidebar-link span:not(.sidebar-icon),.admin-mini-info,.logout-button{display:none}.sidebar-link{justify-content:center;padding:0}.main-wrapper{width:calc(100% - 70px);margin-left:70px}.settings-layout{grid-template-columns:1fr}.settings-menu{flex-direction:row;overflow-x:auto}.settings-menu-item{white-space:nowrap}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.warehouse-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=768px){.main-content{padding:20px}.topbar{height:70px;padding:0 20px}.topbar h1{font-size:18px}.profile-info,.profile-arrow,.topbar-divider{display:none}.dashboard-header,.page-actions{flex-direction:column;align-items:flex-start;gap:12px}.stats-grid,.stats-grid.small,.warehouse-grid,.roles-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-box{width:100%}.filter-actions{overflow-x:auto}.form-grid,.settings-form{grid-template-columns:1fr}.input-group.full{grid-column:auto}.summary-chips{flex-wrap:wrap}}@media (width<=600px){.sidebar{width:60px}.main-wrapper{width:calc(100% - 60px);margin-left:60px}.main-content{padding:16px}.topbar{height:60px;padding:0 16px}.topbar h1{font-size:16px}.stat-card{padding:15px}.stats-grid,.stats-grid.small,.warehouse-grid,.roles-grid,.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr;gap:12px}.panel-header{padding:15px}table{font-size:10px}td,th{padding:8px 12px}.btn{height:36px;padding:0 12px;font-size:11px}.form-grid{gap:12px}.input-group input,.input-group select{height:36px;font-size:10px}}@media (width<=480px){.sidebar{width:50px}.main-wrapper{width:calc(100% - 50px);margin-left:50px}.main-content{padding:12px}.topbar{height:56px;padding:0 12px}.sidebar-icon{font-size:14px}.stats-grid,.stats-grid.small,.warehouse-grid,.roles-grid,.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr;gap:10px}.stat-card{text-align:center;flex-direction:column;padding:12px}.stat-value{font-size:18px}.modal{max-width:90vw}.modal-header,.modal-body{padding:15px}.modal-footer{padding:12px 15px}}:root[data-theme=dark] .transfer-document,:root[data-theme=dark] .transfer-document td,:root[data-theme=dark] .transfer-document td strong,:root[data-theme=dark] .transfer-document code{color:#334155}.return-verification-document{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:22px;position:relative}.return-verification-print{z-index:2;color:#374151;background:#e5e7eb;position:absolute;top:12px;right:12px}.return-verification-header{border-bottom:2px solid #334155;justify-content:space-between;gap:30px;padding-bottom:18px;display:flex}.return-verification-header h2{color:#172033;margin:4px 0 6px;font-size:24px}.return-verification-header p{color:#64748b;margin:0}.return-verification-header>div:last-child{grid-template-columns:auto auto;align-items:center;gap:7px 14px;min-width:260px;display:grid}.return-verification-header small,.return-verification-meta span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.return-verification-meta{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0;display:grid}.return-verification-meta>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.return-verification-items{border:1px solid #cbd5e1;border-radius:8px}.return-verification-items th{color:#fff;text-align:left;background:#334155}.return-verification-items td{color:#334155}.return-check-box{background:#fff;border:2px solid #64748b;border-radius:3px;width:18px;height:18px;margin:auto;display:block}.return-verification-footer{color:#475569;grid-template-columns:1fr .7fr 1fr;gap:24px;margin-top:42px;font-size:11px;display:grid}:root[data-theme=dark] .return-verification-document{color:#172033;background:#f8fafc;border-color:#475569}@media (width<=760px){.return-verification-meta{grid-template-columns:1fr 1fr}.return-verification-header{flex-direction:column}.return-verification-footer{grid-template-columns:1fr}}:root[data-theme=dark] .return-verification-document,:root[data-theme=dark] .return-verification-document h2,:root[data-theme=dark] .return-verification-document strong,:root[data-theme=dark] .return-verification-document td,:root[data-theme=dark] .return-verification-document td strong,:root[data-theme=dark] .return-verification-document code{color:#172033}:root[data-theme=dark] .return-verification-header p,:root[data-theme=dark] .return-verification-header small,:root[data-theme=dark] .return-verification-meta span,:root[data-theme=dark] .return-verification-footer{color:#52637a}:root[data-theme=dark] .return-verification-meta>div,:root[data-theme=dark] .return-verification-items td{background:#f8fafc}:root[data-theme=dark] .return-verification-items th{color:#fff;background:#1e293b}:root[data-theme=dark] .return-verification-items code{color:#172033;background:#e2e8f0}@media print{.return-verification-document,.return-verification-document *{visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.return-verification-print{display:none!important}.return-verification-document{width:100%;max-width:none;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:8mm;position:absolute;inset:0}.return-verification-items{max-height:none!important;overflow:visible!important}.return-verification-items table{table-layout:fixed;width:100%!important;min-width:0!important}.return-verification-items th{color:#fff!important;background:#1e293b!important;box-shadow:inset 0 0 0 1000px #1e293b!important}}.sales-order-create-panel{border:1px solid #dbe5f2;overflow:hidden;box-shadow:0 12px 35px #0f172a12}.sales-order-create-header{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 62%,#eef2ff 100%);border-bottom:0;padding:22px 24px}.sales-order-step-label{color:#2563eb;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.sales-order-create-header h3{margin-bottom:5px;font-size:20px}.sales-order-draft-count{background:#fffc;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:120px;padding:11px 16px;display:flex}.sales-order-draft-count strong{color:#1d4ed8;font-size:22px;line-height:1}.sales-order-draft-count span{color:#64748b;font-size:10px}.sales-order-section-title{align-items:center;gap:10px;margin:22px 24px 13px;display:flex}.sales-order-section-title>span{color:#fff;background:#2563eb;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid;box-shadow:0 4px 10px #2563eb40}.sales-order-section-title>div{flex-direction:column;gap:2px;display:flex}.sales-order-section-title strong{color:var(--text);font-size:13px}.sales-order-section-title small{color:var(--muted);font-size:10px}.sales-order-customer-grid{border:1px solid var(--border);background:var(--background);border-radius:12px;margin:0 24px;padding:18px}.sales-order-customer-grid .input-group label{color:var(--text);margin-bottom:7px;font-weight:700}.sales-order-customer-grid .input-group select,.sales-order-customer-grid .input-group input{border-radius:9px;min-height:43px}.sales-order-customer-grid .input-group select:disabled{cursor:not-allowed;opacity:.72}.sales-order-item-divider{border-top:1px solid var(--border);grid-column:1/-1;margin:2px -18px 0;padding-top:4px}.sales-order-item-divider .sales-order-section-title{margin:17px 18px 5px}.sales-order-product-field{min-width:0}.sales-order-add-action{align-items:flex-end}.sales-order-add-action .btn{border-radius:9px;align-self:flex-end;min-width:190px;min-height:42px;box-shadow:0 7px 16px #16a34a2e}.sales-order-preview-title{margin-top:25px}.sales-order-preview-title b{color:#2563eb;margin-left:auto;font-size:14px}.sales-order-preview{border:1px solid var(--border);border-radius:11px;margin:0 24px}.sales-order-preview table{margin:0}.sales-order-preview th{color:#475569;background:#f1f5f9}.sales-order-preview code{color:#334155;background:#e2e8f0;border-radius:5px;padding:3px 7px}.sales-order-empty-preview{min-height:105px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.sales-order-empty-preview strong{color:var(--text);font-size:14px}.sales-order-empty-preview span{font-size:11px}.sales-order-note-grid{margin:18px 24px 0}.sales-order-note-grid label span{color:var(--muted);font-weight:500}.sales-order-note-grid textarea{resize:vertical;border-radius:10px;min-height:82px}.sales-order-submit-bar{border-top:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 24px;display:flex}.sales-order-submit-bar>div{flex-direction:column;gap:3px;display:flex}.sales-order-submit-bar strong{color:var(--text);font-size:13px}.sales-order-submit-bar span{color:var(--muted);font-size:10px}.sales-order-submit-bar .btn{border-radius:9px;min-width:190px;min-height:43px;box-shadow:0 8px 18px #2563eb38}:root[data-theme=dark] .sales-order-create-panel{border-color:#334155;box-shadow:0 14px 35px #00000038}:root[data-theme=dark] .sales-order-create-header{background:linear-gradient(135deg,#172554,#111827 60%,#1e1b4b)}:root[data-theme=dark] .sales-order-draft-count{background:#0f172abf;border-color:#3b82f6}:root[data-theme=dark] .sales-order-draft-count strong{color:#93c5fd}:root[data-theme=dark] .sales-order-customer-grid{background:#0f172a}:root[data-theme=dark] .sales-order-preview th{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] .sales-order-preview code{color:#f8fafc;background:#334155}:root[data-theme=dark] .sales-order-submit-bar{background:#111827}@media (width<=700px){.sales-order-create-header{align-items:flex-start}.sales-order-draft-count{min-width:92px}.sales-order-section-title,.sales-order-customer-grid,.sales-order-preview,.sales-order-note-grid{margin-left:15px;margin-right:15px}.sales-order-add-action .btn{width:100%}.sales-order-submit-bar{flex-direction:column;align-items:stretch;padding:15px}.sales-order-submit-bar .btn{width:100%}}.reserved-sales-order-details>.input-group.full:first-child select{pointer-events:none;cursor:not-allowed;opacity:.72}.aod-document{color:#111827;background:#fff;border:1px solid #475569;border-radius:2px;max-width:1050px;margin:0 auto;padding:28px;font-family:Arial,Helvetica,sans-serif;position:relative}.aod-print-button{z-index:2;position:absolute;top:12px;right:12px}.aod-print-actions{z-index:3;position:absolute;top:12px;right:12px}.aod-print-actions .aod-print-button{position:static}.aod-print-options{background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:132px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 22px #0f172a29}.aod-print-options button{color:#1e293b;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:11px;font-weight:700}.aod-print-options button:hover{background:#f1f5f9}.dot-matrix-aod,.a4-sparse-aod,.aod-print-copy-secondary{display:none}.aod-top-grid{border:1px solid #334155;grid-template-columns:1.1fr 1fr 1fr;display:grid}.aod-top-grid>section{border-right:1px solid #334155;min-height:190px;padding:16px}.aod-top-grid>section:last-child{border-right:0}.aod-company h2{color:#111827;margin:0 0 8px;font-size:20px}.aod-company p,.aod-company dd,.aod-customer p{color:#334155;margin:0;font-size:12px;line-height:1.45}.aod-company dl{margin:10px 0 0}.aod-company dl div{grid-template-columns:55px 1fr;display:grid}.aod-company dt,.aod-company dd{font-size:11px}.aod-reference-block{grid-template-rows:auto 1fr 34px;display:grid;padding:0!important}.aod-field,.aod-customer{border-bottom:1px solid #334155;padding:9px 10px}.aod-reference-block>:last-child{border-bottom:0;min-height:0;padding-top:5px;padding-bottom:5px}.aod-field{grid-template-columns:95px 1fr;align-items:center;display:grid}.aod-field span,.aod-customer span,.aod-info-row span,.aod-info-row label,.aod-transport span{color:#475569;font-size:9px;font-weight:700}.aod-field strong,.aod-customer strong{font-size:12px}.aod-customer{min-height:92px}.aod-customer strong{margin-top:6px;display:block}.aod-title-block{text-align:center;position:relative;padding-top:6px!important}.aod-damage-label{color:#dc2626;letter-spacing:.16em;margin:0 auto 6px;font-size:18px;font-weight:900}.aod-title-block h1{color:#fff;letter-spacing:.04em;background:#3f3f3f;margin:0;padding:8px;font-size:18px}.aod-title-block>p{margin:7px 0 12px;font-size:10px;font-style:italic}.aod-brand{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-width:250px;height:90px;margin:0 auto;display:flex;overflow:hidden}.aod-brand img{object-fit:contain;mix-blend-mode:multiply;width:100%;display:block}.aod-brand span{color:#64748b;font-size:8px;font-weight:600;line-height:1}.aod-brand .aod-plastics-logo{height:42px}.aod-brand .aod-holdings-logo{height:44px}.aod-status{letter-spacing:.06em;background:#fff;border:1px solid;margin:0;padding:3px 7px;font-size:7px;font-weight:800;display:inline-block;position:absolute;bottom:35px;right:7px}.aod-status.pending{color:#b45309}.aod-status.received{color:#15803d}.aod-title-date{text-align:left;border-top:1px solid #334155;grid-template-columns:70px 1fr;align-items:center;min-height:34px;margin:12px -16px -16px;display:grid}.aod-title-date span{color:#475569;border-right:1px solid #334155;align-self:stretch;align-items:center;padding:5px;font-size:9px;font-weight:700;display:flex}.aod-title-date strong{padding:5px;font-size:11px}.aod-info-row{border:1px solid #334155;border-top:0;grid-template-columns:1.1fr 1fr 1fr;display:grid}.aod-info-row>div{border-right:1px solid #334155;min-height:32px;padding:4px 6px}.aod-info-row>div:last-child{border-right:0}.aod-info-row span,.aod-info-row label,.aod-info-row strong{display:block}.aod-info-row strong{margin-top:4px;font-size:11px}.aod-info-row>div{align-items:center;min-height:32px;display:grid}.aod-info-row>div:first-child{grid-template-columns:102px 1fr}.aod-info-row>div:nth-child(2){grid-template-columns:80px 1fr}.aod-info-row>div:nth-child(3){grid-template-columns:70px 1fr}.aod-info-row>div span,.aod-info-row>div label,.aod-info-row>div strong{margin:0;display:inline}.aod-info-row>div span,.aod-info-row>div label{white-space:nowrap;border-right:1px solid #334155;align-self:stretch;align-items:center;padding-right:5px;display:flex}.aod-info-row>div strong{padding-left:5px}.aod-order-input{color:#111827;width:100%;min-width:0;height:24px;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:4px;padding:2px 6px}.aod-order-input:focus{border-color:#2563eb;outline:2px solid #2563eb29}:root[data-theme=dark] .aod-order-input{color:#f8fafc;background:#0f172a;border-color:#475569}.aod-route{border:1px solid #334155;border-top:0;align-items:center;gap:10px;padding:7px 10px;font-size:10px;display:flex}.aod-route span{color:#64748b;font-size:8px;font-weight:800}.aod-route b{margin:0 5px}.aod-items{border:1px solid #334155;border-top:0;border-radius:0;min-height:320px;overflow:visible}.aod-items table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0}.aod-items th{color:#fff;text-align:center;background:#414141;border-right:1px solid #fff;padding:8px;font-size:10px}.aod-items th:first-child{width:18%}.aod-items th:nth-child(2){width:48%}.aod-items th:nth-child(3){width:19%}.aod-items th:nth-child(4){width:15%}.aod-items td{color:#111827;text-align:center;vertical-align:middle;border-bottom:1px dotted #94a3b8;border-right:1px solid #334155;height:42px;padding:9px}.aod-items td:last-child{text-align:center;border-right:0}.aod-items tr.aod-empty-row>td{border-bottom:0!important}.aod-items tfoot td{text-align:center;background:#f8fafc;border-top:2px solid #334155;height:auto}.aod-transport{border:1px solid #334155;border-top:0;grid-template-columns:1fr 1fr 2fr;display:grid}.aod-receipt-update{background:#f0fdf4;border:2px solid #15803d;border-top:0;grid-template-columns:1fr 1fr;display:grid}.aod-receipt-update>div{border-right:1px solid #86efac;padding:8px 10px}.aod-receipt-update>div:nth-child(2){border-right:0}.aod-receipt-update .full{border-top:1px solid #86efac;border-right:0;grid-column:1/-1}.aod-receipt-update span,.aod-receipt-update strong{display:block}.aod-receipt-update span{color:#15803d;font-size:8px;font-weight:800}.aod-receipt-update strong{margin-top:4px;font-size:10px}.aod-transport>div{border-right:1px solid #334155;min-height:55px;padding:8px 10px}.aod-transport>div:last-child{border-right:0}.aod-transport strong,.aod-transport small{margin-top:4px;display:block}.aod-transport small{color:#64748b}.aod-transport>div:nth-child(-n+2){grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-content:center;display:grid}.aod-transport>div:nth-child(-n+2)>span{border-right:1px solid #cbd5e1;grid-area:1/1;align-self:center;padding-right:7px}.aod-transport>div:nth-child(-n+2)>strong{grid-area:1/2;align-self:center;margin:0;padding-left:7px}.aod-transport>div:nth-child(-n+2)>small{grid-area:2/2;margin:3px 0 0;padding-left:7px}.aod-signatures{border:1px solid #334155;border-top:0;grid-template-columns:1fr 1fr;display:grid}.aod-signatures>div{border-right:1px solid #334155;min-height:75px;padding:9px;font-size:10px}.aod-signatures>div:last-child{border-right:0}.aod-footer{grid-template-columns:1fr 3fr 1fr;align-items:end;gap:12px;padding:10px 4px 0;display:grid}.aod-footer strong{color:#dc2626;letter-spacing:.08em;font-size:22px}.aod-footer span{text-align:center;grid-column:2;width:100%;font-size:8px}.goods-note-document{color:#050505;background:#fff;min-height:650px;padding:24px 26px 34px;font-family:Arial,sans-serif}.goods-note-header{grid-template-columns:1fr 1fr;gap:30px;min-height:120px;display:grid}.goods-note-header>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.goods-note-header>div:first-child>strong{font-size:14px}.goods-note-header small{margin:8px 0 2px}.goods-note-header h1{color:#101ee8;margin:0;font-size:25px;line-height:1.1}.goods-note-meta{flex-direction:column;align-items:flex-end;padding-top:2px;font-size:11px;line-height:1.65;display:flex}.goods-note-meta>strong{color:#777}.goods-note-meta em{font-weight:600}.goods-note-details{grid-template-columns:1fr 1fr;gap:90px;min-height:120px;padding:8px 10px 14px;display:grid}.goods-note-details dl{margin:0}.goods-note-details dl>div{grid-template-columns:105px 1fr;align-items:center;min-height:24px;display:grid}.goods-note-details dt{font-size:10px;font-weight:700}.goods-note-details dd{margin:0;font-size:11px}.goods-note-description{margin-top:20px}.goods-note-items{border-top:1px solid #111;border-bottom:1px solid #111;max-height:none;overflow:visible}.goods-note-items table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:10px}.goods-note-items th,.goods-note-items td{color:#050505;text-align:left;background:#fff;border:0;border-bottom:1px solid #222;padding:8px 9px}.goods-note-items th{font-size:9px}.goods-note-items th:first-child{width:16%}.goods-note-items th:nth-child(2){width:44%}.goods-note-items th:nth-child(3){width:25%}.goods-note-items th:nth-child(4){text-align:right;width:15%}.goods-note-items td:nth-child(4),.goods-note-items tfoot td:nth-child(4){text-align:right}.goods-note-price-input{color:#050505;width:100%;min-width:70px;font:inherit;text-align:right;background:#fff;border:1px solid #94a3b8;border-radius:4px;padding:4px 6px}.goods-note-price-input:focus{border-color:#2563eb;outline:2px solid #2563eb26}.goods-note-items tfoot td{border-top:1px solid #111;border-bottom:0;font-weight:700}.goods-note-total{grid-template-columns:auto 130px;justify-content:end;gap:25px;margin-top:70px;padding-right:10px;font-size:11px;display:grid}.goods-note-total span{text-align:right}.goods-note-signatures{grid-template-columns:repeat(5,1fr);gap:35px;margin-top:95px;padding:0 18px;display:grid}.goods-note-signatures>div{text-align:center;border-top:2px dashed #111;padding-top:10px;position:relative}.goods-note-signatures span{font-size:9px;font-weight:700}:root[data-theme=dark] .goods-note-document{color:#050505;background:#fff}@media (width<=760px){.aod-document{min-width:760px;padding:18px}.return-verification-document{min-width:760px}.aod-print-button{top:6px;right:6px}}@media print{@page{size:A4 portrait;margin:0}.aod-document,.aod-document *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.aod-title-block h1,.aod-items th{forced-color-adjust:none;color:#fff!important;background:#3f3f3f!important;box-shadow:inset 0 0 0 1000px #3f3f3f!important}html,body{width:100%;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.sidebar,.sidebar-backdrop,.topbar{display:none!important}.admin-layout,.main-wrapper,.main-content,.main-content>div{display:contents!important}.main-content>div>:not(.modal-overlay){display:none!important}.modal-overlay{background:0 0!important;width:100%!important;height:auto!important;padding:0!important;display:block!important;position:static!important}.modal.modal-wide{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;box-shadow:none!important;border:0!important;padding:0!important;position:static!important;overflow:visible!important}.modal-wide .modal-header,.modal-wide .modal-footer{display:none!important}.modal-wide .modal-body{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}:is(html:has(.aod-print-sheet),body:has(.aod-print-sheet)){background:#fff!important;width:210mm!important;height:297mm!important;max-height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.aod-print-sheet{width:210mm!important;height:297mm!important;margin:0!important;display:block!important;position:relative!important;overflow:hidden!important}.printing-a4 .aod-print-copy{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;width:200.348mm!important;height:auto!important;max-height:140.88mm!important;margin:0!important;display:block!important;position:absolute!important;left:4.826mm!important;overflow:hidden!important}.printing-a4 .aod-print-copy-primary{top:7.62mm!important}.printing-a4 .aod-print-copy-secondary{top:auto!important;bottom:7.62mm!important}.printing-a4-single .aod-print-copy-primary{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;width:200.348mm!important;height:auto!important;max-height:140.88mm!important;margin:0!important;display:block!important;position:absolute!important;top:7.62mm!important;left:4.826mm!important;overflow:hidden!important}.printing-a4-single .aod-print-copy-secondary{display:none!important}.printing-a4-single .aod-document{box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;border:0;min-width:0;max-width:200.348mm;padding:0;overflow:hidden;width:200.348mm!important;height:auto!important;min-height:0!important;max-height:140.88mm!important;margin:0!important;position:relative!important}.printing-a4 .aod-document{box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;border:0;min-width:0;max-width:200.348mm;padding:0;overflow:hidden;width:200.348mm!important;height:auto!important;min-height:0!important;max-height:140.88mm!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important}.aod-print-button,.aod-print-actions,.goods-note-print-button{display:none!important}.goods-note-document{min-height:180mm!important;padding:4mm 5mm!important}.goods-note-price-input{background:0 0;border:0;outline:0;padding:0}.aod-order-input{color:#111827;background:0 0;border:0;outline:0;height:auto;padding:0 0 0 5px}.aod-status,.aod-footer strong{display:none!important}.aod-top-grid>section{min-height:145px;padding:10px}.aod-title-block{padding-top:4px!important}.aod-title-date{margin:5px -10px -10px}.aod-title-block h1{padding:6px;font-size:16px}.aod-title-block>p{margin:5px 0 7px}.aod-brand{height:72px}.aod-brand .aod-plastics-logo{height:36px}.aod-brand .aod-holdings-logo{height:34px}.aod-status{margin-top:7px}.aod-customer{min-height:68px}.aod-info-row>div{min-height:28px;padding:3px 5px}.aod-route{padding:5px 8px}.aod-items{min-height:215px}.aod-items td{height:30px;padding:6px 7px}.aod-transport>div{min-height:42px;padding:6px 8px}.aod-signatures>div{min-height:52px;padding:7px}.aod-footer{padding-top:5px}.aod-items table{table-layout:fixed!important}.aod-items th:first-child{width:18%!important}.aod-items th:nth-child(2){width:48%!important}.aod-items th:nth-child(3){width:19%!important}.aod-items th:nth-child(4){width:15%!important}.aod-items th:nth-child(5){width:auto!important}}:root[data-theme=dark] .transfer-document th,:root[data-theme=dark] .transfer-document tfoot td,:root[data-theme=dark] .transfer-document code{background:#f8fafc}.transfer-document.aod-document .aod-items code{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}:root[data-theme=dark] .transfer-document.aod-document .aod-items th{color:#fff;background:#414141;border-right-color:#fff}@page aod-a4{size:A4 portrait;margin:0}@page dot-matrix{size:Letter portrait;margin:0}@media print{.aod-print-sheet{page:aod-a4;break-before:avoid-page;break-after:avoid-page;page-break-before:avoid;page-break-after:avoid;background:#fff!important}.transfer-document.aod-document{page:auto}.printing-dot-matrix .a4-sparse-aod,.printing-dot-matrix .a4-sparse-aod *{visibility:visible!important}.printing-dot-matrix.aod-print-sheet{position:relative!important}.printing-dot-matrix .a4-sparse-aod{width:216mm;height:272mm;font-family:Times New Roman,Times,serif;font-size:9pt;line-height:1.15;color:#000!important;background:#fff!important;margin:0!important;display:block!important;position:absolute!important;top:7mm!important;left:0!important}.a4-sparse-document-number{text-align:center;width:210mm;font-size:10.5pt;position:absolute;top:3mm;left:0}.a4-sparse-customer{width:52mm;position:absolute;top:15.5mm;left:63mm}.a4-sparse-date{text-align:left;width:30mm;font-size:10pt;position:absolute;top:35.3mm;left:170mm}.a4-sparse-reference{width:38mm;font-size:10pt;position:absolute;top:41.8mm;left:41mm}.a4-sparse-dispatched-by{width:42mm;font-size:10pt;position:absolute;top:41.8mm;left:101mm}.a4-sparse-vehicle{width:38mm;font-size:10pt;position:absolute;top:41.8mm;left:165mm}.a4-sparse-item-bar{width:194mm;height:7.5mm;position:absolute;top:52.5mm;left:8mm;background:#e5e5e5!important}.a4-sparse-items{width:210mm;height:225mm;position:absolute;top:57.5mm;left:0}.a4-sparse-item-row{top:calc(var(--a4-row) * 7mm);grid-template-columns:28mm 119mm 30mm 33mm;width:210mm;min-height:7mm;display:grid;position:absolute;left:0}.a4-sparse-item-row span{white-space:nowrap;text-overflow:clip;padding:0 0 0 9.5mm;overflow:hidden}.a4-sparse-item-row span:nth-child(2),.a4-sparse-item-row span:nth-child(3),.a4-sparse-item-row span:nth-child(4){padding-left:9mm}.aod-print-sheet.printing-dot-matrix{page:dot-matrix;width:216mm!important;height:279mm!important;overflow:hidden!important}:is(html:has(.printing-dot-matrix),body:has(.printing-dot-matrix)){width:216mm!important;height:279mm!important;max-height:279mm!important;overflow:hidden!important}.printing-dot-matrix .aod-document{display:none!important}.printing-dot-matrix .dot-matrix-aod,.printing-dot-matrix .dot-matrix-aod *{visibility:visible!important}.printing-dot-matrix .dot-matrix-aod{display:none!important}.dot-value{white-space:nowrap;display:block;position:absolute;overflow:hidden}.dot-aod-number{width:42mm;top:10mm;left:90mm}.dot-customer{white-space:normal;width:67mm;top:22mm;left:70mm}.dot-customer-vat{width:37mm;top:43mm;left:100mm}.dot-aod-date{width:38mm;top:43mm;left:170mm}.dot-order-number{width:40mm;top:49mm;left:42mm}.dot-dispatched-by{width:35mm;top:49mm;left:110mm}.dot-vehicle-number{width:38mm;top:49mm;left:170mm}.dot-matrix-items{width:215mm;height:72mm;position:absolute;top:65mm;left:0}.dot-matrix-item-row{top:calc(var(--dot-row) * 7mm);grid-template-columns:30mm 115mm 32mm 28mm;width:205mm;min-height:7mm;display:grid;position:absolute;left:0}.dot-matrix-item-row span{white-space:nowrap;text-overflow:clip;padding:0 0 0 10mm;overflow:hidden}.dot-matrix-item-row span:nth-child(3),.dot-matrix-item-row span:nth-child(4){text-align:left}}.tgn-document{color:#090909;border:0;max-width:1120px;min-height:720px;padding:30px 24px;font-family:Arial,Helvetica,sans-serif;position:relative}.tgn-print-button{color:#374151;box-shadow:none;background:#e5e7eb;border-color:#d1d5db;position:absolute;top:10px;right:10px}.tgn-print-button:hover{color:#1f2937;background:#dbe1e8;border-color:#cbd5e1}.tgn-header{justify-content:space-between;gap:30px;min-height:125px;display:flex}.tgn-header h2{margin:0 0 22px;font-size:15px}.tgn-header h1{color:#121fe5;margin:0;font-size:24px}.tgn-print-meta{flex-direction:column;align-items:flex-end;gap:5px;padding-top:20px;font-size:12px;font-style:italic;display:flex}.tgn-print-meta strong{color:#64748b;font-style:normal}.tgn-details{grid-template-columns:1fr 1fr;gap:80px;margin:6px 10px 22px;display:grid}.tgn-details dl{grid-template-columns:130px 1fr;gap:9px 10px;margin:0;font-size:12px;display:grid}.tgn-details dt{font-weight:700}.tgn-details dd{overflow-wrap:anywhere;margin:0}.tgn-items table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:12px}.tgn-items th,.tgn-items td{color:#090909;text-align:left;border-bottom:1px solid #444;padding:9px 10px}.tgn-items th{background:#fff;border-top:2px solid #555;font-weight:700}.tgn-items th:first-child{width:12%}.tgn-items th:nth-child(2){width:29%}.tgn-items th:nth-child(3){width:17%}.tgn-items th:nth-child(4){width:9%}.tgn-items th:nth-child(5){width:7%}.tgn-items th:nth-child(6),.tgn-items th:nth-child(7){width:13%}.tgn-items th:nth-child(n+4),.tgn-items td:nth-child(n+4){text-align:right}.tgn-items th:nth-child(5),.tgn-items td:nth-child(5){text-align:center}.tgn-items tfoot td{text-align:right;border-bottom:0;padding-top:14px;font-weight:700}.tgn-net-total{grid-template-columns:1fr 160px;gap:20px;max-width:390px;margin:105px 10px 0 auto;font-size:12px;display:grid}.tgn-net-total strong,.tgn-net-total span{text-align:right}.tgn-transport{grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 10px 0;display:grid}.tgn-transport>div{flex-direction:column;gap:4px;display:flex}.tgn-transport span{color:#64748b;font-size:10px}.tgn-transport strong{font-size:12px;line-height:1.25}.tgn-transport small{color:#64748b;font-size:10px}.tgn-signatures{grid-template-columns:repeat(5,1fr);gap:42px;margin:85px 18px 0;display:grid}.tgn-signatures div{text-align:center;font-size:11px;font-weight:700}.tgn-signatures i{border-top:2px dashed #333;margin-bottom:7px;display:block}@media (width<=760px){.tgn-document{min-width:850px}.tgn-print-meta{padding-right:100px}}@media print{.tgn-document{min-height:180mm;width:100%!important;min-width:0!important;padding:0!important}.tgn-print-button{display:none!important}.tgn-header{min-height:95px}.tgn-details{margin-bottom:16px}.tgn-net-total{margin-top:55px}.tgn-signatures{margin-top:50px}}:root[data-theme=dark] body,:root[data-theme=dark] .admin-layout,:root[data-theme=dark] .main-wrapper{background:var(--bg);color:var(--text)}:root[data-theme=dark] .topbar,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .mini-stat,:root[data-theme=dark] .warehouse-card,:root[data-theme=dark] .role-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .filter-button,:root[data-theme=dark] .summary-chips span,:root[data-theme=dark] .settings-menu-item.active,:root[data-theme=dark] .settings-menu-item:hover,:root[data-theme=dark] .login-card{background:var(--surface);color:var(--text)}:root[data-theme=dark] th,:root[data-theme=dark] .role-badge,:root[data-theme=dark] .modal-close,:root[data-theme=dark] code,:root[data-theme=dark] .row-actions button:hover,:root[data-theme=dark] .more-button:hover{background:var(--surface-subtle)}:root[data-theme=dark] td,:root[data-theme=dark] td strong,:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .filter-button,:root[data-theme=dark] .search-box input,:root[data-theme=dark] .input-group label,:root[data-theme=dark] .input-group input,:root[data-theme=dark] .input-group select,:root[data-theme=dark] .role-badge,:root[data-theme=dark] code,:root[data-theme=dark] .summary-chips strong,:root[data-theme=dark] .user-cell.small span{color:var(--text-secondary)}:root[data-theme=dark] .input-group input,:root[data-theme=dark] .input-group select,:root[data-theme=dark] .search-box input{background:var(--surface)}:root[data-theme=dark] td,:root[data-theme=dark] .low-stock-item,:root[data-theme=dark] .overview-item,:root[data-theme=dark] .activity,:root[data-theme=dark] .role-users,:root[data-theme=dark] .role-permissions,:root[data-theme=dark] .security-option{border-bottom-color:var(--border)}:root[data-theme=dark] .progress,:root[data-theme=dark] .switch span{background:#334155}:root[data-theme=dark] .login-page{background:radial-gradient(circle at top left, #2563eb2e, transparent 35%), var(--bg)}:root[data-theme=dark] .login-header h1,:root[data-theme=dark] .form-group label{color:var(--text)}:root[data-theme=dark] .form-group input{color:var(--text);background:var(--surface-subtle);border-color:var(--border)}:root[data-theme=dark] .btn-edit{color:#fdba74;background:#ea580c26;border-color:#fb923c59}:root[data-theme=dark] .btn-edit:hover{background:#ea580c40}.mobile-menu-button,.sidebar-backdrop{display:none}@media (width<=768px){.admin-layout .sidebar,.admin-layout.sidebar-collapsed .sidebar{width:min(280px,84vw);transition:transform .25s;transform:translate(-100%);box-shadow:18px 0 45px #02061738}.admin-layout.mobile-menu-open .sidebar{transform:translate(0)}.admin-layout .sidebar-brand,.admin-layout.sidebar-collapsed .sidebar-brand{justify-content:flex-start;padding:0 20px}.admin-layout .brand-logo,.admin-layout.sidebar-collapsed .brand-logo{margin-right:11px}.admin-layout .brand-name,.admin-layout .brand-subtitle,.admin-layout .menu-section-title,.admin-layout .sidebar-link span:not(.sidebar-icon),.admin-layout .admin-mini-info,.admin-layout .logout-button{display:initial}.admin-layout .sidebar-link,.admin-layout.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:0 12px}.admin-layout .main-wrapper,.admin-layout.sidebar-collapsed .main-wrapper{width:100%;margin-left:0}.sidebar-backdrop{z-index:90;background:#0206178c;border:0;position:fixed;inset:0}.mobile-menu-open .sidebar-backdrop{display:block}.mobile-menu-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:9px;flex-direction:column;flex:0 0 38px;justify-content:center;align-items:center;gap:4px;display:flex}.mobile-menu-button span{background:currentColor;border-radius:2px;width:17px;height:2px}.topbar{gap:12px}.topbar-title{flex:1;min-width:0}.topbar-title h1,.topbar-title p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{flex:none;gap:8px}.table-container{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:none;max-height:92vh;overflow-y:auto}}@media (width<=480px){.topbar p,.topbar .profile{display:none}.topbar .icon-button{flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.topbar-actions{gap:0}.main-content{padding:12px}.panel-header,.table-toolbar,.modal-header,.modal-body,.modal-footer{padding-left:14px;padding-right:14px}.modal-footer .btn{flex:1}}.citytrack-page-header{align-items:center;gap:16px}.available-items-location-filter{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px}.available-location-summary{color:#172033}.available-location-count{color:#475569!important}.available-item-sku{color:#334155}:root[data-theme=dark] .available-location-summary{color:#f8fafc;background:#1e293b!important;border-left-color:#60a5fa!important}:root[data-theme=dark] .available-location-count{color:#cbd5e1!important}:root[data-theme=dark] .available-item-sku{color:#f8fafc!important;background:#334155!important}:root[data-theme=dark] .available-items-table th{color:#cbd5e1}:root[data-theme=dark] .available-items-table td,:root[data-theme=dark] .available-items-table td strong{color:#f1f5f9}:root[data-theme=dark] .available-items-location-filter{color:#f8fafc;background:#1e293b;border-color:#64748b}:root[data-theme=dark] .available-items-empty{color:#cbd5e1!important}.sales-order-document{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:760px;padding:22px;position:relative}.sales-order-print-button{z-index:2;color:#374151;background:#e5e7eb;position:absolute;top:16px;right:16px}.sales-order-document-header{border-bottom:2px solid #334155;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;display:flex}.sales-order-document-header h2{color:#172033;margin:4px 0}.sales-order-document-header small,.sales-order-document-header span,.sales-order-document-meta span,.sales-order-document-note span{color:#64748b;font-size:11px}.sales-order-document-meta{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0;display:grid}.sales-order-document-meta>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.sales-order-document-items th{color:#fff;background:#1e293b}.sales-order-document-items td,.sales-order-document-items td strong{color:#334155}.sales-order-document-items tfoot td{text-align:right;border-top:2px solid #334155;font-weight:700}.sales-order-document-note{background:#eff6ff;border-left:3px solid #2563eb;margin-top:16px;padding:12px}.sales-order-document-note p{color:#334155;margin:5px 0 0}:root[data-theme=dark] .sales-order-document,:root[data-theme=dark] .sales-order-document h2,:root[data-theme=dark] .sales-order-document strong,:root[data-theme=dark] .sales-order-document td{color:#172033}@media print{@page{size:A4 landscape;margin:.36in}body *{visibility:hidden!important}.sales-order-document,.sales-order-document *{visibility:visible!important}.sales-order-print-button{display:none!important}.sales-order-document{border:0;border-radius:0;width:100%;min-width:0;padding:0;position:absolute;inset:0}.sales-order-document-items{max-height:none!important;overflow:visible!important}.sales-order-document-items table{width:100%!important;min-width:0!important}.sales-order-document-items th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#1e293b!important;box-shadow:inset 0 0 0 1000px #1e293b!important}@page{size:A4 portrait;margin:.36in}:is(html:has(.tax-invoice),body:has(.tax-invoice)){width:191.712mm!important;height:278.712mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.tax-invoice) .tax-invoice{box-sizing:border-box!important;zoom:1!important;break-inside:avoid!important;page-break-inside:avoid!important;width:191.712mm!important;min-width:191.712mm!important;height:278.712mm!important;min-height:278.712mm!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}body:has(.tax-invoice) .tax-brand img{width:54mm;height:15mm}body:has(.tax-invoice) .tax-invoice-heading h2{margin-right:15mm;font-size:20px}body:has(.tax-invoice) .tax-invoice-info{gap:4mm;margin-bottom:2mm}body:has(.tax-invoice) .tax-invoice-info section>div{grid-template-columns:36mm 1fr;min-height:7mm}body:has(.tax-invoice) .tax-invoice-info section>.tax-purchaser-merged{grid-template-columns:36mm 1fr}body:has(.tax-invoice) .tax-purchaser-merged>div{grid-template-rows:repeat(3,minmax(7mm,auto))}:is(body:has(.tax-invoice) .tax-invoice-info b,body:has(.tax-invoice) .tax-invoice-info span){padding:1.5mm;font-size:8px}body:has(.tax-invoice) .tax-additional{grid-template-columns:45mm 1fr;min-height:8mm;margin:2mm 0}:is(body:has(.tax-invoice) .tax-additional b,body:has(.tax-invoice) .tax-additional span){padding:1.5mm;font-size:8px}body:has(.tax-invoice) .tax-invoice-items{height:72mm}body:has(.tax-invoice) .tax-invoice-items table{table-layout:fixed;min-width:0}:is(body:has(.tax-invoice) .tax-invoice-items th,body:has(.tax-invoice) .tax-invoice-items td){padding:1.5mm;font-size:8px}body:has(.tax-invoice) .tax-unit-price-input{display:none!important}body:has(.tax-invoice) .tax-unit-price-print{text-align:right;font-size:8px;color:#111!important;padding:0!important;display:block!important}body:has(.tax-invoice) .tax-invoice-totals{margin-top:2mm}body:has(.tax-invoice) .tax-invoice-totals>div{padding:1.5mm 2mm;font-size:8px}body:has(.tax-invoice) .tax-amount-words{grid-template-columns:42mm 1fr;margin-top:2mm}:is(body:has(.tax-invoice) .tax-amount-words b,body:has(.tax-invoice) .tax-amount-words span){padding:1.5mm;font-size:8px}body:has(.tax-invoice) .tax-payment{grid-template-columns:38mm repeat(5,1fr);margin-top:2mm}body:has(.tax-invoice) .tax-payment>*{padding:1.5mm 1mm;font-size:8px}body:has(.tax-invoice) .tax-invoice-signatures{margin-top:2mm}body:has(.tax-invoice) .tax-invoice-signatures>div{grid-template-rows:7mm 18mm}:is(body:has(.tax-invoice) .tax-invoice-signatures b,body:has(.tax-invoice) .tax-invoice-signatures span){padding:1.5mm;font-size:8px}body:has(.tax-invoice) .tax-invoice-draft-note{display:none!important}body:has(.tax-invoice) .tax-invoice-info section{border:.75px solid #555!important}body:has(.tax-invoice) .tax-additional{border:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-items{border:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-totals{border:.75px solid #555!important}body:has(.tax-invoice) .tax-amount-words{border:.75px solid #555!important}body:has(.tax-invoice) .tax-payment{border:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-signatures{border:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-info section>div{border-bottom:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-totals>div{border-bottom:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-info section>div:last-child{border-bottom:0!important}body:has(.tax-invoice) .tax-invoice-totals>div:last-child{border-bottom:0!important}body:has(.tax-invoice) .tax-invoice-info b{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-additional b{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-amount-words b{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-payment>*{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-signatures>div{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-purchaser-merged>div b{border-bottom:.75px solid #555!important;border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-purchaser-merged>div b:last-child{border-bottom:0!important}body:has(.tax-invoice) .tax-payment>:last-child{border-right:0!important}body:has(.tax-invoice) .tax-invoice-signatures>div:last-child{border-right:0!important}body:has(.tax-invoice) .tax-invoice-signatures b{border-bottom:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-items th{border-top:0!important;border-bottom:.75px solid #555!important;border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-items th:last-child{border-right:0!important}body:has(.tax-invoice) .tax-invoice-items td{border-bottom:0!important;border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-items td:last-child{border-right:0!important}body:has(.tax-invoice) .tax-invoice-items-fill i{border-right:.75px solid #555!important}body:has(.tax-invoice) .tax-invoice-items-fill i:last-child{border-right:0!important}}.citytrack-api-error{flex-direction:column;gap:3px;margin-bottom:16px;display:flex}.citytrack-api-error small{opacity:.8}.fleet-monitor{grid-template-columns:330px minmax(0,1fr);min-height:660px;padding:0;display:grid;overflow:hidden}.fleet-list-panel{border-right:1px solid #e2e8f0;flex-direction:column;min-width:0;display:flex}.fleet-toolbar{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 90px;gap:8px;padding:12px;display:grid}.fleet-toolbar label{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.fleet-toolbar input,.fleet-toolbar select{background:0 0;border:0;outline:0;width:100%;min-width:0}.fleet-toolbar select{border:1px solid #cbd5e1;border-radius:8px;padding:0 8px}.fleet-list{max-height:610px;overflow-y:auto}.fleet-list-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:13px 12px;display:grid}.fleet-list-item:hover,.fleet-list-item.selected{background:#eff6ff}.fleet-list-item div{flex-direction:column;gap:2px;min-width:0;display:flex}.fleet-list-item strong,.fleet-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fleet-list-item small{color:#64748b;font-size:9px}.fleet-list-item b{color:#475569;font-size:10px}.fleet-status-dot{background:#94a3b8;border-radius:50%;width:9px;height:9px;display:inline-block}.fleet-status-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.fleet-status-dot.offline{background:#ef4444}.fleet-map-panel{min-width:0;position:relative}.fleet-map{width:100%;height:660px}.fleet-map-marker{background:#64748b;border:3px solid #fff;border-radius:50%;place-items:center;font-size:19px;display:grid;box-shadow:0 4px 14px #0f172a4d}.fleet-map-marker.online{background:#22c55e}.fleet-map-marker.offline{background:#ef4444}.fleet-map-marker.selected{transform:scale(1.2);box-shadow:0 0 0 5px #2563eb40,0 4px 14px #0f172a59}.fleet-selected-card{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #cbd5e1e6;border-radius:12px;width:min(390px,100% - 32px);padding:15px;position:absolute;bottom:16px;right:16px;box-shadow:0 12px 35px #0f172a33}.fleet-selected-card>div:first-child{align-items:center;gap:8px;display:flex}.fleet-selected-card>div:first-child small{color:#64748b;margin-left:auto}.fleet-selected-card dl{grid-template-columns:1fr 1fr;gap:9px;margin:13px 0;display:grid}.fleet-selected-card dl div{background:#f8fafc;border-radius:8px;padding:8px}.fleet-selected-card dt{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:700}.fleet-selected-card dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:10px;font-weight:700}:root[data-theme=dark] .fleet-list-panel,:root[data-theme=dark] .fleet-toolbar,:root[data-theme=dark] .fleet-list-item{border-color:#334155}:root[data-theme=dark] .fleet-toolbar label,:root[data-theme=dark] .fleet-toolbar select{color:#cbd5e1;background:#0f172a;border-color:#475569}:root[data-theme=dark] .fleet-list-item{color:#e2e8f0}:root[data-theme=dark] .fleet-list-item:hover,:root[data-theme=dark] .fleet-list-item.selected{background:#172554}:root[data-theme=dark] .fleet-selected-card{color:#e2e8f0;background:#0f172af2;border-color:#475569}:root[data-theme=dark] .fleet-selected-card dl div{background:#1e293b}@media (width<=900px){.fleet-monitor{grid-template-columns:1fr}.fleet-list-panel{border-bottom:1px solid #e2e8f0;border-right:0}.fleet-list{max-height:280px}.fleet-map{height:520px}}.label-stock-table{border-collapse:collapse;border:1px solid #cbd5e1}.label-stock-table th,.label-stock-table td{border:1px solid #cbd5e1}.label-stock-table .label-group{text-align:center}.label-stock-table tbody td:nth-child(2),.label-stock-table tfoot td:nth-child(2),.label-stock-table tbody td:nth-child(4),.label-stock-table tfoot td:nth-child(4),.label-stock-table tbody td:nth-child(6),.label-stock-table tfoot td:nth-child(6){border-right-width:2px;border-right-color:#94a3b8}.label-stock-table thead tr:first-child .label-group,.label-stock-table thead tr:first-child th:last-child{border-left-width:2px;border-left-color:#94a3b8}.label-stock-table thead tr:nth-child(2) th:nth-child(2),.label-stock-table thead tr:nth-child(2) th:nth-child(4){border-right-width:2px;border-right-color:#94a3b8}:root[data-theme=dark] .label-stock-table,:root[data-theme=dark] .label-stock-table th,:root[data-theme=dark] .label-stock-table td{border-color:#40506a}:root[data-theme=dark] .label-stock-table tbody td:nth-child(2),:root[data-theme=dark] .label-stock-table tbody td:nth-child(4),:root[data-theme=dark] .label-stock-table tbody td:nth-child(6),:root[data-theme=dark] .label-stock-table tfoot td:nth-child(2),:root[data-theme=dark] .label-stock-table tfoot td:nth-child(4),:root[data-theme=dark] .label-stock-table tfoot td:nth-child(6),:root[data-theme=dark] .label-stock-table thead .label-group{border-color:#64748b}.label-stock-table .label-group.varnish{color:#66551a;background:#eee6ca}.label-stock-table .label-group.non-varnish{color:#36526b;background:#dce6ef}.label-stock-table .label-quantity{text-align:right;font-variant-numeric:tabular-nums}.label-stock-table .editable-label-quantity{cursor:cell;transition:background-color .15s,box-shadow .15s}.label-stock-table .editable-label-quantity:hover{background:#2563eb1a;box-shadow:inset 0 0 0 1px #60a5fa59}.label-stock-table .editable-label-quantity input{box-sizing:border-box;background:var(--card-bg);width:12ch;min-width:0;max-width:100%;color:var(--text);text-align:right;border:1px solid #3b82f6;border-radius:6px;outline:3px solid #3b82f626;padding:7px 9px;font-weight:800;display:inline-block}.label-stock-table tfoot td{background:var(--surface-subtle);border-top:2px solid var(--border)}.pr-officer-label-view .label-stock-table thead tr:first-child th:last-child,.pr-officer-label-view .label-stock-table tbody td:last-child,.pr-officer-label-view .label-stock-table tfoot td:last-child{display:none}.label-stock-form{flex-direction:column;gap:18px;display:flex}.label-xlsx-import{background:#2563eb0f;border:1px dashed #60a5fa;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.label-xlsx-import>div:first-child{flex-direction:column;gap:3px;display:flex}.label-xlsx-import strong{color:var(--text);font-size:13px}.label-xlsx-import span{color:var(--text-secondary);font-size:11px}.label-xlsx-preview{border:1px solid var(--border);border-radius:11px;overflow:hidden}.label-xlsx-preview .csv-preview-summary{border-radius:0;margin:0}.label-xlsx-preview .table-container{max-height:260px}.label-xlsx-preview th{z-index:2;position:sticky;top:0}.csv-skip-count,.csv-row-skipped-status{color:#d97706;font-weight:700}.label-xlsx-preview .csv-row-skipped td{background:#f59e0b12}.label-import-divider{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:10px;display:flex}.label-import-divider:before,.label-import-divider:after{content:"";background:var(--border);flex:1;height:1px}.label-form-intro{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb 55%,#3b82f6);border-radius:12px;align-items:center;gap:14px;padding:15px 18px;display:flex;box-shadow:0 8px 24px #2563eb33}.label-form-intro-icon{background:#ffffff29;border:1px solid #ffffff59;border-radius:11px;flex:0 0 42px;place-items:center;height:42px;font-size:21px;font-weight:900;display:grid}.label-form-intro strong,.label-form-intro span,.label-form-heading strong,.label-form-heading small{display:block}.label-form-intro strong{margin-bottom:3px;font-size:15px}.label-form-intro span{color:#ffffffd1;font-size:12px;line-height:1.5}.label-item-card{border:1px solid var(--border);background:var(--card-bg);border-radius:13px;padding:18px}.label-item-card>.input-group{margin:15px 0 14px}.label-form-heading{align-items:center;gap:10px;display:flex}.label-form-heading>span{color:#60a5fa;background:#2563eb26;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.label-form-heading strong{color:var(--text);font-size:14px}.label-form-heading small{color:var(--text-secondary);margin-top:2px;font-size:11px}.label-quantity-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 2px;display:flex}.label-grand-total{color:var(--text-secondary);background:var(--surface-soft);white-space:nowrap;border-radius:9px;padding:8px 13px;font-size:12px}.label-grand-total b{color:#3b82f6;margin:0 3px 0 5px;font-size:17px}.label-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.label-form-section{background:linear-gradient(145deg,#fffdf7,#fbf6e8);border:1px solid #ead99c;border-radius:14px;padding:18px;box-shadow:0 5px 18px #5546140f}.label-form-section.non-varnish{background:linear-gradient(145deg,#fafdff,#edf5fb);border-color:#c9dcea;box-shadow:0 5px 18px #1e40640f}.label-section-title{align-items:center;gap:10px;margin-bottom:17px;display:flex}.label-section-title>div{flex:1;min-width:0}.label-section-title strong,.label-section-title span{display:block}.label-section-title strong{color:#554615;font-size:14px}.label-form-section.non-varnish .label-section-title strong{color:#244d6c}.label-section-title div span{color:#7c704b;margin-top:2px;font-size:11px}.label-form-section.non-varnish .label-section-title div span{color:#607c91}.label-section-title b{color:#66551a;white-space:nowrap;font-size:13px}.label-form-section.non-varnish .label-section-title b{color:#365f7d}.label-finish-dot{background:#c8a73c;border-radius:20px;width:10px;height:36px}.label-finish-dot.non-varnish{background:#5b91ba}.label-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.label-side-grid label{display:block;position:relative}.label-side-grid label>span{color:#776831;letter-spacing:.1em;margin:0 0 6px 2px;font-size:10px;font-weight:900;display:block}.non-varnish .label-side-grid label>span{color:#4b718d}.label-side-grid input{background:var(--card-bg);width:100%;min-height:49px;color:var(--text);font-variant-numeric:tabular-nums;border:1px solid #78642338;border-radius:10px;padding:10px 52px 10px 13px;font-size:17px;font-weight:800}.non-varnish .label-side-grid input{border-color:#32648738}.label-side-grid input:focus{border-color:#2563eb;outline:3px solid #2563eb1f}.label-side-grid label>small{color:var(--text-secondary);pointer-events:none;font-size:10px;position:absolute;bottom:16px;right:11px}:root[data-theme=dark] .label-form-section{background:linear-gradient(145deg,#1b1a15,#171814);border-color:#66582b}:root[data-theme=dark] .label-form-section.non-varnish{background:linear-gradient(145deg,#121c25,#111923);border-color:#304e64}:root[data-theme=dark] .label-section-title strong{color:#ead98f}:root[data-theme=dark] .label-form-section.non-varnish .label-section-title strong{color:#acd2ed}:root[data-theme=dark] .label-section-title div span{color:#b8aa77}:root[data-theme=dark] .label-form-section.non-varnish .label-section-title div span{color:#8daec5}:root[data-theme=dark] .label-section-title b{color:#e5cf75}:root[data-theme=dark] .label-form-section.non-varnish .label-section-title b{color:#91c2e3}@media (width<=700px){.label-stock-table{min-width:820px}.label-type-grid{grid-template-columns:1fr}.label-quantity-heading,.label-xlsx-import{flex-direction:column;align-items:flex-start}.label-grand-total{text-align:center;align-self:stretch}}.dashboard-po-item-list{gap:7px;min-width:360px;display:grid}.dashboard-po-item-list>div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:7px;grid-template-columns:minmax(90px,auto) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.dashboard-po-item-list span{color:var(--text-secondary)}.sales-dashboard-header{min-height:42px;margin-bottom:10px;padding-right:280px;display:block;position:relative}.digital-signature-card{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;min-width:250px;padding:12px;display:grid}.sales-dashboard-header .digital-signature-card{z-index:1;position:absolute;top:-12px;right:0}.sales-transfers-panel{flex-direction:column;min-height:calc(100dvh - 260px);display:flex}.scrollable-data-page>.sales-transfers-panel>.table-container{flex:1;min-height:0;max-height:none}.digital-signature-card>div{gap:3px;display:grid}.digital-signature-card span{color:var(--text-secondary);letter-spacing:.05em;font-size:10px;font-weight:800}.digital-signature-card strong{font-size:12px}.digital-signature-card img{object-fit:contain;object-position:left center;background:#fff;border-radius:5px;grid-column:1/-1;width:100%;max-width:240px;height:68px}.digital-signature-card small{color:var(--text-secondary)}.signature-upload-button{grid-column:1/-1;justify-self:start}.signature-upload-button input{display:none}@media (width<=700px){.sales-dashboard-header{min-height:0;padding-right:0}.sales-dashboard-header .digital-signature-card{width:100%;margin-top:14px;position:static}.digital-signature-card{width:100%}.sales-transfers-panel{min-height:0}.scrollable-data-page>.sales-transfers-panel>.table-container{flex:initial}}.communication-history-page{max-width:1500px;margin:0 auto}.communication-details-modal{max-width:780px}.communication-detail-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.communication-detail-heading h3{color:var(--text);margin:0 0 5px;font-size:18px}.communication-detail-heading p{color:var(--muted);margin:0;font-size:12px}.communication-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.communication-detail-grid>div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:9px;padding:12px}.communication-detail-grid span,.communication-detail-grid strong{display:block}.communication-detail-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700}.communication-detail-grid strong{color:var(--text);font-size:13px}.communication-detail-section{margin-top:18px}.communication-detail-section h4{color:var(--text);margin:0 0 8px;font-size:13px}.communication-detail-section h4 small{color:var(--muted);font-weight:500}.communication-message-body{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;margin:0;padding:13px;font-size:13px;line-height:1.6}.communication-recipient-list{border:1px solid var(--border);border-radius:9px;max-height:230px;margin:0;padding:0;list-style:none;overflow:auto}.communication-recipient-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 13px;font-size:12px;display:flex}.communication-recipient-list li:last-child{border-bottom:0}.communication-recipient-list strong{color:var(--text)}.communication-recipient-list span{color:var(--muted);overflow-wrap:anywhere;text-align:right}.communication-empty-recipients{border:1px dashed var(--border);color:var(--muted);border-radius:9px;margin:0;padding:13px;font-size:12px}@media (width<=650px){.communication-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.communication-recipient-list li{display:block}.communication-recipient-list span{text-align:left;margin-top:4px;display:block}}.operations-dashboard{max-width:1600px;margin:0 auto}.operations-header{color:#fff;background:linear-gradient(120deg,#312e81,#7c3aed);border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:24px 26px;display:flex}.operations-header span{color:#ddd6fe;letter-spacing:.12em;font-size:10px;font-weight:800}.operations-header h1{margin:5px 0;font-size:27px}.operations-header p{color:#ede9fe;margin:0;font-size:12px}.operations-header button{color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #c4b5fd;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}.operations-tabs{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.operations-tabs button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800}.operations-tabs button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.operations-panel{padding:20px}.operations-panel h3{align-items:center;gap:8px;margin:0 0 17px;display:flex}.operations-loading{text-align:center;padding:32px}.operations-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.operations-process-list{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;min-height:150px;padding:15px}.operations-process-list h4{justify-content:space-between;margin:0 0 9px;display:flex}.operations-process-list h4 span{color:#5b21b6;text-align:center;background:#ede9fe;border-radius:999px;min-width:22px;padding:3px 7px;font-size:10px}.operations-process-list p{border-top:1px solid var(--border);color:var(--text-secondary);margin:0;padding:8px 0;font-size:11px;line-height:1.45}@media (width<=650px){.operations-header{flex-direction:column;align-items:flex-start}.operations-subgrid{grid-template-columns:1fr}}.operations-row-hint{color:var(--muted);margin:-8px 0 14px;font-size:11px}.operations-clickable-row{cursor:pointer}.operations-clickable-row:hover td{background:#7c3aed14}.operation-order-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.operation-order-meta div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:8px;gap:4px;padding:11px;display:grid}.operation-order-meta span{color:var(--muted);font-size:10px;font-weight:700}.operation-order-meta strong{font-size:12px}.operation-order-note{color:var(--text-secondary);margin:16px 0 0}@media (width<=650px){.operation-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.operations-filter{border:1px solid var(--border);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:10px 13px;display:flex}.operations-filter input{border:1px solid var(--border);width:min(500px,100%);height:38px;color:var(--text);background:var(--surface-subtle);border-radius:7px;outline:none;padding:0 11px}.operations-filter select{border:1px solid var(--border);min-width:175px;height:38px;color:var(--text);background:var(--surface-subtle);border-radius:7px;outline:none;padding:0 10px}.operations-filter input:focus,.operations-filter select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.operations-filter span{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}@media (width<=650px){.operations-filter{flex-direction:column;align-items:stretch}}.operations-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.operations-chart-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:17px}.operations-chart-card h3{margin:0 0 4px;font-size:14px}.operations-chart-card p{color:var(--muted);margin:0 0 15px;font-size:10px}.operations-chart-bars{gap:10px;display:grid}.operations-chart-row{color:var(--text-secondary);grid-template-columns:110px 1fr auto;align-items:center;gap:9px;font-size:10px;font-weight:700;display:grid}.operations-chart-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operations-chart-row>div{background:var(--surface-subtle);border-radius:99px;height:10px;overflow:hidden}.operations-chart-row i{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa);height:100%;display:block}.process-status-chart .operations-chart-row i{background:linear-gradient(90deg,#2563eb,#60a5fa)}.operations-chart-row strong{color:var(--text);font-size:10px}@media (width<=700px){.operations-charts{grid-template-columns:1fr}}.communication-history-header{color:#fff;background:linear-gradient(120deg,#0f2b5b,#2563eb);border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:23px 25px;display:flex}.communication-history-header span{color:#bfdbfe;letter-spacing:.12em;font-size:10px;font-weight:800}.communication-history-header h1{align-items:center;gap:9px;margin:5px 0;font-size:26px;display:flex}.communication-history-header p{color:#dbeafe;margin:0;font-size:12px}.communication-history-header button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #93c5fd;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}.communication-history-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.communication-history-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 19px;display:flex}.communication-history-toolbar strong,.communication-history-toolbar small{display:block}.communication-history-toolbar small,.history-preview,.communication-history-table td small{color:var(--muted);margin-top:4px;font-size:10px}.history-filters{gap:7px;display:flex}.history-filters button,.history-details{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-subtle);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.history-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.communication-history-table table{min-width:1050px}.history-channel{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.history-channel.email{color:#1d4ed8;background:#dbeafe}.history-channel.sms{color:#047857;background:#d1fae5}.history-preview{text-overflow:ellipsis;white-space:nowrap;max-width:330px;overflow:hidden}.history-sent,.history-partial{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.history-sent{color:#15803d;background:#dcfce7}.history-partial{color:#b45309;background:#fef3c7}.history-detail-row td{background:var(--surface-subtle)}.history-detail-row div{padding:4px 10px}.history-detail-row p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 12px;font-size:11px}@media (width<=650px){.communication-history-header,.communication-history-toolbar{flex-direction:column;align-items:flex-start}}.system-history-page{max-width:1650px;margin:0 auto}.system-history-header{color:#fff;background:linear-gradient(120deg,#111827,#4338ca 58%,#2563eb);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:24px 26px;display:flex;box-shadow:0 14px 35px #2537a02e}.system-history-header span{color:#c7d2fe;letter-spacing:.14em;font-size:10px;font-weight:900}.system-history-header h1{align-items:center;gap:10px;margin:5px 0;font-size:27px;display:flex}.system-history-header p{color:#dbeafe;margin:0;font-size:12px}.system-history-header .btn{color:#fff;background:#ffffff1f;border-color:#fff6;align-items:center;gap:7px;display:inline-flex}.history-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.history-summary-grid article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:13px;padding:17px 18px;display:flex}.history-summary-grid article>svg{color:#2563eb;background:#dbeafe;border-radius:10px;width:36px;height:36px;padding:8px}.history-summary-grid article.success>svg{color:#15803d;background:#dcfce7}.history-summary-grid article.danger>svg{color:#b91c1c;background:#fee2e2}.history-summary-grid article.admin>svg{color:#6d28d9;background:#ede9fe}.history-summary-grid span,.history-summary-grid strong{display:block}.history-summary-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.history-summary-grid strong{color:var(--text);margin-top:4px;font-size:22px}.system-history-card{overflow:hidden}.system-history-filters{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:minmax(230px,1.8fr) repeat(4,minmax(120px,.8fr)) repeat(2,minmax(145px,.8fr)) auto auto;align-items:end;gap:9px;padding:15px;display:grid}.system-history-filters select,.system-history-filters input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--surface);border-radius:8px;outline:none;padding:0 10px;font-size:11px}.system-history-filters select:focus,.system-history-filters input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51c}.history-search{position:relative}.history-search svg{color:var(--muted);position:absolute;top:12px;left:11px}.history-search input{padding-left:33px}.history-date span{color:var(--muted);text-transform:uppercase;margin:0 0 4px 2px;font-size:9px;font-weight:800;display:block}.system-history-filters .btn{white-space:nowrap;min-height:40px}.system-history-table table{min-width:1550px}.system-history-table td{vertical-align:top}.system-history-table td strong,.system-history-table td small{display:block}.system-history-table td small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.35}.system-history-table .history-description{max-width:300px}.history-change{min-width:155px}.history-change strong{color:#0f766e;font-size:11px}.history-time{min-width:145px;color:var(--text-secondary);font-size:11px}.history-module{color:#3730a3;white-space:nowrap;background:#e0e7ff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.history-result{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.history-result.success{color:#15803d;background:#dcfce7}.history-result.failed{color:#b91c1c;background:#fee2e2}.history-method{color:#fff;background:#64748b;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:900;display:inline-block}.history-method.post{background:#059669}.history-method.put,.history-method.patch{background:#2563eb}.history-method.delete{background:#dc2626}.history-path{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.history-view-button{border:1px solid var(--border);color:#4338ca;background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex}.history-empty{color:var(--muted);text-align:center;padding:38px!important}.history-pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;font-size:10px;display:flex}.history-pagination div{align-items:center;gap:10px;display:flex}.history-pagination button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:7px;padding:7px 10px}.history-pagination button:disabled{opacity:.45;cursor:not-allowed}.activity-change-items{color:var(--text-secondary);margin:8px 0 0;padding-left:18px;font-size:12px}.activity-detail-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.activity-detail-heading h3{color:var(--text);margin:0 0 5px;font-size:18px}.activity-detail-heading p{color:var(--muted);margin:0;font-size:11px}.activity-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.activity-detail-grid>div,.activity-detail-section{border:1px solid var(--border);background:var(--surface-subtle);border-radius:9px;padding:13px}.activity-detail-grid span,.activity-detail-grid strong,.activity-detail-grid small{display:block}.activity-detail-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.activity-detail-grid strong{color:var(--text);overflow-wrap:anywhere;font-size:11px}.activity-detail-grid small{color:var(--muted);margin-top:4px;font-size:9px}.activity-detail-section{margin-top:11px}.activity-detail-section h4{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px}.activity-detail-section p{color:var(--text-secondary);margin:0;font-size:12px}.activity-json-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.activity-detail-section pre{color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;border-radius:7px;max-height:330px;margin:0;padding:12px;font:10px/1.55 Consolas,monospace;overflow:auto}.activity-redaction-note{color:var(--muted);margin:11px 0 0;font-size:9px}:root[data-theme=dark] .history-module{color:#c7d2fe;background:#4f46e540}:root[data-theme=dark] .history-result.success{color:#86efac;background:#16a34a2e}:root[data-theme=dark] .history-result.failed{color:#fca5a5;background:#dc26262e}@media (width<=1200px){.system-history-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.history-search{grid-column:span 2}.history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.system-history-header{flex-direction:column;align-items:flex-start}.history-summary-grid,.activity-detail-grid,.activity-json-grid{grid-template-columns:1fr}.system-history-filters{grid-template-columns:1fr 1fr}.history-search{grid-column:1/-1}.history-pagination{flex-direction:column;align-items:flex-start}}.process-flow-page{max-width:1650px;margin:0 auto}.process-flow-heading{color:#fff;background:radial-gradient(circle at 88% 18%,#60a5fa6b,#0000 24%),linear-gradient(118deg,#0b1f3a,#143f72 55%,#2563eb);border-radius:17px;align-items:center;padding:25px 27px;box-shadow:0 16px 38px #0f386e38}.process-flow-heading h1{margin:5px 0 6px;font-size:29px}.process-flow-heading p{color:#d9eaff;margin:0}.process-flow-eyebrow{color:#93c5fd;letter-spacing:.16em;font-size:10px;font-weight:900}.process-flow-heading .btn{color:#fff;background:#ffffff1f;border-color:#ffffff59;align-items:center;gap:7px;display:inline-flex}.process-flow-heading .spin{animation:.8s linear infinite process-spin}.process-flow-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.process-map-panel{overflow:hidden}.process-map-panel .panel-header{align-items:center}.process-live-indicator{color:#15803d;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.process-live-indicator i{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.7s ease-out infinite process-pulse;box-shadow:0 0 0 5px #22c55e24}.process-lanes{background:var(--border);gap:1px;display:grid}.process-lane{background:var(--surface);grid-template-columns:230px minmax(0,1fr);align-items:center;gap:25px;padding:24px;display:grid}.process-lane-title{align-items:center;gap:13px;display:flex}.process-lane-title>span{color:#1d4ed8;background:#dbeafe;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:900;display:grid}.process-lane-title strong,.process-lane-title small{display:block}.process-lane-title strong{color:var(--text);font-size:13px}.process-lane-title small{color:var(--muted);margin-top:4px;font-size:10px}.re-invoice-lane .process-lane-title>span{color:#b45309;background:#fef3c7}.process-lane-flow{grid-template-columns:minmax(150px,1fr) minmax(90px,.7fr) minmax(150px,1fr) minmax(90px,.7fr) minmax(150px,1fr);align-items:center;gap:12px;display:grid}.process-flow-node{border:1px solid var(--border);background:var(--surface-subtle);border-radius:13px;align-items:center;gap:11px;min-height:78px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.process-flow-node.active:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.process-flow-node-icon{color:#1d4ed8;background:#dbeafe;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.process-flow-node-copy{min-width:0}.process-flow-node-copy span,.process-flow-node-copy small{display:block}.process-flow-node-copy span{color:var(--text);font-size:12px;font-weight:850}.process-flow-node-copy small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.4}.process-flow-node>strong{color:var(--text);margin-left:auto;font-size:19px}.process-flow-node.orange .process-flow-node-icon{color:#c2410c;background:#ffedd5}.process-flow-node.green .process-flow-node-icon{color:#15803d;background:#dcfce7}.process-flow-node.purple .process-flow-node-icon{color:#6d28d9;background:#ede9fe}.process-flow-node:not(.active){opacity:.55}.process-flow-connector{text-align:center;min-width:0}.process-flow-connector>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:8px;font-weight:800;display:block;overflow:hidden}.process-flow-track{background:#dbeafe;border-radius:99px;height:3px;position:relative}.process-flow-track:after{content:"";border-top:2px solid #3b82f6;border-right:2px solid #3b82f6;width:8px;height:8px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.process-flow-track i{opacity:0;background:#2563eb;border-radius:50%;width:7px;height:7px;animation:2.4s linear infinite process-move;position:absolute;top:-2px;left:0}.process-flow-track i:nth-child(2){animation-delay:.8s}.process-flow-track i:nth-child(3){animation-delay:1.6s}.process-flow-connector:not(.active) .process-flow-track i{animation:none}.process-flow-connector:not(.active){opacity:.45}.process-queue-panel{overflow:hidden}.process-queue-panel .panel-header{align-items:center}.process-flow-tabs{flex-wrap:wrap;gap:6px;display:flex}.process-flow-tabs button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-subtle);cursor:pointer;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.process-flow-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.process-queue-list{gap:10px;padding:16px;display:grid}.process-queue-card{border:1px solid var(--border);background:var(--surface-subtle);border-radius:12px;grid-template-columns:minmax(300px,1fr) minmax(500px,1.7fr);align-items:center;gap:22px;padding:15px 17px;display:grid}.process-queue-card.priority{border-color:#60a5fa;box-shadow:inset 4px 0 #2563eb}.process-queue-route{grid-template-columns:minmax(90px,1fr) minmax(110px,1.2fr) minmax(90px,1fr);align-items:center;gap:10px;display:grid}.process-route-point{min-width:0;color:var(--text);align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.process-route-point svg{color:#2563eb;flex:none;font-size:17px}.process-route-point span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.process-route-line{background:var(--border);height:2px;position:relative}.process-route-line i{background:linear-gradient(90deg,#2563eb,#60a5fa);width:45%;animation:2.5s ease-in-out infinite alternate process-route;position:absolute;inset:0}.process-route-line svg{color:#fff;background:#2563eb;border-radius:50%;padding:2px;font-size:18px;position:absolute;top:-8px;left:calc(50% - 9px)}.process-queue-card.completed .process-route-line{background:#22c55e}.process-queue-card.completed .process-route-line i{background:#22c55e;width:100%;animation:none}.process-queue-card.completed .process-route-line svg{background:#16a34a}.process-queue-card.completed .process-route-point svg{color:#22c55e}.process-queue-meta{grid-template-columns:1fr 1.4fr 1.25fr auto;align-items:center;gap:15px;display:grid}.process-queue-meta div span,.process-queue-meta div strong{display:block}.process-queue-meta div span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:8px;font-weight:900}.process-queue-meta div strong{color:var(--text);font-size:10px}.process-empty{color:var(--muted);text-align:center;padding:36px}@keyframes process-move{0%{opacity:0;left:0}12%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 7px)}}@keyframes process-pulse{0%{box-shadow:0 0 #22c55e59}to{box-shadow:0 0 0 9px #22c55e00}}@keyframes process-route{0%{width:20%}to{width:88%}}@keyframes process-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .process-flow-track{background:#1e3a5f}:root[data-theme=dark] .process-flow-node-icon,:root[data-theme=dark] .process-lane-title>span{color:#93c5fd;background:#2563eb33}:root[data-theme=dark] .process-flow-node.orange .process-flow-node-icon{color:#fdba74;background:#ea580c33}:root[data-theme=dark] .process-flow-node.green .process-flow-node-icon{color:#86efac;background:#16a34a33}:root[data-theme=dark] .process-flow-node.purple .process-flow-node-icon{color:#c4b5fd;background:#7c3aed33}@media (width<=1250px){.process-lane{grid-template-columns:1fr}.process-lane-flow{width:100%}.process-queue-card{grid-template-columns:1fr}}@media (width<=800px){.process-flow-heading,.process-queue-panel .panel-header{flex-direction:column;align-items:flex-start}.process-flow-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.process-lane-flow{grid-template-columns:1fr}.process-flow-connector{place-items:center;min-height:45px;display:grid}.process-flow-connector>span{margin-bottom:5px}.process-flow-track{width:3px;height:34px}.process-flow-track:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.process-flow-track i{animation-name:process-move-vertical;top:0;left:-2px}.process-queue-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.process-queue-route{grid-template-columns:1fr}.process-route-line{width:2px;height:32px;margin-left:8px}.process-route-line i{width:2px;height:70%}.process-route-line svg{top:7px;left:-8px}}@keyframes process-move-vertical{0%{opacity:0;top:0}12%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 7px)}}@media (prefers-reduced-motion:reduce){.process-flow-track i,.process-live-indicator i,.process-route-line i,.process-flow-heading .spin{animation:none!important}}.process-queue-meta{grid-template-columns:1fr 1.35fr 1.2fr auto auto}.process-timeline-button{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2563eb;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900}.process-timeline-button:hover{color:#fff;background:#2563eb}.process-timeline-loading{color:var(--muted);text-align:center;padding:42px}.process-timeline-route{border:1px solid var(--border);background:var(--surface-subtle);text-align:center;border-radius:11px;grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) minmax(120px,1fr);align-items:center;gap:14px;margin-bottom:25px;padding:14px 17px;display:grid}.process-timeline-route.has-tracking{grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) minmax(120px,1fr) auto}.process-vehicle-tracking-button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.process-timeline-route>strong{color:var(--text);font-size:11px}.process-timeline-route>span{color:#2563eb;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.process-timeline-route>span i{background:linear-gradient(90deg,#0000,#3b82f6);flex:1;height:2px}.process-timeline-route>span i:last-child{background:linear-gradient(90deg,#3b82f6,#0000)}.process-activity-timeline{max-width:980px;margin:0 auto;padding:5px 0 10px;position:relative}.process-activity-timeline:before{content:"";background:linear-gradient(#2563eb,#60a5fa,#22c55e);border-radius:99px;width:3px;position:absolute;top:22px;bottom:28px;left:25px}.process-activity-timeline:after{content:"";background:#ffffffe6;border-radius:99px;width:7px;height:34px;animation:2.8s ease-in-out infinite process-timeline-scan;position:absolute;top:22px;left:23px;box-shadow:0 0 12px #60a5fa}.process-activity-step{opacity:0;animation:.45s forwards process-step-in;animation-delay:var(--step-delay);grid-template-columns:52px minmax(0,1fr);gap:15px;margin-bottom:13px;display:grid;position:relative;transform:translateY(10px)}.process-step-marker{z-index:2;justify-content:center;padding-top:17px;display:flex;position:relative}.process-step-marker span{border:3px solid var(--surface);color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-weight:900;display:grid;box-shadow:0 0 0 3px #bfdbfe}.process-activity-step:last-child .process-step-marker span{background:#16a34a;box-shadow:0 0 0 3px #bbf7d0}.process-step-card{border:1px solid var(--border);background:var(--surface-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px 17px}.process-step-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.process-step-head>div>span{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.process-step-head h4{color:var(--text);margin:4px 0 0;font-size:13px}.process-step-card>p{color:var(--text-secondary);margin:9px 0 13px;font-size:10px}.process-step-facts{grid-template-columns:1.25fr 1fr 1fr;gap:9px;display:grid}.process-step-facts>span{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:18px 1fr;align-items:center;column-gap:6px;min-width:0;padding:9px;display:grid}.process-step-facts svg{color:#2563eb;grid-row:span 2;font-size:16px}.process-step-facts b,.process-step-facts small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.process-step-facts b{color:var(--text);font-size:9px}.process-step-facts small{color:var(--muted);font-size:8px}@keyframes process-step-in{to{opacity:1;transform:translateY(0)}}@keyframes process-timeline-scan{0%,to{opacity:0;top:22px}12%,88%{opacity:1}50%{top:calc(50% - 17px)}99%{top:calc(100% - 55px)}}@media (width<=900px){.process-queue-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.process-timeline-button{width:100%}.process-step-facts{grid-template-columns:1fr}}@media (width<=600px){.process-timeline-route,.process-timeline-route.has-tracking{grid-template-columns:1fr}.process-timeline-route>span{justify-content:center}.process-step-head{flex-direction:column;align-items:flex-start}.process-activity-step{grid-template-columns:42px minmax(0,1fr)}.process-activity-timeline:before{left:20px}.process-activity-timeline:after{left:18px}}@media (prefers-reduced-motion:reduce){.process-activity-step{opacity:1;transform:none;animation:none!important}.process-activity-timeline:after{display:none}}.process-queue-meta div small{color:#2563eb;margin-top:4px;font-size:7px;font-weight:800;display:block}.caps-product-picker{gap:10px;margin-top:18px;display:grid}.caps-product-picker p{color:var(--muted);margin:4px 0 0;font-size:11px}.caps-product-picker>input{border:1px solid var(--border);color:var(--text);background:var(--surface-subtle);border-radius:8px;padding:9px 10px}.caps-product-list{border:1px solid var(--border);border-radius:9px;max-height:270px;overflow:auto}.caps-product-list label{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.caps-product-list label:last-child{border-bottom:0}.caps-product-list span,.caps-product-list small{display:block}.caps-product-list small{color:var(--muted);margin-top:3px;font-size:10px}.process-date-filter{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;padding:0 16px 2px;display:flex}.process-date-filter label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:3px;font-size:8px;font-weight:850;display:grid}.process-date-filter input{border:1px solid var(--border);width:122px;color:var(--text);background:var(--surface-subtle);font:inherit;border-radius:7px;padding:7px 8px;font-size:10px}.process-filter-count{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850}.process-date-filter button{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:9px;font-weight:850}.process-date-filter button:hover{text-decoration:underline}.process-summary{background:linear-gradient(135deg,#eff6ff, var(--surface-subtle));border:1px solid #bfdbfe;border-radius:12px;margin:0 0 22px;padding:16px}.process-summary-heading,.process-activity-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.process-summary-heading>div>span,.process-activity-heading>div>span{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.process-summary-heading h4,.process-activity-heading h4{color:var(--text);margin:4px 0 0;font-size:13px}.process-summary-heading>small,.process-activity-heading>small{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.process-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0;display:grid}.process-summary-stats>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:10px}.process-summary-stats span,.process-summary-stats strong{display:block}.process-summary-stats span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:850}.process-summary-stats strong{color:var(--text);font-size:11px}.process-item-manifest{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.process-item-manifest>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1.5fr) minmax(85px,.65fr) minmax(85px,.65fr) minmax(70px,.5fr);align-items:center;gap:10px;padding:9px 11px;display:grid}.process-item-manifest>div:last-child{border-bottom:0}.process-item-manifest strong,.process-item-manifest b,.process-item-manifest small{display:block}.process-item-manifest strong,.process-item-manifest b{color:var(--text);font-size:9px}.process-item-manifest small{color:var(--muted);margin-top:3px;font-size:8px}.process-item-exception b{color:#b45309}.process-activity-heading{max-width:980px;margin:0 auto 12px}@media (width<=600px){.process-summary-stats{grid-template-columns:1fr}.process-item-manifest>div{grid-template-columns:1fr 1fr}.process-item-manifest>div>div{grid-column:1/-1}.process-summary-heading,.process-activity-heading{flex-direction:column;align-items:flex-start}}@media (width<=800px){.process-date-filter{justify-content:flex-start}}:root[data-theme=dark] .process-summary{background:linear-gradient(135deg,#172a46,#101d31);border-color:#36527b}:root[data-theme=dark] .process-summary-heading h4,:root[data-theme=dark] .process-summary-stats strong,:root[data-theme=dark] .process-item-manifest strong,:root[data-theme=dark] .process-item-manifest b{color:#f1f5f9}:root[data-theme=dark] .process-summary-stats>div,:root[data-theme=dark] .process-item-manifest{background:#0d182a;border-color:#304663}:root[data-theme=dark] .process-item-manifest>div{border-color:#304663}:root[data-theme=dark] .process-summary-stats span,:root[data-theme=dark] .process-item-manifest small{color:#b9c8dc}.process-summary-heading h4{font-size:14px}.process-summary-stats span{font-size:9px}.process-summary-stats strong{font-size:12px}.process-item-manifest strong,.process-item-manifest b{font-size:10px}.process-item-manifest small{font-size:9px}.delivery-plans-page{max-width:1580px;margin:0 auto}.delivery-plan-hero{color:#fff;background:radial-gradient(circle at 86% 14%,#38bdf861,#0000 26%),linear-gradient(120deg,#0b2347,#123f76 58%,#2563eb);border:1px solid #93c5fd38;border-radius:17px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:20px;padding:25px 27px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 38px #0f386e33}.delivery-plan-hero:after{content:"";pointer-events:none;border:30px solid #ffffff0f;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-105px;right:-75px}.delivery-plan-hero-copy{z-index:1;max-width:690px;position:relative}.delivery-plan-eyebrow{color:#93c5fd;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.delivery-plan-eyebrow svg{font-size:17px}.delivery-plan-hero h1{margin:7px 0 5px;font-size:29px;line-height:1.15}.delivery-plan-hero p{color:#dbeafe;margin:0;font-size:12px;line-height:1.6}.delivery-plan-stats{z-index:1;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;min-width:410px;display:grid;position:relative}.delivery-plan-stats>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;gap:9px;min-height:63px;padding:10px 12px;display:grid}.delivery-plan-stats>div>svg{color:#dbeafe;background:#ffffff21;border-radius:9px;padding:8px;font-size:35px}.delivery-plan-stats strong,.delivery-plan-stats small{display:block}.delivery-plan-stats strong{color:#fff;font-size:19px;line-height:1}.delivery-plan-stats small{color:#bfdbfe;text-transform:uppercase;letter-spacing:.04em;margin-top:5px;font-size:8px;font-weight:800}.delivery-plan-builder{background:var(--surface);border-radius:15px;overflow:visible;box-shadow:0 8px 26px #0f172a0f}.delivery-section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 20px;display:flex}.delivery-section-heading h3,.delivery-section-heading p{margin:0}.delivery-section-heading h3{color:var(--text);font-size:14px}.delivery-section-heading p{color:var(--muted);margin-top:4px;font-size:10px}.delivery-section-icon{color:#1d4ed8;background:#dbeafe;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.delivery-section-icon.purple{color:#6d28d9;background:#ede9fe}.delivery-plan-builder form{padding:20px}.delivery-plan-meta-grid{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.delivery-plan-builder .input-group{margin:0}.delivery-plan-builder .input-group label{color:var(--text-secondary);letter-spacing:.035em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.delivery-plan-builder .input-group>input,.delivery-plan-builder .searchable-item-control input{border:1px solid var(--border);width:100%;height:43px;color:var(--text);background:var(--surface-subtle);border-radius:9px;outline:none;padding:0 12px;font-size:11px;transition:border-color .18s,box-shadow .18s,background .18s}.delivery-plan-builder .input-group>input:focus,.delivery-plan-builder .searchable-item-control input:focus{background:var(--surface);border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a}.delivery-lines-heading{border:1px solid var(--border);background:var(--surface-subtle);border-bottom:0;border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:13px 15px;display:flex}.delivery-lines-heading strong,.delivery-lines-heading small{display:block}.delivery-lines-heading strong{color:var(--text);font-size:11px}.delivery-lines-heading small{color:var(--muted);margin-top:4px;font-size:9px}.delivery-lines-heading>span{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:850}.delivery-draft-list{border:1px solid var(--border);background:var(--border);border-radius:0 0 11px 11px;gap:1px;display:grid}.delivery-draft-card{z-index:1;background:var(--surface);grid-template-columns:35px minmax(300px,1.8fr) minmax(150px,.65fr) minmax(135px,.5fr) 38px;align-items:end;gap:12px;padding:15px;display:grid;position:relative}.delivery-draft-card:focus-within{z-index:20;background:linear-gradient(90deg,#2563eb09,var(--surface))}.delivery-line-number{color:#1d4ed8;background:#dbeafe;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:6px;font-size:9px;font-weight:900;display:grid}.delivery-product-picker .searchable-item-control input{padding-left:36px;padding-right:32px}.delivery-product-search-icon{z-index:2;color:#64748b;pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.delivery-product-picker .searchable-item-options{z-index:100;border-color:var(--border);background:var(--surface);max-height:285px;padding:6px;top:calc(100% + 7px);box-shadow:0 18px 38px #0f172a38}.delivery-product-picker .searchable-item-options button{min-height:53px;color:var(--text);padding:9px 11px}.delivery-product-picker .searchable-item-options button>span{min-width:0}.delivery-product-picker .searchable-item-options strong,.delivery-product-picker .searchable-item-options em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.delivery-product-picker .searchable-item-options strong{color:#2563eb;font-size:9px}.delivery-product-picker .searchable-item-options em{color:var(--text);margin-top:3px;font-size:10px;font-style:normal;font-weight:750}.delivery-product-picker .searchable-item-options small{max-width:120px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:8px;overflow:hidden}.delivery-product-picker .searchable-item-options button:hover,.delivery-product-picker .searchable-item-options button.selected{background:var(--blue-bg)}.delivery-quantity-field>div{position:relative}.delivery-quantity-field>div input{border:1px solid var(--border);width:100%;height:43px;color:var(--text);background:var(--surface-subtle);border-radius:9px;outline:none;padding:0 43px 0 12px;font-size:11px;font-weight:800}.delivery-quantity-field>div input:focus{background:var(--surface);border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a}.delivery-quantity-field>div span{color:var(--muted);font-size:9px;font-weight:800;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.delivery-remove-line{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:3px;font-size:18px;transition:transform .15s,background .15s;display:grid}.delivery-remove-line:hover:not(:disabled){color:#fff;background:#dc2626;transform:translateY(-1px)}.delivery-remove-line:disabled{border-color:var(--border);color:var(--muted);background:var(--surface-subtle);cursor:not-allowed;opacity:.55}.delivery-auto-cap{color:#166534;background:linear-gradient(90deg,#f0fdf4,#f8fafc);border:1px solid #bbf7d0;border-radius:9px;grid-column:2/-1;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:1px;padding:10px 12px;display:grid}.delivery-auto-cap>svg{color:#15803d;background:#dcfce7;border-radius:8px;padding:7px;font-size:32px}.delivery-auto-cap span{min-width:0}.delivery-auto-cap small,.delivery-auto-cap strong{display:block}.delivery-auto-cap small{color:#15803d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:900}.delivery-auto-cap strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.delivery-auto-cap>b{color:#166534;white-space:nowrap;font-size:10px}.delivery-auto-cap.missing{color:#c2410c;background:linear-gradient(90deg,#fff7ed,var(--surface));border-color:#fed7aa}.delivery-auto-cap.missing>svg{color:#c2410c;background:#ffedd5}.delivery-auto-cap.missing small,.delivery-auto-cap.missing>b{color:#c2410c}.delivery-plan-actions{border-top:1px solid var(--border);background:var(--surface-subtle);border-radius:0 0 15px 15px;justify-content:space-between;align-items:center;gap:18px;margin:20px -20px -20px;padding:16px 20px;display:flex}.delivery-plan-actions .btn{justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.delivery-plan-actions>div{justify-content:flex-end;align-items:center;gap:17px;display:flex}.delivery-plan-actions small{max-width:350px;color:var(--muted);align-items:center;gap:6px;font-size:9px;line-height:1.45;display:flex}.delivery-plan-actions small svg{color:#2563eb;flex:none;font-size:16px}.delivery-scheduled-section{border:1px solid var(--border);background:var(--surface);border-radius:15px;margin-top:20px;overflow:hidden;box-shadow:0 8px 26px #0f172a0d}.delivery-plan-list{background:var(--surface-subtle);gap:13px;padding:15px;display:grid}.delivery-plan-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.delivery-plan-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:15px 17px;display:flex}.delivery-plan-card>header span{color:#2563eb;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:900}.delivery-plan-card>header h4{color:var(--text);margin:5px 0 0;font-size:13px}.delivery-plan-card>header p{color:var(--muted);margin:5px 0 0;font-size:9px}.delivery-delete-plan{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.delivery-delete-plan:hover{background:#fef2f2;border-color:#fecaca}.delivery-plan-items{background:var(--border);gap:1px;display:grid}.delivery-plan-item{background:var(--surface);grid-template-columns:38px minmax(220px,1.5fr) minmax(125px,.65fr) minmax(110px,.55fr) minmax(320px,1.5fr);align-items:center;gap:13px;padding:12px 16px;display:grid}.delivery-plan-item:hover{background:var(--surface-subtle)}.delivery-product-mark{color:#1d4ed8;background:#dbeafe;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.delivery-plan-item div>small,.delivery-plan-item div>strong{display:block}.delivery-plan-item div>small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:800}.delivery-plan-item div>strong{color:var(--text);font-size:10px}.delivery-plan-product{min-width:0}.delivery-plan-product strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delivery-reminders{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.delivery-reminder-pill{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850}.delivery-reminder-pill.pending{color:#a16207;background:#fef3c7}.delivery-reminder-pill.sent{color:#15803d;background:#dcfce7}.delivery-empty-state{min-height:150px;color:var(--muted);background:var(--surface-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:30px;font-size:10px;display:flex}.delivery-empty-state>svg{color:#60a5fa;margin-bottom:3px;font-size:30px}.delivery-empty-state strong{color:var(--text);font-size:12px}.delivery-loading-spinner{border:3px solid var(--border);border-top-color:#2563eb;border-radius:50%;width:22px;height:22px;margin-bottom:5px;animation:.7s linear infinite delivery-spin}@keyframes delivery-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .delivery-section-icon,:root[data-theme=dark] .delivery-line-number,:root[data-theme=dark] .delivery-product-mark{color:#93c5fd;background:#2563eb38}:root[data-theme=dark] .delivery-section-icon.purple{color:#c4b5fd;background:#7c3aed38}:root[data-theme=dark] .delivery-remove-line{color:#fca5a5;background:#7f1d1d2e;border-color:#7f1d1d}:root[data-theme=dark] .delivery-delete-plan:hover{color:#fecaca;background:#7f1d1d33;border-color:#7f1d1d}:root[data-theme=dark] .delivery-auto-cap{background:linear-gradient(90deg,#15803d2b,var(--surface));border-color:#166534}:root[data-theme=dark] .delivery-auto-cap small,:root[data-theme=dark] .delivery-auto-cap>b{color:#86efac}:root[data-theme=dark] .delivery-auto-cap.missing{background:linear-gradient(90deg,#c2410c26,var(--surface));border-color:#9a3412}:root[data-theme=dark] .delivery-auto-cap.missing small,:root[data-theme=dark] .delivery-auto-cap.missing>b{color:#fdba74}:root[data-theme=dark] .delivery-reminder-pill.pending{color:#fde68a;background:#a162074d}:root[data-theme=dark] .delivery-reminder-pill.sent{color:#86efac;background:#15803d4d}:root[data-theme=dark] .delivery-product-picker .searchable-item-options{background:#111827}@media (width<=1150px){.delivery-plan-hero{flex-direction:column;align-items:flex-start}.delivery-plan-stats{width:100%;min-width:0}.delivery-draft-card{grid-template-columns:35px minmax(240px,1.5fr) minmax(145px,.7fr) minmax(120px,.55fr) 38px}.delivery-plan-item{grid-template-columns:38px minmax(190px,1fr) repeat(2,minmax(110px,.55fr))}.delivery-reminders{grid-column:2/-1;justify-content:flex-start}}@media (width<=820px){.delivery-plan-meta-grid{grid-template-columns:1fr}.delivery-draft-card{grid-template-columns:35px 1fr 1fr 38px;align-items:end}.delivery-draft-product{grid-column:2/4}.delivery-remove-line{grid-area:1/4;align-self:start;margin-top:20px}.delivery-line-number{grid-row:1;align-self:start;margin-top:20px}.delivery-plan-actions,.delivery-plan-actions>div{flex-direction:column;align-items:stretch}.delivery-plan-actions small{max-width:none}.delivery-plan-actions .btn{width:100%}}@media (width<=650px){.delivery-plan-hero{padding:21px}.delivery-plan-hero h1{font-size:24px}.delivery-plan-stats{grid-template-columns:1fr}.delivery-plan-stats>div{min-height:55px}.delivery-plan-builder form{padding:15px}.delivery-draft-card{grid-template-columns:32px minmax(0,1fr) 36px}.delivery-draft-product,.delivery-draft-card>.input-group:not(.delivery-draft-product){grid-column:2/4}.delivery-auto-cap{grid-column:2/4;grid-template-columns:30px minmax(0,1fr)}.delivery-auto-cap>b{grid-column:2}.delivery-line-number{grid-column:1}.delivery-remove-line{grid-column:3}.delivery-plan-actions{margin:17px -15px -15px;padding:15px}.delivery-plan-card>header{flex-direction:column}.delivery-plan-item{grid-template-columns:35px minmax(0,1fr)}.delivery-plan-item>div:not(.delivery-plan-product),.delivery-reminders{grid-column:2}.delivery-reminders{justify-content:flex-start}}.reports-page{gap:18px;display:grid}.reports-hero{color:#fff;background:linear-gradient(125deg,#172554 0%,#1d4ed8 62%,#0ea5e9 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #1e40af33}.reports-hero:after{content:"";border:45px solid #ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-105px;right:-70px}.reports-hero-copy{z-index:1;max-width:680px;position:relative}.reports-kicker{letter-spacing:.12em;opacity:.86;align-items:center;gap:7px;margin-bottom:10px;font-size:9px;font-weight:900;display:inline-flex}.reports-kicker svg{font-size:17px}.reports-hero h1{letter-spacing:-.02em;margin:0;font-size:28px}.reports-hero p{color:#ffffffc7;max-width:620px;margin:8px 0 0;font-size:11px;line-height:1.6}.reports-range-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a38;border:1px solid #fff3;border-radius:13px;align-items:center;gap:12px;min-width:245px;padding:15px 17px;display:flex;position:relative}.reports-range-card>svg{background:#ffffff24;border-radius:10px;flex:none;padding:8px;font-size:35px}.reports-range-card span,.reports-range-card strong{display:block}.reports-range-card span{color:#ffffffb3;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:800}.reports-range-card strong{font-size:10px}.reports-range-card b{color:#bae6fd;padding:0 5px;font-weight:700}.reports-filter-panel{padding:18px}.reports-filter-form{grid-template-columns:minmax(240px,1.5fr) minmax(150px,.65fr) minmax(150px,.65fr) auto;align-items:end;gap:14px;display:grid}.reports-field{gap:6px;display:grid}.reports-field>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:900}.reports-field input,.reports-field select{border:1px solid var(--border);width:100%;height:42px;color:var(--text);background:var(--surface-subtle);border-radius:9px;outline:none;padding:0 12px;font-size:10px}.reports-field input:focus,.reports-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a}.reports-field small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reports-generate-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:42px;padding-inline:18px;display:inline-flex}.reports-generate-button svg{font-size:17px}.reports-spin{animation:.8s linear infinite reports-spin}@keyframes reports-spin{to{transform:rotate(360deg)}}.reports-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.reports-summary-grid>div{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;padding:16px 18px;box-shadow:0 5px 16px #0f172a0a}.reports-summary-grid span,.reports-summary-grid strong,.reports-summary-grid small{display:block}.reports-summary-grid span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:900}.reports-summary-grid strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:18px;overflow:hidden}.reports-summary-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.reports-results-panel{padding:0;overflow:hidden}.reports-results-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;display:flex}.reports-results-header h3{color:var(--text);margin:0;font-size:13px}.reports-results-header p{color:var(--muted);margin:5px 0 0;font-size:9px}.reports-actions{align-items:center;gap:8px;display:flex}.reports-actions .btn{white-space:nowrap;align-items:center;gap:6px;min-height:36px;display:inline-flex}.reports-search{display:block;position:relative}.reports-search svg{color:var(--muted);font-size:17px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.reports-search input{border:1px solid var(--border);width:210px;height:36px;color:var(--text);background:var(--surface-subtle);border-radius:9px;outline:none;padding:0 11px 0 33px;font-size:9px}.reports-search input:focus{border-color:#3b82f6}.reports-status-strip{border-bottom:1px solid var(--border);background:var(--surface-subtle);flex-wrap:wrap;gap:7px;padding:10px 19px;display:flex}.reports-status-strip span{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;padding:5px 9px;font-size:8px}.reports-status-strip b{color:var(--text);margin-right:3px}.reports-table{max-height:620px}.reports-table table{min-width:100%}.reports-table thead{z-index:2;position:sticky;top:0}.reports-table th{white-space:nowrap}.reports-table td{text-overflow:ellipsis;white-space:nowrap;max-width:270px;overflow:hidden}.reports-table .reports-number{font-variant-numeric:tabular-nums;text-align:right;font-weight:750}.reports-empty{color:var(--muted);text-align:center;padding:45px!important}@media print{.sidebar,.topbar,.reports-hero,.reports-filter-panel,.reports-actions{display:none!important}.main-content{margin:0!important;padding:0!important}.reports-summary-grid{grid-template-columns:repeat(4,1fr)}.reports-results-panel{box-shadow:none;border:0}.reports-table{max-height:none;overflow:visible}.reports-table td{white-space:normal;max-width:none}}@media (width<=1050px){.reports-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-generate-button{width:100%}.reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-results-header{flex-direction:column;align-items:flex-start}.reports-actions{flex-wrap:wrap;width:100%}.reports-search{flex:1}.reports-search input{width:100%}}@media (width<=650px){.reports-hero{flex-direction:column;align-items:flex-start;padding:22px}.reports-range-card{width:100%;min-width:0}.reports-filter-form,.reports-summary-grid{grid-template-columns:1fr}.reports-actions{flex-direction:column;align-items:stretch}.reports-actions .btn{justify-content:center}}.process-step-details{background:#2563eb14;border:1px solid #3b82f659;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 13px;padding:10px;display:grid}.process-step-details span{min-width:0}.process-step-details b,.process-step-details small{display:block}.process-step-details b{color:#60a5fa;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:900}.process-step-details small{color:var(--text);overflow-wrap:anywhere;font-size:9px;font-weight:700;line-height:1.45}.process-reinvoice-change{background:#f59e0b17;border:1px solid #f59e0b8c;border-radius:12px;margin:0 0 22px;padding:16px}.process-reinvoice-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.process-reinvoice-title span{color:#f59e0b;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.process-reinvoice-title h4{color:var(--text);margin:4px 0 0;font-size:14px}.process-reinvoice-title>small{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.process-reinvoice-values{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.process-reinvoice-values>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:11px}.process-reinvoice-values span,.process-reinvoice-values strong,.process-reinvoice-values small{display:block}.process-reinvoice-values span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:850}.process-reinvoice-values strong{color:var(--text);font-size:14px}.process-reinvoice-values small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:8px}.process-reinvoice-values>i{color:#f59e0b;font-size:20px;font-style:normal;font-weight:900}.process-reinvoice-values .decrease strong{color:#ef4444}.process-reinvoice-values .increase strong{color:#22c55e}@media (width<=600px){.process-step-details{grid-template-columns:1fr}.process-reinvoice-title{flex-direction:column}.process-reinvoice-values{grid-template-columns:1fr}.process-reinvoice-values>i{text-align:center;transform:rotate(90deg)}}.process-document-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.process-document-actions button{color:#60a5fa;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2563eb;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:900}.process-document-actions button:hover{color:#fff;background:#2563eb}.process-step-document-action{justify-content:flex-end;margin-top:10px;display:flex}.process-step-document-action .btn{padding:7px 11px;font-size:9px}@media (width<=900px){.process-document-actions{grid-column:1/-1;justify-content:flex-start}.process-document-actions button{flex:1}.process-step-document-action .btn{width:100%}}.sidebar-access-editor{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.sidebar-access-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.sidebar-access-heading>div:first-child{gap:3px;display:grid}.sidebar-access-heading span{color:var(--text-secondary);font-size:12px}.sidebar-access-heading>div:last-child{gap:8px;display:flex}.sidebar-access-heading button{border:1px solid var(--border);color:var(--text);background:var(--surface);cursor:pointer;font:inherit;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.sidebar-access-heading button:hover{color:#2563eb;border-color:#2563eb}.sidebar-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;padding:2px;display:grid;overflow-y:auto}.sidebar-access-option{border:1px solid var(--border);background:var(--surface-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.sidebar-access-option:has(input:checked){background:#2563eb12;border-color:#93c5fd}.sidebar-access-option input{accent-color:#2563eb;flex:none;width:16px;height:16px}.sidebar-access-option span{min-width:0;display:grid}.sidebar-access-option strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-access-option small{color:var(--text-secondary);letter-spacing:.04em;font-size:9px}@media (width<=600px){.sidebar-access-grid{grid-template-columns:1fr}.sidebar-access-heading{flex-direction:column}}
