@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #050505;--surface-color: rgba(20, 20, 25, .4);--surface-hover: rgba(40, 40, 50, .6);--accent-color: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);--border-color: rgba(255, 255, 255, .08);--error: #ff453a;--warning: #ff9f0a;--success: #32d74b;--glass-bg: rgba(20, 20, 25, .4);--glass-border: rgba(255, 255, 255, .1);--radius-xl: 32px;--radius-lg: 20px;--shadow-lux: 0 20px 50px rgba(0, 0, 0, .5);--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--glow-blend: screen;--glow-opacity: .15;--bg-pattern: radial-gradient(#3b82f6 .5px, transparent .5px)}[data-theme=light]{--bg-color: #f8fafc;--surface-color: #ffffff;--surface-hover: #f1f5f9;--accent-color: #3b82f6;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glow-blend: multiply;--glow-opacity: .08}[data-theme=yellowish]{--bg-color: #fefce8;--surface-color: #ffffff;--accent-color: #854d0e;--text-primary: #422006;--text-secondary: #713f12;--text-muted: #a16207;--border-color: rgba(133, 77, 14, .1);--glass-bg: rgba(254, 249, 195, .8);--glass-border: rgba(133, 77, 14, .1);--glow-blend: multiply;--glow-opacity: .05}[data-theme=grey]{--bg-color: #1e293b;--surface-color: rgba(30, 41, 59, .7);--accent-color: #3b82f6;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--glass-bg: rgba(51, 65, 85, .6);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.glass{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1)}.btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.container{max-width:1200px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.premium-glow{box-shadow:0 4px 10px var(--accent-glow),0 0 40px #3b82f61a}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-10%;left:-5%;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:30%;right:-10%;animation-delay:5s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:10%;left:30%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(40px,10px) scale(1.05)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#3b82f680;border-radius:50%;animation:rise linear infinite;top:100%}@keyframes rise{to{top:-10%;opacity:0}}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stats{display:flex;gap:40px;margin-top:48px}.hero-stats .stat{display:flex;flex-direction:column;gap:4px}.hero-stats .stat strong{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stats .stat span{font-size:.9rem;color:#fff9}.btn-primary-large,.btn-outline-large{padding:14px 32px;font-size:1.05rem;font-weight:600;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:none}.btn-primary-large{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.btn-outline-large{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-outline-large:hover{background:#ffffff1a;border-color:#ffffff4d}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.modal-content{width:90%;padding:30px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);animation:scaleIn .3s ease-out}.minimal-input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);outline:none;transition:border .2s;padding:8px 12px}.minimal-input:focus{border-color:var(--accent-color)}.minimal-input option{background:#1e293b;color:#fff}.btn-small{padding:6px 12px;font-size:.85rem}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d}.icon-btn-small{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.icon-btn-small:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.driver-chat-container{display:flex;height:calc(100vh - 140px);gap:0;border-radius:24px;overflow:hidden}.chat-sidebar{width:280px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h3{margin:0 0 8px;font-size:1.2rem}.online-indicator{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9}.chat-rooms-list{flex:1;overflow-y:auto;padding:8px}.chat-room-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;border-radius:12px;color:#fffc;cursor:pointer;transition:all .2s;margin-bottom:4px;position:relative}.chat-room-item:hover{background:#ffffff0d}.chat-room-item.active{background:#3b82f626;color:#3b82f6}.room-icon{font-size:1.5rem}.room-info{flex:1;text-align:left;position:relative}.room-name{font-weight:500}.online-dot{position:absolute;top:-2px;right:0;width:8px;height:8px;background:#4ade80;border-radius:50%;border:2px solid rgba(20,20,30,.9)}.unread-badge{min-width:20px;height:20px;padding:0 6px;background:#3b82f6;border-radius:10px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.chat-main{flex:1;display:flex;flex-direction:column;background:#ffffff03}.chat-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.chat-title h3{margin:0;font-size:1.2rem}.typing-indicator{font-size:.85rem;color:#ffffff80;display:flex;align-items:center;gap:4px;margin-top:4px}.typing-dot{animation:typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.info-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.info-btn:hover{background:#ffffff1a}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;background:#3b82f633;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:4px}.message-sender{font-size:.8rem;color:#fff9;font-weight:500;padding:0 12px}.message-bubble{padding:12px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);word-wrap:break-word}.message.own .message-bubble{background:#3b82f633;border-color:#3b82f64d}.message-time{font-size:.75rem;color:#fff6;padding:0 12px;display:flex;align-items:center;gap:4px}.read-receipt{color:#4ade80}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;gap:8px}.empty-icon{font-size:3rem;opacity:.5}.message-input-area{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.attachment-btn,.image-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.attachment-btn:hover,.image-btn:hover{background:#ffffff1a;color:#fff}.message-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s}.message-input:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.message-input::placeholder{color:#ffffff4d}.send-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;padding:12px 16px;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.messages-area::-webkit-scrollbar,.chat-rooms-list::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track,.chat-rooms-list::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb,.chat-rooms-list::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.messages-area::-webkit-scrollbar-thumb:hover,.chat-rooms-list::-webkit-scrollbar-thumb:hover{background:#3b82f680}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.document-scanner{max-width:900px;margin:0 auto}.scanner-header{text-align:center;margin-bottom:24px}.scanner-header h2{margin:0 0 8px;font-size:1.8rem}.scanner-header p{color:#fff9;margin:0}.scanner-container{padding:40px;border-radius:24px;min-height:500px;display:flex;align-items:center;justify-content:center}.camera-view{width:100%;position:relative}.camera-view video{width:100%;border-radius:16px}.camera-controls{display:flex;gap:12px;justify-content:center;margin-top:20px}.capture-btn,.cancel-btn{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.capture-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.cancel-btn{background:#ffffff1a;color:#fff}.upload-area{text-align:center;max-width:500px}.upload-icon{color:#ffffff4d;margin-bottom:24px}.upload-area h3{margin:0 0 8px}.upload-area p{color:#fff9;margin-bottom:32px}.upload-buttons{display:flex;gap:12px;justify-content:center}.upload-btn{padding:14px 28px;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;font-size:1rem}.upload-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.upload-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.preview-area{width:100%;position:relative}.document-preview{width:100%;max-height:600px;object-fit:contain;border-radius:16px;margin-bottom:20px}.scanning-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:40px;border-radius:16px;text-align:center;min-width:300px}.spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:#3b82f6}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;margin:16px 0 8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#4ade80);border-radius:10px}.preview-actions{display:flex;gap:12px;justify-content:center}.scan-btn,.reset-btn{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.scan-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.reset-btn{background:#ffffff1a;color:#fff}.extracted-data{width:100%}.success-badge{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:12px;color:#4ade80;margin-bottom:24px;font-weight:600}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.data-item.full-width{grid-column:1 / -1}.data-item label{font-size:.85rem;color:#fff9;font-weight:500}.data-item input{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.data-item input:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.action-buttons{display:flex;gap:12px}.create-load-btn{flex:1;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.create-load-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.scan-another-btn{padding:14px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.scan-another-btn:hover{background:#ffffff26}.customer-portal{max-width:1200px;margin:0 auto}.portal-header p{color:#fff9;margin:0}.quick-track{padding:24px;border-radius:16px;display:flex;gap:12px;margin-bottom:32px}.tracking-input{flex:1;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem}.tracking-input:focus{outline:none;border-color:#3b82f6}.track-btn{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.track-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.shipments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.shipment-card{padding:24px;border-radius:16px;cursor:pointer;transition:all .2s}.shipment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.shipment-header h3{margin:0 0 4px;font-size:1.1rem}.commodity{font-size:.85rem;color:#fff9}.route-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.location{flex:1;display:flex;align-items:center;gap:8px}.location label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:2px}.location span{font-size:.9rem}.arrow{color:#ffffff4d;font-size:1.2rem}.progress-bar{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:10px;transition:width .3s}.current-location{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9;margin-bottom:12px}.delivery-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem}.delivery-info label{color:#fff9;margin-right:6px}.delivered-badge{display:flex;align-items:center;gap:4px;color:#4ade80}.details-btn{width:100%;padding:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.shipment-details{max-width:600px;width:90%;max-height:80vh;overflow-y:auto;padding:32px;border-radius:24px}.details-header button{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:50%;color:#fff;cursor:pointer}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.updates-timeline{margin:24px 0}.updates-timeline h3{margin-bottom:16px}.timeline-item{display:flex;gap:16px;margin-bottom:16px;position:relative}.timeline-dot{width:12px;height:12px;background:#3b82f6;border-radius:50%;margin-top:4px;flex-shrink:0}.timeline-content{flex:1}.timeline-content strong{display:block;margin-bottom:4px}.timeline-content p{color:#ffffffb3;margin:0 0 4px}.time{font-size:.85rem;color:#ffffff80}.download-pod-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.blockchain-pod{max-width:1000px;margin:0 auto}.pod-header{text-align:center;margin-bottom:32px}.pod-header h1{margin:0 0 8px;font-size:2rem}.loads-selection h2{text-align:center;margin-bottom:24px}.loads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px}.load-card{padding:24px;border-radius:16px}.load-info h3{margin:0 0 4px}.load-info p{color:#fff9;margin:0 0 12px;font-size:.9rem}.route{margin:12px 0;color:#fffc}.status-badge.delivered{display:inline-block;padding:6px 12px;background:#4ade8033;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:.85rem;font-weight:600}.submit-blockchain-btn{width:100%;padding:12px;margin-top:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.submit-blockchain-btn:disabled{opacity:.6;cursor:not-allowed}.submit-blockchain-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.blockchain-receipt{padding:40px;border-radius:24px;margin-bottom:32px}.success-header{text-align:center;margin-bottom:32px}.success-icon{color:#4ade80;margin-bottom:16px}.success-header h2{margin:0 0 8px}.success-header p{color:#fff9;margin:0}.tx-details{background:#0000004d;padding:24px;border-radius:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-row label{color:#fff9;font-weight:500}.hash-row{display:flex;align-items:center;gap:8px}.hash-row code{background:#ffffff0d;padding:6px 12px;border-radius:6px;font-size:.85rem;color:#3b82f6}.hash-row button,.hash-row a{background:#ffffff1a;border:none;padding:6px 8px;border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s;display:flex;align-items:center}.hash-row button:hover,.hash-row a:hover{background:#fff3;color:#fff}.network-badge{padding:4px 12px;background:#3b82f633;border-radius:6px;color:#3b82f6;font-size:.85rem}.confirmations{display:flex;align-items:center;gap:6px;color:#4ade80}.pod-data{background:#0000004d;padding:24px;border-radius:16px;margin-bottom:24px}.pod-data h3{display:flex;align-items:center;gap:8px;margin:0 0 20px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.data-item{display:flex;flex-direction:column;gap:6px}.data-item label{font-size:.85rem;color:#ffffff80}.data-item span{font-size:.95rem}.data-item .verified{color:#4ade80;font-weight:600}.ipfs-hash{background:#ffffff0d;padding:6px 10px;border-radius:6px;font-size:.85rem;color:#fbbf24}.security-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.feature{display:flex;gap:12px;padding:16px;background:#ffffff08;border-radius:12px}.feature svg{color:#8b5cf6;flex-shrink:0}.feature strong{display:block;margin-bottom:4px}.feature p{font-size:.85rem;color:#fff9;margin:0}.verify-another-btn{width:100%;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.verify-another-btn:hover{background:#ffffff26}.info-panel{padding:24px;border-radius:16px}.info-panel h3{margin:0 0 16px}.info-panel ul{list-style:none;padding:0;margin:0}.info-panel li{padding:8px 0;color:#fffc}.info-panel strong{color:#fff}.payment-portal{max-width:1100px;margin:0 auto}.portal-header{text-align:center;margin-bottom:32px}.portal-header h1{margin:0 0 8px;font-size:2rem}.week-selector{display:flex;gap:12px;padding:8px;border-radius:12px;margin-bottom:24px;justify-content:center}.week-selector button{padding:12px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .2s}.week-selector button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}.payment-summary{padding:32px;border-radius:24px;margin-bottom:24px}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.summary-header h2{margin:0 0 8px}.status-badge{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.status-badge.paid{background:#4ade8033;color:#4ade80}.download-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0003;border-radius:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-content label{display:block;font-size:.85rem;color:#fff9;margin-bottom:4px}.stat-value{font-size:1.3rem;font-weight:700}.payment-breakdown{background:#0003;padding:24px;border-radius:16px;margin-bottom:24px}.breakdown-section h3{margin:0 0 20px}.breakdown-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.breakdown-item.total{font-weight:600;font-size:1.1rem}.section-label{font-size:.85rem;color:#ffffff80;font-weight:600;text-transform:uppercase;margin-top:16px;margin-bottom:8px}.breakdown-item.bonus .amount.positive{color:#4ade80}.breakdown-item.deduction .amount.negative{color:#f87171}.breakdown-divider{height:2px;background:#fff3;margin:16px 0}.breakdown-item.net-pay{font-size:1.3rem;font-weight:700;border-bottom:none;padding-top:16px}.breakdown-item.net-pay .amount{color:#4ade80}.loads-detail{background:#0003;padding:24px;border-radius:16px}.loads-detail h3{margin:0 0 16px}.loads-table{overflow-x:auto}.loads-table table{width:100%;border-collapse:collapse}.loads-table th{text-align:left;padding:12px;font-size:.85rem;color:#fff9;font-weight:600;text-transform:uppercase;border-bottom:2px solid rgba(255,255,255,.1)}.loads-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.loads-table tr:last-child td{border-bottom:none}.payment-history{padding:24px;border-radius:16px}.payment-history h3{margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0003;border-radius:12px}.history-item strong{display:block;margin-bottom:4px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}.status-dot.paid{background:#4ade80}.history-amount{font-size:1.2rem;font-weight:700}.email-reports{max-width:1000px;margin:0 auto}.reports-header{text-align:center;margin-bottom:32px}.reports-header h1{margin:0 0 8px;font-size:2rem}.report-settings{padding:24px;border-radius:16px;margin-bottom:24px}.settings-row{display:flex;gap:32px;align-items:center}.setting{display:flex;align-items:center;gap:16px}.setting label{font-weight:600}.time-input{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.status-active{color:#4ade80;font-weight:600}.status-inactive{color:#fff6}.recipients-section{padding:24px;border-radius:16px;margin-bottom:24px}.recipients-section h3{margin:0 0 20px}.add-recipient{display:flex;gap:12px;margin-bottom:24px}.email-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.email-input:focus{outline:none;border-color:#3b82f6}.btn-add{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.recipients-list{display:flex;flex-direction:column;gap:12px}.recipient-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.recipient-info{display:flex;align-items:center;gap:12px}.recipient-info strong{display:block;margin-bottom:4px}.role-badge{display:inline-block;padding:2px 8px;background:#3b82f633;border-radius:4px;font-size:.75rem;color:#3b82f6;margin-left:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.report-preview{padding:24px;border-radius:16px;margin-bottom:24px}.report-preview h3{margin:0 0 20px}.preview-content{background:#0003;padding:20px;border-radius:12px;margin-bottom:16px}.preview-header h4{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-item{text-align:center}.stat-item label{display:block;font-size:.85rem;color:#fff9;margin-bottom:4px}.stat-item strong{font-size:1.5rem}.preview-section{margin-bottom:16px}.preview-section h5{margin:0 0 12px;font-size:.95rem;color:#fffc}.preview-section ul{list-style:none;padding:0;margin:0}.preview-section li{padding:6px 0;color:#ffffffb3}.alert-warning{color:#fbbf24}.alert-info{color:#3b82f6}.btn-test{width:100%;padding:12px;background:#4ade8033;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.schedule-info{padding:20px;border-radius:16px}.info-row{display:flex;align-items:center;gap:16px;padding:12px 0}.info-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.info-row strong{display:block;margin-bottom:4px}.info-row p{margin:0;font-size:.9rem;color:#fff9}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-label{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s;border-radius:34px}.toggle-switch-btn{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-label{background-color:#4ade80}input:checked+.toggle-label .toggle-switch-btn{transform:translate(24px)}.command-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.command-palette{position:fixed;top:15%;left:50%;transform:translate(-50%);width:600px;max-width:90vw;max-height:70vh;border-radius:16px;overflow:hidden;z-index:9999;box-shadow:0 20px 60px #00000080}.command-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.command-search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1.1rem}.command-search kbd{padding:4px 8px;background:#ffffff1a;border-radius:4px;font-size:.75rem;color:#fff9}.command-results{max-height:400px;overflow-y:auto;padding:8px}.command-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.command-action{display:flex;align-items:center;gap:12px}.command-key{padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.85rem;font-family:monospace}.no-results{text-align:center;padding:40px 20px;color:#ffffff80}.command-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.85rem;color:#fff9}.command-footer kbd{padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:.75rem;margin:0 4px}.shortcuts-guide{max-width:1000px;margin:0 auto}.guide-header{text-align:center;margin-bottom:40px}.guide-header h1{margin:0 0 8px;font-size:2rem}.guide-header p{color:#fff9;margin:0 0 24px}.btn-open-palette{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s}.btn-open-palette:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-open-palette kbd{padding:4px 8px;background:#fff3;border-radius:4px;font-size:.85rem}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.shortcut-category{padding:24px;border-radius:16px}.shortcut-category h3{margin:0 0 20px}.shortcut-list{display:flex;flex-direction:column;gap:12px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{padding:6px 12px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-family:monospace;color:#3b82f6;font-size:.9rem}.pro-tip{padding:24px;border-radius:16px;text-align:center}.pro-tip h4{margin:0 0 12px}.pro-tip p{margin:0;color:#ffffffb3}.pro-tip kbd{padding:4px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:4px;color:#8b5cf6;margin:0 4px}.command-results::-webkit-scrollbar{width:6px}.command-results::-webkit-scrollbar-track{background:#ffffff0d}.command-results::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.weather-integration{max-width:1000px;margin:0 auto}.weather-header{text-align:center;margin-bottom:32px}.weather-header h1{margin:0 0 8px;font-size:2rem}.route-selector{padding:20px;border-radius:12px;margin-bottom:24px}.route-select{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.05rem;cursor:pointer}.weather-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;border-radius:16px;margin-bottom:32px}.summary-stat{display:flex;align-items:center;gap:12px}.summary-stat.alert{color:#fbbf24}.summary-stat label{display:block;font-size:.85rem;color:#fff9;margin-bottom:4px}.summary-stat strong{font-size:1.1rem}.weather-timeline{position:relative;display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.weather-card{padding:24px;border-radius:16px;position:relative}.weather-card.has-alert{border:2px solid rgba(251,191,36,.3)}.alert-banner{position:absolute;top:-12px;left:24px;background:#fbbf24;color:#000;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px}.weather-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.location-info{display:flex;align-items:center;gap:8px}.location-info h3{margin:0;font-size:1.2rem}.weather-icon{font-size:3rem}.temperature{display:flex;flex-direction:column;margin-bottom:16px}.temp-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.condition{font-size:1.1rem;color:#ffffffb3}.weather-details{display:flex;gap:24px}.detail{display:flex;align-items:center;gap:8px;color:#ffffffb3}.route-connector{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);text-align:center}.connector-line{width:2px;height:20px;background:#3b82f64d;margin:0 auto}.connector-arrow{font-size:1.5rem;color:#3b82f680}.recommendations{padding:24px;border-radius:16px}.recommendations h3{margin:0 0 16px}.recommendations ul{list-style:none;padding:0;margin:0}.recommendations li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.recommendations li:last-child{border-bottom:none}.recommendations li.warning{color:#fbbf24}.recommendations li.success{color:#4ade80}.fuel-tracker{max-width:1200px;margin:0 auto}.fuel-header{text-align:center;margin-bottom:32px}.fuel-header h1{margin:0 0 8px;font-size:2rem}.fuel-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.summary-card{padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px}.card-icon{flex-shrink:0}.summary-card label{display:block;font-size:.85rem;color:#fff9;margin-bottom:4px}.summary-card strong{font-size:1.5rem}.fuel-controls{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:20px}.sort-select{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer}.fuel-table-container{padding:24px;border-radius:16px;margin-bottom:24px;overflow-x:auto}.fuel-table{width:100%;border-collapse:collapse}.fuel-table th{text-align:left;padding:12px;font-size:.9rem;color:#fff9;font-weight:600;text-transform:uppercase;border-bottom:2px solid rgba(255,255,255,.1)}.fuel-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.state-cell{display:flex;align-items:center;gap:8px}.price-cell{display:flex;align-items:center;gap:6px;font-weight:600}.change-up{color:#f87171}.change-down{color:#4ade80}.trend-up,.trend-down{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.85rem}.trend-up{background:#f8717133;color:#f87171}.trend-down{background:#4ade8033;color:#4ade80}.total-cost{font-weight:600;color:#fffc}.route-calculator{padding:24px;border-radius:16px;margin-bottom:20px}.route-calculator h3{margin:0 0 20px}.calculator-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#ffffffb3}.calc-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.calc-result{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px}.calc-result strong{font-size:1.5rem;color:#3b82f6}.update-info{text-align:center;color:#ffffff80;font-size:.9rem}.driver-birthdays{max-width:1100px;margin:0 auto}.birthdays-header{text-align:center;margin-bottom:32px}.birthdays-header h1{margin:0 0 8px;font-size:2rem}.celebration-settings{padding:20px;border-radius:12px;margin-bottom:24px}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-info{display:flex;align-items:center;gap:12px}.setting-info strong{display:block;margin-bottom:4px}.setting-info p{margin:0;font-size:.9rem;color:#fff9}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#4ade80}input:checked+.toggle-slider:before{transform:translate(24px)}.upcoming-events{padding:24px;border-radius:16px;margin-bottom:24px}.upcoming-events h3{margin:0 0 20px}.events-list{display:flex;flex-direction:column;gap:16px}.event-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.event-icon{flex-shrink:0}.event-details{flex:1}.event-details strong{display:block;margin-bottom:6px}.event-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#fff9}.days-until{padding:2px 8px;background:#3b82f633;border-radius:4px;color:#3b82f6;font-size:.8rem}.btn-send-greeting{padding:8px 16px;background:#4ade8033;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.recent-celebrations{padding:24px;border-radius:16px;margin-bottom:24px}.recent-celebrations h3{margin:0 0 20px}.celebrations-list{display:flex;flex-direction:column;gap:12px}.celebration-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px}.celebration-icon{flex-shrink:0}.celebration-info{flex:1}.celebration-info strong{display:block;margin-bottom:2px}.celebration-info span{font-size:.9rem;color:#fff9}.celebrated-badge{font-size:.85rem;color:#4ade80}.message-templates{padding:24px;border-radius:16px;margin-bottom:24px}.message-templates h3{margin:0 0 20px}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.template-card h4{margin:0 0 12px}.template-preview{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin-bottom:12px;font-style:italic}.btn-use-template{width:100%;padding:8px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-weight:600;cursor:pointer}.calendar-preview{padding:24px;border-radius:16px}.calendar-preview h3{margin:0 0 20px}.month-calendar{display:flex;flex-direction:column;gap:12px}.calendar-event{display:flex;gap:16px;align-items:center;padding:12px;background:#ffffff08;border-radius:10px}.calendar-date{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#3b82f633;border-radius:8px;min-width:60px}.calendar-date strong{font-size:1.5rem;color:#3b82f6}.calendar-date span{font-size:.75rem;color:#3b82f6cc}.calendar-event-info strong{display:block;margin-bottom:2px}.calendar-event-info span{font-size:.9rem;color:#fff9}.bulk-actions-page{max-width:1200px;margin:0 auto}.bulk-header{text-align:center;margin-bottom:32px}.bulk-header h1{margin:0 0 8px;font-size:2rem}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:12px;margin-bottom:20px;border:2px solid rgba(59,130,246,.3)}.selection-info{display:flex;align-items:center;gap:10px;color:#3b82f6}.bulk-actions{display:flex;gap:10px}.action-btn{padding:10px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-size:.9rem}.action-btn.assign{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.action-btn.export{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.action-btn.update{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.action-btn.archive{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.action-btn.delete{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.loads-table-container{padding:24px;border-radius:16px;margin-bottom:24px}.table-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selection-count{font-size:.9rem;color:#fff9}.loads-grid{display:flex;flex-direction:column;gap:12px}.load-row{display:grid;grid-template-columns:40px 1fr 1.5fr 1fr 120px;gap:16px;align-items:center;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s}.load-row.selected{background:#3b82f61a;border-color:#3b82f64d}.load-row:hover{background:#ffffff0d}.load-info{display:flex;flex-direction:column;gap:4px}.load-info strong{font-size:1rem}.tracking{font-size:.85rem;color:#fff9}.load-route{color:#fffc}.load-driver{color:#ffffffb3}.unassigned{color:#fff6;font-style:italic}.status-badge{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-align:center}.status-badge.in-transit{background:#3b82f633;color:#3b82f6}.status-badge.delivered{background:#4ade8033;color:#4ade80}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.actions-guide{padding:24px;border-radius:16px}.actions-guide h3{margin:0 0 16px}.actions-guide ul{list-style:none;padding:0;margin:0}.actions-guide li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.actions-guide li:last-child{border-bottom:none}.actions-guide strong{color:#fff}.custom-branding{max-width:900px;margin:0 auto}.branding-header{text-align:center;margin-bottom:32px}.branding-header h1{margin:0 0 8px;font-size:2rem}.theme-toggle-section{padding:24px;border-radius:16px;margin-bottom:24px}.section-title h3{margin:0 0 8px}.section-title p{margin:0;color:#fff9;font-size:.9rem}.theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.theme-btn{padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s}.theme-btn.active{background:#3b82f633;border-color:#3b82f680}.theme-btn:hover{background:#ffffff1a}.logo-section{padding:24px;border-radius:16px;margin-bottom:24px}.logo-section h3{margin:0 0 20px}.logo-upload{min-height:200px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;background:#ffffff08;border:2px dashed rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .2s}.upload-area:hover{background:#ffffff0d;border-color:#3b82f680}.logo-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-preview img{max-width:200px;max-height:100px;border-radius:8px}.btn-remove{padding:8px 16px;background:#f8717133;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;cursor:pointer}.company-section{padding:24px;border-radius:16px;margin-bottom:24px}.company-section h3{margin:0 0 16px}.company-input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.1rem}.company-input:focus{outline:none;border-color:#3b82f6}.colors-section{padding:24px;border-radius:16px;margin-bottom:24px}.colors-section h3{margin:0 0 20px}.color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.color-picker label{display:block;margin-bottom:10px;font-weight:600}.picker-input{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.picker-input input[type=color]{width:50px;height:40px;border:none;border-radius:6px;cursor:pointer}.picker-input span{font-family:monospace;color:#fffc}.color-presets h4{margin:0 0 16px;font-size:.95rem;color:#ffffffb3}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preset-btn{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.preset-colors{display:flex;gap:6px}.preset-swatch{width:24px;height:24px;border-radius:4px}.preview-section{padding:24px;border-radius:16px;margin-bottom:24px}.preview-section h3{margin:0 0 20px}.preview-mockup{padding:24px;border-radius:12px;color:#fff}.mockup-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.mockup-logo{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.mockup-logo img{max-width:100%;max-height:100%;border-radius:6px}.mockup-name{font-size:1.2rem;font-weight:700}.mockup-content{display:flex;gap:12px}.mockup-button{padding:12px 24px;border-radius:8px;font-weight:600;color:#fff}.btn-apply{width:100%;padding:16px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4ade8066}:root{--accent-color: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .4);--font-display: "Outfit", sans-serif;--font-ui: "Inter", sans-serif;--radius-xl: 32px;--shadow-lux: 0 20px 50px rgba(0, 0, 0, .5);--error: #ff453a}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}[data-theme=dark]{--bg-color: #050505;--surface-color: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4)}[data-theme=light]{--bg-color: #f8fafc;--surface-color: #ffffff;--border-color: rgba(0, 0, 0, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--shadow-lux: 0 10px 40px rgba(0, 0, 0, .05)}[data-theme=yellowish]{--bg-color: #fefce8;--surface-color: #ffffff;--border-color: rgba(133, 77, 14, .1);--text-primary: #713f12;--text-secondary: #b45309;--text-muted: #ca8a04;--accent-color: #b45309}[data-theme=grey]{--bg-color: #1e293b;--surface-color: #334155;--border-color: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8}body{background:var(--bg-color);color:var(--text-primary);font-family:var(--font-ui);transition:all .4s ease;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--bg-pattern);background-size:30px 30px;opacity:.1;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 0% 0%,rgba(59,130,246,.18) 0px,transparent 55%),radial-gradient(at 100% 0%,rgba(139,92,246,.18) 0px,transparent 55%),radial-gradient(at 100% 100%,rgba(59,130,246,.12) 0px,transparent 55%),radial-gradient(at 0% 100%,rgba(139,92,246,.12) 0px,transparent 55%);pointer-events:none;z-index:-1}.app-container{display:grid;grid-template-columns:auto 1fr;height:100vh;gap:0;background:var(--bg-color);transition:background-color .4s ease;position:relative;overflow:hidden}.app-container:before{content:"";position:fixed;top:var(--mouse-y, -100px);left:var(--mouse-x, -100px);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:var(--glow-opacity);mix-blend-mode:var(--glow-blend)}.sidebar{position:relative;height:calc(100vh - 40px);margin:20px 0 20px 20px;padding:30px 24px;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;width:320px}.sidebar.collapsed{width:100px;padding:30px 15px;align-items:center}.sidebar.collapsed .logo-section{padding-left:0;justify-content:center}.sidebar.collapsed .sidebar-item{padding:14px;justify-content:center}.sidebar.collapsed .sidebar-item span{display:none}.logo-section{display:flex;align-items:center;gap:15px;margin-bottom:50px;padding-left:10px}.logo-icon{color:var(--accent-color);filter:drop-shadow(0 0 10px var(--accent-glow))}.glass{background:var(--surface-color);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;border-radius:var(--radius-xl);transition:all .5s cubic-bezier(.4,0,.2,1)}.glass:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 20px 40px #0006}.logo-text{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(to right,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex-grow:1}.sidebar-item{display:flex;align-items:center;gap:15px;padding:14px 20px;border-radius:18px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.sidebar-item:after{content:"";position:absolute;left:0;top:50%;width:4px;height:0;background:var(--accent-color);transform:translateY(-50%);transition:all .3s ease}.sidebar-item:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(8px)}.sidebar-item.active{background:var(--accent-color);color:#fff;box-shadow:0 10px 25px #3b82f666;transform:scale(1.02)}.sidebar-item.active:after{height:60%}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--border-color);padding-top:20px}.role-switch{padding:12px;font-size:.85rem;font-weight:600;background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:15px;cursor:pointer;transition:all .3s ease}.role-switch:hover{background:var(--accent-color);color:#fff}.logout-btn{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--error);cursor:pointer;padding:10px 20px;opacity:.7;transition:opacity .3s}.logout-btn:hover{opacity:1}.main-content{overflow-y:auto;overflow-x:hidden;height:100vh;position:relative;display:flex;flex-direction:column;min-width:0}.content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:var(--glass-bg);backdrop-filter:blur(50px) saturate(210%);-webkit-backdrop-filter:blur(50px) saturate(210%);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #0003;width:100%}.dashboard-content{padding:24px 40px 40px;flex:1}.header-right{display:flex;align-items:center;gap:30px}.icon-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 10px #0000000d;overflow:hidden}.icon-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.icon-btn:hover:after{opacity:1}.icon-btn:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px);border-color:#fff3;box-shadow:0 8px 20px #0003}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff3b30;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;border:2px solid var(--surface-color);font-weight:800}.content-header.neural-listening{border-bottom:1px solid var(--accent-color);box-shadow:0 0 20px #3b82f633,inset 0 0 10px #3b82f61a}.content-header.neural-listening:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.neural-mode .sidebar{border-right:1px solid rgba(59,130,246,.2)}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}.stat-card{padding:24px;border-radius:var(--radius-xl);background:var(--surface-color);border:1px solid var(--border-color);transition:all .3s ease}.notifications-dropdown{position:absolute;top:calc(100% + 20px);right:0;width:400px;border-radius:var(--radius-xl);padding:24px;z-index:99999;background:#0a0a0fbf;backdrop-filter:blur(80px) saturate(280%) contrast(110%);-webkit-backdrop-filter:blur(80px) saturate(280%) contrast(110%);border:1px solid rgba(255,255,255,.25);box-shadow:0 50px 100px #000000e6,inset 0 0 0 1px #ffffff1a;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notif-list{display:flex;flex-direction:column;gap:12px}.notif-item{padding:12px;border-radius:12px;background:#ffffff05;border-left:4px solid var(--accent-color)}.notif-item.warning{border-left-color:#fbbf24}.notif-item.success{border-left-color:#32d74b}.notif-item p{font-size:.85rem;margin-bottom:4px}.notif-item span{font-size:.7rem;opacity:.5}.collapse-toggle{position:absolute;top:35px;right:-15px;width:30px;height:30px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 5px 15px #3b82f64d;z-index:101}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 5px 15px #0000004d}.welcome-card{padding:40px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(255,255,255,.05);margin-bottom:40px}.welcome-card h2{font-size:2.2rem;margin-bottom:10px;background:linear-gradient(to bottom,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-content{display:flex;flex-direction:column;gap:40px;animation:liquidIn .8s cubic-bezier(.2,.8,.2,1)}@keyframes liquidIn{0%{opacity:0;transform:scale(.95) translateY(30px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@media(max-width:1200px){.app-container{grid-template-columns:280px 1fr}}@media(max-width:768px){.app-container{display:block}.sidebar{position:fixed;left:-320px;top:0;bottom:0;width:280px;margin:0;height:100vh;border-radius:0 32px 32px 0;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:1000;background:#0a0a0ff2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.sidebar.open{left:0}.sidebar-close-mobile{display:flex;position:absolute;right:20px;top:20px;cursor:pointer;opacity:.6}.main-content{padding:15px}.content-header{margin-bottom:20px;padding:15px 20px;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menu-toggle-btn{display:flex;background:transparent;border:none;color:#fff;margin-right:15px;cursor:pointer}.header-right{gap:15px}.user-info{display:none}.stats-grid,.analytics-grid{grid-template-columns:1fr!important}.welcome-card h2{font-size:1.5rem}}@media(min-width:769px){.sidebar-close-mobile,.menu-toggle-btn{display:none}}.nav-group-content{padding-left:12px;display:flex;flex-direction:column;gap:4px;animation:slideDown .3s ease-out;border-left:1px solid rgba(255,255,255,.05);margin-left:12px;margin-bottom:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-section-header{font-size:.75rem;font-weight:800;letter-spacing:.5px;opacity:.8;padding:12px 16px;margin:8px 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.nav-section-header:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff1a;transform:translate(4px);box-shadow:0 4px 15px #0003}.nav-section-header.active{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--accent-color);border-color:#3b82f64d;opacity:1}.nav-section-header span{text-transform:uppercase}.nav-group-content{margin-bottom:12px}.loads-container{display:flex;flex-direction:column;gap:24px}.workflow-steps{display:flex;padding:8px;gap:8px;margin-bottom:32px;width:fit-content}.step-btn{padding:10px 24px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.step-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.loads-grid{display:flex;flex-direction:column;gap:24px}.load-card{padding:24px;display:flex;flex-direction:column;border-radius:var(--radius-xl)}.load-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px}.header-main{display:flex;align-items:center;gap:16px}.load-id{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.load-route-text{color:var(--text-secondary);font-weight:500}.header-actions{display:flex;gap:16px;align-items:center}.tonu-actions{display:flex;gap:8px}.btn-small{background:var(--surface-hover);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--border-color)}.load-content-split{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin:24px 0}.locations-table-section h4,.load-payout-section h4{margin-bottom:16px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.locations-table{width:100%;border-collapse:collapse}.locations-table th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.minimal-input{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:4px;border-radius:4px;font-size:.85rem}.table-container{overflow-x:auto}.locations-table td{padding:12px 8px;border-bottom:1px solid var(--border-color);font-size:.95rem}.tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.tag.pickup{background:#3b82f61a;color:var(--accent-secondary)}.tag.delivery{background:#10b9811a;color:var(--accent-color)}.load-payout-section{padding:24px;background:var(--surface-color);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.payout-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.payout-total{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700}.load-actions-footer{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--border-color)}.driver-workflow-btns,.upload-workflow{display:flex;gap:12px}.btn-success{background:var(--success);color:#fff}.btn-xs{padding:4px 8px;font-size:.75rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.dispatched{background:#3b82f61a;color:var(--accent-secondary)}.status-badge.on-process{background:#d299221a;color:var(--warning)}.status-badge.delivered{background:#3fb9501a;color:var(--success)}.analyzing-text{animation:pulse 1s infinite;color:var(--accent-color);font-weight:600}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.upload-box.success{border-color:var(--success);background:#3fb9500d}.ai-success-message{display:flex;flex-direction:column;align-items:center;gap:8px}.status-badge.paid{background:var(--accent-secondary);color:#fff}.analyzing-state{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--success);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-logs-terminal{width:100%;background:#0006;border-radius:8px;padding:12px;margin-top:15px;font-family:Cascadia Code,Fira Code,monospace;font-size:.75rem;text-align:left;border:1px solid rgba(255,255,255,.05)}.log-line{color:var(--success);opacity:.8;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-line code{color:#4ade80}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;opacity:.6;text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;opacity:.5;transition:.2s}.close-btn:hover{opacity:1;transform:scale(1.1)}.payout-total{border-top:2px dashed var(--border-color);padding-top:15px;margin-top:15px;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;color:var(--success)}.driver-name{font-size:.8rem;opacity:.6;display:flex;align-items:center;gap:5px}.table-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{width:100%;max-width:600px;max-height:90vh;padding:40px;border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lux);overflow-y:auto;position:relative;animation:liquidIn .5s cubic-bezier(.2,.8,.2,1)}.modal-content h3{margin-bottom:30px;font-size:1.8rem;text-align:center}.ai-upload-section{margin-bottom:30px}.upload-box{border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface-color)}.upload-box:hover{border-color:var(--accent-color);background:#3b82f60d}.load-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.form-group input{background:var(--bg-color);border:1px solid var(--border-color);padding:12px 16px;border-radius:12px;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px}.accounting-container{display:flex;flex-direction:column;gap:32px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card{padding:24px;display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-xl)}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:700;font-family:var(--font-display)}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.stat-subtext{font-size:.8rem;color:var(--text-muted)}.analytics-details{padding:32px;border-radius:var(--radius-xl)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.week-select{padding:8px 12px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none}.analytics-table-wrapper{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;text-align:left}.analytics-table th{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:500}.analytics-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:.95rem}.active-row{background:var(--accent-glow)}.trend-tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.trend-tag.up{background:#3fb9501a;color:var(--success)}.trend-tag.down{background:#f851491a;color:var(--error)}.driver-payment-summary{padding:32px;background:linear-gradient(135deg,var(--surface-color),rgba(59,130,246,.05));border-radius:var(--radius-xl)}.earnings-list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.earning-item{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.95rem}.earning-total{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem}.highlight{color:var(--accent-color)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-accent{color:var(--accent-color)}.text-secondary{color:var(--accent-secondary)}.drivers-container{display:flex;flex-direction:column;gap:24px}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.driver-card{padding:24px;display:flex;flex-direction:column;gap:20px;border-radius:var(--radius-xl)}.driver-header{display:flex;gap:16px;align-items:center}.driver-avatar{width:50px;height:50px;border-radius:12px;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;color:var(--accent-color);border:1px solid var(--border-color)}.driver-basic-info h3{font-size:1.1rem;margin-bottom:4px}.driver-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px}.driver-status.active{background:var(--accent-glow);color:var(--success)}.driver-status.on-trip{background:var(--accent-glow);color:var(--accent-secondary)}.driver-status.off-duty{background:var(--surface-hover);color:var(--text-secondary)}.driver-settings{display:flex;flex-direction:column;gap:16px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.setting-item{display:flex;gap:12px;align-items:center;color:var(--text-secondary)}.setting-detail{flex-grow:1}.setting-detail .label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted)}.minimal-select{background:transparent;border:none;color:var(--text-primary);font-weight:500;font-size:.95rem;cursor:pointer;width:100%;outline:none}.minimal-select option{background:var(--surface-color);color:var(--text-primary)}.setting-detail .value{font-weight:600;color:var(--text-primary)}.ai-dispatcher-view{height:100%;padding:24px}.chat-messages{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#3b82f680}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag{padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.85rem;color:#3b82f6}.section-badge{display:inline-block;padding:8px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:.85rem;font-weight:700;color:#3b82f6;margin-bottom:20px}.icon-box{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-box.blue{background:#3b82f626;color:#3b82f6}.icon-box.green{background:#32d74b26;color:#32d74b}.icon-box.purple{background:#9333ea26;color:#9333ea}:root{--lp-bg: #030712;--lp-accent: #3b82f6;--lp-accent-rgb: 59, 130, 246;--lp-purple: #a855f7;--lp-purple-rgb: 168, 85, 247;--lp-text-main: #f8fafc;--lp-text-muted: #94a3b8;--lp-glass: rgba(15, 23, 42, .7);--lp-glass-border: rgba(255, 255, 255, .1);--lp-radius: 24px}.landing-container{background:var(--lp-bg);color:var(--lp-text-main);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.lp-glass{background:var(--lp-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lp-glass-border);border-radius:var(--lp-radius)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;position:fixed;top:0;left:20px;right:20px;z-index:1000;margin:20px auto;border-radius:100px;max-width:1200px}.logo{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;letter-spacing:-1px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{text-decoration:none;color:var(--lp-text-muted);font-weight:500;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:var(--lp-accent)}.hero-section{position:relative;padding:180px 8% 120px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;overflow:hidden;max-width:1400px;margin:0 auto}.mesh-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.4;background-image:radial-gradient(at 0% 0%,hsla(217,91%,60%,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(271,91%,65%,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(217,91%,60%,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(271,91%,65%,.15) 0px,transparent 50%)}.announcement-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:100px;color:var(--lp-accent);font-size:.8rem;font-weight:600;margin-bottom:32px}.hero-content h1{font-size:clamp(3rem,8vw,5.5rem);line-height:1;letter-spacing:-4px;margin:0 0 24px;font-weight:800}.gradient-text{background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--lp-text-muted);max-width:550px;margin-bottom:48px;line-height:1.6}.hero-visual{position:relative;perspective:2000px}.dashboard-preview-card{border-radius:24px;overflow:hidden;box-shadow:0 50px 100px -20px #0009;transform:rotateY(-15deg) rotateX(10deg);border:1px solid rgba(255,255,255,.1);background:#0f172a}.browser-header{padding:14px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:20px}.browser-header .dots{display:flex;gap:6px}.browser-header .dots span{width:8px;height:8px;border-radius:50%;background:#fff3}.url-bar{background:#0003;padding:4px 16px;border-radius:100px;font-size:.75rem;color:var(--lp-text-muted);flex:1;max-width:300px}.preview-map-mock{height:400px;background:#020617;position:relative;display:flex;justify-content:center;align-items:center}.map-overlay-stat{position:absolute;top:20px;right:20px;padding:12px 20px;display:flex;flex-direction:column;gap:4px;z-index:5}.map-overlay-stat .label{font-size:.7rem;font-weight:700;color:var(--lp-text-muted);letter-spacing:1px}.map-overlay-stat .value{font-size:1.2rem;font-weight:800;color:var(--lp-accent)}.dot.pulse{position:absolute;width:12px;height:12px;background:var(--lp-accent);border-radius:50%;box-shadow:0 0 30px var(--lp-accent);animation:lp-pulse 3s infinite}@keyframes lp-pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--lp-accent-rgb),.7)}70%{transform:scale(1.1);box-shadow:0 0 0 15px rgba(var(--lp-accent-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--lp-accent-rgb),0)}}.stats-ticker-section{margin:-60px 8% 80px;padding:60px 40px;position:relative;z-index:100}.ticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ticker-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ticker-value{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1;background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ticker-label{font-size:.75rem;color:var(--lp-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:2px}.agentic-ai-section{padding:120px 8%;background:linear-gradient(180deg,transparent 0%,rgba(168,85,247,.05) 100%);max-width:1200px;margin:0 auto}.agentic-visual{position:relative;height:400px}.neural-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:2}.pulse-ring{position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px solid var(--lp-purple);border-radius:50%;animation:lp-pulse-ring 3s ease-out infinite;pointer-events:none}@keyframes lp-pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.brain-icon{width:100%;height:100%;color:var(--lp-purple);filter:drop-shadow(0 0 30px rgba(var(--lp-purple-rgb),.5));animation:lp-float 4s ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.sol-list{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:20px}.sol-list li{display:flex;align-items:center;gap:16px;font-size:1.1rem}.sol-list svg{color:var(--lp-accent)}.features-grid-section{padding:120px 8%}.section-title{text-align:center;margin-bottom:80px}.section-title h2{font-size:3.5rem;font-weight:800;margin:20px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.feature-card{padding:48px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);border-color:var(--lp-accent)}.exclusive-badge{position:absolute;top:24px;right:24px;font-size:.6rem;font-weight:800;letter-spacing:1px;background:rgba(var(--lp-accent-rgb),.1);color:var(--lp-accent);padding:4px 10px;border-radius:4px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:60px auto 0}.comp-col{padding:40px;border-radius:var(--lp-radius)}.comp-col.legacy{background:#ffffff05;border:1px solid rgba(255,255,255,.05);opacity:.6}.comp-col.swift{background:rgba(var(--lp-accent-rgb),.05);border:1px solid rgba(var(--lp-accent-rgb),.2);position:relative}.winner-badge{background:var(--lp-purple);color:#fff;font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:12px;letter-spacing:1.5px}.comp-col ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:16px}.comp-col li{display:flex;align-items:center;gap:12px;font-size:.95rem}.comp-col.legacy li{color:var(--lp-text-muted)}.comp-col.swift li{color:var(--lp-text-main);font-weight:500}.pricing-section{padding:120px 8%}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:60px;max-width:1100px;margin:0 auto}.pricing-card{padding:40px 32px;text-align:left;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--lp-accent);transform:scale(1.05);position:relative;z-index:2;background:rgba(var(--lp-accent-rgb),.08)}.price{font-size:3.5rem;font-weight:800;margin:24px 0;display:flex;align-items:baseline;gap:4px}.price span{font-size:1rem;color:var(--lp-text-muted);font-weight:500}.best-value{background:var(--lp-accent);color:#fff;font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:100px;display:inline-block;margin-bottom:20px;letter-spacing:1px}.full-width{width:100%;margin-top:24px}.text-accent{color:var(--lp-accent)}.btn{padding:12px 24px;border-radius:12px;font-weight:600;transition:all .2s;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;justify-content:center}.btn-primary{background:var(--lp-accent);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(var(--lp-accent-rgb),.5)}.btn-large{padding:16px 32px;font-size:1.1rem;font-weight:700}@media(max-width:1200px){.hero-section{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto 48px}.features-grid,.pricing-grid{grid-template-columns:1fr 1fr}.hero-ctas{align-items:center}}@media(max-width:768px){.hero-content h1{font-size:3.5rem}.features-grid,.pricing-grid,.comparison-grid{grid-template-columns:1fr}.landing-nav{margin:10px 4%;padding:15px 5%}}