@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;650;700&family=IBM+Plex+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap);#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}:root{--asphalt-950:#0a1930;--asphalt-800:#123258;--route-teal:#0f5c56;--amber-500:#ffb020;--amber-200:#ffd37a;--paper:#f7f9fc;--ink:#16233a;--slate:#64748b;--line:#e1e7f0}.idle-note{align-items:center;background:#eaf6f8;border:1px solid #bfe6ec;border-radius:8px;color:#1e5f74;display:flex;font-size:13.5px;gap:8px;line-height:1.4;margin-bottom:14px;padding:10px 14px}.idle-note-icon{flex-shrink:0;font-size:16px}.idle-note-text{flex:1 1}*{font-family:Inter,sans-serif}body{background:#e9edf5}.login-page{align-items:center;background:radial-gradient(circle at 15% 10%,#0f5c561a,#0000 45%),radial-gradient(circle at 85% 90%,#ffb02014,#0000 40%),#e9edf5;display:flex;height:100vh;height:100dvh!important;justify-content:center;overflow:hidden!important;overscroll-behavior:none;padding:18px;width:100%}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 50px -12px #0a193047;display:grid;grid-template-columns:44% 56%;height:min(500px,100%);max-width:940px;overflow:hidden;width:100%}.login-left{align-items:center;background:linear-gradient(180deg,#ffb02000,#ffb0200d),linear-gradient(155deg,#0a1930,#123258 55%,#0f5c56 130%);background:linear-gradient(180deg,#ffb02000 0,#ffb0200d 100%),linear-gradient(155deg,var(--asphalt-950) 0,var(--asphalt-800) 55%,var(--route-teal) 130%);color:#fff;display:flex;justify-content:center;overflow-y:auto;overflow:hidden;padding:32px 30px;position:relative}.login-left:before{background-image:repeating-linear-gradient(100deg,#0000 0 46px,hsla(0,0%,100%,.035) 46px 48px);inset:0}.login-left:after,.login-left:before{content:"";pointer-events:none;position:absolute}.login-left:after{background:radial-gradient(circle,#ffb0202e,#0000 70%);border-radius:50%;bottom:-100px;height:220px;left:-90px;width:220px}.left-content{max-width:300px;position:relative;text-align:center;width:100%;z-index:2}.logo-circle{align-items:center;display:flex;height:auto;justify-content:center;margin:0 auto 12px;width:96px}.logo-circle-img{background:#fff;border-radius:8px;height:auto;object-fit:contain;padding:5px;width:100%}.login-left h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:5px}.company-text{color:#ffd37a;color:var(--amber-200);display:block;font-size:9.5px;font-weight:500;letter-spacing:2.5px;margin-bottom:14px;text-transform:uppercase}.line{background:#ffb020;background:var(--amber-500);border-radius:20px;height:3px;margin:0 auto 22px;width:34px}.route-map{padding-left:24px;position:relative;text-align:left}.route-map:before{background:repeating-linear-gradient(180deg,#ffffff59 0 6px,#0000 6px 12px);bottom:4px;content:"";left:6px;position:absolute;top:4px;width:2px}.route-marker{animation:travel-route 4.5s ease-in-out infinite;background:#ffb020;background:var(--amber-500);border-radius:50%;box-shadow:0 0 0 4px #ffb02038,0 0 12px #ffb020b3;height:10px;left:1px;position:absolute;width:10px}@keyframes travel-route{0%{opacity:0;top:0}8%{opacity:1}92%{opacity:1}to{opacity:0;top:calc(100% - 10px)}}.feature-list{display:flex;flex-direction:column;gap:11px;list-style:none}.feature-item{color:#eaf0fb;font-size:11.5px;font-weight:500;padding-left:4px;position:relative}.feature-item:before{background:#f7f9fc;background:var(--paper);border:2px solid #123258;border:2px solid var(--asphalt-800);border-radius:50%;box-shadow:0 0 0 2px #ffffff80;content:"";height:7px;left:-23px;position:absolute;top:50%;transform:translateY(-50%);width:7px;z-index:1}.feature-item:after{animation:dot-blink 4.5s ease-in-out infinite;background:#0000;border-radius:50%;box-shadow:0 0 0 0 #ffb02000;content:"";height:11px;left:-25.5px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(1);width:11px;z-index:0}.feature-item:first-child:after{animation-delay:.29s}.feature-item:nth-child(2):after{animation-delay:1.27s}.feature-item:nth-child(3):after{animation-delay:2.25s}.feature-item:nth-child(4):after{animation-delay:3.23s}.feature-item:nth-child(5):after{animation-delay:4.21s}@keyframes dot-blink{0%,92%,to{background:#0000;box-shadow:0 0 0 0 #ffb02000;transform:translateY(-50%) scale(1)}4%{background:#ffb020;background:var(--amber-500);box-shadow:0 0 0 4px #ffb02059,0 0 14px 4px #ffb020d9;transform:translateY(-50%) scale(1.5)}9%{background:#0000;box-shadow:0 0 0 0 #ffb02000;transform:translateY(-50%) scale(1)}}.route-divider{background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;margin:22px 0 16px}.company-address{padding-left:24px;text-align:left}.address-eyebrow{color:#ffd37a;color:var(--amber-200);display:block;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.address-eyebrow,.address-name{font-weight:600;margin-bottom:3px}.address-name{color:#fff;font-family:Space Grotesk,sans-serif;font-size:13px}.address-lines{color:#eaf0fbbf;font-size:10.5px;line-height:1.55}.login-right{align-items:center;background:#f7f9fc;background:var(--paper);display:flex;justify-content:center;overflow-y:auto;padding:30px}.login-card{max-width:340px;width:100%}.heading-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.welcome-logo{background:#fff;border:1px solid #e1e7f0;border:1px solid var(--line);border-radius:8px;flex-shrink:0;height:38px;object-fit:contain;padding:3px;width:38px}.login-card h2{color:#16233a;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.heading-section p{color:#64748b;color:var(--slate);font-size:11.5px}.login-card form{background:#fff;border:1px solid #e1e7f0;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 22px -8px #0a19301a;display:flex;flex-direction:column;gap:12px;padding:20px}.form-group label{color:#16233a;color:var(--ink);font-size:11px;gap:6px;margin-bottom:5px}.auto-chip{background:#0f5c561a;border-radius:20px;color:#0f5c56;color:var(--route-teal);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.02em;padding:2px 6px}.form-group input{background:#fbfcfe;border:1.5px solid #e1e7f0;border:1.5px solid var(--line);border-radius:8px;color:#16233a;color:var(--ink);font-size:12.5px;height:36px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.form-group input::placeholder{color:#9aa6b8}.form-group input:focus{background:#fff;border-color:#0f5c56;border-color:var(--route-teal);box-shadow:0 0 0 4px #0f5c561a;outline:none}.input-readonly{background:#f3f5f9!important;color:#64748b!important;color:var(--slate)!important;font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:.02em}.login-btn{background:linear-gradient(90deg,#ffb020,#ff9d2e);background:linear-gradient(90deg,var(--amber-500),#ff9d2e);border:none;border-radius:8px;box-shadow:0 8px 18px -8px #ffb0208c;color:#0a1930;color:var(--asphalt-950);cursor:pointer;font-size:12.5px;font-weight:700;height:38px;letter-spacing:.01em;margin-top:2px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 12px 22px -8px #ffb020a6;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.session-modal-overlay{align-items:center;animation:modal-overlay-fade .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a19308c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes modal-overlay-fade{0%{opacity:0}to{opacity:1}}.session-modal{animation:modal-pop .32s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#fff,#f7f9fc);border-radius:14px;box-shadow:0 24px 48px -16px #0a193073,inset 0 0 0 1px #fff9;max-width:300px;overflow:hidden;padding:18px 20px 16px;position:relative;width:88%}@keyframes modal-pop{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.session-modal:before{animation:accent-shift 3s ease-in-out infinite;background:linear-gradient(90deg,#0f5c56,#ffb020,#ff6b6b);background:linear-gradient(90deg,var(--route-teal),var(--amber-500),#ff6b6b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes accent-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.session-modal:after{background:radial-gradient(circle,#ffb02029,#0000 70%);border-radius:50%;content:"";height:130px;pointer-events:none;position:absolute;right:-45px;top:-55px;width:130px}.session-modal-icon{align-items:center;animation:icon-pulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,#ff9d2e,#ffb020);background:linear-gradient(135deg,#ff9d2e,var(--amber-500));border-radius:11px;box-shadow:0 8px 16px -8px #ffb020a6;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;margin-bottom:10px;position:relative;width:36px;z-index:1}@keyframes icon-pulse{0%,to{box-shadow:0 10px 20px -8px #ffb020a6,0 0 0 0 #ffb02080}50%{box-shadow:0 10px 24px -6px #ffb020cc,0 0 0 8px #ffb02000}}.session-modal h3{color:#16233a;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;position:relative;z-index:1}.session-modal p{color:#64748b;color:var(--slate);font-size:11.5px;line-height:1.5;margin:0 0 14px;position:relative;z-index:1}.session-modal-actions{display:flex;gap:8px;justify-content:flex-end;position:relative;z-index:1}.session-modal-cancel,.session-modal-confirm{flex:1 1}.session-modal-cancel{background:#eef1f6;border:1.5px solid #e1e7f0;border:1.5px solid var(--line);border-radius:8px;color:#16233a;color:var(--ink);cursor:pointer;font-size:11.5px;font-weight:600;padding:8px 12px;transition:background .18s ease,transform .18s ease,border-color .18s ease}.session-modal-cancel:hover:not(:disabled){background:#e3e8f0;border-color:#c3cede;transform:translateY(-1px)}.session-modal-confirm{background:linear-gradient(90deg,#0f5c56,#14867d);background:linear-gradient(90deg,var(--route-teal),#14867d);border:none;border-radius:8px;box-shadow:0 8px 16px -8px #0f5c5699;color:#fff;cursor:pointer;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:8px 12px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.session-modal-confirm:hover:not(:disabled){box-shadow:0 14px 24px -8px #0f5c56b3;filter:brightness(1.06);transform:translateY(-1px)}.session-modal-cancel:active:not(:disabled),.session-modal-confirm:active:not(:disabled){transform:translateY(0)}.session-modal-cancel:disabled,.session-modal-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group input:focus-visible,.login-btn:focus-visible{outline:2px solid #0f5c56;outline:2px solid var(--route-teal);outline-offset:2px}.auth-footer{color:#64748b;color:var(--slate);font-size:11.5px;margin-top:12px;text-align:center}.register-link{color:#0f5c56;color:var(--route-teal);cursor:pointer;font-weight:600;margin-left:4px}.copyright{color:#aeb8c7;font-size:10px;margin-top:14px;text-align:center}@media (max-width:992px){.login-page{align-items:center;padding:16px}.login-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;max-height:calc(100dvh - 32px)}.login-left{background:radial-gradient(circle at 10% 0,#ffb02024,#0000 55%),linear-gradient(135deg,#0a1930,#123258 55%,#0f5c56 130%);background:radial-gradient(circle at 10% 0,#ffb02024,#0000 55%),linear-gradient(135deg,var(--asphalt-950) 0,var(--asphalt-800) 55%,var(--route-teal) 130%);box-shadow:0 6px 18px -8px #0a19308c;display:flex!important;flex-shrink:0;overflow:visible;padding:20px 22px;position:relative}.login-left:after{display:none}.login-left:before{background-image:repeating-linear-gradient(100deg,#0000 0 46px,hsla(0,0%,100%,.045) 46px 48px)}.left-content{align-items:center;display:flex;gap:12px;max-width:none;position:relative;text-align:left;width:100%}.logo-circle{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));flex-shrink:0;margin:0;transition:transform .25s ease;width:56px}.logo-circle:hover{transform:scale(1.05)}.logo-circle-img{border-radius:10px}.login-left h2{font-size:12px;font-weight:700;letter-spacing:0;line-height:1.2;margin-bottom:2px;white-space:nowrap}.company-text{font-size:7px;letter-spacing:1.4px;margin-bottom:0}.company-address,.line,.route-divider,.route-map{display:none}.login-right{background:radial-gradient(circle at 12% 15%,#0f5c561f,#0000 42%),radial-gradient(circle at 88% 10%,#ffb02021,#0000 38%),radial-gradient(circle at 92% 90%,#0a193012,#0000 42%),radial-gradient(circle at 6% 92%,#0f5c5614,#0000 38%),#f7f9fc;background:radial-gradient(circle at 12% 15%,#0f5c561f,#0000 42%),radial-gradient(circle at 88% 10%,#ffb02021,#0000 38%),radial-gradient(circle at 92% 90%,#0a193012,#0000 42%),radial-gradient(circle at 6% 92%,#0f5c5614,#0000 38%),var(--paper);isolation:isolate;overflow-y:auto;padding:22px 24px;position:relative}.login-right:before{background:linear-gradient(90deg,#ffb020,#0f5c56);background:linear-gradient(90deg,var(--amber-500),var(--route-teal));content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.login-right:after{background-image:radial-gradient(#0a19300d 1px,#0000 0);background-size:16px 16px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.login-card{margin:0 auto;max-width:360px;position:relative;z-index:1}.welcome-logo{display:none}.heading-section{justify-content:flex-start}.login-card form{border-color:#0f5c5624;box-shadow:0 14px 34px -12px #0a19302e,0 2px 8px -2px #0a19300f;position:relative}.login-card form:before{background:linear-gradient(90deg,#0f5c56,#ffb020);background:linear-gradient(90deg,var(--route-teal),var(--amber-500));border-radius:0 0 4px 4px;content:"";height:2px;left:14px;opacity:.6;position:absolute;right:14px;top:0}.form-group input{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .15s ease}.form-group input:hover{background:#fff;border-color:#c3cede}.form-group input:focus{box-shadow:0 0 0 4px #0f5c5624,0 6px 14px -8px #0a19304d}.login-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-btn:hover:not(:disabled){box-shadow:0 14px 26px -8px #ffb02099;filter:brightness(1.04);transform:translateY(-2px)}.register-link{transition:color .18s ease}.register-link:hover{color:#123258;color:var(--asphalt-800);text-decoration:underline}}@media (max-width:768px){.login-page{padding:10px}.login-container{border-radius:12px;max-height:calc(100dvh - 20px)}.login-left{padding:18px 20px}.logo-circle{width:50px}.login-left h2{font-size:11.5px}.company-text{font-size:6.5px}.login-right{padding:18px}.login-card h2{font-size:20px}.heading-section{margin-bottom:13px}.heading-section p{font-size:10.5px}.login-card form{gap:11px;padding:16px}.form-group input{font-size:12.5px;height:36px}.login-btn{font-size:12px;height:38px}.auth-footer{font-size:10.5px;margin-top:10px}.copyright{font-size:9px;margin-top:12px}.session-modal{border-radius:12px;max-width:280px;padding:16px 18px 14px}.session-modal-icon{border-radius:9px;font-size:14px;height:32px;width:32px}}@media (max-width:480px){.login-page{align-items:stretch;padding:0}.login-container{border-radius:0;box-shadow:none;grid-template-rows:auto 1fr;height:100vh;height:100dvh;max-height:none}.login-left{padding:16px 18px}.logo-circle{width:46px}.login-left h2{font-size:11px}.company-text{font-size:6px}.login-right{align-items:center;display:flex;padding:24px 18px}.login-card{max-width:100%;width:100%}.login-card h2{font-size:19px}.login-card form{border-radius:12px;gap:11px;padding:15px}.form-group input{font-size:16px;height:38px}.login-btn{font-size:12.5px;height:38px}.auth-footer{font-size:10.5px}.copyright{font-size:9px;margin-top:12px}.session-modal{max-width:270px;padding:15px 16px 13px;width:86%}.session-modal-actions{flex-direction:row}.session-modal-cancel,.session-modal-confirm{flex:1 1;font-size:11px;padding:8px 10px;text-align:center}}@media (prefers-reduced-motion:reduce){.route-marker{opacity:1;top:8px}.feature-item:after,.route-marker,.session-modal,.session-modal-icon,.session-modal-overlay,.session-modal:before{animation:none}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sidebar{--rail-bg:#0a1930;--rail-bg-raised:#16233f;--rail-border:#ffffff12;--rail-text:#a9b3c9;--rail-text-dim:#66708a;--rail-text-bright:#f5f7fc;--rail-accent:#ffb020;--rail-accent-soft:#ffb02024;-ms-overflow-style:none;align-self:flex-start;background:linear-gradient(190deg,#0a1930,#0d2140);border-right:1px solid var(--rail-border);flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;width:216px}.sidebar::-webkit-scrollbar{display:none}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--rail-text-dim);cursor:pointer;display:none;font-size:16px;height:26px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .15s ease,color .15s ease;width:26px;z-index:5}.sidebar-close-btn:hover{background:#ffffff0f;color:var(--rail-text-bright)}.sidebar-close-btn:focus-visible{outline:2px solid var(--rail-accent);outline-offset:2px}.logo{border-bottom:1px solid var(--rail-border);justify-content:space-between;margin-bottom:6px;padding:10px}.logo,.logo-link{align-items:center;display:flex;gap:6px}.logo-link{cursor:pointer;min-width:0;text-decoration:none}.logo-link:hover .logo-text{color:var(--rail-accent)}.logo-img{background:#fff;border-radius:6px;flex-shrink:0;height:24px;object-fit:contain;padding:2px;width:40px}.logo-text{color:var(--rail-text-bright);font-family:Space Grotesk,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.sidebar nav{display:flex;flex:1 1;flex-direction:column;padding:8px 9px 18px}.nav-group{display:flex;flex-direction:column;margin-bottom:5px}.nav-group+.nav-group{border-top:1px solid var(--rail-border);margin-top:10px;padding-top:10px}.nav-eyebrow{color:var(--rail-text-dim);font-size:9px;font-weight:700;letter-spacing:.09em;margin-bottom:6px;padding:0 10px;text-transform:uppercase}.sidebar nav a{align-items:center;border-radius:7px;color:var(--rail-text);display:flex;font-size:11.5px;font-weight:500;gap:9px;margin-bottom:2px;padding:7px 10px;position:relative;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.sidebar nav a svg{flex-shrink:0;font-size:14px;transition:transform .15s ease,color .15s ease}.sidebar nav a:hover{background:#ffffff0d;color:var(--rail-text-bright)}.sidebar nav a:hover svg{transform:translateX(2px)}.sidebar nav a:focus-visible{outline:2px solid var(--rail-accent);outline-offset:2px}.sidebar nav a.active{background:var(--rail-accent-soft);color:var(--rail-text-bright);font-weight:600}.sidebar nav a.active:before{background:var(--rail-accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px 1px var(--rail-accent);content:"";height:15px;left:-9px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar nav a.active svg{color:var(--rail-accent)}.menu-parent{align-items:center;border-radius:7px;color:var(--rail-text);cursor:pointer;display:flex;font-size:11.5px;font-weight:500;justify-content:space-between;margin-bottom:2px;padding:7px 10px;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.menu-parent:hover{background:#ffffff0d;color:var(--rail-text-bright)}.menu-parent.open{background:#ffffff0a;color:var(--rail-text-bright)}.menu-left{align-items:center;display:flex;gap:9px;overflow:hidden}.menu-left svg{flex-shrink:0;font-size:14px}.menu-chevron{color:var(--rail-text-dim);flex-shrink:0;font-size:11px;transition:transform .2s ease,color .2s ease}.menu-parent.open .menu-chevron{color:var(--rail-accent);transform:rotate(180deg)}.submenu{max-height:0;overflow:hidden;transition:max-height .25s ease}.submenu.expanded{max-height:600px}.nested-submenu.expanded{max-height:160px}.submenu-inner{border-left:1px dashed var(--rail-border);display:flex;flex-direction:column;margin-left:10px;padding:3px 0 3px 11px}.submenu-inner a{font-size:11px;padding:6px 10px;white-space:nowrap}.submenu-inner a svg{font-size:12.5px}.submenu-inner a.active:before{left:-20px}.nested-submenu .submenu-inner a{font-size:10.5px;gap:7px;padding:6px 8px}.nested-submenu .submenu-inner a svg{font-size:12px}.sidebar-footer{border-top:1px solid var(--rail-border);margin-top:auto;padding:12px}.logout-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:7px;color:var(--rail-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;padding:8px 10px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:100%}.logout-btn:hover{background:#e5484d1a;border-color:#e5484d40;color:#ff8a8f}.logout-btn:focus-visible{outline:2px solid var(--rail-accent);outline-offset:2px}.sidebar-toggle-btn{align-items:center;background:#16233f;background:var(--rail-bg-raised,#16233f);border:none;border-radius:9px;box-shadow:0 4px 14px #0a193066;color:#f5f7fc;cursor:pointer;display:none;font-size:17px;height:36px;justify-content:center;left:12px;position:fixed;top:12px;transition:box-shadow .2s ease,background-color .2s ease;width:36px;z-index:1100}.sidebar-toggle-btn:hover{background:#1c2c52;box-shadow:0 0 0 4px #ffb0202e,0 4px 14px #0a193066}.sidebar-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#060e1c8c;inset:0;position:fixed;z-index:1050}@media (max-width:768px){.sidebar-toggle-btn{display:flex}.sidebar{box-shadow:2px 0 18px #00000059;left:0;max-width:80vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:216px;z-index:1100}.sidebar.mobile-open{transform:translateX(0)}.sidebar .logo{padding-top:15px}.sidebar-close-btn{display:flex}}@media (prefers-reduced-motion:reduce){.logout-btn,.menu-chevron,.sidebar,.sidebar nav a svg,.sidebar-toggle-btn,.submenu{transition:none}}.header{align-items:center;background:#fff;background:var(--fleet-surface,#fff);border-bottom:1px solid #e1e7f0;border-bottom:1px solid var(--fleet-border,#e1e7f0);box-shadow:0 1px 0 #0a193005,0 6px 16px -12px #0a19301f;display:flex;flex-shrink:0;font-family:Inter,sans-serif;gap:12px;height:52px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{align-items:baseline;display:flex;gap:8px;min-width:0}.header-left h2{color:#16233a;color:var(--fleet-text,#16233a);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-left span{color:#94a3b8;color:var(--fleet-text-faint,#94a3b8);font-size:10.5px;font-weight:500;white-space:nowrap}.header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.header-stat{align-items:baseline;border-right:1px solid #e1e7f0;border-right:1px solid var(--fleet-border,#e1e7f0);display:flex;gap:4px;padding:0 9px}.header-stat:last-of-type{border-right:none}.header-stat strong{font-feature-settings:"tnum";color:#16233a;color:var(--fleet-text,#16233a);font-family:Space Grotesk,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.header-stat span{color:#64748b;color:var(--fleet-text-muted,#64748b);font-size:10px}.notify-btn,.notify-wrapper{position:relative}.notify-btn{align-items:center;background:#fff;background:var(--fleet-surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--fleet-border-strong,#cbd5e1);border-radius:8px;color:#64748b;color:var(--fleet-text-muted,#64748b);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:30px}.notify-btn svg{display:block;height:15px;width:15px}.notify-btn:hover{transform:translateY(-1px)}.notify-btn.active,.notify-btn:hover{background:#f1f5f9;background:var(--fleet-neutral-soft,#f1f5f9);border-color:#0f5c56;border-color:var(--fleet-primary,#0f5c56);color:#0f5c56;color:var(--fleet-primary,#0f5c56)}.notify-btn:focus-visible{outline:2px solid #0f5c56;outline:2px solid var(--fleet-primary,#0f5c56);outline-offset:2px}.notify-badge{animation:notify-ring .4s ease}@keyframes notify-ring{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.notify-badge{align-items:center;background:#ffb020;border-radius:7px;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--fleet-surface,#fff);color:#16233a;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 3px;position:absolute;right:-3px;top:-3px}.notify-title{color:#1c2333;font-size:11.5px;font-weight:600;margin:0 0 2px}.notify-message{color:#6b7385;font-size:11px;margin:0}.notify-dropdown{animation:notify-pop .16s ease;background:#fff;background:var(--fleet-surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--fleet-border-strong,#cbd5e1);border-radius:12px;box-shadow:0 20px 44px -14px #0a193047;display:flex;flex-direction:column;max-height:340px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:50}@keyframes notify-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notify-dropdown-header{align-items:center;border-bottom:1px solid #e1e7f0;border-bottom:1px solid var(--fleet-border,#e1e7f0);color:#16233a;color:var(--fleet-text,#16233a);display:flex;font-family:Space Grotesk,sans-serif;font-size:11.5px;font-weight:700;justify-content:space-between;padding:10px 12px}.notify-mark-read{background:none;border:none;color:#0f5c56;color:var(--fleet-primary,#0f5c56);cursor:pointer;font-size:10.5px;font-weight:600;padding:0}.notify-mark-read:hover{text-decoration:underline}.notify-list{max-height:280px;overflow-y:auto}.notify-item{align-items:flex-start;border-bottom:1px solid #e1e7f0;border-bottom:1px solid var(--fleet-border,#e1e7f0);cursor:pointer;display:flex;gap:8px;padding:10px 12px;position:relative;transition:background-color .15s ease}.notify-item:last-child{border-bottom:none}.notify-item:hover{background:#f1f5f9;background:var(--fleet-neutral-soft,#f1f5f9)}.notify-item.unread{background:#0f5c560d}.notify-icon{flex-shrink:0;font-size:14px;margin-top:1px}.notify-content{flex:1 1;min-width:0}.notify-content p{color:#16233a;color:var(--fleet-text,#16233a);font-size:11.5px;line-height:1.4;margin:0}.notify-time{color:#94a3b8;color:var(--fleet-text-faint,#94a3b8);font-size:9.5px}.notify-dot{background:#ffb020;border-radius:50%;flex-shrink:0;height:6px;margin-top:4px;width:6px}.notify-empty{color:#94a3b8;color:var(--fleet-text-faint,#94a3b8);font-size:11.5px;padding:22px 12px;text-align:center}.profile{align-items:center;border-left:1px solid #e1e7f0;border-left:1px solid var(--fleet-border,#e1e7f0);display:flex;gap:8px;overflow:visible;padding-left:12px;white-space:normal}.profile-logo{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--fleet-border-strong,#cbd5e1);border-radius:7px;flex-shrink:0;height:28px;object-fit:contain;padding:2px;width:28px}.profile-info{display:flex;flex-direction:column;justify-content:center;line-height:1.25;white-space:nowrap}.profile-name{color:#16233a;color:var(--fleet-text,#16233a);font-size:11.5px;font-weight:600}.profile-role{color:#64748b;color:var(--fleet-text-muted,#64748b);font-size:9.5px;text-transform:capitalize}.header-menu-btn{display:none}@media (max-width:768px){.header{flex-wrap:nowrap;gap:6px;height:48px;padding:8px 10px}.header-left{flex:1 1 auto;gap:6px;min-width:0}.header-menu-btn{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;opacity:1!important;order:-1;visibility:visible!important}.header-left h2,.header-left>span{display:none}.header-right{flex-shrink:0;gap:8px}.notify-btn{height:28px;width:28px}.notify-badge{font-size:8.5px;height:13px;min-width:13px}.notify-dropdown{left:8px;max-height:70vh;overflow-y:auto;position:fixed;right:8px;top:50px;width:auto}.notify-dropdown-header{font-size:11px;padding:8px 10px}.notify-mark-read{font-size:10px}.notify-item{gap:7px;padding:8px 10px}.notify-icon{font-size:14px}.notify-content p{font-size:11px}.notify-time{font-size:9.5px}.profile{gap:0}.profile-logo{height:26px;width:26px}.profile-info{display:none}}@media (max-width:420px){.notify-dropdown{left:4px;right:4px;top:46px}}:root{--color-bg:#eef0f4;--color-surface:#fff;--color-border:#e2e5ec;--color-border-hover:#ccd2de;--color-text:#161a23;--color-text-muted:#667085;--color-text-faint:#9aa1b3;--color-primary:#2149c7;--color-primary-hover:#16337e;--color-primary-soft:#e7ecfc;--color-signal:#dd8b2e;--color-signal-dark:#a86419;--color-signal-soft:#fdf0dd;--color-success:#157a5c;--color-success-soft:#e2f5ee;--color-danger:#c13c33;--color-danger-soft:#fbeae8;--color-teal:#0d8b7d;--color-teal-soft:#e0f5f2;--color-indigo:#4a45c9;--color-indigo-soft:#eaeafd;--color-purple:#6a4bc4;--color-purple-soft:#eee9fb;--shadow-sm:0 1px 2px #1013200d;--shadow-md:0 8px 20px #10132014;--shadow-lg:0 18px 44px #10132024;--radius-md:10px;--radius-lg:13px;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}.admin-layout{background:#eef0f4;background:var(--color-bg);color:#161a23;color:var(--color-text);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);min-height:100vh}.admin-main{flex:1 1;min-width:0}.admin-main,.dashboard-container{display:flex;flex-direction:column}.dashboard-container{gap:12px;margin:0 auto;max-width:1600px;padding:14px 20px 32px;width:100%}.dashboard-state{align-items:center;color:#9aa1b3;color:var(--color-text-faint);display:flex;font-size:13px;gap:10px;justify-content:center;padding:48px 16px;text-align:center}.dashboard-state:before{animation:spin .8s linear infinite;border:2px solid #dcdfe6;border-radius:50%;border-top:2px solid var(--color-primary);content:"";height:14px;width:14px}.banner{animation:slideDown .18s ease;border-radius:var(--radius-md);box-shadow:0 1px 2px #1013200d;box-shadow:var(--shadow-sm);font-size:12.5px;padding:9px 14px}.banner-error{background:#fbeae8;background:var(--color-danger-soft);border:1px solid #f0c2bd;color:#c13c33;color:var(--color-danger)}.banner-error button{background:#c13c33;background:var(--color-danger);border:none;color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;transition:background .12s ease,transform .1s ease}.banner-error button:hover{background:#a02f27;transform:translateY(-1px)}.stats-grid{grid-gap:8px;align-items:stretch;display:grid!important;flex-wrap:nowrap!important;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%}.dash-stat-card{align-items:center;background:#fff;background:var(--color-surface);border:.5px solid #e2e5ec;border:.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px #1013200d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:3px;justify-content:center;min-height:44px;min-width:0;overflow:hidden;padding:10px 12px;position:relative;text-align:center;transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease}.dash-stat-card:before{display:none}.dash-stat-card:hover{box-shadow:0 8px 20px #10132014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-stat-card:active{transform:translateY(-1px)}.dash-stat-card:focus-visible{outline:2px solid #2149c7;outline:2px solid var(--color-primary);outline-offset:2px}.dash-stat-card h5{color:#161a23;color:var(--color-text);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:13px;letter-spacing:-.01em;order:1}.dash-stat-card h4,.dash-stat-card h5{font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-stat-card h4{color:#667085;color:var(--color-text-muted);font-size:8px;letter-spacing:.05em;order:2;text-transform:uppercase}.dash-stat-card.blue{border-color:#2149c7;border-color:var(--color-primary)}.dash-stat-card.blue h5{color:#2149c7;color:var(--color-primary)}.dash-stat-card.green{border-color:#157a5c;border-color:var(--color-success)}.dash-stat-card.green h5{color:#157a5c;color:var(--color-success)}.dash-stat-card.red{border-color:#c13c33;border-color:var(--color-danger)}.dash-stat-card.red h5{color:#c13c33;color:var(--color-danger)}.dash-stat-card.amber{border-color:#dd8b2e;border-color:var(--color-signal)}.dash-stat-card.amber h5{color:#a86419;color:var(--color-signal-dark)}.dash-stat-card.teal{border-color:#0d8b7d;border-color:var(--color-teal)}.dash-stat-card.teal h5{color:#0d8b7d;color:var(--color-teal)}.dash-stat-card.purple{border-color:#6a4bc4;border-color:var(--color-purple)}.dash-stat-card.purple h5{color:#6a4bc4;color:var(--color-purple)}.dashboard-box{background:#fff;background:var(--color-surface);border:1px solid #e2e5ec;border:1px solid var(--color-border);border-radius:13px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1013200d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:14px 16px;transition:box-shadow .16s ease,border-color .16s ease}.dashboard-box:hover{border-color:#ccd2de;border-color:var(--color-border-hover);box-shadow:0 8px 20px #10132014;box-shadow:var(--shadow-md)}.box-header{align-items:center;border-bottom:1px dashed #e2e5ec;border-bottom:1px dashed var(--color-border);display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.box-header h3{color:#161a23;color:var(--color-text);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:-.01em;margin:0}.link-btn{background:none;border:none;border-radius:6px;color:#2149c7;color:var(--color-primary);cursor:pointer;font-size:11.5px;font-weight:700;padding:3px 2px;transition:color .12s ease}.link-btn:hover{color:#16337e;color:var(--color-primary-hover);text-decoration:underline}.empty-state{color:#9aa1b3;color:var(--color-text-faint);margin:0;padding:16px 0}.assignments-scroll{max-height:380px;overflow-x:auto;overflow-y:auto}.assignments-scroll::-webkit-scrollbar{height:6px;width:6px}.assignments-scroll::-webkit-scrollbar-thumb{background:#ccd2de;background:var(--color-border-hover);border-radius:999px}.assignments-scroll::-webkit-scrollbar-track{background:#0000}.assignments-scroll .dashboard-table thead th{background:#fff;background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;z-index:1}.mini-pagination{align-items:center;border-top:1px dashed #e2e5ec;border-top:1px dashed var(--color-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px;padding-top:9px}.mini-pagination-count{color:#667085;color:var(--color-text-muted);font-size:11.5px;white-space:nowrap}.mini-pagination-count strong{color:#161a23;color:var(--color-text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono)}.mini-pagination-controls{align-items:center;display:flex;gap:8px}.pagination-nav-btn{background:#fff;border:1px solid #e2e5ec;border:1px solid var(--color-border);border-radius:6px;color:#161a23;color:var(--color-text);cursor:pointer;font-size:11.5px;font-weight:700;height:26px;padding:0 11px;transition:background .12s ease,border-color .12s ease,transform .1s ease}.pagination-nav-btn:hover:not(:disabled){background:#e7ecfc;background:var(--color-primary-soft);border-color:#2149c7;border-color:var(--color-primary);color:#2149c7;color:var(--color-primary);transform:translateY(-1px)}.pagination-nav-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-page-label{color:#667085;color:var(--color-text-muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:11.5px;font-weight:700;white-space:nowrap}.dashboard-table{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.dashboard-table thead th{border-bottom:1px solid #e2e5ec;border-bottom:1px solid var(--color-border);color:#667085;color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:7px 10px;text-align:left;text-overflow:ellipsis;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.dashboard-table tbody td{border-bottom:1px solid #f0f1f5;color:#161a23;color:var(--color-text);padding:8px 10px;vertical-align:middle}.dashboard-table tbody tr{transition:background .1s ease}.dashboard-table tbody tr:hover{background:#f9fafc}.dashboard-table td.col-numeric,.dashboard-table th.col-numeric{font-feature-settings:"tnum";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.dashboard-table td:first-child,.dashboard-table th:first-child{padding-left:0}.dashboard-table td:last-child,.dashboard-table th:last-child{padding-right:0}.assignment-status{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:700;gap:5px;padding:3px 9px}.assignment-status:before{border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.status-active{background:#e2f5ee;background:var(--color-success-soft);color:#157a5c;color:var(--color-success)}.status-active:before{background:#157a5c;background:var(--color-success)}.status-inactive{background:#f4f2fb;color:#667085;color:var(--color-text-muted)}.status-inactive:before{background:#9aa1b3;background:var(--color-text-faint)}.cell-remarks{color:#667085;color:var(--color-text-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.alert-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:12.5px;gap:10px;justify-content:space-between;padding:8px 0;transition:background .1s ease}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:#fafbfd}.alert-item span{color:#161a23;color:var(--color-text);font-weight:600}.alert-item strong{color:#667085;color:var(--color-text-muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-weight:700;white-space:nowrap}.alert-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.urgency-badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.01em;padding:3px 9px;white-space:nowrap}.urgency-badge.urgency-danger{background:#fbeae8;background:var(--color-danger-soft);color:#c13c33;color:var(--color-danger)}.urgency-badge.urgency-warning{background:#fdf0dd;background:var(--color-signal-soft);color:#a86419;color:var(--color-signal-dark)}.urgency-badge.urgency-expired{background:#f3e8e8;color:#7a2424}.two-col-grid{grid-gap:12px;grid-template-columns:1fr 1fr}.charts-grid,.two-col-grid{align-items:stretch;display:grid;gap:12px}.charts-grid{grid-gap:12px;grid-template-columns:1.1fr .9fr}.fleet-charts{display:flex;flex-direction:column;gap:14px}.bar-chart-title{color:#667085;color:var(--color-text-muted);font-size:10.5px;font-weight:700;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.bar-row{grid-gap:8px;align-items:center;display:grid;font-size:12px;gap:8px;grid-template-columns:84px 1fr 32px;padding:4px 0}.bar-label{color:#161a23;color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#eef0f3;border-radius:999px;height:7px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .3s ease}.bar-value{font-feature-settings:"tnum";color:#667085;color:var(--color-text-muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.compact-donuts-row{align-items:stretch;display:flex;gap:10px;height:100%}.compact-donut{align-items:center;border:1px solid #e2e5ec;border:1px solid var(--color-border);border-radius:9px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:8px}.compact-donut .bar-chart-title{margin-bottom:2px;text-align:center}.compact-donut-svg{height:100px;width:100%}.compact-donut-legend{display:flex;flex-direction:column;gap:4px;margin-top:2px;width:100%}.donut-legend-item{align-items:center;display:flex;font-size:11px;gap:5px}.donut-legend-swatch{border-radius:2px;flex-shrink:0;height:7px;width:7px}.donut-legend-label{color:#161a23;color:var(--color-text);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-value{font-feature-settings:"tnum";color:#667085;color:var(--color-text-muted);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;font-weight:700}.donut-legend-value em{color:#9aa1b3;color:var(--color-text-faint);font-style:normal;font-weight:600}.trend-box{min-height:240px}.branch-box{overflow:hidden}.branch-list{display:flex;flex-direction:column;gap:3px;max-height:280px;overflow-y:auto;padding-right:4px}.branch-list::-webkit-scrollbar{width:6px}.branch-list::-webkit-scrollbar-thumb{background:#ccd2de;background:var(--color-border-hover);border-radius:999px}.branch-list::-webkit-scrollbar-track{background:#0000}.branch-row{border:1px solid #0000;border-radius:9px;display:flex;flex-direction:column;padding:9px 10px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.branch-row:hover{background:#f8f9fc;border-color:#e2e5ec;border-color:var(--color-border);transform:translateX(2px)}.branch-row-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.branch-identity{align-items:center;display:flex;gap:8px;min-width:0}.branch-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:11.5px;font-weight:700;height:26px;justify-content:center;width:26px}.branch-name{color:#161a23;color:var(--color-text);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-metrics{align-items:center;display:flex;flex-shrink:0;gap:5px}.refresh-indicator{animation:refresh-fade-in .2s ease;background:#0f5c56eb;border-radius:20px;box-shadow:0 6px 16px -6px #0a193066;color:#fff;font-size:11.5px;font-weight:600;padding:6px 12px;position:fixed;right:20px;top:14px;z-index:50}@keyframes refresh-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.branch-metric-pill{align-items:baseline;border-radius:999px;display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;gap:3px;padding:2px 8px;white-space:nowrap}.branch-metric-pill em{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:9px;font-style:normal;font-weight:600;letter-spacing:.03em;opacity:.75;text-transform:uppercase}.branch-metric-pill--drivers{background:#e7ecfc;background:var(--color-primary-soft);color:#2149c7;color:var(--color-primary)}.branch-metric-pill--vehicles{background:#e0f5f2;background:var(--color-teal-soft);color:#0d8b7d;color:var(--color-teal)}.map-box .box-header{align-items:center}.map-count{background:#e7ecfc;background:var(--color-primary-soft);border-radius:999px;color:#16337e;color:var(--color-primary-hover);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:3px 10px}.vehicle-map{border:1px solid #e2e5ec;border:1px solid var(--color-border);border-radius:9px;height:320px;overflow:hidden;width:100%;z-index:0}.banner-error button:focus-visible,.link-btn:focus-visible,.pagination-nav-btn:focus-visible{outline:2px solid #2149c7;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.banner,.bar-fill,.dashboard-state:before{animation:none;transition:none}}@media (max-width:1180px){.stats-grid .dash-stat-card h5{font-size:12px}.stats-grid .dash-stat-card h4{font-size:7.5px}.stats-grid{gap:6px}}@media (max-width:980px){.stats-grid .dash-stat-card{min-height:42px;padding:8px 7px 7px 9px}.stats-grid .dash-stat-card h5{font-size:11px}.stats-grid .dash-stat-card h4{font-size:7px}.info-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.compact-donuts-row{flex-wrap:wrap}.compact-donut{flex-basis:calc(33.333% - 8px);flex-grow:1;flex-shrink:1;min-width:130px}}@media (max-width:768px){.dashboard-container{display:flex;flex-direction:column;gap:12px;overflow:visible;padding:8px}.admin-main{overflow-x:hidden!important;overflow-y:auto!important}.admin-layout{overflow:hidden}.stats-grid{align-items:stretch;display:flex!important;flex-wrap:nowrap;gap:8px;height:96px;margin-bottom:12px;min-height:74px;overflow-x:auto;overflow-y:hidden;padding:4px 0 8px}.stats-grid::-webkit-scrollbar{display:none}.stats-grid .dash-stat-card{align-items:flex-start!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;background:var(--color-surface)!important;border-bottom:1px solid #e2e5ec!important;border-bottom:1px solid var(--color-border)!important;border-radius:12px!important;border-right:1px solid #e2e5ec!important;border-right:1px solid var(--color-border)!important;box-shadow:0 1px 4px #0f172a0f!important;box-sizing:border-box!important;cursor:pointer;display:flex!important;flex:0 0 106px!important;flex-direction:column!important;line-height:normal!important;font:inherit!important;gap:4px!important;height:auto!important;justify-content:center!important;margin:0!important;max-width:190px!important;min-height:78px!important;min-width:106px!important;overflow:visible!important;padding:11px!important;scroll-snap-align:start;text-align:left!important;transition:none!important;width:106px!important}.stats-grid .dash-stat-card:active,.stats-grid .dash-stat-card:hover{box-shadow:0 1px 4px #0f172a0f!important;transform:none!important}.stats-grid .dash-stat-card:before{display:none!important}.stats-grid .dash-stat-card h4{color:#667085!important;color:var(--color-text-muted)!important;font-size:9.5px!important;font-weight:600!important;letter-spacing:.02em;line-height:1.25!important;order:2!important;text-transform:uppercase}.stats-grid .dash-stat-card h4,.stats-grid .dash-stat-card h5{display:block!important;margin:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.stats-grid .dash-stat-card h5{color:#161a23!important;color:var(--color-text)!important;font-family:Space Grotesk,Inter,sans-serif!important;font-family:var(--font-display)!important;font-size:20px!important;font-weight:700!important;line-height:1!important;order:1!important}.stats-grid .dash-stat-card.blue{border-color:#2149c7!important;border-color:var(--color-primary)!important}.stats-grid .dash-stat-card.blue h5{color:#2149c7!important;color:var(--color-primary)!important}.stats-grid .dash-stat-card.green{border-color:#157a5c!important;border-color:var(--color-success)!important}.stats-grid .dash-stat-card.green h5{color:#157a5c!important;color:var(--color-success)!important}.stats-grid .dash-stat-card.red{border-color:#c13c33!important;border-color:var(--color-danger)!important}.stats-grid .dash-stat-card.red h5{color:#c13c33!important;color:var(--color-danger)!important}.stats-grid .dash-stat-card.amber{border-color:#dd8b2e!important;border-color:var(--color-signal)!important}.stats-grid .dash-stat-card.amber h5{color:#a86419!important;color:var(--color-signal-dark)!important}.stats-grid .dash-stat-card.teal{border-color:#0d8b7d!important;border-color:var(--color-teal)!important}.stats-grid .dash-stat-card.teal h5{color:#0d8b7d!important;color:var(--color-teal)!important}.stats-grid .dash-stat-card.purple{border-color:#6a4bc4!important;border-color:var(--color-purple)!important}.stats-grid .dash-stat-card.purple h5{color:#6a4bc4!important;color:var(--color-purple)!important}.assignments-box,.dashboard-box{border-radius:12px;overflow:visible;padding:10px;width:100%}.box-header{margin-bottom:8px}.box-header h3{color:#161a23!important;color:var(--color-text)!important;display:block!important;font-size:13px}.link-btn{font-size:11px}.assignments-scroll{-webkit-overflow-scrolling:touch;max-height:300px;overflow-x:auto;overflow-y:auto}.dashboard-table{font-size:9.5px;min-width:460px;width:-webkit-max-content;width:max-content}.dashboard-table th{font-size:8.5px;padding:6px 5px}.dashboard-table td{font-size:9.5px;padding:6px 5px}.mini-pagination{align-items:flex-start;flex-direction:column;gap:6px}.mini-pagination-controls{justify-content:space-between;width:100%}.two-col-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.alert-item{padding:6px 0}.alert-item strong{font-size:12px}.alert-item span{font-size:10.5px}.alert-meta{gap:5px}.urgency-badge{font-size:9px;padding:3px 7px}.charts-grid{gap:10px;grid-template-columns:1fr}.fleet-charts{display:flex;flex-direction:column;gap:10px}.bar-row{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:44px 1fr 18px}.bar-label{font-size:9px}.bar-track{height:5px;max-width:85px;width:100%}.bar-fill{border-radius:6px;height:5px}.bar-value{font-size:8px;text-align:right}.compact-donuts-row{flex-direction:column;gap:8px}.compact-donut{flex:none;width:100%}.compact-donut-svg{height:110px}.donut-legend-item{font-size:10.5px}.trend-box{min-height:200px}.branch-list{max-height:220px}.branch-row{padding:8px 6px}.branch-avatar{font-size:10px;height:22px;width:22px}.branch-name{font-size:11px}.branch-metric-pill{font-size:9px;padding:2px 6px}.branch-metric-pill em{font-size:7.5px}.vehicle-map{height:150px}.empty-state,.map-count,.table-footer{font-size:9px}}@media (max-width:480px){.dashboard-container{padding:6px}.stats-grid .dash-stat-card{flex:0 0 94px!important;max-width:94px!important;min-height:72px!important;min-width:94px!important;padding:9px!important;width:94px!important}.stats-grid .dash-stat-card h4{font-size:8.5px!important}.stats-grid .dash-stat-card h5{font-size:17px!important}.assignments-box,.dashboard-box{padding:8px}.box-header h3{font-size:12px}.link-btn{font-size:9px}.dashboard-table{min-width:410px}.dashboard-table th{font-size:7.5px}.dashboard-table td{font-size:8.5px}.bar-row{grid-template-columns:38px 1fr 16px}.bar-track{height:4px;max-width:70px}.bar-label{font-size:8px}.bar-value{font-size:7.5px}.branch-row{padding:6px 5px}.branch-name{font-size:10px}.branch-metric-pill{font-size:8px;padding:2px 5px}.vehicle-map{height:135px}}.driver-page-container{--ink:#0f172a;--ink-soft:#475569;--muted:#94a3b8;--line:#e2e8f0;--navy:#0a1e4d;--navy-dark:#0c2660;--navy-soft:#e6f1fb;--surface:#fff;--page:#f8fafc;--radius:10px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:6px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 14px;position:relative}.driver-layout{-webkit-font-smoothing:antialiased;display:flex;height:100vh;overflow:hidden}.driver-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.driver-header-wrapper{flex-shrink:0;overflow:hidden;transition:transform .3s ease,opacity .3s ease,max-height .3s ease}.driver-header-visible{max-height:80px;opacity:1;transform:translateY(0)}.driver-header-hidden{max-height:0;opacity:0;pointer-events:none;transform:translateY(-100%)}.driver-page-container .driver-stats-bar{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.driver-page-container .driver-stat-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 10px 24px -12px #0f172a1f;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;height:48px;justify-content:center;min-width:0;overflow:hidden;padding:9px 10px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease;width:100%}.driver-page-container .driver-stat-card:before{background:var(--navy);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.driver-page-container .driver-stat-card--active:before{background:#2ec4b6}.driver-page-container .driver-stat-card--inactive:before{background:#e76f51}.driver-page-container .driver-stat-card:hover{box-shadow:0 1px 1px #0f172a08,0 4px 10px #0f172a0f,0 16px 30px -12px #0f172a2e;transform:translateY(-2px)}.driver-page-container .driver-stat-icon{align-items:center;background:var(--navy-soft);border-radius:8px;color:var(--navy);display:flex;flex-shrink:0;font-size:12px;height:15px;justify-content:center;width:15px}.driver-page-container .driver-stat-card--active .driver-stat-icon{background:#e0faf7;color:#2ec4b6}.driver-page-container .driver-stat-card--inactive .driver-stat-icon{background:#fdece5;color:#e76f51}.driver-page-container .driver-stat-text{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:0;width:100%}.driver-page-container .driver-stat-value{font-feature-settings:"tnum";color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15;order:1;text-align:center}.driver-page-container .driver-stat-card--active .driver-stat-value{color:#15803d}.driver-page-container .driver-stat-card--inactive .driver-stat-value{color:var(--muted)}.driver-page-container .driver-stat-label{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.04em;order:2;text-align:center;text-transform:uppercase;white-space:nowrap}.driver-page-container .driver-toolbar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin:0;position:relative}.driver-page-container .driver-search-group{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:7px;display:flex;flex:1 1;gap:6px;height:26px;max-width:280px;min-width:180px;padding:0 8px;position:relative;transition:border-color .2s,box-shadow .2s}.driver-page-container .driver-search-group:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #e6ebf5}.driver-page-container .driver-search-icon{align-items:center;color:var(--muted);display:flex;pointer-events:none;position:static}.driver-page-container .driver-search-icon svg{height:13px;width:13px}.driver-page-container .driver-search-input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:inherit;font-size:11px;outline:none;padding:0;width:100%}.driver-page-container .driver-search-input::placeholder{color:var(--muted)}.driver-page-container .driver-clear-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0;position:static;transition:color .2s}.driver-page-container .driver-clear-btn:hover{color:#475569}.driver-page-container .driver-filter-toggle-btn{align-items:center;background:var(--surface);border:1px solid var(--navy);border-radius:7px;color:var(--navy);cursor:pointer;display:inline-flex;font-family:inherit;font-size:10.5px;font-weight:600;gap:5px;height:26px;padding:0 9px;position:relative;transition:opacity .15s,background-color .15s,transform .12s,box-shadow .15s;white-space:nowrap}.driver-page-container .driver-filter-toggle-btn svg{height:12px;width:12px}.driver-page-container .driver-filter-toggle-btn:hover{background:#eef1f7;border-color:var(--navy)}.driver-page-container .driver-filter-toggle-btn--active{background:var(--navy);border-color:var(--navy);color:#fff}.driver-page-container .driver-filter-count-badge{align-items:center;background:var(--navy);border-radius:50%;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;margin-left:2px;width:14px}.driver-page-container .driver-filter-toggle-btn--active .driver-filter-count-badge{background:#fff;color:var(--navy)}.driver-page-container .driver-fy-filter-field{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px}.driver-page-container .driver-fy-filter-field select{-webkit-appearance:none;appearance:none;background:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border:1.5px solid var(--line);border-radius:7px;color:var(--ink-soft);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:10.5px;font-weight:600;height:26px;min-width:140px;outline:none;padding:0 24px 0 8px;transition:border-color .16s ease,box-shadow .16s ease}.driver-page-container .driver-fy-filter-field select:hover{border-color:#cbd5e1}.driver-page-container .driver-fy-filter-field select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #e6ebf5}.driver-page-container .driver-fy-date-range{align-items:flex-end;animation:filterDrop .16s ease;background:var(--navy-soft);border-radius:7px;display:flex;gap:6px;padding:3px 8px}.driver-page-container .driver-fy-date-range label{color:var(--navy);display:flex;flex-direction:column;font-size:9px;font-weight:700;gap:2px;letter-spacing:.04em;text-transform:uppercase}.driver-page-container .driver-fy-date-range input[type=date]{background:#fff;border:1.5px solid #b5d4f4;border-radius:6px;color:var(--ink);font-family:inherit;font-size:10.5px;height:24px;outline:none;padding:3px 6px;transition:border-color .16s ease,box-shadow .16s ease}.driver-page-container .driver-fy-date-range input[type=date]:hover{border-color:var(--navy)}.driver-page-container .driver-fy-date-range input[type=date]:focus{border-color:var(--navy);box-shadow:0 0 0 3px #e6ebf5}.driver-page-container .driver-fy-date-range-arrow{color:var(--navy);font-size:11px;font-weight:700;padding-bottom:4px}@media (max-width:900px){.driver-page-container .driver-fy-filter-field{align-items:flex-start;flex-direction:column;width:100%}.driver-page-container .driver-fy-filter-field select{width:100%}.driver-page-container .driver-fy-date-range{flex-wrap:wrap;width:100%}}.driver-page-container .driver-reset-btn{background:#0000;border:1.5px dashed var(--line);border-radius:7px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;height:28px;padding:0 11px;transition:background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.driver-page-container .driver-reset-btn:hover{background:#fcebeb;border-color:#f7c1c1;color:#a32d2d}.driver-page-container .driver-primary-btn{align-items:center!important;background:var(--navy)!important;border:none!important;border-radius:7px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:11px!important;font-weight:600!important;gap:5px!important;height:28px!important;margin-left:auto!important;padding:0 12px!important;transition:opacity .15s,background-color .15s,transform .12s,box-shadow .15s!important;white-space:nowrap!important}.driver-page-container .driver-primary-btn:hover{background:var(--navy-dark)!important;box-shadow:0 6px 14px #0a1e4d4d!important;transform:translateY(-1px)!important}.driver-page-container .driver-primary-btn:active{transform:translateY(0)!important}.driver-page-container .driver-filter-wrap{display:inline-flex;flex-shrink:0;position:relative}.driver-page-container .driver-filters-row{grid-gap:8px 10px;animation:filterDrop .16s ease;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #0000001a;box-sizing:border-box;display:grid;gap:8px 10px;grid-template-columns:1fr 1fr;left:auto;max-width:calc(100vw - 28px);padding:12px;position:absolute;right:0;top:calc(100% + 6px);width:340px;z-index:999999}.driver-page-container .driver-filter-field{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.driver-page-container .driver-filter-field label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.driver-page-container .driver-filter-field select{-webkit-appearance:none;appearance:none;background:var(--page);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1.5px solid var(--line);border-radius:7px;box-sizing:border-box;color:var(--ink);cursor:pointer;font-family:inherit;font-size:11px;height:28px;outline:none;padding:0 24px 0 8px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.driver-page-container .driver-filter-field select:hover{border-color:#cbd5e1}.driver-page-container .driver-filter-field select:focus{background-color:var(--surface);border-color:var(--navy);box-shadow:0 0 0 3px #e6ebf5}.driver-page-container .driver-filter-panel-done{align-items:center;background:var(--navy);border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;grid-column:1/-1;height:28px;justify-content:center;margin-top:2px;padding-top:9px;transition:background .16s ease}.driver-page-container .driver-filter-panel-done:hover{background:var(--navy-dark)}@media (max-width:480px){.driver-page-container .driver-filters-row{grid-template-columns:1fr}}.driver-page-container .driver-table-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:visible;padding:0;width:100%}.driver-page-container .driver-table-scroll{flex:1 1;margin:0;min-height:0;overflow-x:auto;overflow-y:auto;padding:0;position:relative}.driver-actions-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#16215a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:10px;height:30px;justify-content:space-between;min-width:96px;padding:0 10px 0 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.driver-actions-btn:hover{background:#f8fafc;border-color:#cbd5e1}.driver-actions-btn--active{background:#f8fafc;border-color:#94a3b8}.driver-actions-btn svg{color:#16215a;flex-shrink:0;transition:transform .15s ease}.driver-actions-btn--active svg{transform:rotate(180deg)}.driver-page-container .driver-table-scroll::-webkit-scrollbar{height:5px;width:5px}.driver-page-container .driver-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.driver-page-container .driver-data-table{border-collapse:collapse;border-spacing:0;width:100%}@media (min-width:993px){.driver-page-container .driver-data-table{font-size:11.5px;min-width:860px;table-layout:fixed}.driver-page-container .driver-data-table td:first-child,.driver-page-container .driver-data-table th:first-child{width:40px}.driver-page-container .driver-data-table td:nth-child(2),.driver-page-container .driver-data-table th:nth-child(2){width:50px}.driver-page-container .driver-data-table td:nth-child(3),.driver-page-container .driver-data-table th:nth-child(3){width:45px}.driver-page-container .driver-data-table td:nth-child(4),.driver-page-container .driver-data-table th:nth-child(4){width:50px}.driver-page-container .driver-data-table td:nth-child(5),.driver-page-container .driver-data-table th:nth-child(5){width:40px}.driver-page-container .driver-data-table td:nth-child(6),.driver-page-container .driver-data-table th:nth-child(6){width:30px}.driver-page-container .driver-data-table td:nth-child(7),.driver-page-container .driver-data-table th:nth-child(7){width:40px}.driver-page-container .driver-data-table td:nth-child(8),.driver-page-container .driver-data-table th:nth-child(8){width:50px}}.driver-page-container .driver-data-table thead,.driver-page-container .driver-data-table thead tr,.driver-page-container .driver-data-table thead tr th{background:var(--navy)!important;color:#fff!important}.driver-page-container .driver-data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.driver-page-container .driver-data-table thead th{font-size:9.5px;font-weight:700;letter-spacing:.05em;line-height:1.2;overflow:hidden;padding:7px 10px;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.driver-page-container .driver-data-table td{background:#0000;color:var(--ink-soft);line-height:1.3;overflow:visible;padding:5px 10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.driver-page-container .driver-data-table tbody tr{transition:background .15s ease}.driver-page-container .driver-data-table tbody tr:nth-child(odd){background:#fff}.driver-page-container .driver-data-table tbody tr:nth-child(2n){background:#f2f5fb}.driver-page-container .driver-data-table tbody tr td{border-top:1px solid #f1f5f9}.driver-page-container .driver-data-table tbody tr:first-child td{border-top:none}.driver-page-container .driver-data-table tbody tr:hover{background:#dfe9fb}.driver-page-container .driver-code-badge{background:var(--navy-soft);border:1px solid #b5d4f4;border-radius:20px;color:#185fa5;display:inline-block;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 8px}.driver-page-container .driver-name-cell{color:var(--ink);font-size:11.5px;font-weight:600}.driver-page-container .driver-mobile-cell{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.driver-page-container .driver-photo-cell{align-items:center;display:flex;justify-content:center}.driver-page-container .driver-photo-thumb{border-radius:50%;cursor:pointer;display:block;height:28px;object-fit:cover;transition:transform .18s ease,box-shadow .18s ease;width:28px}.driver-page-container .driver-photo-thumb:hover{box-shadow:0 4px 12px #0a1e4d40;transform:scale(1.08)}.driver-page-container .driver-photo-fallback{align-items:center;background:#e6f1fb;border-radius:50%;color:#185fa5;display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;width:28px}.driver-page-container .driver-character-badge{background:#faeeda;border:1px solid #fac775;color:#854f0b}.driver-page-container .driver-character-badge,.driver-page-container .driver-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px}.driver-page-container .driver-status-pill{gap:4px}.driver-page-container .driver-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:4px;width:4px}.driver-page-container .driver-status-pill--active{background:#eaf3de;border:1px solid #c0dd97;color:#3b6d11}.driver-page-container .driver-status-pill--inactive{background:#fcebeb;border:1px solid #f7c1c1;color:#a32d2d}.driver-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.driver-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:4px;width:4px}.driver-status-pill--active{background:#eaf3de;border:1px solid #c0dd97;color:#3b6d11}.driver-status-pill--inactive{background:#fcebeb;border:1px solid #f7c1c1;color:#a32d2d}.driver-page-container .driver-action-group{display:flex;gap:5px}.driver-page-container .driver-action-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);cursor:pointer;display:inline-flex;font-family:inherit;font-size:10.5px;font-weight:600;gap:3px;height:22px;padding:0 8px;transition:all .15s}.driver-page-container .driver-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--ink)}.driver-page-container .driver-action-btn:active{transform:translateY(0)}.driver-page-container .driver-action-btn--edit{background:#fff;color:var(--ink-soft)}.driver-page-container .driver-action-btn--edit:hover{background:#e6f1fb;border-color:#b5d4f4;color:#185fa5}.driver-page-container .driver-action-btn--delete{background:#fff;color:var(--ink-soft)}.driver-page-container .driver-action-btn--delete:hover{background:#fcebeb;border-color:#f7c1c1;color:#a32d2d}.driver-page-container .driver-table-footer{background:var(--surface);border-top:1px solid #f1f5f9;color:var(--muted);flex-shrink:0;font-size:10.5px;padding:8px 12px}.driver-page-container .driver-table-footer--paginated{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.driver-page-container .driver-table-footer-count{white-space:nowrap}.driver-page-container .driver-pagination-controls{align-items:center;display:flex;gap:4px}.driver-page-container .driver-pagination-nav-btn{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:600;height:24px;padding:0 9px;transition:background .15s,border-color .15s,color .15s}.driver-page-container .driver-pagination-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.driver-page-container .driver-pagination-nav-btn:disabled{cursor:not-allowed;opacity:.45}.driver-page-container .driver-pagination-page-label{color:var(--ink-soft);font-weight:600;padding:0 6px}@media (max-width:640px){.driver-page-container .driver-table-footer--paginated{align-items:flex-start;flex-direction:column}.driver-page-container .driver-pagination-controls{justify-content:center;width:100%}}.driver-page-container .driver-state-cell{color:var(--muted);font-size:11.5px;padding:40px 20px!important;text-align:center!important}.driver-page-container .driver-spinner{animation:spin .7s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--navy);display:inline-block;height:22px;margin-bottom:9px;width:22px}.driver-page-container .driver-empty-icon{font-size:26px;margin-bottom:9px}.driver-row-clickable{cursor:pointer}.driver-row-clickable:hover{background:#f9fafb}.driver-modal-overlay{align-items:center;animation:overlayIn .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080f23ad;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.driver-modal-card{animation:modalIn .22s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 24px 70px #080f2359,0 2px 8px #080f231a;display:flex;flex-direction:column;max-height:86vh;max-width:760px;overflow:hidden;padding:0;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.driver-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin:0;padding:18px 22px}.driver-modal-header h3{color:var(--ink);display:flex;flex-direction:column;font-size:15px;font-weight:700;gap:2px;margin:0}.driver-modal-subtitle{color:var(--ink-soft);font-size:11.5px;font-weight:500}.driver-modal-code{color:var(--muted);font-size:11px;margin:2px 0 0}.driver-modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;line-height:1;transition:background .15s ease,transform .12s ease;width:26px}.driver-modal-close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.view-driver-modal{border-radius:16px;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(860px,94vw)}.view-driver-header{align-items:center;background:linear-gradient(135deg,#0a1e4d,#12306e 55%,#0c2660);display:flex;gap:16px;justify-content:space-between;overflow:hidden;padding:22px 26px;position:relative}.view-driver-header:before{background:radial-gradient(ellipse 420px 200px at 15% -20%,#ffffff1a,#0000 60%),radial-gradient(ellipse 300px 200px at 100% 120%,#2ec4b62e,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.view-driver-header-left{align-items:center;display:flex;gap:14px;min-width:0;position:relative;z-index:1}.view-driver-avatar{border:2.5px solid #ffffffd9;border-radius:50%;box-shadow:0 0 0 4px #ffffff1f,0 6px 18px #00000047;flex-shrink:0;height:60px;object-fit:cover;width:60px}.view-driver-avatar--fallback{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center}.view-driver-header .driver-modal-title,.view-driver-header h2{color:#fff;font-size:17px;font-weight:750;letter-spacing:-.01em;margin:0 0 2px}.view-driver-header .driver-modal-subtitle{color:#ffffffb8;font-size:12px;font-weight:500}.view-driver-header .driver-modal-code{color:#ffffff8c;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;letter-spacing:.02em;margin-top:3px}.view-driver-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;position:relative;z-index:1}.view-driver-header-actions .view-driver-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:34px;padding:0 16px;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.view-driver-header-actions .view-driver-btn--outline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1.5px solid #fff6;color:#fff}.view-driver-header-actions .view-driver-btn--outline:hover{background:#ffffff2e;border-color:#fff9}.view-driver-header-actions .view-driver-btn--solid{background:#2ec4b6;border:1.5px solid #2ec4b6;box-shadow:0 4px 12px #2ec4b659;color:#fff}.view-driver-header-actions .view-driver-btn--solid:hover{background:#25a99d;border-color:#25a99d;box-shadow:0 8px 20px #2ec4b673;transform:translateY(-1px)}.view-driver-header-actions .view-driver-btn:active{transform:translateY(0)}.view-driver-header-actions .view-driver-btn:disabled{box-shadow:none;cursor:wait;opacity:.55;transform:none}.view-driver-header .driver-modal-close-btn{background:#ffffff1f;color:#fff;position:relative;z-index:1}.view-driver-header .driver-modal-close-btn:hover{background:#ffffff3d}@media (max-width:640px){.view-driver-header-actions .view-driver-btn{font-size:11px;height:30px;padding:0 12px}}.view-driver-body{background:#f8fafc;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(180deg,#000 calc(100% - 24px),#0000);overflow-y:auto;padding:18px 24px 20px}.view-driver-section{background:#fff;border:1px solid #eef1f6;border-left:3px solid var(--navy);border-radius:10px;box-shadow:0 1px 2px #0f172a08,0 6px 16px -10px #0f172a1f;margin-top:14px;padding:16px 18px 10px;transition:box-shadow .18s ease,transform .18s ease}.view-driver-section:hover{box-shadow:0 2px 4px #0f172a0a,0 10px 24px -10px #0f172a29}.view-driver-section:first-child{margin-top:0}.view-driver-section h4{align-items:center;color:var(--navy);display:flex;font-size:10.5px;font-weight:800;gap:6px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.view-driver-section h4:before{background:var(--navy);border-radius:50%;content:"";height:5px;opacity:.55;width:5px}.view-driver-grid{grid-gap:2px 20px;display:grid;gap:2px 20px;grid-auto-flow:row dense;grid-template-columns:repeat(3,minmax(0,1fr))}.view-driver-field{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 0}.view-driver-field:nth-last-child(-n+3){border-bottom:none}.view-driver-field span{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.view-driver-field strong{color:var(--ink);font-size:12.5px;font-weight:600;word-break:break-word}.view-driver-field strong.is-empty,.view-driver-field strong:empty:before{color:var(--muted);content:"Not provided";font-size:11.5px;font-style:italic;font-weight:500}.view-driver-footer{background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:flex-end;margin-top:0;padding:14px 24px}.view-driver-footer .driver-action-btn{border-radius:8px;font-size:11.5px;height:32px;padding:0 18px}@media (max-width:640px){.view-driver-grid{grid-template-columns:1fr 1fr}.view-driver-header-actions span{display:none}}@media (max-width:420px){.view-driver-grid{grid-template-columns:1fr}}.driver-docs-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow-y:auto;padding:4px 0 16px}.driver-doc-tile{display:flex;flex-direction:column;gap:6px}.driver-doc-tile-label{color:var(--ink-soft);font-size:11px;font-weight:600}.driver-doc-tile-empty{align-items:center;background:#f8fafc;border:1px dashed var(--line);border-radius:10px;color:var(--muted);display:flex;font-size:11px;height:96px;justify-content:center;padding:8px;text-align:center}.driver-doc-thumb-btn{background:#f8fafc;border:1px solid var(--line);border-radius:10px;cursor:pointer;height:96px;overflow:hidden;padding:0;position:relative;transition:border-color .18s ease,box-shadow .18s ease}.driver-doc-thumb-btn:hover{border-color:#b5d4f4;box-shadow:0 6px 16px #185fa529}.driver-doc-thumb-img{display:block;height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.driver-doc-thumb-btn:hover .driver-doc-thumb-img{transform:scale(1.06)}.driver-doc-thumb-overlay{align-items:center;background:#0a1e4d59;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .18s ease}.driver-page-container .driver-action-menu-wrapper{display:inline-flex;position:relative}.driver-page-container .driver-action-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--ink-soft);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:26px}.driver-page-container .driver-action-menu-btn:hover{background:var(--navy-soft);border-color:#b5d4f4;color:var(--navy)}.driver-page-container .driver-action-menu-btn--active{background:var(--navy-soft);border-color:var(--navy);color:var(--navy)}.driver-page-container .driver-action-menu-dropdown{animation:filterDrop .14s ease;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 12px #0f172a14,0 16px 32px -10px #0f172a38;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.driver-page-container .driver-action-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:7px 9px;text-align:left;transition:background .13s ease,color .13s ease;white-space:nowrap;width:100%}.driver-page-container .driver-action-menu-item svg{color:var(--muted);flex-shrink:0}.driver-page-container .driver-action-menu-item:hover{background:var(--navy-soft);color:var(--navy)}.driver-page-container .driver-action-menu-item:hover svg{color:var(--navy)}.driver-page-container .driver-action-menu-item--delete,.driver-page-container .driver-action-menu-item--delete svg{color:#a32d2d}.driver-page-container .driver-action-menu-item--delete:hover{background:#fcebeb;color:#a32d2d}.driver-page-container .driver-action-menu-item--delete:hover svg{color:#a32d2d}.driver-doc-thumb-btn:hover .driver-doc-thumb-overlay{opacity:1}.driver-doc-thumb-zoom{color:#fff;font-size:11px;font-weight:600}.driver-doc-tile-pdf{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:6px;height:96px;justify-content:center}.driver-doc-pdf-icon{font-size:22px}.driver-doc-pdf-actions{display:flex;gap:6px}.driver-doc-pdf-link{color:var(--navy);font-size:10.5px;font-weight:600;text-decoration:none}.driver-doc-pdf-link:hover{text-decoration:underline}.driver-doc-tile-error{align-items:center;background:#fcebeb;border:1px solid #f7c1c1;border-radius:10px;color:#a32d2d;display:flex;flex-direction:column;font-size:10.5px;gap:4px;height:96px;justify-content:center;padding:6px;text-align:center}.driver-doc-error-link{color:var(--navy);font-size:10px}.driver-doc-upload-label{align-items:center;background:var(--navy-soft);border-radius:6px;color:var(--navy);cursor:pointer;display:flex;font-size:10.5px;font-weight:600;gap:4px;justify-content:center;padding:5px 8px;text-align:center;transition:background .15s ease}.driver-doc-upload-label:hover{background:#d5e6f8}.driver-doc-upload-label--busy{cursor:wait;opacity:.7}.driver-doc-upload-label--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.driver-docs-modal-error,.driver-docs-modal-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:12.5px;gap:8px;justify-content:center;padding:40px 16px}.driver-docs-modal-footer{border-top:1px solid #f1f5f9;color:var(--muted);font-size:11px;margin-top:6px;padding:10px 0 0;text-align:center}.driver-lightbox-overlay{align-items:center;animation:overlayIn .18s ease;background:#111827d9;display:flex;flex-direction:column;inset:0;justify-content:center;padding:32px;position:fixed;z-index:1100}.driver-lightbox-toolbar{align-items:center;display:flex;justify-content:space-between;left:24px;position:fixed;right:24px;top:20px}.driver-lightbox-label{color:#fff;font-size:13px;font-weight:600}.driver-lightbox-img{border-radius:9px;box-shadow:0 20px 50px #00000059;max-height:80vh;max-width:100%}.driver-lightbox-hint{color:#fff9;font-size:11px;margin-top:12px}.driver-lightbox-close-btn{background:#ffffff24;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:32px;transition:background .18s ease,transform .15s ease;width:32px}.driver-lightbox-close-btn:hover{background:#ffffff42;transform:rotate(90deg)}@media (max-width:992px){.driver-layout{flex-direction:column}.driver-page-container{gap:8px;padding:14px}.driver-page-container .driver-toolbar{align-items:stretch;flex-direction:column;gap:10px;position:relative}.driver-page-container .driver-filter-toggle-btn,.driver-page-container .driver-filter-wrap,.driver-page-container .driver-fy-filter-field,.driver-page-container .driver-primary-btn,.driver-page-container .driver-reset-btn,.driver-page-container .driver-search-group{max-width:100%;width:100%}.driver-page-container .driver-primary-btn{justify-content:center!important}.driver-page-container .driver-filters-row{bottom:auto!important;left:0!important;margin-top:0;max-height:60vh;max-width:100%!important;overflow-y:auto;position:absolute!important;right:0!important;top:calc(100% + 6px)!important;width:100%!important;z-index:999999}.driver-page-container .driver-data-table{min-width:860px}.driver-modal-card{max-height:90vh;max-width:none;width:95%}.driver-docs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.driver-page-container .driver-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:640px){.view-driver-header{flex-wrap:wrap;gap:10px;padding:18px 44px 16px 18px;position:relative}.view-driver-header-left{flex:1 1 100%;min-width:0}.view-driver-avatar{height:46px;width:46px}.driver-modal-title{font-size:13.5px}.driver-modal-code{font-size:10px}.view-driver-header-actions{flex:1 1 100%;gap:8px;justify-content:flex-start}.view-driver-header-actions .view-driver-btn{font-size:11px;height:30px;padding:0 10px}.view-driver-btn-text{display:none}.view-driver-header .driver-modal-close-btn{position:absolute;right:14px;top:14px}.view-driver-grid{grid-template-columns:1fr 1fr}}.driver-page-container .driver-pagination-arrow-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--ink-soft);cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:background .15s,border-color .15s,color .15s;width:24px}.driver-page-container .driver-pagination-arrow-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.driver-page-container .driver-pagination-arrow-btn:disabled{cursor:not-allowed;opacity:.45}.driver-page-container .driver-pagination-page-label{color:var(--ink);font-size:12px;font-weight:700;padding:0 4px;white-space:nowrap}.driver-page-container .driver-table-footer-count{min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.driver-page-container .driver-table-footer--paginated{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between}.driver-page-container .driver-pagination-controls{flex-shrink:0;gap:6px;justify-content:flex-end;width:auto}.driver-page-container .driver-table-footer-count{font-size:10px}.driver-page-container .driver-pagination-summary-suffix{display:none}.driver-page-container .driver-pagination-page-label{font-size:11px}}@media (max-width:768px){.driver-page-container .driver-toolbar{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:1fr 90px}.driver-page-container .driver-search-group{grid-column:1;grid-row:1;height:30px;max-width:none;width:100%}.driver-page-container .driver-search-input{font-size:10.5px!important}.driver-page-container .driver-filter-wrap{grid-column:2;grid-row:1;position:static;width:100%}.driver-page-container .driver-filter-toggle-btn{font-size:10px!important;height:30px;justify-content:center;padding:0 8px!important;width:100%}.driver-page-container .driver-fy-filter-field{grid-column:1/span 1;grid-row:2;width:100%}.driver-page-container .driver-fy-filter-field select{font-size:10px!important;height:30px!important;width:100%}.driver-page-container .driver-primary-btn{font-size:10.5px!important;grid-column:2/span 1!important;grid-row:2!important;height:30px!important;justify-content:center!important;margin-left:0!important;padding:0 8px!important;width:100%!important}.driver-actions-btn{font-size:10.5px;gap:6px;height:26px;min-width:76px;padding:0 7px 0 10px}.driver-actions-btn svg{height:12px;width:12px}.driver-page-container .driver-reset-btn{display:none!important}.driver-page-container .driver-name-cell{font-size:10px!important}.driver-page-container .driver-data-table td,.driver-page-container .driver-data-table thead th{padding:6px 8px!important}.driver-page-container .driver-photo-fallback,.driver-page-container .driver-photo-thumb{height:24px!important;width:24px!important}}@media (max-width:480px){.driver-page-container .driver-filters-row{gap:6px 8px!important;grid-template-columns:1fr 1fr!important;padding:10px!important}.driver-page-container .driver-filter-field label{font-size:8px!important}.driver-page-container .driver-filter-field select{font-size:10px!important;height:26px!important;padding:0 20px 0 6px!important}.driver-page-container .driver-filter-panel-done{font-size:10px!important;height:26px!important}}.driver-action-menu-wrapper{display:inline-flex;position:relative}.driver-action-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--ink-soft,#475569);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:26px}.driver-actions-btn{border-radius:6px;font-size:10px;gap:5px;height:24px;min-width:68px;padding:0 6px 0 8px}.driver-actions-btn svg{height:11px;width:11px}.driver-action-menu-btn:hover{border-color:#b5d4f4}.driver-action-menu-btn--active,.driver-action-menu-btn:hover{background:#e6f1fb;background:var(--navy-soft,#e6f1fb);color:#0a1e4d;color:var(--navy,#0a1e4d)}.driver-action-menu-btn--active{border-color:#0a1e4d;border-color:var(--navy,#0a1e4d)}.driver-action-menu-dropdown{animation:filterDrop .14s ease;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 4px 12px #0f172a14,0 16px 32px -10px #0f172a38;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.driver-action-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:7px 9px;text-align:left;transition:background .13s ease,color .13s ease;white-space:nowrap;width:100%}.driver-action-menu-item svg{color:#94a3b8;color:var(--muted,#94a3b8);flex-shrink:0}.driver-action-menu-item:hover{background:#e6f1fb;background:var(--navy-soft,#e6f1fb)}.driver-action-menu-item:hover,.driver-action-menu-item:hover svg{color:#0a1e4d;color:var(--navy,#0a1e4d)}.driver-action-menu-item--delete,.driver-action-menu-item--delete svg{color:#a32d2d}.driver-action-menu-item--delete:hover{background:#fcebeb;color:#a32d2d}.driver-action-menu-item--delete:hover svg{color:#a32d2d}.driver-table-footer{background:#fff;border-top:1px solid #f1f5f9;color:#94a3b8;color:var(--muted,#94a3b8);flex-shrink:0;font-size:10.5px;padding:8px 12px}.driver-table-footer--paginated{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.driver-table-footer-count{white-space:nowrap}.driver-pagination-controls{align-items:center;display:flex;gap:4px}.driver-pagination-nav-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;color:var(--ink-soft,#475569);cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:600;height:24px;padding:0 9px;transition:background .15s,border-color .15s,color .15s}.driver-pagination-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.driver-pagination-nav-btn:disabled{cursor:not-allowed;opacity:.45}.driver-pagination-arrow-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#475569;color:var(--ink-soft,#475569);cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:background .15s,border-color .15s,color .15s;width:24px}.driver-pagination-arrow-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.driver-pagination-arrow-btn:disabled{cursor:not-allowed;opacity:.45}.driver-pagination-page-label{color:#0f172a;color:var(--ink,#0f172a);font-size:12px;font-weight:700;padding:0 4px;white-space:nowrap}@media (max-width:640px){.driver-table-footer--paginated{align-items:flex-start;flex-direction:column}.driver-pagination-controls{justify-content:center;width:100%}}.vehicles-page{--ink:#14162b;--ink-soft:#565b73;--muted:#9298ac;--line:#e8eaf1;--accent:#4361ee;--accent-dark:#3651d4;--accent-soft:#eef1fe;--surface:#fff;--page:#f5f6fa;--radius:12px;background:var(--page);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:8px;height:100%;min-height:0;overflow:hidden;padding:20px 24px}.vehicles-page .vehicles-stats-bar{display:flex;flex-shrink:0;flex-wrap:wrap;gap:14px}.vehicles-page .vehicles-stat-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 10px 24px -12px #0f172a1f;display:flex;flex:1 1 128px;gap:7px;min-width:128px;overflow:hidden;padding:13px 10px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.vehicles-page .vehicles-stat-icon{align-items:center;background:var(--accent-soft);border-radius:6px;display:flex;flex-shrink:0;font-size:10px;height:22px;justify-content:center;width:22px}.vehicles-page .vehicles-stat-value{color:var(--ink);font-size:11px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.vehicles-page .vehicles-stat-label{color:var(--muted);font-size:8.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.vehicles-page .vehicles-stat-card:hover{box-shadow:0 1px 1px #0f172a08,0 4px 10px #0f172a0f,0 16px 30px -12px #0f172a2e;transform:translateY(-2px)}.vehicles-page .vehicles-stat-card:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.vehicles-page .vehicles-stat-card--ev:before{background:#7c3aed}.vehicles-page .vehicles-stat-card--ice:before{background:#f59e0b}.vehicles-page .vehicles-stat-card--active:before{background:#2ec4b6}.vehicles-page .vehicles-stat-card--inactive:before{background:#e76f51}.vehicles-page .vehicles-stat-card--ev .vehicles-stat-icon{background:#f2e9fe}.vehicles-page .vehicles-stat-card--ice .vehicles-stat-icon{background:#fef3e2}.vehicles-page .vehicles-stat-card--active .vehicles-stat-icon{background:#e0faf7}.vehicles-page .vehicles-stat-card--inactive .vehicles-stat-icon{background:#fdece5}.vehicles-page .vehicles-stat-text{display:flex;flex-direction:column;gap:2px;min-width:0}.vehicles-page .toolbar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;position:relative}.vehicles-page .search-group{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:7px;display:flex;flex:1 1;gap:6px;height:28px;max-width:220px;min-width:110px;padding:0 8px;transition:border-color .16s ease,box-shadow .16s ease}.vehicles-page .search-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1f}.vehicles-page .search-icon{align-items:center;color:var(--muted);display:flex}.vehicles-page .search-icon svg{height:13px;width:13px}.vehicles-page .search-input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:inherit;font-size:11px;outline:none}.vehicles-page .search-input::placeholder{color:var(--muted)}.vehicles-page .clear-btn{background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;font-size:10px;line-height:1;padding:2px 3px;transition:color .2s}.vehicles-page .clear-btn:hover{color:#e63946}.vehicles-page .primary-btn,.vehicles-page .search-run-btn{align-items:center;background:linear-gradient(135deg,#5c78ff,var(--accent) 55%,var(--accent-dark));border:none;border-radius:7px;box-shadow:0 3px 10px #4361ee47;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:650;gap:4px;height:28px;padding:0 11px;transition:box-shadow .18s ease,transform .14s ease,filter .18s ease;white-space:nowrap}.vehicles-page .primary-btn:hover,.vehicles-page .search-run-btn:hover{box-shadow:0 6px 16px #4361ee5c;filter:brightness(1.03);transform:translateY(-1px)}.vehicles-page .primary-btn:active,.vehicles-page .search-run-btn:active{transform:translateY(0)}.vehicles-page .pagination-btn{border-radius:6px;font-size:12.5px;padding:6px 12px}.vehicles-page .pagination-page-indicator{color:#64748b;font-size:12.5px;font-weight:500}.vehicles-page .filter-toggle-btn{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:7px;color:var(--ink-soft);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;height:28px;padding:0 10px;position:relative;transition:border-color .16s ease,background .16s ease,color .16s ease;white-space:nowrap}.vehicles-page .filter-toggle-btn svg{height:12px;width:12px}.vehicles-page .filter-toggle-btn:hover{background:var(--accent-soft);border-color:#c7d0f7;color:var(--accent)}.vehicles-page .filter-toggle-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.vehicles-page .filter-count-badge{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 4px}.vehicles-page .template-link{align-items:center;background:none;border:1.5px solid var(--accent);border-radius:7px;color:var(--accent);cursor:pointer;display:flex;font-family:inherit;font-size:10.5px;font-weight:600;height:28px;padding:0 10px;transition:background .18s ease,color .18s ease;white-space:nowrap}.vehicles-page .template-link:hover{background:var(--accent);color:#fff}.vehicles-page .upload-btn{align-items:center;background:linear-gradient(135deg,#3fd4c4,#2ec4b6 60%,#21a99d);border-radius:7px;box-shadow:0 3px 10px #2ec4b64d;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:650;gap:4px;height:28px;padding:0 11px;transition:box-shadow .18s ease,transform .14s ease;white-space:nowrap}.vehicles-page .upload-btn:hover{box-shadow:0 6px 16px #2ec4b666;transform:translateY(-1px)}.vehicles-page .upload-btn--disabled{cursor:not-allowed;opacity:.6;transform:none!important}.vehicles-page .fy-inline-group{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:7px;display:flex;flex-shrink:0;gap:6px;height:28px;padding:0 8px;position:relative;white-space:nowrap}.vehicles-page .fy-inline-label{color:var(--ink-soft);flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.vehicles-page .fy-inline-select{background:#0000;border:none;color:var(--ink);cursor:pointer;font-family:inherit;font-size:10.5px;height:20px;max-width:105px;outline:none}.vehicles-page .fy-inline-range{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:10px;font-weight:650;padding:2px 7px;white-space:nowrap}.vehicles-page .fy-inline-range--muted{background:var(--page);color:var(--muted);font-weight:600}.vehicles-page .fy-daterange-toggle{align-items:center;background:var(--page);border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:9.5px;font-weight:650;gap:4px;height:20px;padding:0 7px;transition:border-color .16s ease,background .16s ease,color .16s ease;white-space:nowrap}.vehicles-page .fy-daterange-toggle svg{height:11px;width:11px}.vehicles-page .fy-daterange-toggle--active,.vehicles-page .fy-daterange-toggle--set,.vehicles-page .fy-daterange-toggle:hover{background:#eef0f4;border-color:#cdd3e3;color:var(--ink)}.vehicles-page .fy-daterange-toggle--set{font-weight:700}.vehicles-page .fy-daterange-toggle-label{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.vehicles-page .fy-daterange-popover{align-items:flex-end;animation:filterDrop .16s ease;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 12px #0f172a14,0 20px 40px -12px #0f172a38;display:flex;gap:8px;padding:10px 12px;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;z-index:50}.vehicles-page .fy-daterange-field{display:flex;flex-direction:column;gap:4px}.vehicles-page .fy-daterange-field label{color:var(--ink-soft);font-size:9.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.vehicles-page .fy-daterange-input{background:var(--page);border:1.5px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-family:inherit;font-size:11px;height:28px;outline:none;padding:0 7px;transition:border-color .16s ease,box-shadow .16s ease}.vehicles-page .fy-daterange-input:hover{border-color:#cdd3e3}.vehicles-page .fy-daterange-input:focus{background-color:var(--surface);border-color:#a8afc2;box-shadow:0 0 0 3px #565b731a}.vehicles-page .fy-daterange-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.5)}.vehicles-page .fy-daterange-arrow{color:var(--muted);font-size:11px;padding-bottom:7px}.vehicles-page .toolbar-actions-right{align-items:center;background:var(--page);display:flex;flex-shrink:0;gap:7px;margin-left:auto;padding-left:7px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:5}.vehicles-page .filter-dropdown-wrapper{flex-shrink:0;position:relative}.vehicles-page .filter-panel{grid-gap:8px 10px;animation:filterDrop .16s ease;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 12px #0f172a14,0 20px 40px -12px #0f172a38;display:grid;gap:8px 10px;grid-template-columns:1fr 1fr;left:0;padding:12px;position:absolute;top:calc(100% + 8px);width:360px;z-index:50}@keyframes filterDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vehicles-page .filter-field{display:flex;flex-direction:column;gap:4px;width:100%}.vehicles-page .filter-field label{color:var(--ink-soft);font-size:9.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.vehicles-page .filter-field select{-webkit-appearance:none;appearance:none;background:var(--page);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%239298ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1.5px solid var(--line);border-radius:7px;box-sizing:border-box;color:var(--ink);cursor:pointer;font-family:inherit;font-size:11px;height:28px;outline:none;padding:0 24px 0 8px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.vehicles-page .filter-field select:hover{border-color:#cdd3e3}.vehicles-page .filter-field select:focus{background-color:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1f}.vehicles-page .filter-panel-actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;grid-column:1/-1;justify-content:space-between;margin-top:2px;padding-top:10px}.vehicles-page .filter-clear-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;font-weight:650;height:28px;padding:0 10px;transition:color .16s ease;white-space:nowrap}.vehicles-page .filter-clear-btn:hover{color:#e63946}.vehicles-page .filter-done-btn{background:var(--accent);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:11px;font-weight:650;height:28px;margin-left:auto;padding:0 14px;transition:background .16s ease}.vehicles-page .filter-done-btn:hover{background:var(--accent-dark)}.vehicles-page .filter-chips{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px;margin-top:-6px}.vehicles-page .filter-chip{align-items:center;background:var(--accent-soft);border:1px solid #d5dcfb;border-radius:999px;color:var(--accent);display:inline-flex;font-size:10.5px;font-weight:600;gap:6px;padding:4px 5px 4px 10px}.vehicles-page .filter-chip button{align-items:center;background:#4361ee24;border:none;border-radius:50%;color:var(--accent);cursor:pointer;display:inline-flex;font-size:9px;height:15px;justify-content:center;line-height:1;transition:background .15s ease;width:15px}.vehicles-page .filter-chip button:hover{background:var(--accent);color:#fff}.vehicles-page .filter-chip--clear{background:none;border:1px dashed #cdd3e3;color:var(--muted);cursor:pointer;padding:4px 10px}.vehicles-page .filter-chip--clear:hover{border-color:#e63946;color:#e63946}.vehicles-page .upload-summary{background:#f0fdf4;border:1.5px solid #86efac;border-radius:var(--radius);flex-shrink:0;font-size:14px;padding:14px 18px}.vehicles-page .upload-summary-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.vehicles-page .upload-summary-header p{color:#166534;margin:0}.vehicles-page .upload-summary-failed{color:#b45309;font-weight:600}.vehicles-page .upload-errors{display:flex;flex-direction:column;gap:4px;margin:10px 0 0;padding-left:18px}.vehicles-page .upload-errors li{color:#7f1d1d;font-size:13px}.vehicles-page .error-row{color:#991b1b;font-weight:700}.vehicles-page .table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 14px 34px -18px #0f172a29;display:flex;flex:1 1;flex-direction:column;margin-bottom:0;min-height:0;overflow:hidden}.vehicles-page .table-scroll{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.vehicles-page .data-table{border-collapse:collapse;font-size:12px;min-width:1400px;width:100%}.vehicles-page .data-table thead tr{background:#10193f}.vehicles-page .data-table th{background:#10193f;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.vehicles-page .data-table td{background:#0000;border-bottom:1px solid #f4f5f8;color:#374151;padding:6px 8px;vertical-align:middle;white-space:nowrap}.vehicles-page .data-table tbody tr{transition:background .12s ease}.vehicles-page .data-table tbody tr:nth-child(odd){background:#fff}.vehicles-page .data-table tbody tr:nth-child(2n){background:#f3f5fb}.vehicles-page .data-table tbody tr:hover{background:#e6ebfd}.vehicles-page .data-table tbody tr:hover td{background:#0000}.vehicles-page .data-table tbody tr:last-child td{border-bottom:none}.vehicles-page .row-num{color:var(--muted);font-size:11px;font-weight:650;width:36px}.vehicles-page .vehicle-thumb{border:2px solid var(--line);border-radius:8px;cursor:pointer;display:block;height:36px;object-fit:cover;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;width:36px}.vehicles-page .vehicle-thumb:hover{border-color:var(--accent);box-shadow:0 4px 12px #4361ee40;transform:scale(1.08)}.actions-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#16215a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:10px;height:30px;justify-content:space-between;min-width:96px;padding:0 10px 0 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.actions-btn:hover{background:#f8fafc;border-color:#cbd5e1}.actions-btn--active{background:#f8fafc;border-color:#94a3b8}.actions-btn svg{color:#16215a;flex-shrink:0;transition:transform .15s ease}.actions-btn--active svg{transform:rotate(180deg)}.vehicles-page .vehicle-thumb--placeholder{align-items:center;background:#f3f4f6;border:2px solid var(--line);border-radius:8px;display:flex;font-size:17px;height:36px;justify-content:center;width:36px}.vehicles-page .lightbox-overlay{align-items:center;animation:fadeIn .2s ease;background:#0a0c18db;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.vehicles-page .lightbox-img{animation:zoomIn .2s ease;border-radius:12px;box-shadow:0 8px 40px #00000080;cursor:default;max-height:88vh;max-width:90vw}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.vehicles-page .lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:24px;top:20px;transition:background .2s;width:40px;z-index:10000}.vehicles-page .lightbox-close:hover{background:#ffffff4d}.vehicles-page .code-badge{background:var(--accent-soft);border-radius:6px;color:var(--accent);font-weight:700;letter-spacing:.03em;padding:2px 8px}.vehicles-page .code-badge,.vehicles-page .mono-cell{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.vehicles-page .mono-cell{color:#667085}.vehicles-page .gps-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:10.5px;font-weight:650;gap:4px;padding:2px 9px}.vehicles-page .gps-pill--yes{background:#d1fae5;color:#065f46}.vehicles-page .gps-pill--no{background:#f3f4f6;color:#9ca3af}.vehicles-page .status-pill{align-items:center;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:10.5px;font-weight:650;gap:6px;padding:2px 9px}.vehicles-page .status-pill--hold{background:#fef3c7;color:#92400e}.vehicles-page .view-vehicle-body{display:flex;gap:24px;overflow-y:auto;padding:20px 24px}.vehicles-page .view-vehicle-details{flex:1 1;min-width:0}.vehicles-page .view-vehicle-photo-panel{flex-shrink:0;width:260px}.vehicles-page .view-vehicle-photo-btn{background:#f8f9fb;border:1px solid #e6e8ec;border-radius:10px;cursor:zoom-in;display:block;overflow:hidden;padding:0;width:100%}.vehicles-page .view-vehicle-photo-img{display:block;height:260px;object-fit:cover;width:100%}.vehicles-page .view-vehicle-photo-placeholder{align-items:center;border:1px dashed #d8dae0;border-radius:10px;color:#9aa0ac;display:flex;flex-direction:column;gap:8px;height:260px;justify-content:center}.vehicles-page .status-dot{background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}.vehicles-page .expiry-warn{color:#dc2626;font-weight:700}.vehicles-page .state-cell{color:var(--muted);font-size:14px;padding:52px 16px!important;text-align:center}.vehicles-page .state-cell-sub{color:#b7bccb;font-size:12.5px;margin-top:4px}.vehicles-page .empty-icon{font-size:36px;margin-bottom:8px}.vehicles-page .spinner{animation:spin .7s linear infinite;border:3px solid var(--line);border-radius:50%;border-top-color:var(--accent);height:24px;margin:0 auto 10px;width:24px}.vehicles-page .table-footer{align-items:center;border-top:1px solid #f0f2f5;color:var(--muted);display:flex;flex-shrink:0;flex-wrap:nowrap;font-size:11px;gap:10px;justify-content:space-between;margin:0;padding:6px 12px}.vehicles-page .pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#334155;cursor:pointer;flex-shrink:0;font-size:10.5px;font-weight:600;height:22px;line-height:1;padding:3px 8px;white-space:nowrap}.vehicles-page .pagination-btn:hover:not(:disabled){background:#f8f9fb;border-color:#cbd5e1}.vehicles-page .pagination-btn:disabled{cursor:not-allowed;opacity:.45}.vehicles-page .pagination-controls{align-items:center;display:flex;flex-shrink:0;gap:10px}.vehicles-page .pagination-arrow-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#334155;cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease;width:26px}.vehicles-page .pagination-arrow-btn:hover:not(:disabled){background:#f8f9fb;border-color:#cbd5e1}.vehicles-page .pagination-arrow-btn:disabled{cursor:not-allowed;opacity:.4}.vehicles-page .pagination-page-indicator{color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}.vehicles-page .pagination-summary{color:var(--muted);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicles-page .pagination-summary strong{color:var(--ink);font-weight:700}.vehicles-page .action-menu-wrapper{display:inline-flex;position:relative}.vehicles-page .action-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--ink-soft);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:26px}.vehicles-page .action-menu-btn:hover{background:var(--accent-soft);border-color:#d5dcfb;color:var(--accent)}.vehicles-page .action-menu-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.vehicles-page .action-menu-dropdown{animation:filterDrop .14s ease;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 12px #0f172a14,0 16px 32px -10px #0f172a38;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.vehicles-page .action-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:8px;padding:7px 9px;text-align:left;transition:background .13s ease,color .13s ease;white-space:nowrap;width:100%}.vehicles-page .action-menu-item svg{color:var(--muted);flex-shrink:0}.vehicles-page .action-menu-item:hover{background:var(--accent-soft);color:var(--accent)}.vehicles-page .action-menu-item:hover svg{color:var(--accent)}.vehicles-page .action-menu-item--delete,.vehicles-page .action-menu-item--delete svg{color:#dc2626}.vehicles-page .action-menu-item--delete:hover{background:#fef2f2;color:#b91c1c}.vehicles-page .action-menu-item--delete:hover svg{color:#b91c1c}@media (max-width:768px){.vehicles-page{padding:16px}.vehicles-page .vehicles-stats-bar{-ms-overflow-style:none;display:flex!important;flex-wrap:nowrap!important;gap:10px;margin:0;overflow-x:auto!important;padding:2px 2px 8px;scrollbar-width:none}.vehicles-page .vehicles-stats-bar::-webkit-scrollbar{display:none}.vehicles-page .vehicles-stat-card{flex:0 0 110px!important;gap:6px;max-width:110px!important;min-width:110px!important;padding:9px 10px}.vehicles-page .vehicles-stat-value{font-size:14px}.vehicles-page .vehicles-stat-label{font-size:8.5px}.vehicles-page .toolbar{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1.5fr 1fr 0fr 1fr 90px}.actions-btn{border-radius:6px;font-size:10px;gap:5px;height:24px;min-width:68px;padding:0 6px 0 8px}.actions-btn svg{height:11px;width:11px}.vehicles-page .search-group{box-sizing:border-box;gap:6px;grid-column:1/5;grid-row:1;height:34px;max-width:none!important;padding:0 10px;width:100%!important}.vehicles-page .search-icon{flex-shrink:0}.vehicles-page .search-icon svg{height:13px!important;width:13px!important}.vehicles-page .search-input{font-size:11px;min-width:0}.vehicles-page .filter-dropdown-wrapper{grid-column:5/6;grid-row:1;width:100%}.vehicles-page .filter-toggle-btn{font-size:10px!important;gap:3px;height:34px!important;justify-content:center;margin-left:0!important;min-width:0;min-width:auto;padding:0 6px!important;white-space:nowrap;width:100%!important}.vehicles-page .filter-toggle-btn svg{height:11px!important;width:11px!important}.vehicles-page .fy-inline-group{background:none;border:none;display:flex;grid-column:1;grid-row:2;height:auto;padding:0;width:100%}.vehicles-page .fy-inline-label{display:none}.vehicles-page .fy-inline-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%239298ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;border:1.5px solid var(--line);border-radius:7px;box-sizing:border-box;font-size:10.5px;height:34px;max-width:100%;min-width:0;overflow:hidden;padding:0 16px 0 8px;text-overflow:ellipsis;white-space:nowrap;width:100%}.vehicles-page .toolbar-actions-right{grid-gap:2px;display:grid;gap:2px;grid-column:2/6;grid-row:2;grid-template-columns:1.5fr 1.5fr 1.5fr 0fr;margin-left:0;padding-left:0;position:static;width:100%}.vehicles-page .template-link,.vehicles-page .upload-btn{font-size:7.5px;min-width:0}.vehicles-page .template-link,.vehicles-page .toolbar-actions-right .primary-btn,.vehicles-page .upload-btn{align-items:center;border-radius:7px;box-sizing:border-box;display:flex;height:34px;justify-content:center;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap;width:100%}.vehicles-page .toolbar-actions-right .primary-btn{font-size:7.5px!important;font-weight:600;gap:1px;max-width:100%;min-width:0!important}.vehicles-page .toolbar-actions-right .primary-btn span{font-size:7.5px!important}.vv2-header{flex-wrap:wrap;gap:8px;padding-right:40px;position:relative}.vv2-header-title{font-size:14px}.vv2-header-sub{font-size:10px}.vv2-header-actions{flex:1 1 100%;gap:6px;justify-content:flex-start}.vv2-btn{font-size:10px;gap:3px;padding:5px 9px}.vv2-close-btn{position:absolute;right:20px;top:14px}.vehicles-page .fy-daterange-toggle{font-size:9px}.vehicles-page .fy-daterange-toggle-label{max-width:65px}.vehicles-page .fy-daterange-popover{flex-wrap:wrap;left:0;right:0;white-space:normal}.vehicles-page .fy-daterange-field{flex:1 1;min-width:120px}.vehicles-page .fy-daterange-field label{font-size:9px}.vehicles-page .fy-daterange-input{font-size:10px;height:28px}.vehicles-page .filter-panel{grid-template-columns:1fr;left:16px;position:fixed;right:16px;top:auto;width:auto}.vehicles-page .filter-field{min-width:100%}.vehicles-page .filter-field label{font-size:9px}.vehicles-page .filter-field select{font-size:10.5px;height:30px}.vehicles-page .lightbox-img{max-height:80vh;max-width:95vw}.vehicles-page .table-footer{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between;padding:8px 10px}.vehicles-page .pagination-summary{font-size:10px}.vehicles-page .pagination-summary-suffix{display:none}.vehicles-page .pagination-controls{gap:6px}.vehicles-page .pagination-arrow-btn{height:24px;width:24px}.vehicles-page .pagination-page-indicator{font-size:11px}}*{font-family:Poppins,sans-serif;margin:0;padding:0}#root,body,html{min-height:100%;width:100%}.register-page,body{background:#f4f7fc}.register-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:16px}.register-card{background:#fff;border-radius:14px;box-shadow:0 8px 24px #00000014;max-width:400px;padding:26px;width:100%}.register-card h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:6px;text-align:center}.register-card p{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:20px;text-align:center}.register-form{display:flex;flex-direction:column;gap:12px}.register-form input{background:#f8fbff;border:1px solid #dbe1ea;border-radius:8px;font-size:13px;height:42px;outline:none;padding:0 12px;transition:.3s;width:100%}.register-form input::placeholder{color:#94a3b8}.register-form input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.register-btn,.verify-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:42px;transition:.3s;width:100%}.register-btn{background:#2563eb}.register-btn:hover{background:#1d4ed8}.verify-btn{background:#10b981}.verify-btn:hover{background:#059669}.register-footer{margin-top:16px;text-align:center}.register-footer span{color:#64748b;font-size:13px}.register-footer button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;margin-left:4px}.register-footer button:hover{text-decoration:underline}.otp-input{font-size:15px;font-weight:600;letter-spacing:4px;text-align:center}@media (max-width:768px){.register-page{padding:12px}.register-card{border-radius:12px;max-width:360px;padding:22px}.register-card h1{font-size:24px}.register-card p{font-size:12px;margin-bottom:18px}.register-form{gap:10px}.register-form input{font-size:12px;height:40px}.register-btn,.verify-btn{font-size:13px;height:40px}.register-footer button,.register-footer span{font-size:12px}}@media (max-width:480px){.register-page{padding:10px}.register-card{padding:18px}.register-card h1{font-size:22px}.register-form input{height:38px;padding:0 10px}.register-btn,.verify-btn{height:38px}}.add-vehicle-page{--ink:#14162b;--ink-soft:#565b73;--muted:#9298ac;--line:#e6e8f1;--accent:#4361ee;--accent-dark:#2f46c2;--accent-light:#6d83f5;--accent-soft:#eef1fe;--accent-glow:#4361ee24;--danger:#e53e3e;--danger-soft:#fff5f5;--success:#16a34a;--surface:#fff;--page:#f5f6fa;-webkit-font-smoothing:antialiased;background:var(--page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:20px 24px}.add-vehicle-page,.vehicle-card{box-sizing:border-box;width:100%}.vehicle-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 14px 34px -14px #0f172a24;margin:0 auto;max-width:800px;overflow:visible;padding:22px 26px 26px}.vehicle-card h2{border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.015em;margin:0 0 14px;padding-bottom:12px}.vehicle-form{grid-gap:8px 16px;align-content:start;align-items:start;display:grid;gap:8px 16px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:1fr 1fr;width:100%}.form-section-title{align-items:center;border-bottom:1px solid var(--line);color:var(--accent);display:flex;font-size:10px;gap:10px;grid-column:1/-1;letter-spacing:.07em;line-height:1;margin:14px 0 2px;padding-bottom:6px}.vehicle-form>.form-section-title:first-child{margin-top:0}.form-section-title .step-badge,.form-section-title span:first-child:not(:only-child){align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;line-height:1;width:18px}.form-field{align-self:start;gap:3px}.form-field--date{grid-column:1}.form-field--full{grid-column:1/-1}.field-label{font-size:10.5px;margin-bottom:1px}.vehicle-form input[type=date],.vehicle-form input[type=number],.vehicle-form input[type=text],.vehicle-form select{background:var(--surface);border:1.5px solid var(--line);border-radius:8px;box-sizing:border-box;color:var(--ink);font-family:inherit;font-size:12px;height:36px;outline:none;padding:0 12px;transition:border-color .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),background .16s ease;width:100%}.vehicle-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%239298ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.vehicle-form input::placeholder{color:var(--muted);font-size:11.5px}.vehicle-form input:hover,.vehicle-form select:hover{border-color:#cdd3e3}.vehicle-form input:focus,.vehicle-form select:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-glow)}.vehicle-form select:disabled{background:#f1f2f7;border-color:var(--line);color:var(--muted);cursor:not-allowed}.vehicle-form input[type=date]:not([value]):not(:focus){color:var(--muted)}.vehicle-form .input-error,.vehicle-form select.input-error{background-color:var(--danger-soft)!important;border-color:var(--danger)!important;box-shadow:0 0 0 3.5px #e53e3e1a!important}.field-error{line-height:1.3}.char-count{font-size:9.5px;line-height:1;text-align:right}.char-count.char-count--full{color:var(--success);font-weight:600}.gps-checkbox{align-items:center;background:var(--page);border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;grid-column:1/-1;margin-top:2px;padding:8px 12px;transition:background .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.gps-checkbox:hover{background:var(--accent-soft);border-color:#c7d0f7}.gps-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:16px;width:16px}.photo-upload{background:#fbfbfd;border:1.5px dashed #d7dbe8;border-radius:10px;display:flex;flex-direction:column;gap:7px;grid-column:1/-1;padding:12px 14px;transition:border-color .18s ease,background .18s ease}.photo-upload:hover{background:var(--accent-soft);border-color:var(--accent)}.photo-label{color:var(--ink-soft);font-size:10.5px;font-weight:600}.vehicle-form input[type=file]{background:#0000;border:none;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:11.5px;height:auto;padding:0}.vehicle-form input[type=file]::-webkit-file-upload-button{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;margin-right:10px;padding:6px 12px;-webkit-transition:background .16s ease,color .16s ease,border-color .16s ease;transition:background .16s ease,color .16s ease,border-color .16s ease}.vehicle-form input[type=file]::file-selector-button{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;margin-right:10px;padding:6px 12px;transition:background .16s ease,color .16s ease,border-color .16s ease}.vehicle-form input[type=file]::-webkit-file-upload-button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.vehicle-form input[type=file]::file-selector-button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.photo-preview{border:1.5px solid var(--line);border-radius:9px;box-shadow:0 3px 10px #0f172a14;cursor:pointer;height:90px;margin-top:2px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:132px}.photo-preview:hover{border-color:var(--accent);box-shadow:0 8px 20px #4361ee38;transform:scale(1.035)}.form-actions{gap:12px;margin-top:20px}.form-actions .btn-secondary,.form-actions .submit-btn{box-sizing:border-box;flex:1 1!important;grid-column:unset!important;justify-self:auto!important;margin:0!important;text-align:center;width:auto!important}.submit-btn{-webkit-text-fill-color:#160a56;align-items:center;background:linear-gradient(135deg,var(--accent-light) 0,var(--accent) 45%,var(--accent-dark) 100%);background-position:0 50%;background-size:160% 160%;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff40,0 4px 10px #4361ee4d,0 10px 26px -8px #4361ee8c;color:#792121!important;display:flex!important;font-size:13px;font-weight:700;gap:8px;grid-column:1/-1;height:42px;justify-content:center;justify-self:center;letter-spacing:.3px;margin:12px auto 0;min-height:42px;opacity:1!important;padding:0 22px;position:relative;transition:box-shadow .22s ease,transform .16s ease,background-position .35s ease,filter .2s ease;visibility:visible!important;width:70%}.input-readonly{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.submit-btn:after{content:"→";font-size:14px;font-weight:700;transform:translateX(0);transition:transform .2s ease}.submit-btn:hover:not(:disabled){background-position:100% 50%;box-shadow:inset 0 1px 0 #ffffff4d,0 6px 16px #4361ee61,0 16px 32px -10px #4361ee99;filter:brightness(1.03);transform:translateY(-2px)}.submit-btn:hover:not(:disabled):after{transform:translateX(3px)}.submit-btn:active:not(:disabled){box-shadow:inset 0 1px 0 #fff3,0 3px 8px #4361ee4d;transform:translateY(0)}.submit-btn:focus-visible{box-shadow:0 0 0 3.5px #4361ee47,0 4px 10px #4361ee4d;outline:none}.submit-btn:disabled{-webkit-text-fill-color:#fff;background:#c3cbf6;box-shadow:none;color:#fff!important}.submit-btn:disabled:after{opacity:.6}.form-field input[type=tel]{background-color:#fff;border:1px solid #ccd3e0;border-radius:6px;color:#1a1a2e;font-size:10px;letter-spacing:.5px;padding:10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-field input[type=tel]:focus{border-color:#03154a;box-shadow:0 0 0 3px #03154a1a;outline:none}.form-field input[type=tel].input-error{background-color:#fff5f5;border-color:#d32f2f}.form-field input[type=tel]::placeholder{color:#9aa3b5}@media (max-width:768px){.add-vehicle-page{overflow-x:hidden;padding:12px}.vehicle-card{border-radius:16px;box-sizing:border-box;max-width:100%;overflow:hidden;padding:18px 14px;width:100%}.vehicle-form{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;width:100%}.vehicle-form>*{min-width:0}.form-section-title{align-items:center;display:flex;flex-wrap:wrap;font-size:12.5px;gap:10px;grid-column:1;line-height:1.4;margin:14px 0 8px;padding-bottom:10px;white-space:normal}.section-num{font-size:11px;height:26px;width:26px}.form-field{width:100%}.form-field input,.form-field select,.form-field textarea{border-radius:10px;box-sizing:border-box;font-size:13px;height:44px;max-width:100%;min-width:0;padding:0 14px;width:100%}.form-field textarea{min-height:100px;padding:12px 14px}.form-field--date input{width:100%}.form-field--full{grid-column:1}.gps-checkbox,.photo-upload{grid-column:1;width:100%}.photo-upload input{width:100%}.photo-preview{height:110px;margin:auto;width:110px}.form-actions{display:flex;gap:10px}.form-actions button{border-radius:10px;flex:1 1;font-size:13px;height:44px}.cancel-btn,.submit-btn{grid-column:1}}@media (max-width:480px){.add-vehicle-page{padding:8px}.vehicle-card{padding:14px 10px}.form-section-title{font-size:11.5px}.section-num{font-size:10px;height:22px;width:22px}.form-field input,.form-field select,.form-field textarea{font-size:12px;height:40px;padding:0 12px}.form-field textarea{padding:10px 12px}.photo-preview{height:90px;width:90px}.form-actions{flex-direction:row;gap:8px}.form-actions button{font-size:12px;height:40px}}.add-driver-page{--ink:#0f172a;--ink-soft:#475569;--muted:#94a3b8;--line:#e6e9ef;--line-soft:#f0f2f6;--accent:#0d9488;--accent-soft:#ecfdf9;--accent-strong:#0f766e;--accent-glow:#0d948824;--danger:#dc2626;--danger-soft:#fef2f2;--surface:#fff;--page:#f4f6f9;--sp-1:3px;--sp-2:5px;--sp-3:8px;--sp-4:11px;--sp-5:14px;--sp-6:18px;--sp-7:22px;-webkit-font-smoothing:antialiased;background:var(--page);background-image:radial-gradient(circle at 15% 0,#0d94880d,#0000 45%),radial-gradient(circle at 85% 100%,#0d94880a,#0000 40%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100%;padding:var(--sp-6)}.driver-card{animation:card-enter .4s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 14px 34px -12px #0f172a1a;margin:0 auto;max-width:720px;padding:var(--sp-5) var(--sp-6) var(--sp-6)}.submit-success-banner{background:#f0fdf4;border-color:#16a34a;color:#166534}.submit-warning-banner{background:#fffbeb;border-color:#d97706;color:#92400e}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.driver-card-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-4)}.back-btn{background:var(--surface);border-radius:8px;color:var(--ink-soft);display:flex;flex-shrink:0;height:18px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .15s ease;width:28px}.back-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);transform:translateX(-2px)}.back-btn:active{transform:translateX(-1px) scale(.96)}.driver-card-heading{display:flex;flex-direction:column;gap:1px}.driver-card-heading h2{color:var(--ink);font-size:15.5px;font-weight:700;letter-spacing:-.015em;margin:0}.driver-card-subtitle{color:var(--muted);font-size:10.5px;font-weight:500}.driver-card-subtitle--readonly{color:var(--accent-strong);font-weight:600}.readonly-badge{align-items:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:9px;font-weight:700;gap:4px;letter-spacing:.05em;margin-left:var(--sp-2);padding:2px 8px;text-transform:uppercase}.driver-form{grid-gap:var(--sp-3) var(--sp-4);display:grid;gap:var(--sp-3) var(--sp-4);grid-template-columns:repeat(2,1fr)}.driver-form>.form-section-title,.driver-form>fieldset>.form-section-title{align-items:center;border-bottom:1px solid var(--line);color:var(--ink-soft);display:flex;font-size:10px;font-weight:700;gap:var(--sp-2);grid-column:1/-1;letter-spacing:.06em;margin-top:var(--sp-2);padding-bottom:var(--sp-2);text-transform:uppercase}.driver-form>.form-section-title:first-of-type{margin-top:0}.section-num{align-items:center;background:linear-gradient(135deg,var(--accent-soft),#d7f6ee);border-radius:5px;box-shadow:inset 0 0 0 1px #0d948826;color:var(--accent-strong);display:inline-flex;font-size:8.5px;font-weight:700;height:16px;justify-content:center;letter-spacing:0;width:16px}.driver-form>fieldset{display:contents}.driver-form fieldset .form-field.file-field,.driver-form fieldset .form-field.full-width,.driver-form>.form-field.file-field,.driver-form>.form-field.full-width{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:2px}.field-label{color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:-.005em}.form-field input[type=date],.form-field input[type=email],.form-field input[type=number],.form-field input[type=text],.form-field select,.form-field textarea{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-family:inherit;font-size:11.5px;line-height:1.3;outline:none;padding:6px 10px;transition:border-color .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),background .16s ease}.form-field input[type=date]:hover,.form-field input[type=email]:hover,.form-field input[type=number]:hover,.form-field input[type=text]:hover,.form-field select:hover,.form-field textarea:hover{border-color:#cbd5e1}.form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:26px}.form-field select option{background:var(--surface);color:var(--ink)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.form-field textarea{line-height:1.4;min-height:38px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fdfffe;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-error{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px var(--danger-soft)!important}.field-error{animation:error-in .18s ease;color:var(--danger);font-size:10px;font-weight:500;margin-top:0}@keyframes error-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.char-count{font-feature-settings:"tnum";align-self:flex-end;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}fieldset[disabled] .form-field input,fieldset[disabled] .form-field select,fieldset[disabled] .form-field textarea{background:#f4f6f9;border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}fieldset[disabled] .form-field input:hover,fieldset[disabled] .form-field select:hover,fieldset[disabled] .form-field textarea:hover{border-color:var(--line)}fieldset[disabled] .form-field input:focus,fieldset[disabled] .form-field select:focus,fieldset[disabled] .form-field textarea:focus{box-shadow:none}fieldset[disabled] .file-field{background:#f4f6f9;opacity:.85}fieldset[disabled] .file-field input[type=file]::-webkit-file-upload-button{cursor:not-allowed;opacity:.6}fieldset[disabled] .file-field input[type=file]::file-selector-button{cursor:not-allowed;opacity:.6}.file-field{background:#fbfcfd;border:1.5px dashed #d6dbe3;border-radius:9px;padding:var(--sp-2) var(--sp-3);transition:border-color .18s ease,background .18s ease}.file-field:hover{background:var(--accent-soft);border-color:var(--accent)}.file-field input[type=file]{color:var(--ink-soft);font-size:10.5px}.file-field input[type=file]::-webkit-file-upload-button{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;margin-right:var(--sp-2);padding:4px 10px;-webkit-transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.file-field input[type=file]::file-selector-button{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;margin-right:var(--sp-2);padding:4px 10px;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.file-field input[type=file]::-webkit-file-upload-button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.file-field input[type=file]::file-selector-button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.file-field input[type=file]::-webkit-file-upload-button:active{transform:translateY(0)}.file-field input[type=file]::file-selector-button:active{transform:translateY(0)}.photo-preview{border:1px solid var(--line);border-radius:7px;box-shadow:0 4px 10px #0f172a14;display:block;margin-top:var(--sp-2);max-height:84px;max-width:84px;object-fit:cover;transition:transform .18s ease,box-shadow .18s ease}.photo-preview:hover{box-shadow:0 6px 16px #0f172a1f;transform:scale(1.03)}.file-name-preview{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px #0f172a0a;color:var(--ink-soft);display:inline-flex;font-size:10px;gap:4px;margin-top:var(--sp-2);padding:3px 9px;width:-webkit-fit-content;width:fit-content}.file-uploading{color:var(--accent-strong);gap:5px;margin-top:var(--sp-2)}.spinner{animation:spin .7s linear infinite;border:2px solid var(--accent-soft);border-top-color:var(--accent);height:11px;width:11px}.doc-upload-label--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.form-actions{border-top:1px solid var(--line);gap:var(--sp-3);grid-column:1/-1;margin-top:var(--sp-3);padding-top:var(--sp-4)}.file-preview-block{display:flex;flex-direction:column;gap:5px;margin-top:5px}.file-actions{display:flex;gap:6px}.file-action-btn{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#344054;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;line-height:1;padding:4px 10px;text-decoration:none}.file-view-btn:hover{background:#eef4ff;border-color:#84adff;color:#1d4ed8}.file-download-btn:hover{background:#ecfdf3;border-color:#75d69c;color:#067647}.btn-secondary{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:600;padding:7px 15px;transition:background .16s ease,border-color .16s ease,transform .12s ease}.btn-secondary:hover{background:#f4f6f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.submit-btn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;border-radius:7px;box-shadow:0 2px 6px #0d948842;color:#fff;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:650;padding:7px 17px;transition:box-shadow .18s ease,transform .14s ease,filter .18s ease}.submit-btn:hover{box-shadow:0 6px 16px #0d94884d;filter:brightness(1.04);transform:translateY(-1px)}.submit-btn:active{box-shadow:0 2px 6px #0d948842;transform:translateY(0)}.submit-btn:disabled{box-shadow:0 2px 6px #0d948824;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:992px){.add-driver-page{padding:14px}.driver-card{border-radius:15px;max-width:100%;padding:18px;width:100%}.driver-card-header{align-items:center;gap:11px}.driver-form{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.driver-card-heading h2{font-size:17px}.driver-card-subtitle{font-size:11px}}@media (max-width:768px){.add-driver-page{padding:10px}.driver-card{border-radius:13px;max-width:100%;overflow:hidden;padding:14px;width:100%}.driver-card-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.back-btn{flex-shrink:0;height:34px;width:34px}.driver-card-heading{flex:1 1;min-width:0}.driver-card-heading h2{font-size:15px;line-height:1.4;word-break:break-word}.driver-card-subtitle{font-size:10.5px}.driver-form fieldset>.form-section-title,.driver-form>.form-section-title{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:11px;gap:7px;line-height:1.4;margin:6px 0 0;padding-bottom:8px;white-space:normal;width:100%;word-break:break-word}.section-num{border-radius:6px;font-size:9.5px;height:20px;min-width:20px;width:20px}.form-field{width:100%}.field-label{font-size:10.5px;margin-bottom:4px}.form-field input,.form-field select,.form-field textarea{border-radius:9px;font-size:13px;padding:10px 12px;width:100%}.form-field textarea{min-height:74px}.file-field{padding:10px;width:100%}.file-field input[type=file]{width:100%}.file-field input[type=file]::-webkit-file-upload-button{border-radius:7px;font-size:11px;padding:7px 12px}.file-field input[type=file]::file-selector-button{border-radius:7px;font-size:11px;padding:7px 12px}.photo-preview{height:92px;max-height:92px;max-width:92px;width:92px}.file-name-preview{justify-content:center;text-align:center;width:100%}.form-actions{display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:16px!important;margin-top:4px!important;padding-top:11px!important}.form-actions .btn-secondary,.form-actions .submit-btn{flex:1 1!important;margin:0!important;max-width:none!important;width:55%!important}.btn-secondary,.submit-btn{font-size:9px;font-weight:600}.submit-btn{white-space:nowrap}}@media (max-width:480px){.add-driver-page{padding:6px}.driver-card{border-radius:12px;padding:11px}.driver-card-header{gap:8px}.driver-card-heading h2{font-size:14.5px}.driver-card-subtitle{font-size:10px}.back-btn{height:30px;width:30px}.driver-form fieldset>.form-section-title,.driver-form>.form-section-title{font-size:10.5px;gap:5px}.section-num{font-size:9px;height:18px;width:18px}.field-label{font-size:9.5px}.form-field input,.form-field select,.form-field textarea{font-size:13px;padding:10px}.photo-preview{height:76px;width:76px}.btn-secondary,.submit-btn{font-size:12.5px;height:40px}}:root{--fleet-bg:#eef1f6;--fleet-border:#e4e8ee;--fleet-border-strong:#d2d8e2;--fleet-text:#16203d;--fleet-text-muted:#6b7488;--fleet-text-faint:#9aa3b5;--fleet-primary:#3457d5;--fleet-primary-dark:#2a44ab;--fleet-primary-soft:#eaefff;--fleet-accent:#dd8b3c;--fleet-accent-dark:#b96f27;--fleet-accent-soft:#fdf1e2;--fleet-success:#17915f;--fleet-success-soft:#e5f6ee;--fleet-danger:#c23a2f;--fleet-danger-soft:#fbe9e7;--fleet-warning:#b9740b;--fleet-warning-soft:#fef3e2;--fleet-purple:#6d4ec2;--fleet-purple-soft:#efeafa;--fleet-neutral-soft:#eef0f3;--fleet-navy:#0a1e4d;--fleet-navy-hover:#0c2660;--fleet-navy-header:#0a1e4d;--fleet-navy-deep:#071638;--fleet-radius-md:11px;--fleet-radius-lg:16px;--fleet-shadow-sm:0 1px 2px #0a1e4d0d;--fleet-shadow-md:0 6px 20px #0a1e4d12;--fleet-shadow-lg:0 16px 40px #0a1e4d24;--font-display:"Lexend","Inter","Segoe UI",sans-serif}.sup-shell{background:#eef1f6;background:var(--fleet-bg);color:#16203d;color:var(--fleet-text);display:flex;height:100vh;overflow:hidden}.sup-shell>:first-child{flex-shrink:0}.sup-main{height:100vh;min-width:0}.sup-main,.sup-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sup-page{margin:0 auto;max-width:1480px;min-height:0;padding:14px 30px 6px;width:100%}.sup-title{color:#16203d;color:var(--fleet-text);flex-shrink:0;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.sup-subtitle{color:#6b7488;color:var(--fleet-text-muted);flex-shrink:0;font-size:13px;margin:4px 0 0}.sup-route-divider{background-image:repeating-linear-gradient(90deg,#dd8b3c,#dd8b3c 16px,#0000 0,#0000 28px);background-image:repeating-linear-gradient(90deg,var(--fleet-accent) 0,var(--fleet-accent) 16px,#0000 16px,#0000 28px);border-radius:2px;flex-shrink:0;height:3px;margin:14px 0 20px;opacity:.55}.sup-add-btn{align-items:center;background:linear-gradient(135deg,#0a1e4d,#071638);background:linear-gradient(135deg,var(--fleet-navy) 0,var(--fleet-navy-deep) 100%);border:1px solid #0000;border-radius:7px;box-shadow:0 3px 10px #0a1e4d4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:11px;font-weight:600;gap:5px;height:28px;padding:0 14px;transition:transform .15s ease,box-shadow .2s ease;white-space:nowrap}.sup-add-btn:hover{box-shadow:0 10px 22px #0a1e4d59;transform:translateY(-2px)}.sup-add-btn:active{box-shadow:0 3px 10px #0a1e4d4d;transform:translateY(0)}.sup-stats{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:8px}.sup-stat{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #e4e8ee;border-left:3px solid #d2d8e2;border:1px solid var(--fleet-border);border-left:3px solid var(--fleet-border-strong);border-radius:10px;box-shadow:0 1px 2px #0a1e4d0d;box-shadow:var(--fleet-shadow-sm);display:flex;gap:8px;justify-content:center;min-width:0;padding:10px 11px;text-align:center;transition:box-shadow .18s ease,transform .18s ease}.sup-stat:hover{box-shadow:0 6px 20px #0a1e4d12;box-shadow:var(--fleet-shadow-md);transform:translateY(-1px)}.sup-stats .sup-stat:first-child{border-left-color:#3457d5;border-left-color:var(--fleet-primary)}.sup-stats .sup-stat:nth-child(2){border-left-color:#dd8b3c;border-left-color:var(--fleet-accent)}.sup-stats .sup-stat:nth-child(3){border-left-color:#6d4ec2;border-left-color:var(--fleet-purple)}.sup-stats .sup-stat:nth-child(4){border-left-color:#0e8a7d}.sup-stats .sup-stat:nth-child(5){border-left-color:#17915f;border-left-color:var(--fleet-success)}.sup-stats .sup-stat:nth-child(6){border-left-color:#c23a2f;border-left-color:var(--fleet-danger)}.sup-stats .sup-stat:nth-child(7){border-left-color:#b96f27;border-left-color:var(--fleet-accent-dark)}.sup-stat-icon{align-items:center;border-radius:7px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.sup-stat-icon svg{height:14px;width:14px}.sup-stat-icon.blue{background:#eaefff;background:var(--fleet-primary-soft);color:#3457d5;color:var(--fleet-primary)}.sup-stat-icon.green{background:#e5f6ee;background:var(--fleet-success-soft);color:#17915f;color:var(--fleet-success)}.sup-stat-icon.purple{background:#efeafa;background:var(--fleet-purple-soft);color:#6d4ec2;color:var(--fleet-purple)}.sup-stat-icon.orange{background:#fdf1e2;background:var(--fleet-accent-soft);color:#b96f27;color:var(--fleet-accent-dark)}.sup-stat-icon.teal{background:#e3f6f4;color:#0e8a7d}.sup-stat-icon.indigo{background:#eaeafe;color:#5046c4}.sup-stat-icon.red{background:#fbe9e7;background:var(--fleet-danger-soft);color:#c23a2f}.sup-stat>div{align-items:center;display:flex;flex-direction:column;min-width:0}.sup-stat-val{font-feature-settings:"tnum";color:#16203d;color:var(--fleet-text);font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.sup-stat-lbl,.sup-stat-val{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sup-stat-lbl{color:#6b7488;color:var(--fleet-text-muted);font-size:8.5px;font-weight:700;letter-spacing:.04em;margin-bottom:1px;order:-1;text-transform:uppercase}.sup-toolbar{background:#eef1f6;background:var(--fleet-bg);border-bottom:1px solid #0000;flex-shrink:0;flex-wrap:nowrap;margin-bottom:6px;overflow:visible;padding:4px 2px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.sup-toolbar,.sup-toolbar-scroll{align-items:center;display:flex;gap:6px}.sup-toolbar-scroll{flex:1 1;flex-wrap:wrap;min-width:0}.sup-filters{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px}.sup-filter-dropdown{display:inline-block;position:relative}.sup-filter-toggle-btn{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:7px;color:#16203d;color:var(--fleet-text);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;height:28px;padding:0 10px;transition:border-color .15s ease,background-color .15s ease}.sup-filter-toggle-btn:hover{background:#eaefff;background:var(--fleet-primary-soft);border-color:#3457d5;border-color:var(--fleet-primary)}.sup-filter-panel{grid-gap:8px 10px;background:#fff;background:var(--fleet-surface);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:11px;border-radius:var(--fleet-radius-md);box-shadow:0 16px 40px #0a1e4d24;box-shadow:var(--fleet-shadow-lg);display:grid;gap:8px 10px;grid-template-columns:1fr 1fr;left:0;min-width:300px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:100}.sup-filter-panel-field{display:flex;flex-direction:column;gap:4px;min-width:0}.sup-filter-panel-field label{color:#9aa3b5;color:var(--fleet-text-faint);font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sup-filter-panel-field select{width:100%}.sup-filter-panel-done{align-items:center;background:linear-gradient(135deg,#0a1e4d,#071638);background:linear-gradient(135deg,var(--fleet-navy) 0,var(--fleet-navy-deep) 100%);border:1px solid #0000;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:11px;font-weight:600;grid-column:1/-1;height:28px;justify-content:center;margin-top:2px;padding:0 12px;transition:transform .15s ease,box-shadow .2s ease}.sup-filter-panel-done:hover{box-shadow:0 6px 14px #0a1e4d40;transform:translateY(-1px)}@media (max-width:480px){.sup-filter-panel{grid-template-columns:1fr;min-width:220px}}.sup-search{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:7px;display:flex;flex:0 1 160px;flex-shrink:1;gap:5px;height:28px;max-width:220px;min-width:110px;padding:0 9px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.sup-search:focus-within{border-color:#3457d5;border-color:var(--fleet-primary);box-shadow:0 0 0 3px #eaefff;box-shadow:0 0 0 3px var(--fleet-primary-soft)}.sup-search>svg{color:#9aa3b5;color:var(--fleet-text-faint);flex-shrink:0}.sup-search input{background:#0000;border:none;color:#16203d;color:var(--fleet-text);flex:1 1;font-size:11px;outline:none;width:100%}.sup-clear,.sup-search input::placeholder{color:#9aa3b5;color:var(--fleet-text-faint)}.sup-clear{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:4px}.sup-clear:hover{background:#eef0f3;background:var(--fleet-neutral-soft);color:#16203d;color:var(--fleet-text)}.sup-filter-icon{align-items:center;color:#9aa3b5;color:var(--fleet-text-faint);display:inline-flex;flex-shrink:0;justify-content:center;padding:0 2px}.sup-filters select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--fleet-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27><path d=%27M1 1l4 4 4-4%27 stroke=%27%236b7488%27 stroke-width=%271.5%27 fill=%27none%27 fill-rule=%27evenodd%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:7px;color:#16203d;color:var(--fleet-text);cursor:pointer;flex-shrink:0;font-size:11px;font-weight:500;height:28px;max-width:160px;min-width:68px;padding:0 22px 0 9px;transition:border-color .15s ease,box-shadow .15s ease}.sup-filters select:hover{border-color:#9aa3b5;border-color:var(--fleet-text-faint)}.sup-filters select:focus{border-color:#3457d5;border-color:var(--fleet-primary);box-shadow:0 0 0 3px #eaefff;box-shadow:0 0 0 3px var(--fleet-primary-soft);outline:none}.sup-date-input{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:7px;color:#16203d;color:var(--fleet-text);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;height:28px;min-width:118px;padding:0 9px;transition:border-color .15s ease,box-shadow .15s ease}.sup-date-input:hover{border-color:#9aa3b5;border-color:var(--fleet-text-faint)}.sup-date-input:focus{border-color:#3457d5;border-color:var(--fleet-primary);box-shadow:0 0 0 3px #eaefff;box-shadow:0 0 0 3px var(--fleet-primary-soft);outline:none}.sup-date-input::-webkit-calendar-picker-indicator{border-radius:4px;cursor:pointer;filter:invert(46%) sepia(28%) saturate(1526%) hue-rotate(198deg) brightness(93%) contrast(89%);padding:2px}.sup-date-input::-webkit-calendar-picker-indicator:hover{background:#eaefff;background:var(--fleet-primary-soft)}.sup-reset-btn{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:7px;color:#16203d;color:var(--fleet-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;height:28px;padding:0 10px;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.sup-reset-btn:hover{background:#fbe9e7;background:var(--fleet-danger-soft);border-color:#c23a2f;border-color:var(--fleet-danger);color:#c23a2f;color:var(--fleet-danger)}.sup-badge{align-items:center;background:#3457d5;background:var(--fleet-primary);border-radius:999px;color:#fff;display:inline-flex;font-size:9.5px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 5px}.sup-error{align-items:center;background:#fbe9e7;background:var(--fleet-danger-soft);border:1px solid #f0c2bd;border-radius:8px;color:#c23a2f;color:var(--fleet-danger);display:flex;flex-shrink:0;font-size:12px;gap:10px;margin-bottom:12px;padding:9px 13px}.sup-error span{flex:1 1}.sup-error button{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #e8a8a1;border-radius:6px;color:#c23a2f;color:var(--fleet-danger);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:5px 10px;white-space:nowrap}.sup-error button:hover{background:#fdf2f1}.sup-table-card{background:#fff;background:var(--fleet-surface);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:16px;border-radius:var(--fleet-radius-lg);box-shadow:0 6px 20px #0a1e4d12;box-shadow:var(--fleet-shadow-md);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sup-table-wrap{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.sup-table{border-collapse:collapse;font-size:12px;min-width:900px;table-layout:fixed;width:100%}.sup-table td,.sup-table th{overflow:hidden;text-overflow:ellipsis}.sup-table td:first-child,.sup-table th:first-child{width:52px}.sup-table td:nth-child(2),.sup-table th:nth-child(2){width:130px}.sup-table td:nth-child(3),.sup-table th:nth-child(3){width:100px}.sup-table td:nth-child(4),.sup-table th:nth-child(4){width:80px}.sup-table td:nth-child(5),.sup-table th:nth-child(5){width:180px}.sup-table td:nth-child(6),.sup-table th:nth-child(6){width:110px}.sup-table td:nth-child(7),.sup-table th:nth-child(7){width:100px}.sup-table td:nth-child(8),.sup-table th:nth-child(8){width:90px}.sup-table td:nth-child(9),.sup-table th:nth-child(9){width:130px}.sup-table thead,.sup-table thead tr,.sup-table thead tr th,.sup-table>thead>tr>th{background:#0a1e4d!important;background:var(--fleet-navy-header)!important;background-color:#0a1e4d!important;background-color:var(--fleet-navy-header)!important;color:#fff!important}.sup-table thead th{border-bottom:none;box-shadow:0 2px 0 #dd8b3c,0 3px 8px #0a1e4d33;box-shadow:0 2px 0 var(--fleet-accent),0 3px 8px #0a1e4d33;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.06em;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.sup-table td{font-feature-settings:"tnum";color:#16203d;color:var(--fleet-text);font-variant-numeric:tabular-nums;padding:6px 8px;vertical-align:middle;white-space:nowrap}.sup-table th.col-actions{text-align:left}.sup-table td:nth-child(9){overflow:visible;text-align:left}.sup-table tbody tr{border-bottom:1px solid #e4e8ee;border-bottom:1px solid var(--fleet-border);transition:background-color .14s ease}.sup-table tbody tr:nth-child(odd){background:#fff}.sup-table tbody tr:nth-child(2n){background:#e9eef9}.sup-table tbody tr:last-child{border-bottom:none}.sup-table tbody tr:hover{background:#d6e0fa}.sup-table tbody tr.sup-row-clickable{cursor:pointer}.sup-table tbody tr.sup-row-clickable:hover{background:#cddaf9}.sup-table tbody tr.row-deleting{opacity:.5}.sup-table td.cell-id{color:#6b7488;color:var(--fleet-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.sup-table td.cell-name{color:#16203d;color:var(--fleet-text);font-weight:600}.sup-table td.cell-email,.sup-table td.cell-remarks{color:#6b7488;color:var(--fleet-text-muted)}.sup-table td.cell-remarks{max-width:220px;white-space:normal}.sup-type-chip{background:#eaefff;background:var(--fleet-primary-soft);color:#2a44ab;color:var(--fleet-primary-dark)}.sup-status,.sup-type-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 9px}.sup-status{background:#eef0f3;background:var(--fleet-neutral-soft);color:#6b7488;color:var(--fleet-text-muted);gap:4px;text-transform:capitalize}.sup-status:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.sup-status.status-active{background:#e5f6ee;background:var(--fleet-success-soft);color:#17915f;color:var(--fleet-success)}.sup-status.status-inactive{background:#fbe9e7;background:var(--fleet-danger-soft);color:#c23a2f;color:var(--fleet-danger)}.sup-status.status-pending{background:#fef3e2;background:var(--fleet-warning-soft);color:#b9740b;color:var(--fleet-warning)}.sup-dues{font-weight:700}.sup-dues.has{color:#c23a2f;color:var(--fleet-danger)}.sup-dues.none{color:#6b7488;color:var(--fleet-text-muted);font-weight:400}.sup-actions{display:flex;gap:5px;justify-content:flex-end}.sup-action-btn{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:6px;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;justify-content:center;padding:4px 9px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.sup-action-btn:disabled{cursor:not-allowed;opacity:.5}.sup-action-btn.edit{color:#2a44ab;color:var(--fleet-primary-dark)}.sup-action-btn.edit:hover:not(:disabled){background:#eaefff;background:var(--fleet-primary-soft);border-color:#3457d5;border-color:var(--fleet-primary)}.sup-action-btn.delete{color:#c23a2f;color:var(--fleet-danger)}.sup-action-btn.delete:hover:not(:disabled){background:#fbe9e7;background:var(--fleet-danger-soft);border-color:#c23a2f;border-color:var(--fleet-danger)}.sup-docs-btn{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:6px;color:#16203d;color:var(--fleet-text);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:5px 10px;transition:background-color .15s ease,border-color .15s ease}.sup-docs-btn:hover{background:#eaefff;background:var(--fleet-primary-soft);border-color:#3457d5;border-color:var(--fleet-primary);color:#2a44ab;color:var(--fleet-primary-dark)}.sup-docs-badge{align-items:center;background:#3457d5;background:var(--fleet-primary);border-radius:999px;color:#fff;display:inline-flex;font-size:9.5px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 5px}.sup-state{color:#6b7488;color:var(--fleet-text-muted);font-size:13.5px;padding:60px 20px;text-align:center;white-space:normal}.sup-state p{color:#16203d;color:var(--fleet-text);font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-weight:600;margin:10px 0 6px}.sup-loading{align-items:center;display:flex;gap:10px;justify-content:center}.sup-spinner{animation:sup-spin .7s linear infinite;border:2px solid #d2d8e2;border-top-color:#dd8b3c;border:2px solid var(--fleet-border-strong);border-radius:50%;border-top-color:var(--fleet-accent);height:16px;width:16px}@keyframes sup-spin{to{transform:rotate(1turn)}}.sup-link-btn{background:none;border:none;color:#3457d5;color:var(--fleet-primary);cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline}.sup-pagination{align-items:center;background:#fafbfc;border-top:1px solid #e4e8ee;border-top:1px solid var(--fleet-border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:6px 14px}.sup-pagination-info{color:#6b7488;color:var(--fleet-text-muted);font-size:11px}.sup-pagination-controls{align-items:center;display:flex;gap:10px}.sup-page-btn{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:6px;color:#16203d;color:var(--fleet-text);cursor:pointer;display:inline-flex;height:22px;justify-content:center;transition:background-color .15s ease,border-color .15s ease;width:22px}.sup-page-btn:hover:not(:disabled){background:#eaefff;background:var(--fleet-primary-soft);border-color:#3457d5;border-color:var(--fleet-primary)}.sup-page-btn:disabled{cursor:not-allowed;opacity:.4}.sup-page-current{color:#16203d;color:var(--fleet-text);font-size:11px;font-weight:600;white-space:nowrap}@media (max-width:600px){.sup-pagination{align-items:flex-start;flex-direction:column;gap:10px}}.sup-avatar-thumb{border:2px solid #fff;border:2px solid var(--fleet-surface);border-radius:50%;box-shadow:0 0 0 1.5px #d2d8e2;box-shadow:0 0 0 1.5px var(--fleet-border-strong);cursor:pointer;height:36px;object-fit:cover;transition:transform .15s ease;width:36px}.sup-avatar-thumb:hover{transform:scale(1.15)}.sup-avatar-fallback{background:#eef0f3;background:var(--fleet-neutral-soft);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:50%;color:#9aa3b5;color:var(--fleet-text-faint);height:36px;width:36px}.sup-avatar-fallback,.sup-docmodal-overlay{align-items:center;display:flex;justify-content:center}.sup-docmodal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f1e99;inset:0;padding:24px;position:fixed;z-index:1000}.sup-docmodal{background:#fff;background:var(--fleet-surface);border-radius:16px;border-radius:var(--fleet-radius-lg);box-shadow:0 16px 40px #0a1e4d24;box-shadow:var(--fleet-shadow-lg);display:flex;flex-direction:column;max-height:88vh;max-width:920px;overflow:hidden;width:100%}.sup-docmodal-header{align-items:flex-start;border-bottom:1px solid #e4e8ee;border-bottom:1px solid var(--fleet-border);display:flex;justify-content:space-between;padding:22px 26px 16px}.sup-docmodal-header h3{color:#16203d;color:var(--fleet-text);font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:19px;font-weight:700;margin:0}.sup-docmodal-header p{color:#6b7488;color:var(--fleet-text-muted);font-size:13px;margin:4px 0 0}.sup-docmodal-grid{grid-gap:22px;display:grid;flex:1 1;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr));overflow-y:auto;padding:22px 26px}.sup-doc-card{display:flex;flex-direction:column}.sup-doc-card-label{color:#16203d;color:var(--fleet-text);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.sup-doc-card-empty,.sup-doc-card-file,.sup-doc-card-img{aspect-ratio:4/3;background:#eef0f3;background:var(--fleet-neutral-soft);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:11px;border-radius:var(--fleet-radius-md);cursor:pointer;object-fit:cover;width:100%}.sup-doc-card-empty,.sup-doc-card-file{align-items:center;color:#9aa3b5;color:var(--fleet-text-faint);display:flex;flex-direction:column;font-size:11px;gap:6px;justify-content:center}.sup-doc-card-empty{cursor:default}.sup-doc-card-view{align-items:center;color:#3457d5;color:var(--fleet-primary);display:inline-flex;font-size:12px;font-weight:600;gap:5px;margin-top:8px;text-decoration:none}.sup-doc-card-view:hover{color:#2a44ab;color:var(--fleet-primary-dark);text-decoration:underline}.sup-docmodal-footer{background:#fafbfc;border-top:1px solid #e4e8ee;border-top:1px solid var(--fleet-border);color:#6b7488;color:var(--fleet-text-muted);font-size:12.5px;padding:14px 26px;text-align:center}@media (max-width:760px){.sup-docmodal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sup-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f1e99;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.sup-preview-modal{background:#fff;background:var(--fleet-surface);border-radius:16px;border-radius:var(--fleet-radius-lg);box-shadow:0 16px 40px #0a1e4d24;box-shadow:var(--fleet-shadow-lg);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(640px,90vw)}.sup-preview-header{align-items:center;border-bottom:1px solid #e4e8ee;border-bottom:1px solid var(--fleet-border);color:#16203d;color:var(--fleet-text);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.sup-preview-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7488;color:var(--fleet-text-muted);cursor:pointer;display:inline-flex;padding:4px;transition:background-color .15s ease,color .15s ease}.sup-preview-close:hover{background:#eef0f3;background:var(--fleet-neutral-soft);color:#16203d;color:var(--fleet-text)}.sup-preview-body{align-items:center;background:#eef1f6;background:var(--fleet-bg);display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:auto}.sup-preview-image{max-height:70vh;max-width:100%;object-fit:contain}.sup-preview-pdf{border:none;height:70vh;width:100%}.sup-preview-footer{border-top:1px solid #e4e8ee;border-top:1px solid var(--fleet-border);display:flex;gap:16px;padding:10px 16px}.sup-preview-link{align-items:center;color:#3457d5;color:var(--fleet-primary);display:flex;font-size:13px;font-weight:600;gap:6px;text-decoration:none}.sup-preview-link:hover{color:#2a44ab;color:var(--fleet-primary-dark);text-decoration:underline}.sup-view-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f1e8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.sup-view-modal{background:#fff;background:var(--fleet-surface);border-radius:14px;box-shadow:0 16px 40px #0a1e4d24;box-shadow:var(--fleet-shadow-lg);display:flex;flex-direction:column;max-height:86vh;max-width:620px;overflow:hidden;width:100%}.sup-view-header{align-items:center;background:linear-gradient(135deg,#0a1e4d,#071638);background:linear-gradient(135deg,var(--fleet-navy) 0,var(--fleet-navy-deep) 100%);display:flex;gap:10px;justify-content:space-between;padding:14px 16px;position:relative}.sup-view-header:after{background:#dd8b3c;background:var(--fleet-accent);bottom:0;content:"";height:2px;left:0;opacity:.7;position:absolute;right:0}.sup-view-header-left{align-items:center;display:flex;gap:10px;min-width:0}.sup-view-avatar{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.sup-view-avatar-fallback{align-items:center;background:#ffffff1f;color:#fff;display:flex;justify-content:center}.sup-view-header-left>div{min-width:0}.sup-view-header h3{align-items:center;color:#fff;display:flex;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:13.5px;font-weight:700;gap:6px;margin:0}.sup-view-header h3,.sup-view-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-view-header p{color:#ffffffa6;font-size:10.5px;margin:2px 0 0}.sup-view-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.sup-view-download-btn,.sup-view-print-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:5px;height:26px;padding:0 10px;transition:filter .15s ease,background-color .15s ease;white-space:nowrap}.sup-view-print-btn{background:#ffffff1f;color:#fff}.sup-view-print-btn:hover:not(:disabled){background:#fff3}.sup-view-download-btn{background:#dd8b3c;background:var(--fleet-accent);color:#fff}.sup-view-download-btn:hover:not(:disabled){filter:brightness(1.08)}.sup-view-download-btn:disabled,.sup-view-print-btn:disabled{cursor:not-allowed;opacity:.55}.sup-view-header .sup-preview-close{align-items:center;color:#ffffffb3;display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.sup-view-header .sup-preview-close:hover{background:#ffffff26;color:#fff}.sup-view-body{background:#fbfcfe;flex:1 1;overflow-y:auto;padding:14px 16px 18px}.sup-view-loading{align-items:center;color:#6b7488;color:var(--fleet-text-muted);display:flex;font-size:12px;gap:8px;margin-bottom:12px}.sup-view-section{background:#fff;background:var(--fleet-surface);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:10px;box-shadow:0 1px 2px #0a1e4d0d;box-shadow:var(--fleet-shadow-sm);margin-bottom:10px;padding:12px 14px}.sup-view-section:last-child{margin-bottom:0}.sup-view-section h4{align-items:center;color:#b96f27;color:var(--fleet-accent-dark);display:flex;font-family:Lexend,Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:9.5px;font-weight:700;gap:6px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.sup-view-section h4:before{background:#dd8b3c;background:var(--fleet-accent);border-radius:2px;content:"";flex-shrink:0;height:11px;width:3px}.sup-view-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.sup-view-field{display:flex;flex-direction:column;gap:2px;min-width:0}.sup-view-field-wide{grid-column:1/-1}.sup-view-field span{color:#9aa3b5;color:var(--fleet-text-faint);font-size:9.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sup-view-field strong{color:#16203d;color:var(--fleet-text);font-size:12px;font-weight:600;line-height:1.35;word-break:break-word}.sup-view-doc-list{display:flex;flex-direction:column;gap:2px}.sup-view-doc-row{align-items:center;border-radius:6px;color:#16203d;color:var(--fleet-text);display:flex;font-size:11.5px;gap:8px;padding:6px 4px;transition:background-color .12s ease}.sup-view-doc-row:hover{background:#eef0f3;background:var(--fleet-neutral-soft)}.sup-view-doc-row:not(:last-child){border-bottom:1px dashed #e4e8ee;border-bottom:1px dashed var(--fleet-border)}.sup-view-doc-row span{flex:1 1;font-weight:500}.sup-view-doc-row a{color:#3457d5;color:var(--fleet-primary);flex-shrink:0;font-size:11px;font-weight:600;text-decoration:none}.sup-view-doc-row a:hover{text-decoration:underline}.sup-actions-dropdown{display:inline-block;position:relative}.sup-action-kebab{align-items:center;background:#fff;background:var(--fleet-surface);border:1px solid #d2d8e2;border:1px solid var(--fleet-border-strong);border-radius:6px;color:#6b7488;color:var(--fleet-text-muted);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:26px}.sup-action-kebab:hover{background:#eaefff;background:var(--fleet-primary-soft);border-color:#3457d5;border-color:var(--fleet-primary);color:#2a44ab;color:var(--fleet-primary-dark)}.sup-actions-menu{background:#fff;background:var(--fleet-surface);border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:8px;box-shadow:0 16px 40px #0a1e4d24;box-shadow:var(--fleet-shadow-lg);display:flex;flex-direction:column;gap:2px;min-width:130px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.sup-actions-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#16203d;color:var(--fleet-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:background-color .12s ease;white-space:nowrap;width:100%}.sup-actions-menu-item:hover:not(:disabled){background:#eaefff;background:var(--fleet-primary-soft);color:#2a44ab;color:var(--fleet-primary-dark)}.sup-actions-menu-item.delete{color:#c23a2f;color:var(--fleet-danger)}.sup-actions-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#16215a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:700;gap:6px;height:28px;justify-content:space-between;padding:0 8px 0 12px;transition:background .15s ease,border-color .15s ease;width:100px}.sup-actions-btn:hover{background:#f8fafc;border-color:#cbd5e1}.sup-actions-btn--active{background:#f8fafc;border-color:#94a3b8}.sup-actions-btn svg{color:#16215a;flex-shrink:0;transition:transform .15s ease}.sup-actions-btn--active svg{transform:rotate(180deg)}.sup-actions-menu-item.delete:hover:not(:disabled){background:#fbe9e7;background:var(--fleet-danger-soft);color:#c23a2f;color:var(--fleet-danger)}.sup-actions-menu-item:disabled{cursor:not-allowed;opacity:.5}.sup-view-doc-row em{color:#9aa3b5;color:var(--fleet-text-faint);flex-shrink:0;font-size:11px;font-style:normal}.sup-view-doc-thumb{border:1px solid #e4e8ee;border:1px solid var(--fleet-border);border-radius:6px;cursor:pointer;flex-shrink:0;height:26px;object-fit:cover;width:26px}.sup-view-doc-thumb-icon{align-items:center;background:#eef0f3;background:var(--fleet-neutral-soft);color:#9aa3b5;color:var(--fleet-text-faint);cursor:default;display:flex;justify-content:center}.sup-view-field strong .sup-status,.sup-view-header h3 .sup-status{font-size:9px;height:auto;padding:1px 7px}@media (max-width:600px){.sup-view-overlay{align-items:flex-end;padding:0}.sup-view-modal{border-radius:14px 14px 0 0;max-height:92vh;max-width:100%}.sup-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sup-view-header-actions .sup-view-download-btn span,.sup-view-header-actions .sup-view-print-btn span{display:none}}@media (min-width:481px) and (max-width:768px){.sup-page{max-width:100%;padding:18px 16px 28px}.sup-main,.sup-page{width:100%}.sup-table-card{margin:0}.sup-actions-btn{font-size:10.5px;gap:5px;height:25px;padding:0 6px 0 9px;width:84px}.sup-actions-btn svg{height:11px;width:11px}.sup-stats{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.sup-stats::-webkit-scrollbar{display:none}.sup-stat{border-radius:12px;flex:0 0 116px;gap:7px;height:74px;max-width:116px;min-width:116px;padding:10px;scroll-snap-align:start}.sup-stat-icon{border-radius:8px;height:28px;width:28px}.sup-stat-icon svg{height:14px;width:14px}.sup-stat-lbl{font-size:9px;line-height:1.3;white-space:normal}.sup-stat-val{font-size:15px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-toolbar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto;padding:6px 2px}.sup-toolbar-scroll{display:contents}.sup-search{flex:none;grid-column:1/2;grid-row:1;height:34px;max-width:none;width:100%}.sup-add-btn{flex-shrink:0;font-size:11px;grid-column:2/3;grid-row:1;height:34px;justify-content:center;padding:0 14px;white-space:nowrap;width:auto}.sup-filters{grid-gap:8px;display:grid;gap:8px;grid-column:1/3;grid-row:2;grid-template-columns:1fr 1fr}.sup-filter-dropdown{width:100%}.sup-filter-toggle-btn{font-size:11px;height:34px;justify-content:center;width:100%}.sup-filters select{font-size:11px;height:34px;max-width:none;width:100%}}@media (max-width:480px){.sup-page{flex:none;max-width:100%;min-height:0;overflow:visible;padding:14px 12px 24px;width:100%}.sup-shell{display:block;height:auto;min-height:100vh;overflow:visible}.sup-shell>:first-child{display:none}.sup-main{height:auto;min-height:100vh;overflow-y:visible;width:100%}.sup-table-card{border-radius:12px;flex:none;margin:0;min-height:0}.sup-table-wrap{flex:none;overflow-y:visible;width:100%}.sup-stats,.sup-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sup-stats{display:flex;gap:7px;margin-bottom:12px;overflow-y:hidden;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.sup-actions-btn{border-radius:6px;font-size:10px;gap:4px;height:23px;padding:0 5px 0 8px;width:76px}.sup-actions-btn svg{height:10px;width:10px}.sup-stats::-webkit-scrollbar{display:none}.sup-stat{border-radius:11px;flex:0 0 98px;gap:5px;height:66px;max-width:98px;min-width:98px;padding:8px;scroll-snap-align:start}.sup-stat-icon{border-radius:6px;height:24px;width:24px}.sup-stat-icon svg{height:12px;width:12px}.sup-stat-lbl{font-size:8px;line-height:1.2;margin-bottom:1px;white-space:normal}.sup-stat-val{font-size:13.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-toolbar{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr auto;padding:5px 2px}.sup-toolbar-scroll{display:contents}.sup-search{flex:none;grid-column:1/2;grid-row:1;height:32px;max-width:none;padding:0 8px;width:100%}.sup-search input{font-size:11px}.sup-add-btn{flex-shrink:0;font-size:10.5px;grid-column:2/3;grid-row:1;height:32px;justify-content:center;padding:0 12px;white-space:nowrap;width:auto}.sup-filters{grid-gap:7px;display:grid;gap:7px;grid-column:1/3;grid-row:2;grid-template-columns:1fr 1fr}.sup-filter-dropdown{width:100%}.sup-filter-toggle-btn{font-size:10.5px;height:32px;justify-content:center;padding:0 8px;width:100%}.sup-filters select{font-size:10.5px;height:32px;max-width:none;padding:0 20px 0 8px;width:100%}.sup-filter-panel{gap:6px 8px;grid-template-columns:1fr 1fr;max-width:340px;min-width:0;padding:10px;width:calc(100vw - 24px)}.sup-filter-panel-field label{font-size:8px}.sup-filter-panel-field select{font-size:10px;height:30px;padding:0 20px 0 7px}.sup-filter-panel-done{font-size:10px;height:30px}}:root{--fleet-bg:#eef0f6;--fleet-surface:#fff;--fleet-border:#e4e7f0;--fleet-border-strong:#cdd2e0;--fleet-ink:#0c1224;--fleet-text:#171b2e;--fleet-text-muted:#666c85;--fleet-text-faint:#9aa0b5;--fleet-primary:#3d3ce0;--fleet-primary-light:#6a68ff;--fleet-primary-dark:#2926ad;--fleet-primary-soft:#eef;--fleet-primary-glow:#3d3ce029;--fleet-amber:#c96a12;--fleet-amber-soft:#fdf1e2;--fleet-amber-border:#f0d6a8;--fleet-teal:#0d8f74;--fleet-teal-soft:#e6f8f2;--fleet-teal-border:#b9e9dc;--fleet-danger:#cf3a30;--fleet-danger-soft:#fcedec;--fleet-neutral-soft:#f1f2f8;--fleet-radius-sm:7px;--fleet-radius-md:10px;--fleet-radius-lg:18px;--fleet-shadow-sm:0 1px 2px #0c12240d;--fleet-shadow-md:0 1px 1px #0c122408,0 2px 8px #0c12240d,0 20px 44px -20px #0c12243d;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;-webkit-font-smoothing:antialiased;color-scheme:light;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.layout{background:#eef0f6;background:var(--fleet-bg);color:#171b2e;color:var(--fleet-text)}.content{height:100vh;overflow-y:auto}.add-supplier-page{background:radial-gradient(circle at 100% 0,#3d3ce00d,#0000 45%);margin:0 auto;max-width:940px;padding:30px 24px 60px;width:100%}.supplier-form-card{background:#fff;background:var(--fleet-surface);border:1px solid #e4e7f0;border:1px solid var(--fleet-border);border-radius:18px;border-radius:var(--fleet-radius-lg);box-shadow:0 1px 1px #0c122408,0 2px 8px #0c12240d,0 20px 44px -20px #0c12243d;box-shadow:var(--fleet-shadow-md);overflow:hidden;padding:0 32px 34px;position:relative}.supplier-form-card:before{background:repeating-linear-gradient(90deg,#6a68ff 0 26px,#3d3ce0 26px 48px,#2926ad 48px 74px);background:repeating-linear-gradient(90deg,var(--fleet-primary-light) 0 26px,var(--fleet-primary) 26px 48px,var(--fleet-primary-dark) 48px 74px);content:"";display:block;height:5px;margin:0 -32px}.form-card-header{align-items:flex-start;border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--fleet-border);display:flex;gap:16px;justify-content:space-between;margin-bottom:6px;padding:26px 0 20px}.form-card-header h2{color:#0c1224;color:var(--fleet-ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.form-subtitle{color:#666c85;color:var(--fleet-text-muted);font-size:11.5px;line-height:1.55;margin:6px 0 0;max-width:46ch}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--fleet-radius-md);cursor:pointer;display:inline-flex;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:650;gap:6px;padding:9px 18px;transition:background-color .16s ease,border-color .16s ease,transform .12s ease,box-shadow .18s ease,opacity .16s ease,filter .16s ease;white-space:nowrap}.btn:focus-visible{outline:2.5px solid #3d3ce0;outline:2.5px solid var(--fleet-primary);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:linear-gradient(135deg,#6a68ff,#3d3ce0 60%,#2926ad);background:linear-gradient(135deg,var(--fleet-primary-light),var(--fleet-primary) 60%,var(--fleet-primary-dark));box-shadow:0 4px 14px #3d3ce052;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #3d3ce066;filter:brightness(1.04);transform:translateY(-1px)}.btn-ghost{background:#fff;background:var(--fleet-surface);border:1.5px solid #cdd2e0;border:1.5px solid var(--fleet-border-strong);color:#171b2e;color:var(--fleet-text)}.btn-ghost:hover:not(:disabled){background:#f1f2f8;background:var(--fleet-neutral-soft);border-color:#b7bdd0}.banner{align-items:center;border-radius:10px;border-radius:var(--fleet-radius-md);display:flex;font-size:12px;gap:12px;justify-content:space-between;margin:18px 0;padding:12px 15px}.banner-error{background:#fcedec;background:var(--fleet-danger-soft);border:1px solid #f3c9c4}.banner-error,.banner-error button{color:#cf3a30;color:var(--fleet-danger)}.banner-error button{background:#fff;background:var(--fleet-surface);border:1px solid #eab3ad;border-radius:7px;border-radius:var(--fleet-radius-sm);cursor:pointer;font-size:11px;font-weight:650;padding:6px 12px;transition:background .15s ease;white-space:nowrap}.banner-error button:hover{background:#fdf1f0}.form-state{color:#666c85;color:var(--fleet-text-muted);font-size:12px;padding:40px 20px;text-align:center}.supplier-form{counter-reset:manifest-section}.section-title{align-items:center;border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--fleet-border);color:#0c1224;color:var(--fleet-ink);counter-increment:manifest-section;display:flex;font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:11.5px;font-weight:600;gap:12px;letter-spacing:.06em;margin:30px 0 16px;padding:4px 0 12px 2px}.supplier-form .section-title:first-child{margin-top:22px}.section-title:before{align-items:center;background:linear-gradient(135deg,#6a68ff,#2926ad);background:linear-gradient(135deg,var(--fleet-primary-light),var(--fleet-primary-dark));border-radius:8px;box-shadow:0 2px 6px #3d3ce059;color:#fff;content:counter(manifest-section,decimal-leading-zero);display:inline-flex;flex-shrink:0;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono);font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.section-title:after{background:#cdd2e0;background:var(--fleet-border-strong);content:"";height:22px;left:15px;position:absolute;top:-22px;width:1.5px}.supplier-form .section-title:first-child:after{display:none}.form-grid{grid-gap:18px 20px;gap:18px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:6px}.field-span-2{grid-column:1/-1}.field-label{color:#171b2e;color:var(--fleet-text);font-size:11px;font-weight:650;letter-spacing:.01em}.field-required{margin-left:3px}.field-error,.field-required{color:#cf3a30;color:var(--fleet-danger)}.field-error{align-items:center;display:flex;font-size:10.5px;font-weight:550;gap:4px}.field-error:before{content:"⚠";font-size:9px}.field input[type=date],.field input[type=email],.field input[type=file],.field input[type=number],.field input[type=tel],.field input[type=text],.field select,.field textarea{background-color:#fff!important;background-color:var(--fleet-surface)!important;border:1.5px solid #cdd2e0;border:1.5px solid var(--fleet-border-strong);border-radius:10px;border-radius:var(--fleet-radius-md);box-shadow:inset 0 1px 2px #0c122408;color:#171b2e!important;color:var(--fleet-text)!important;font-family:inherit;font-size:12px;padding:9px 13px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.field textarea{line-height:1.5;min-height:48px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#9aa0b5;color:var(--fleet-text-faint)}.field select option{background-color:#fff;background-color:var(--fleet-surface);color:#171b2e;color:var(--fleet-text)}.field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27><path d=%27M1 1l4 4 4-4%27 stroke=%27%23666c85%27 stroke-width=%271.5%27 fill=%27none%27 fill-rule=%27evenodd%27/></svg>");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#9aa0b5;border-color:var(--fleet-text-faint)}.field input:focus,.field input:focus-visible,.field select:focus,.field textarea:focus{border-color:#3d3ce0;border-color:var(--fleet-primary);box-shadow:0 0 0 4px #3d3ce029;box-shadow:0 0 0 4px var(--fleet-primary-glow);outline:none}.field:has(.field-error) input,.field:has(.field-error) select,.field:has(.field-error) textarea{border-color:#cf3a30;border-color:var(--fleet-danger)}.field:has(.field-error) input:focus,.field:has(.field-error) select:focus,.field:has(.field-error) textarea:focus{box-shadow:0 0 0 4px #fcedec;box-shadow:0 0 0 4px var(--fleet-danger-soft)}.input-prefix{align-items:stretch;background:#fff;background:var(--fleet-surface);border:1.5px solid #cdd2e0;border:1.5px solid var(--fleet-border-strong);border-radius:10px;border-radius:var(--fleet-radius-md);box-shadow:inset 0 1px 2px #0c122408;display:flex;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.input-prefix span{align-items:center;background:#f1f2f8;background:var(--fleet-neutral-soft);border-right:1px solid #e4e7f0;border-right:1px solid var(--fleet-border);color:#666c85;color:var(--fleet-text-muted);display:flex;font-size:11.5px;font-weight:600;padding:0 12px}.input-prefix input,.input-prefix span{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.input-prefix input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1 1}.input-prefix:has(input:focus){border-color:#3d3ce0;border-color:var(--fleet-primary);box-shadow:0 0 0 4px #3d3ce029;box-shadow:0 0 0 4px var(--fleet-primary-glow)}.dues-section{background:#fdf1e2;background:var(--fleet-amber-soft);border:1px solid #f0d6a8;border:1px solid var(--fleet-amber-border);border-radius:10px;border-radius:var(--fleet-radius-md);margin-top:6px;padding:18px;position:relative}.dues-section .field-label{color:#c96a12;color:var(--fleet-amber)}.input-readonly{background:#f1f2f8!important;background:var(--fleet-neutral-soft)!important;border-color:#e4e7f0!important;border-color:var(--fleet-border)!important;box-shadow:none!important;color:#9aa0b5!important;color:var(--fleet-text-faint)!important;cursor:not-allowed!important;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.form-hint{background:#eef;background:var(--fleet-primary-soft);border:1px solid #d9daff;border-radius:7px;border-radius:var(--fleet-radius-sm);color:#2926ad;color:var(--fleet-primary-dark);font-size:11px;line-height:1.5;margin:-6px 0 16px;padding:9px 13px}.upload-box{align-items:center;background:#fbfbfe;border:1.5px dashed #cdd2e0;border:1.5px dashed var(--fleet-border-strong);border-radius:10px;border-radius:var(--fleet-radius-md);display:flex;gap:14px;margin-top:22px;padding:16px 18px;transition:border-color .18s ease,background .18s ease}.upload-box:hover{background:#eef;background:var(--fleet-primary-soft);border-color:#3d3ce0;border-color:var(--fleet-primary)}.upload-box label{color:#171b2e;color:var(--fleet-text);font-size:11px;font-weight:650;white-space:nowrap}.upload-box input[type=file]{color:#666c85;color:var(--fleet-text-muted);font-size:11px}.field input[type=file]{background:#fbfbfe;border-style:dashed;cursor:pointer;padding:7px 9px}.field input[type=file]:hover{background:#eef;background:var(--fleet-primary-soft);border-color:#3d3ce0;border-color:var(--fleet-primary)}input[type=file]::-webkit-file-upload-button{background:#fff;background:var(--fleet-surface);border:1.5px solid #cdd2e0;border:1.5px solid var(--fleet-border-strong);border-radius:7px;border-radius:var(--fleet-radius-sm);color:#171b2e;color:var(--fleet-text);cursor:pointer;font-size:11px;font-weight:650;margin-right:12px;padding:6px 14px;-webkit-transition:background-color .16s ease,color .16s ease,border-color .16s ease;transition:background-color .16s ease,color .16s ease,border-color .16s ease}input[type=file]::file-selector-button{background:#fff;background:var(--fleet-surface);border:1.5px solid #cdd2e0;border:1.5px solid var(--fleet-border-strong);border-radius:7px;border-radius:var(--fleet-radius-sm);color:#171b2e;color:var(--fleet-text);cursor:pointer;font-size:11px;font-weight:650;margin-right:12px;padding:6px 14px;transition:background-color .16s ease,color .16s ease,border-color .16s ease}input[type=file]::-webkit-file-upload-button:hover{background:#3d3ce0;background:var(--fleet-primary);border-color:#3d3ce0;border-color:var(--fleet-primary);color:#fff}input[type=file]::file-selector-button:hover{background:#3d3ce0;background:var(--fleet-primary);border-color:#3d3ce0;border-color:var(--fleet-primary);color:#fff}.upload-filename{color:#2926ad;color:var(--fleet-primary-dark);font-size:11px;font-weight:650}.upload-field{display:flex;flex-direction:column;gap:6px}.file-uploading{align-items:center;color:#2926ad;color:var(--fleet-primary-dark);display:flex;gap:8px}.spinner{animation:fleet-spin .7s linear infinite;border:2px solid #eef;border-top-color:#3d3ce0;border:2px solid var(--fleet-primary-soft);border-top-color:var(--fleet-primary);height:14px;width:14px}@keyframes fleet-spin{to{transform:rotate(1turn)}}.upload-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.upload-btn-link{align-items:center;border-radius:7px;border-radius:var(--fleet-radius-sm);cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:4px;padding:6px 12px;text-decoration:none;transition:background .16s ease,color .16s ease,transform .14s ease}.upload-btn-link:hover{transform:translateY(-1px)}.upload-btn-link.view{background:#eef;background:var(--fleet-primary-soft);border:1px solid #d3d4ff;color:#2926ad;color:var(--fleet-primary-dark)}.upload-btn-link.view:hover{background:#e2e3ff}.upload-btn-link.download{background:#e6f8f2;background:var(--fleet-teal-soft);border:1px solid #b9e9dc;border:1px solid var(--fleet-teal-border);color:#0d8f74;color:var(--fleet-teal)}.upload-btn-link.download:hover{background:#d3f3e9}.sup-stat-icon.teal{color:#0d8f74;color:var(--fleet-teal)}.sup-stat-icon.indigo{color:#3d3ce0;color:var(--fleet-primary)}.sup-stat-icon.red{color:#cf3a30;color:var(--fleet-danger)}.statements-table{border:1px solid #e4e7f0;border:1px solid var(--fleet-border);border-collapse:initial;border-radius:10px;border-radius:var(--fleet-radius-md);border-spacing:0;font-size:11.5px;margin-top:12px;overflow:hidden;width:100%}.statements-table td,.statements-table th{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--fleet-border);padding:9px 13px;text-align:left}.statements-table th{background:#f1f2f8;background:var(--fleet-neutral-soft);color:#666c85;color:var(--fleet-text-muted);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.statements-table td{color:#171b2e;color:var(--fleet-text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-family:var(--font-mono)}.statements-table td a{color:#3d3ce0;color:var(--fleet-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-weight:600;text-decoration:none}.statements-table td a:hover{text-decoration:underline}.statements-table tbody tr:last-child td{border-bottom:none}.statements-table tbody tr:hover{background:#eef;background:var(--fleet-primary-soft)}.form-actions{border-top:1px solid #e4e7f0;border-top:1px solid var(--fleet-border);display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:22px}@media (max-width:1024px){.add-supplier-page{max-width:100%;padding:24px 20px 50px}.form-grid{gap:16px 18px}}@media (max-width:900px){.layout{display:flex;width:100%}.layout>:first-child{position:fixed;transform:translateX(-100%);transition:transform .2s ease;z-index:40}.layout>:first-child.open{transform:translateX(0)}.content{flex:1 1 100%;min-width:0;width:100%!important}.add-supplier-page{margin:0;max-width:100%;padding:20px 16px 44px;width:100%}}@media (max-width:720px){.add-supplier-page{max-width:100%;padding:16px;width:100%}.supplier-form-card{padding:0 18px 22px;width:100%}.supplier-form-card:before{margin:0 -18px}.form-card-header{align-items:stretch;flex-direction:column;gap:12px;padding-top:20px}.form-card-header h2{font-size:16.5px}.form-subtitle{max-width:100%}.form-grid{gap:14px;grid-template-columns:1fr}.field-span-2{grid-column:1/-1}.dues-section,.upload-box{padding:14px}.upload-box{align-items:flex-start;flex-direction:column}.upload-actions{width:100%}.upload-btn-link{flex:1 1;justify-content:center}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}.statements-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.statements-table td,.statements-table th{font-size:11px;padding:8px 10px;white-space:nowrap}}@media (max-width:400px){.add-supplier-page{padding:12px}.supplier-form-card{border-radius:10px;border-radius:var(--fleet-radius-md);padding:0 12px 18px}.supplier-form-card:before{margin:0 -12px}.section-title{font-size:10.5px;gap:10px}.section-title:before{font-size:9px;height:20px;width:20px}}.va-layout{background:#f4f6fb;display:flex;height:100vh;overflow:hidden}.va-content{height:100vh;min-width:0}.va-content,.va-page-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.va-page-container{min-height:0;padding:16px}.va-page-title-row{margin-bottom:12px}.va-page-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 3px}.va-page-subtitle{color:#64748b;font-size:12px;margin:0}.va-stat-cards{align-items:stretch;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;margin-bottom:12px;width:100%}.va-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0000;border-radius:10px;box-shadow:0 1px 3px #0f172a0d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column-reverse;gap:2px;height:40px;justify-content:center;line-height:normal;margin:0;min-width:0;overflow:hidden;padding:6px 12px;text-align:center}.va-stat-card--total{border-left-color:#3b82f6}.va-stat-card--active{border-left-color:#22c55e}.va-stat-card--inactive{border-left-color:#ef4444}.va-stat-card--outstanding{border-left-color:#a855f7}.va-stat-label{color:#64748b;font-size:9px;font-weight:600;letter-spacing:.03em;line-height:1.2;text-transform:uppercase}.va-stat-label,.va-stat-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.va-stat-value{color:#1e293b;font-size:14px;font-weight:700;line-height:1.15}.va-stat-value--active{color:#16a34a}.va-stat-value--inactive{color:#dc2626}.va-stat-value--outstanding{color:#9333ea;font-size:12px}.va-stat-card img,.va-stat-card svg{height:15px;width:15px}:root{--va-control-h:30px}.va-toolbar{flex-shrink:0;margin-bottom:8px}.va-toolbar--single-line{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;padding-top:2px;width:100%}.va-toolbar--single-line::-webkit-scrollbar{height:6px}.va-toolbar--single-line::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.va-search-wrap{align-items:center;display:flex;flex:1 1 200px;height:30px;height:var(--va-control-h);max-width:220px;min-width:160px;position:relative}.va-search-icon{color:#94a3b8;display:flex;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.va-search-icon svg{height:14px;width:14px}.va-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;display:block;font-family:inherit;font-size:11.5px;height:30px;height:var(--va-control-h);line-height:28px;line-height:calc(var(--va-control-h) - 2px);margin:0;outline:none;overflow:hidden;padding:0 10px 0 30px;text-overflow:ellipsis;transition:border-color .2s;white-space:nowrap;width:100%}.va-search-box::placeholder{color:#94a3b8;font-size:11px;overflow:hidden;text-overflow:ellipsis}.va-search-box:focus{border-color:#3b82f6}.va-date-field{align-items:center;display:flex;flex-shrink:0;gap:5px;height:30px;height:var(--va-control-h)}.va-date-field-label{color:#64748b;font-size:11.5px;font-weight:600;white-space:nowrap}.va-date-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;flex-shrink:0;font-family:inherit;font-size:10.5px;font-weight:500;height:30px;height:var(--va-control-h);outline:none;padding:5px 6px;transition:border-color .2s,box-shadow .2s;width:124px}.va-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.va-fy-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:500;height:30px;height:var(--va-control-h);outline:none;padding:5px 8px;transition:border-color .2s;width:118px}.va-fy-select:hover{border-color:#cbd5e1}.va-fy-select:focus{border-color:#3b82f6}.va-filter-summary{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;color:#374151;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:12px;gap:5px;margin-bottom:3px;margin-top:9px;padding:6px 12px}.va-filter-summary strong{color:#1d4ed8;font-weight:700}.va-filter-summary-count{color:#6b7280;margin-left:auto}.va-filter-summary-clear{background:#0000;border:none;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:11.5px;font-weight:700;padding:2px 7px}.va-filter-summary-clear:hover{background:#dbeafe}.va-ghost-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:500;height:30px;height:var(--va-control-h);padding:5px 10px;transition:background .2s,border-color .2s;white-space:nowrap}.va-ghost-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.va-ghost-btn:disabled{cursor:not-allowed;opacity:.5}.va-ghost-btn:disabled:hover{background:#fff;border-color:#e2e8f0}.va-filters-toggle-btn{align-items:center;display:inline-flex}.va-filters-toggle-btn--active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.va-filters-toggle-dot{background:#2563eb;border-radius:50%;flex-shrink:0;height:6px;margin-left:5px;width:6px}.va-filters-dropdown-backdrop{inset:0;position:fixed;z-index:40}.va-filters-dropdown-panel{grid-gap:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 12px 28px #0f172a24;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr;padding:12px;position:fixed;width:400px;z-index:50}.va-filters-dropdown-field{display:flex;flex-direction:column;gap:5px}.va-filters-dropdown-field label{color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.va-filters-dropdown-field .va-fy-select{width:100%}.va-filters-dropdown-clear{align-self:flex-start;background:#0000;border:none;color:#1d4ed8;cursor:pointer;font-size:11.5px;font-weight:700;grid-column:1/-1;padding:3px 0}.va-filters-dropdown-clear:hover{text-decoration:underline}.va-filters-dropdown-footer{border-top:1px solid #eef0f3;display:flex;grid-column:1/-1;justify-content:flex-end;margin-top:3px;padding-top:6px}.va-filters-dropdown-done{background:#2563eb;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background .2s}.va-filters-dropdown-done:hover{background:#1d4ed8}.va-add-btn{background:#16a34a;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:600;height:30px;height:var(--va-control-h);margin-left:auto;padding:5px 12px;transition:background .2s;white-space:nowrap}.va-add-btn:hover{background:#15803d}.va-edit-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#334155;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:background .2s,border-color .2s;white-space:nowrap}.va-edit-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.va-delete-btn{background:#fff;border:1px solid #fee2e2;border-radius:7px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:background .2s;white-space:nowrap}.va-delete-btn:hover{background:#fee2e2}.va-col-chain,.va-col-manage,.va-col-stage{white-space:nowrap}.va-manage-btn-group,.va-stage-btn-group{display:flex;flex-wrap:nowrap;gap:5px}.va-stage-btn{border:1px solid #0000;border-radius:7px;cursor:pointer;font-size:11.5px;font-weight:600;padding:5px 12px;transition:background .2s,border-color .2s;white-space:nowrap}.va-stage-btn--handover{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.va-stage-btn--handover:hover{background:#ffedd5}.va-stage-btn--recovery{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.va-stage-btn--recovery:hover{background:#dcfce7}.va-stage-btn--dispatch{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.va-stage-btn--dispatch:hover{background:#dbeafe}.va-stage-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:600;padding:4px 11px;white-space:nowrap}.va-stage-badge--closed{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.va-stage-badge--current{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.va-cell-muted{color:#cbd5e1;font-size:12px}.va-table-outer{border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 1px 4px #0f172a0f;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.va-table-outer,.va-table-wrapper{background:#fff;min-height:0;width:100%}.va-table-wrapper{flex:1 1;overflow-x:auto;overflow-y:auto}.va-pagination-bar{flex-shrink:0;padding:3px 12px!important}.va-pagination-bar span{font-size:11px!important}.va-pagination-bar .va-ghost-btn{font-size:11px!important;height:20px!important;line-height:1.1!important;padding:1px 8px!important}.va-data-table{border-collapse:collapse;min-width:1550px;width:100%}.va-data-table thead tr{border-bottom:1px solid #e2e8f0}.va-data-table thead th{background:#0a1f5c;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:9px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.va-data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.va-data-table tbody tr:nth-child(odd){background:#fff}.va-data-table tbody tr:nth-child(2n){background:#e9eef9}.va-data-table tbody tr:hover{background:#d6e0fa}.va-data-table tbody tr.va-date-group-row,.va-data-table tbody tr.va-date-group-row:hover{background:#eef1f6!important}.va-data-table tbody tr:last-child{border-bottom:none}.va-data-table tbody td{color:#334155;font-size:12px;padding:9px 12px;vertical-align:middle;white-space:nowrap}.va-td-center{color:#94a3b8;padding:22px 0!important;text-align:center}.va-driver-cell{gap:8px}.va-avatar,.va-driver-cell{align-items:center;display:flex}.va-avatar{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.va-driver-name{color:#1e293b;font-size:12px;font-weight:600}.va-driver-email{color:#64748b;font-size:11px;margin-top:1px}.va-photo-cell{flex-shrink:0;height:30px;position:relative;width:30px}.va-driver-avatar-photo{background:#fff;border:1.5px solid #e4e2dc;border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.va-driver-avatar-photo--clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.va-driver-avatar-photo--clickable:hover{box-shadow:0 2px 8px #0f172a2e;transform:scale(1.08)}.va-mono-cell{color:#475569;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:.01em;white-space:normal}.va-docs-btn,.va-mono-cell{font-size:11.5px;font-weight:600}.va-docs-btn{align-items:center;background:#fff;border:1px solid #e2e5ea;border-radius:7px;color:#374151;cursor:pointer;display:inline-flex;gap:5px;padding:5px 9px;transition:background .15s,border-color .15s}.va-docs-btn:hover{background:#f8f9fb;border-color:#c7cbd3}.va-docs-badge{background:#4f46e5;border-radius:999px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:1px 6px;text-align:center}.va-docmodal-overlay{align-items:center;background:#0f12198c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.va-docmodal{background:#fff;border-radius:13px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:86vh;max-width:760px;overflow:hidden;width:100%}.va-docmodal-header{align-items:flex-start;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:16px 20px 12px}.va-docmodal-header h3{color:#111827;font-size:16.5px;font-weight:700;margin:0}.va-docmodal-header p{color:#6b7280;font-size:12px;margin:3px 0 0}.va-modal-close{background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:15px;height:25px;width:25px}.va-modal-close:hover{background:#f3f4f6;color:#111827}.va-docmodal-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:16px 20px}@media (max-width:700px){.va-docmodal-grid{grid-template-columns:repeat(2,1fr)}}.va-doc-card-label{color:#1f2937;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.va-doc-card-empty,.va-doc-card-file,.va-doc-card-img{aspect-ratio:4/3;background:#f3f4f6;border-radius:9px;cursor:pointer;object-fit:cover;width:100%}.va-doc-card-empty,.va-doc-card-file{align-items:center;color:#9ca3af;display:flex;font-size:20px;justify-content:center}.va-doc-card-empty{cursor:default;font-size:10px}.va-doc-card-view{color:#4f46e5;display:inline-block;font-size:11px;margin-top:6px;text-decoration:none}.va-doc-card-view:hover{text-decoration:underline}.va-docmodal-footer{border-top:1px solid #eef0f3;color:#6b7280;font-size:11.5px;padding:11px 20px;text-align:center}.va-preview-overlay{align-items:center;background:#0f12198c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.va-preview-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(600px,90vw)}.va-preview-header{align-items:center;border-bottom:1px solid #eef0f3;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 14px}.va-preview-body{align-items:center;background:#fafafa;display:flex;flex:1 1;justify-content:center;min-height:280px;overflow:auto}.va-preview-image{max-height:70vh;max-width:100%;object-fit:contain}.va-preview-pdf{border:none;height:70vh;width:100%}.va-preview-footer{border-top:1px solid #eef0f3;display:flex;gap:14px;padding:9px 14px}.va-preview-link{color:#4f46e5;font-size:12px;font-weight:600;text-decoration:none}.va-doc-card-img--broken{background:#f3f4f6 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") no-repeat 50% /28px;color:#0000}.va-preview-link:hover{text-decoration:underline}.va-badge{border-radius:99px;font-size:11px;font-weight:500;gap:4px;padding:3px 9px;white-space:nowrap}.va-actions-btn,.va-badge{align-items:center;display:inline-flex}.va-actions-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#16215a;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:700;gap:6px;height:28px;justify-content:space-between;padding:0 8px 0 12px;transition:background .15s ease,border-color .15s ease;width:100px}.va-actions-btn:hover{background:#f8fafc;border-color:#cbd5e1}.va-actions-btn--active{background:#f8fafc;border-color:#94a3b8}.va-actions-btn svg{color:#16215a;flex-shrink:0;transition:transform .15s ease}.va-actions-btn--active svg{transform:rotate(180deg)}.va-badge--role{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.va-badge--active{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.va-badge--inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.va-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:5px;width:5px}.va-table-wrapper::-webkit-scrollbar{height:6px}.va-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:20px}.va-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@media (max-width:1024px){.va-page-container{padding:12px}.va-add-btn{margin-left:0}}@media (max-width:768px){.va-page-title{font-size:17px}.va-stat-cards{flex-wrap:wrap}.va-stat-card{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:140px}.va-toolbar--single-line{align-items:stretch;flex-direction:column}.va-search-wrap{max-width:none}.va-date-field{flex:1 1 auto}.va-date-input{flex:1 1;width:auto}.va-fy-select{width:100%}.va-add-btn{margin-left:0;text-align:center;width:100%}.va-actions-btn{font-size:10.5px;gap:5px;height:25px;padding:0 6px 0 9px;width:84px}.va-actions-btn svg{height:11px;width:11px}}@media (max-width:560px){.va-stat-card{flex:1 1 100%}}.va-row-clickable{cursor:pointer}.va-viewmodal-header-actions{align-items:center;display:flex;gap:6px}.va-viewmodal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.va-viewmodal-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.va-viewmodal-subhead{border-bottom:1px solid #eef0f3;color:#1e293b;font-size:13.5px;font-weight:700;letter-spacing:.01em;margin:0 0 10px;padding-bottom:7px}.va-viewmodal-subhead:not(:first-child){margin-top:22px}.va-viewmodal-field{background:#f8fafc;border:1px solid #eef0f3;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:9px 11px}.va-viewmodal-field label{color:#94a3b8;font-size:10.5px;font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.va-viewmodal-field span{color:#1e293b;font-size:13px;font-weight:600;line-height:1.35;word-break:break-word}@media (max-width:700px){.va-viewmodal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.va-viewmodal-grid{grid-template-columns:1fr}}@media print{.va-no-print{display:none!important}.va-actions-btn{border-radius:6px;font-size:10px;gap:4px;height:23px;padding:0 5px 0 8px;width:76px}.va-actions-btn svg{height:10px;width:10px}}@media (min-width:481px) and (max-width:768px){.va-page-container{overflow-x:hidden!important;padding:12px 10px}.va-page-title{font-size:16px}.va-stat-cards{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:14px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.va-stat-cards::-webkit-scrollbar{display:none}.va-stat-card{align-items:flex-start;border-left:4px solid #0000;border-radius:10px;flex:0 0 130px;flex-direction:column-reverse;gap:4px;max-width:130px;min-width:130px;padding:10px 12px 10px 14px;scroll-snap-align:start;text-align:left}.va-stat-card--total{border-left-color:#3b82f6}.va-stat-card--active{border-left-color:#22c55e}.va-stat-card--inactive{border-left-color:#ef4444}.va-stat-card--outstanding{border-left-color:#a855f7}.va-stat-card img,.va-stat-card svg{flex-shrink:0;height:15px;width:15px}.va-stat-label{font-size:9.5px;line-height:1.2;white-space:normal}.va-stat-value{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.va-stat-value--outstanding{font-size:13px}.va-toolbar--single-line{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;overflow-x:hidden!important;width:100%!important}.va-search-wrap{flex:1 1 60px!important;max-width:none!important;min-width:0!important;order:1!important}.va-search-box{font-size:11px;padding:0 8px 0 26px}.va-filters-toggle-btn{flex:0 1 auto!important;font-size:10.5px;height:30px;height:var(--va-control-h);min-width:0!important;order:2!important;overflow:hidden;padding:0 8px;text-overflow:ellipsis}.va-toolbar--single-line:after{content:"";flex-basis:100%;height:0;order:3;width:0}.va-toolbar--single-line>.va-fy-select,.va-toolbar--single-line>.va-ghost-btn:not(.va-filters-toggle-btn){display:none!important}.va-date-field{flex:1 1!important;min-width:0!important;order:4!important;width:auto!important}.va-date-input{width:100%}.va-add-btn{flex:0 1 auto!important;font-size:10.5px;height:30px;height:var(--va-control-h);margin-left:0!important;min-width:0!important;order:5!important;overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:auto!important}.va-filters-dropdown-panel{left:50%!important;max-height:80vh;overflow-y:auto;right:auto!important;transform:translateX(-50%);width:min(92vw,420px)}}@media (max-width:480px){.va-page-container{overflow-x:hidden!important;padding:10px 8px}.va-page-title{font-size:15px}.va-page-subtitle{font-size:11px}.va-stat-cards{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.va-stat-cards::-webkit-scrollbar{display:none}.va-stat-card{align-items:flex-start;border-left:3px solid #0000;border-radius:8px;flex:0 0 108px;flex-direction:column-reverse;gap:2px;height:50px;max-width:108px;min-width:108px;padding:8px 8px 8px 10px;text-align:left}.va-stat-card--total{border-left-color:#3b82f6}.va-stat-card--active{border-left-color:#22c55e}.va-stat-card--inactive{border-left-color:#ef4444}.va-stat-card--outstanding{border-left-color:#a855f7}.va-stat-card img,.va-stat-card svg{height:11px;width:11px}.va-stat-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:8px;line-height:1.1;overflow:hidden;white-space:normal}.va-stat-value{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.va-stat-value--outstanding{font-size:11px}.va-toolbar--single-line{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important;overflow-x:hidden!important;width:100%!important}.va-search-wrap{flex:1 1 50px!important;max-width:none!important;min-width:0!important;order:1!important}.va-search-box{font-size:10px;padding:0 8px 0 24px}.va-search-icon{left:8px}.va-filters-toggle-btn{flex:0 1 auto!important;font-size:10px;height:30px;height:var(--va-control-h);min-width:0!important;order:2!important;overflow:hidden;padding:0 6px;text-overflow:ellipsis}.va-toolbar--single-line:after{content:"";flex-basis:100%;height:0;order:3;width:0}.va-toolbar--single-line>.va-fy-select,.va-toolbar--single-line>.va-ghost-btn:not(.va-filters-toggle-btn){display:none!important}.va-date-field{flex:1 1!important;min-width:0!important;order:4!important;width:auto!important}.va-date-input{flex:1 1;padding:5px 4px;width:100%}.va-add-btn,.va-date-input{font-size:10px;height:30px;height:var(--va-control-h)}.va-add-btn{flex:0 1 auto!important;margin-left:0!important;min-width:0!important;order:5!important;overflow:hidden;padding:0 7px;text-overflow:ellipsis;width:auto!important}.va-filters-dropdown-panel{grid-template-columns:1fr 1fr;left:10px!important;right:10px;width:calc(100vw - 20px)}.va-viewmodal-grid{grid-template-columns:1fr}}.va-action-menu-wrapper{display:inline-flex;position:relative}.va-action-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease;width:28px}.va-action-menu-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.va-action-menu-btn--active{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.va-menu-backdrop{inset:0;position:fixed;z-index:70}.va-action-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 4px 12px #0f172a14,0 16px 32px -10px #0f172a38;display:flex;flex-direction:column;gap:2px;min-width:130px;padding:5px;position:fixed;z-index:71}.va-action-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;padding:7px 10px;text-align:left;transition:background .13s ease,color .13s ease;white-space:nowrap;width:100%}.va-action-menu-item:hover{background:#eff6ff;color:#1d4ed8}.va-action-menu-item--delete{color:#dc2626}.va-action-menu-item--delete:hover{background:#fef2f2;color:#dc2626}.va-stage-menu-wrapper{display:inline-flex;position:relative}.va-stage-select-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#334155;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:600;gap:5px;padding:5px 10px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.va-stage-select-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.va-stage-select-btn--active{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.va-stage-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 4px 12px #0f172a14,0 16px 32px -10px #0f172a38;display:flex;flex-direction:column;gap:2px;min-width:150px;padding:5px;position:fixed;z-index:71}.va-stage-menu-item{background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:600;padding:7px 10px;text-align:left;transition:background .13s ease;white-space:nowrap}.va-stage-menu-item--handover{color:#c2410c}.va-stage-menu-item--handover:hover{background:#fff7ed}.va-stage-menu-item--recovery{color:#15803d}.va-stage-menu-item--recovery:hover{background:#f0fdf4}.va-stage-menu-item--dispatch{color:#1d4ed8}.va-stage-menu-item--dispatch:hover{background:#eff6ff}:root{--ink:#15192b;--ink-soft:#2a3149;--canvas:#fafaf8;--card:#fff;--steel:#5b6b85;--steel-soft:#8c97ac;--line:#e4e2dc;--accent:#e8743b;--accent-soft:#fce6d9;--success:#1f9d6b;--success-soft:#dcf2e8;--danger:#d6473a;--font-display:"Archivo Narrow","Arial Narrow",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--radius:10px;--radius-sm:7px}.assignment-page{background:#fafaf8;background:var(--canvas);color:#15192b;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);min-height:100vh;padding:40px clamp(20px,4vw,56px)}.assignment-card{background:#fff;background:var(--card);border:1px solid #e4e2dc;border:1px solid var(--line);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 2px #15192b0a,0 12px 32px -16px #15192b1f;margin:0 auto;max-width:980px;overflow:hidden}.card-header{align-items:center;background:linear-gradient(180deg,#e8743b0a,#0000 60%);border-bottom:1px solid #e4e2dc;border-bottom:1px solid var(--line);display:flex;gap:18px;padding:28px 36px 24px}.card-header h2{color:#15192b;color:var(--ink);font-family:Archivo Narrow,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.01em;margin:0}.back-btn{background:#fafaf8;background:var(--canvas);border:1px solid #e4e2dc;border:1px solid var(--line);border-radius:999px;color:#5b6b85;color:var(--steel);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:11.5px;gap:6px;padding:7px 14px 7px 12px;transition:all .15s ease}.back-btn:hover{background:#fff;border-color:#8c97ac;border-color:var(--steel-soft);color:#15192b;color:var(--ink)}form{padding:8px 36px 36px}.form-section-title{border-top:1px solid #e4e2dc;border-top:1px solid var(--line);color:#2a3149;color:var(--ink-soft);counter-increment:section;font-family:Archivo Narrow,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:36px 0 16px;padding-top:24px;position:relative;text-transform:uppercase}.file-uploaded{border:1px solid #0000;border-radius:6px;cursor:pointer;padding:5px 10px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}a.file-uploaded{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}a.file-uploaded:hover{background:#dbeafe;border-color:#93c5fd}a.file-uploaded[aria-disabled]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}a.file-uploaded[aria-disabled]:hover:not([aria-disabled=true]){background:#dcfce7;border-color:#86efac}a.file-uploaded[aria-disabled=true]{cursor:default;opacity:.6}.file-uploading{background:#fef9c3;border:1px solid #fde68a;border-radius:6px;color:#a16207;font-size:11px;font-weight:500;padding:5px 10px}.cell-muted{color:#9ca3af;font-size:11px;font-style:italic}.form-section-title:before{align-items:center;background:#15192b;background:var(--ink);border-radius:50%;color:#fff;content:counter(section,decimal-leading-zero);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:10px;font-weight:700;height:20px;justify-content:center;letter-spacing:0;margin-right:10px;position:relative;top:-1px;vertical-align:middle;width:20px}form{counter-reset:section}.form-section-title:first-of-type{border-top:none;margin-top:8px;padding-top:0}.form-grid{grid-gap:20px 24px;gap:20px 24px}.form-group{gap:7px;min-width:0}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#5b6b85;color:var(--steel);display:flex;font-size:11.5px;gap:4px;letter-spacing:.01em}.req{font-weight:700}.field-hint,.req{color:#e8743b;color:var(--accent)}.field-hint{font-size:10.5px;font-weight:500;margin-top:2px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{-webkit-appearance:none;appearance:none;background:#fafaf8;background:var(--canvas);border:1.5px solid #e4e2dc;border:1.5px solid var(--line);border-radius:7px;border-radius:var(--radius-sm);color:#15192b;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:10px 13px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B6B85' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;cursor:pointer;padding-right:38px}.form-group select:disabled{background-color:#f0efea;border-color:#e4e2dc;border-color:var(--line);color:#8c97ac;color:var(--steel-soft);cursor:not-allowed}.form-group textarea{line-height:1.5;min-height:78px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#8c97ac;color:var(--steel-soft)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#8c97ac;border-color:var(--steel-soft)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#e8743b;border-color:var(--accent);box-shadow:0 0 0 3.5px #fce6d9;box-shadow:0 0 0 3.5px var(--accent-soft)}.readonly-input{background:#f4f3ef!important;border-color:#e4e2dc!important;border-color:var(--line)!important;color:#2a3149!important;color:var(--ink-soft)!important;cursor:default;font-weight:500}.readonly-input.outstanding{background:#fce6d9!important;background:var(--accent-soft)!important;border-color:#e8743b59!important;color:#e8743b!important;color:var(--accent)!important;font-weight:700}.vehicle-dropdown{background:#fff;border:1px solid #e4e2dc;border:1px solid var(--line);border-radius:7px;border-radius:var(--radius-sm);box-shadow:0 10px 28px -8px #15192b2e;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.vehicle-dropdown-item{border-bottom:1px solid #e4e2dc;border-bottom:1px solid var(--line);color:#15192b;color:var(--ink);cursor:pointer;font-size:12.5px;padding:10px 14px;transition:background .12s ease}.vehicle-dropdown-item:last-child{border-bottom:none}.vehicle-dropdown-item:hover{background:#fce6d9;background:var(--accent-soft)}.vehicle-dropdown-item strong{font-weight:700;letter-spacing:.02em}.vehicle-dropdown-item span{color:#5b6b85;color:var(--steel)}.selected-person-preview{align-items:center;background:#fafaf8;background:var(--canvas);border:1px solid #e4e2dc;border:1px solid var(--line);border-radius:7px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-top:10px;padding:10px 12px}.selected-person-photo{background:#fff;border:1.5px solid #e4e2dc;border:1.5px solid var(--line);border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.selected-person-photo--empty{align-items:center;background:#f0efea;border-style:dashed;color:#8c97ac;color:var(--steel-soft);display:flex;font-size:8.5px;font-weight:600;justify-content:center;text-align:center}.selected-person-info{display:flex;flex-direction:column;gap:2px;min-width:0}.selected-person-info strong{color:#15192b;color:var(--ink);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-person-info span{color:#5b6b85;color:var(--steel);font-size:11px}.form-group>.selected-person-photo{height:64px;width:64px}.vehicle-dropdown-empty{color:#8c97ac;color:var(--steel-soft);font-size:12px;font-style:italic;padding:12px 14px}.selected-vehicle-label{align-items:center;color:#1f9d6b;color:var(--success);display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;margin-top:4px}.form-group input[type=file]{background:#fafaf8;background:var(--canvas);border:1.5px dashed #e4e2dc;border:1.5px dashed var(--line);border-radius:7px;border-radius:var(--radius-sm);color:#5b6b85;color:var(--steel);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12px;padding:10px 12px;transition:border-color .15s ease,background .15s ease}.form-group input[type=file]:hover{background:#fce6d9;background:var(--accent-soft);border-color:#e8743b;border-color:var(--accent)}form>fieldset{display:contents}fieldset[disabled] .form-group input,fieldset[disabled] .form-group select,fieldset[disabled] .form-group textarea{background:#f1f4f8;cursor:not-allowed}.form-group input[type=file]::-webkit-file-upload-button{background:#15192b;background:var(--ink);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:11.5px;font-weight:600;margin-right:10px;padding:6px 12px}.file-uploaded{align-items:center;color:#1f9d6b;color:var(--success);display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px}.btn-group{border-top:1px solid #e4e2dc;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:flex-end;margin-top:40px;padding-top:24px}.cancel-btn,.save-btn{border:1.5px solid #0000;border-radius:999px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12.5px;font-weight:600;padding:11px 24px;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.cancel-btn{background:var(--card);border-color:#e4e2dc;border-color:var(--line);color:#5b6b85;color:var(--steel)}.cancel-btn:hover{border-color:#8c97ac;border-color:var(--steel-soft);color:#15192b;color:var(--ink)}.save-btn{background:#15192b;background:var(--ink);box-shadow:0 1px 2px #15192b1a}.save-btn:hover:not(:disabled){background:#e8743b;background:var(--accent);box-shadow:0 8px 20px -8px #e8743b80}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:760px){.assignment-page{padding:20px 14px}.card-header{padding:22px 20px 18px}form{padding:6px 20px 28px}.form-grid{grid-template-columns:1fr}.btn-group{flex-direction:column-reverse}.cancel-btn,.save-btn{text-align:center;width:100%}}.back-btn:focus-visible,.cancel-btn:focus-visible,.save-btn:focus-visible,.vehicle-dropdown-item:focus-visible{outline:2px solid #e8743b;outline:2px solid var(--accent);outline-offset:2px}.rpt-page{background:#f5f6fa;display:flex;flex-direction:column;gap:10px;min-height:100vh;padding:14px 18px}.rpt-page>*{flex-shrink:0}.rpt-topbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.rpt-title{color:#1a1d23;font-size:16px;font-weight:700;margin:0}.rpt-subtitle{color:#6b7280;font-size:10.5px;margin:2px 0 0}.rpt-refresh-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-size:10.5px;font-weight:500;gap:5px;height:26px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.rpt-refresh-btn:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114;color:#6366f1}.rpt-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;display:flex;font-size:12px;gap:7px;padding:9px 13px}.rpt-summary-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.rpt-card{align-items:center;background:#fff;border:1.5px solid #0000;border-radius:9px;box-shadow:0 1px 4px #0000000f;display:flex;gap:8px;padding:10px 12px;transition:transform .15s,box-shadow .15s}.rpt-card:hover{box-shadow:0 4px 14px #00000017;transform:translateY(-2px)}.rpt-card-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.rpt-card-icon svg{height:14px;width:14px}.rpt-card--blue{border-color:#dbeafe}.rpt-card--blue .rpt-card-icon{background:#eff6ff;color:#2563eb}.rpt-card--green{border-color:#dcfce7}.rpt-card--green .rpt-card-icon{background:#f0fdf4;color:#16a34a}.rpt-card--purple{border-color:#ede9fe}.rpt-card--purple .rpt-card-icon{background:#f5f3ff;color:#7c3aed}.rpt-card--orange{border-color:#ffedd5}.rpt-card--orange .rpt-card-icon{background:#fff7ed;color:#ea580c}.rpt-card--red{border-color:#fee2e2}.rpt-card--red .rpt-card-icon{background:#fef2f2;color:#dc2626}.rpt-card--teal{border-color:#ccfbf1}.rpt-card--teal .rpt-card-icon{background:#f0fdfa;color:#0d9488}.rpt-card-body{display:flex;flex-direction:column;gap:1px}.rpt-card-value{color:#1a1d23;font-size:16px;font-weight:700;line-height:1}.rpt-card-label{color:#6b7280;font-size:9.5px;font-weight:500}.rpt-filters{border:none;flex-wrap:wrap;padding:4px 0}.rpt-filters,.rpt-search-wrap{align-items:center;background:#0000;display:flex;gap:6px}.rpt-search-wrap{border:1.5px solid #d1d5db;border-radius:7px;height:26px;padding:0 9px;transition:border-color .15s,box-shadow .15s,background-color .15s}.rpt-search-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.rpt-search-wrap--sticky{flex:0 0 auto;left:0;position:-webkit-sticky;position:sticky;width:150px;z-index:5}.rpt-search-icon{color:#9ca3af;flex-shrink:0}.rpt-search-input{background:#0000;border:none;color:#111827;font-family:inherit;font-size:10.5px;outline:none;width:100%}.rpt-search-input::placeholder{color:#9ca3af}.rpt-reset-icon-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:36px}.rpt-reset-icon-btn:hover{background:#fef2f2;border-color:#fecaca;color:#c4392f}.rpt-date-wrap{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:7px;color:#6b7280;display:flex;gap:6px;height:26px;padding:0 9px;transition:border-color .15s,box-shadow .15s,background-color .15s}.rpt-date-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.rpt-date-input{background:#0000;border:none;color:#374151;font-size:10.5px;outline:none}.rpt-fy-wrap{align-items:center;background:#0000;border:1.5px solid #d1d5db;border-radius:7px;color:#6b7280;display:flex;gap:6px;height:26px;padding:0 9px;transition:border-color .15s,box-shadow .15s,background-color .15s}.rpt-fy-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.rpt-fy-select{background:#0000;border:none;color:#111827;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:500;max-width:120px;outline:none}.rpt-range-wrap{align-items:center;animation:rptRangeIn .15s ease;background:#0000;border:1.5px solid #d1d5db;border-radius:7px;color:#6b7280;display:flex;gap:5px;height:26px;padding:0 7px;transition:border-color .15s,box-shadow .15s,background-color .15s}.rpt-range-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}@keyframes rptRangeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rpt-range-input{background:#0000;border:none;color:#374151;cursor:pointer;font-family:inherit;font-size:10.5px;outline:none;width:96px}.rpt-range-arrow{color:#9ca3af;flex-shrink:0;font-size:10px}.rpt-btn-ghost{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;font-size:10.5px;font-weight:500;height:26px;padding:0 12px;transition:background .15s,border-color .15s;white-space:nowrap}.rpt-btn-ghost:hover{background:#f3f4f6;border-color:#d1d5db}.rpt-table-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000d;display:block;min-height:60px;opacity:1;overflow:visible;visibility:visible}.rpt-table-head{align-items:center;border-bottom:1.5px solid #f3f4f6;display:flex;justify-content:space-between;padding:9px 14px}.rpt-table-head h3{color:#1a1d23;font-size:11.5px;font-weight:600;margin:0}.rpt-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:9.5px;font-weight:500;padding:2px 7px}.rpt-table-wrap{display:block;min-height:40px;overflow-x:auto;visibility:visible}.rpt-table{border-collapse:collapse;font-size:10.5px;width:100%}.rpt-table thead tr{background:#f9fafb}.rpt-table th{border-bottom:1.5px solid #f3f4f6;color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.04em;padding:7px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.rpt-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:7px 10px;vertical-align:middle}.rpt-table tbody tr{display:table-row}.rpt-table tbody tr:last-child td{border-bottom:none}.rpt-table tbody tr:hover{background:#fafafa}.rpt-id{color:#9ca3af;font-size:10px;font-weight:600}.rpt-name-cell{color:#111827;font-weight:500;gap:7px}.rpt-name-cell,.rpt-type-dot{align-items:center;display:flex}.rpt-type-dot{border-radius:5px;flex-shrink:0;height:20px;justify-content:center;width:20px}.rpt-type-dot--blue{background:#eff6ff;color:#2563eb}.rpt-type-dot--green{background:#f0fdf4;color:#16a34a}.rpt-type-dot--purple{background:#f5f3ff;color:#7c3aed}.rpt-type-dot--orange{background:#fff7ed;color:#ea580c}.rpt-type-dot--red{background:#fef2f2;color:#dc2626}.rpt-type-dot--teal{background:#f0fdfa;color:#0d9488}.rpt-date-cell{color:#6b7280;font-size:10.5px}.rpt-records-badge{background:#f3f4f6;border-radius:20px;color:#374151;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.rpt-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 8px}.rpt-status-badge.completed{background:#dcfce7;color:#15803d}.rpt-dl-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:24px}.rpt-dl-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.rpt-dl-btn:disabled{cursor:not-allowed;opacity:.5}.rpt-empty{color:#9ca3af;padding:32px 16px;text-align:center}.rpt-empty p{font-size:12px;margin:8px 0 0}.skeleton{height:12px;width:80%}.skeleton,.skeleton-val{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:6px;display:inline-block}.skeleton-val{height:18px;width:32px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin .8s linear infinite}.rpt-charts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:4px}.rpt-chart-card{background:#fff;border:1.5px solid #eef0f3;border-radius:12px;box-shadow:0 2px 10px #1118270d;overflow:hidden;padding:14px 16px 16px;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.rpt-chart-card:before{background:linear-gradient(90deg,#6366f1,#a5b4fc);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.rpt-chart-card:hover{border-color:#e5e7eb;box-shadow:0 6px 20px #11182714}.rpt-chart-card:hover:before{opacity:1}.rpt-chart-card--wide{grid-column:1/-1}.rpt-chart-head{align-items:center;display:flex;gap:9px;margin-bottom:8px}.rpt-chart-head-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.rpt-chart-head-icon--indigo{background:#eef2ff;color:#6366f1}.rpt-chart-head-icon--green{background:#f0fdf4;color:#16a34a}.rpt-chart-head h3{color:#1a1d23;font-size:11.5px;font-weight:600;margin:0}.rpt-chart-head p{color:#9ca3af;font-size:9.5px;margin:1px 0 0}.rpt-donut-wrap{position:relative}.rpt-donut-center{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:46%;transform:translate(-50%,-50%)}.rpt-donut-center-value{font-feature-settings:"tnum";color:#1a1d23;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.rpt-donut-center-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.06em;margin-top:3px;text-transform:uppercase}.rpt-legend-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.rpt-legend-chip{align-items:center;background:#f9fafb;border:1px solid #f0f1f4;border-radius:20px;color:#374151;display:flex;font-size:9.5px;font-weight:600;gap:5px;padding:4px 9px;white-space:nowrap}.rpt-legend-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.rpt-legend-count{color:#9ca3af;font-weight:700;margin-left:1px}.rpt-rank-list{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:230px;padding:8px 2px 2px}.rpt-rank-row{gap:10px}.rpt-rank-icon,.rpt-rank-row{align-items:center;display:flex}.rpt-rank-icon{border-radius:7px;flex-shrink:0;height:26px;justify-content:center;width:26px}.rpt-rank-info{flex:1 1;min-width:0}.rpt-rank-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:5px}.rpt-rank-name{color:#1a1d23;font-size:10.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpt-rank-value{font-feature-settings:"tnum";color:#1a1d23;flex-shrink:0;font-size:10.5px;font-variant-numeric:tabular-nums;font-weight:700}.rpt-rank-track{background:#f3f4f6;border-radius:20px;height:7px;overflow:hidden}.rpt-rank-fill{border-radius:20px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rpt-chart-single-point{align-items:center;display:flex;flex-direction:column;gap:6px;height:230px;justify-content:center;overflow:hidden;padding:0 24px;position:relative;text-align:center}.rpt-single-bg-bars{align-items:flex-end;bottom:0;display:flex;gap:14px;height:90px;justify-content:center;left:0;opacity:.07;pointer-events:none;position:absolute;right:0}.rpt-single-bg-bars span{background:#6366f1;border-radius:6px 6px 0 0;width:20px}.rpt-single-icon-badge{align-items:center;background:#eef2ff;border-radius:11px;color:#6366f1;display:flex;height:38px;justify-content:center;margin-bottom:2px;width:38px}.rpt-chart-single-value{font-feature-settings:"tnum";color:#1a1d23;font-size:30px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.rpt-chart-single-label{color:#9ca3af;font-size:10.5px;line-height:1.5;max-width:340px}@media (max-width:768px){.rpt-page{gap:10px;padding:10px}.rpt-summary-grid{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex!important;flex-wrap:nowrap!important;gap:8px;min-height:72px;overflow-x:auto!important;overflow-y:hidden;padding:5px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.rpt-summary-grid::-webkit-scrollbar{display:none}.rpt-card{align-items:flex-start;display:flex;flex:0 0 112px;flex-direction:column;gap:5px;justify-content:center;max-width:112px;min-height:70px;min-width:112px;padding:9px;scroll-snap-align:start;width:112px}.rpt-card-icon{height:24px;width:24px}.rpt-card-value{font-size:16px}.rpt-card-label{font-size:8.5px;line-height:1.25}.rpt-filters{grid-gap:8px;align-items:center;display:grid!important;gap:8px;grid-template-areas:"search search" "fy range";grid-template-columns:148px 1fr;width:100%}.rpt-search-wrap--sticky{grid-area:search;max-width:none!important;min-width:0!important;width:100%!important}.rpt-search-input{width:100%}.rpt-fy-wrap{font-size:8.5px;grid-area:fy;min-width:0;padding:0 8px;width:100%}.rpt-fy-select{font-size:8.5px!important;font-weight:500;width:100%}.rpt-range-wrap{align-items:center;display:flex;gap:3px;grid-area:range;margin-top:0;min-width:0;padding:0 6px;width:100%}.rpt-range-input{flex:1 1;font-size:8px;min-width:0;width:auto}.rpt-range-arrow{flex-shrink:0;font-size:8px}.rpt-reset-icon-btn{grid-column:1/-1;justify-self:end}.rpt-table{min-width:820px}.rpt-charts-grid{grid-template-columns:1fr}}@media (max-width:480px){.rpt-summary-grid{gap:7px}.rpt-card{flex:0 0 100px;min-height:64px;min-width:100px;padding:8px;width:100px}.rpt-card-value{font-size:14px}.rpt-card-label{font-size:8px}.rpt-filters{grid-template-columns:128px 1fr}.rpt-fy-wrap{font-size:7.5px;padding:0 6px}.rpt-fy-select{font-size:7.5px!important}.rpt-range-input{font-size:7.5px}.rpt-range-wrap{gap:2px;padding:0 5px}.rpt-refresh-btn{grid-column:1/-1;width:100%}}:root{--chat-bg:#f7f8fa;--chat-bg-pattern:none;--chat-panel:#fff;--chat-panel-raised:#f6f7f9;--chat-panel-sunken:#f1f2f5;--chat-border:#e7e9ee;--chat-border-strong:#d8dbe3;--chat-ink:#14151a;--chat-ink-soft:#6b7280;--chat-ink-faint:#9aa0ac;--chat-accent:#4f46e5;--chat-accent-hover:#4338ca;--chat-accent-active:#3730a3;--chat-accent-soft:#eef1fd;--chat-accent-soft-hover:#e2e6fb;--chat-accent-ring:#4f46e524;--chat-accent-2:#4f46e5;--chat-accent-deep:#4338ca;--chat-sent-bg:var(--chat-accent);--chat-sent-ink:#fff;--chat-received-bg:#fff;--chat-received-border:#e7e9ee;--chat-radius:12px;--chat-radius-sm:8px;--chat-radius-lg:16px;--chat-radius-pill:999px;--chat-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--chat-tick-sent:#ffffffad;--chat-tick-read:#7dd3fc;--chat-recording:#e11d48;--chat-success:#16a34a;--chat-shadow-xs:0 1px 2px #0f172a0a;--chat-shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--chat-shadow-md:0 4px 16px #0f172a14;--chat-shadow-lg:0 12px 32px #0f172a1f;--chat-shadow-bubble-sent:0 2px 6px #4f46e52e;--chat-shadow-bubble-received:0 1px 2px #0f172a0d;--chat-ease:cubic-bezier(0.4,0,0.2,1);--chat-fast:150ms;--chat-med:200ms}.layout{-webkit-font-smoothing:antialiased;background:#f7f8fa;background:var(--chat-bg);color:#14151a;color:var(--chat-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-family:var(--chat-font)}.content{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-page{background:#f7f8fa;background:var(--chat-bg);border-top:1px solid #e7e9ee;border-top:1px solid var(--chat-border);display:flex;flex:1 1;min-height:0}.chat-user-list{background:#fff;background:var(--chat-panel);border-right:1px solid #e7e9ee;border-right:1px solid var(--chat-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.chat-contact-search{align-items:center;background:#f6f7f9;background:var(--chat-panel-raised);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:12px;border-radius:var(--chat-radius);display:flex;gap:8px;margin:12px 14px 8px;padding:9px 12px;position:-webkit-sticky;position:sticky;top:0;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--chat-fast) var(--chat-ease),background var(--chat-fast) var(--chat-ease),box-shadow var(--chat-fast) var(--chat-ease);z-index:1}.chat-contact-search:focus-within{background:#fff;background:var(--chat-panel);border-color:#4f46e5;border-color:var(--chat-accent);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--chat-accent-ring)}.chat-contact-search input{background:#0000;border:none;color:#14151a;color:var(--chat-ink);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-family:var(--chat-font);font-size:12.5px;outline:none}.chat-contact-search input::placeholder,.chat-search-icon{color:#9aa0ac;color:var(--chat-ink-faint)}.chat-search-icon{display:inline-flex;flex-shrink:0;font-size:12px}.chat-contact-search:focus-within .chat-search-icon{color:#4f46e5;color:var(--chat-accent)}.chat-user-item{align-items:center;border-bottom:1px solid #0000;border-radius:8px;border-radius:var(--chat-radius-sm);cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin:0 8px;padding:10px 8px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),transform var(--chat-fast) var(--chat-ease)}.chat-user-item:hover{background:#f6f7f9;background:var(--chat-panel-raised)}.chat-user-item.active{background:#eef1fd;background:var(--chat-accent-soft)}.chat-user-item.active .chat-user-name{color:#3730a3;color:var(--chat-accent-active)}.chat-user-avatar{align-items:center;background:#eef1fd;background:var(--chat-accent-soft);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:50%;color:#4f46e5;color:var(--chat-accent);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.chat-user-item.active .chat-user-avatar{background:#4f46e5;background:var(--chat-accent);border-color:#0000;color:#fff}.chat-user-row{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.chat-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-user-name{color:#14151a;color:var(--chat-ink);font-size:12.5px;font-weight:600;letter-spacing:-.01em}.chat-user-name,.chat-user-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-preview{color:#6b7280;color:var(--chat-ink-soft);font-size:11px;max-width:175px}.chat-user-meta{align-items:center;display:flex;flex-shrink:0;gap:6px}.chat-call-btn{align-items:center;background:#f1f2f5;background:var(--chat-panel-sunken);border:1px solid #0000;border-radius:50%;color:#6b7280;color:var(--chat-ink-soft);display:inline-flex;font-size:12px;height:28px;justify-content:center;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),color var(--chat-fast) var(--chat-ease),border-color var(--chat-fast) var(--chat-ease);width:28px}.chat-call-btn:hover{border-color:#4f46e524;border-color:var(--chat-accent-ring)}.chat-call-btn:hover,.chat-window-header .chat-call-btn{background:#eef1fd;background:var(--chat-accent-soft);color:#4f46e5;color:var(--chat-accent)}.chat-window-header .chat-call-btn{border:1px solid #0000;border-radius:999px;border-radius:var(--chat-radius-pill);font-size:11.5px;font-weight:600;gap:5px;height:auto;padding:6px 13px;width:auto}.chat-unread-badge,.chat-window-header .chat-call-btn:hover{background:#4f46e5;background:var(--chat-accent);color:#fff}.chat-unread-badge{align-items:center;border-radius:999px;border-radius:var(--chat-radius-pill);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-xs);display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.chat-window{min-width:0}.chat-empty,.chat-window{background:#f7f8fa;background:var(--chat-bg);display:flex;flex:1 1;flex-direction:column}.chat-empty{align-items:center;color:#9aa0ac;color:var(--chat-ink-faint);font-size:13px;font-weight:500;gap:4px;justify-content:center}.chat-empty:before{border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:16px;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-sm);content:"";height:56px;margin-bottom:14px;width:56px}.chat-empty:before,.chat-window-header{background:#fff;background:var(--chat-panel)}.chat-window-header{align-items:center;border-bottom:1px solid #e7e9ee;border-bottom:1px solid var(--chat-border);color:#14151a;color:var(--chat-ink);display:flex;font-size:13.5px;font-weight:600;gap:10px;letter-spacing:-.01em;padding:13px 22px;position:relative;z-index:2}.chat-window-header-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.chat-icon-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--chat-radius-sm);color:#6b7280;color:var(--chat-ink-soft);cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;padding:7px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),color var(--chat-fast) var(--chat-ease)}.chat-icon-btn:hover:not(:disabled){background:#f6f7f9;background:var(--chat-panel-raised);color:#14151a;color:var(--chat-ink)}.chat-icon-btn:disabled{cursor:not-allowed;opacity:.4}.chat-message-search{align-items:center;animation:chat-slide-down .2s cubic-bezier(.4,0,.2,1);animation:chat-slide-down var(--chat-med) var(--chat-ease);background:#fff;background:var(--chat-panel);border-bottom:1px solid #e7e9ee;border-bottom:1px solid var(--chat-border);display:flex;gap:10px;padding:10px 22px}@keyframes chat-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-message-search input{background:#f6f7f9;background:var(--chat-panel-raised);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:999px;border-radius:var(--chat-radius-pill);color:#14151a;color:var(--chat-ink);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-family:var(--chat-font);font-size:12px;outline:none;padding:7px 14px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--chat-fast) var(--chat-ease),box-shadow var(--chat-fast) var(--chat-ease),background var(--chat-fast) var(--chat-ease)}.chat-message-search input:focus{background:#fff;background:var(--chat-panel);border-color:#4f46e5;border-color:var(--chat-accent);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--chat-accent-ring)}.chat-message-search-count{color:#4f46e5;color:var(--chat-accent);font-size:10.5px;font-weight:600;white-space:nowrap}.chat-messages{background:#f7f8fa;background:var(--chat-bg);display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:20px 22px}.chat-message-row{animation:chat-msg-in .2s cubic-bezier(.4,0,.2,1);animation:chat-msg-in var(--chat-med) var(--chat-ease);display:flex;width:100%}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-row.sent{justify-content:flex-end}.chat-message-row.received{justify-content:flex-start}.chat-bubble{word-wrap:break-word;align-items:flex-end;border-radius:12px;border-radius:var(--chat-radius);column-gap:8px;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12.5px;line-height:1.45;max-width:50%;padding:8px 11px;row-gap:2px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--chat-fast) var(--chat-ease);width:-webkit-fit-content;width:fit-content}.chat-bubble.sent{background:#4f46e5;background:var(--chat-sent-bg);border-bottom-right-radius:4px;box-shadow:0 2px 6px #4f46e52e;box-shadow:var(--chat-shadow-bubble-sent);color:#fff;color:var(--chat-sent-ink)}.chat-bubble.received{background:#fff;background:var(--chat-received-bg);border:1px solid #e7e9ee;border:1px solid var(--chat-received-border);border-bottom-left-radius:4px;box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--chat-shadow-bubble-received);color:#14151a;color:var(--chat-ink)}.chat-bubble-text{flex:1 1 auto;letter-spacing:.1px;min-width:0;white-space:pre-wrap;word-break:break-word}.chat-bubble-meta{font-feature-settings:"tnum";align-items:center;display:inline-flex;flex-shrink:0;font-size:9px;font-variant-numeric:tabular-nums;gap:3px;margin-left:auto;opacity:.8;white-space:nowrap}.chat-bubble.sent .chat-bubble-meta{color:#fff;color:var(--chat-sent-ink)}.chat-bubble.received .chat-bubble-meta{color:#6b7280;color:var(--chat-ink-soft)}.chat-ticks{align-items:center;color:#ffffffad;color:var(--chat-tick-sent);display:inline-flex;font-size:9px;margin-left:2px}.chat-ticks--read{color:#7dd3fc;color:var(--chat-tick-read)}.chat-bubble--highlight{outline:2px solid #4f46e5;outline:2px solid var(--chat-accent);outline-offset:2px}.chat-media-image{border-radius:8px;border-radius:var(--chat-radius-sm);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-xs);cursor:zoom-in;display:block;margin-bottom:5px;max-width:220px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:transform var(--chat-fast) var(--chat-ease),box-shadow var(--chat-fast) var(--chat-ease)}.chat-media-image:hover{box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-sm);transform:scale(1.02)}.chat-media-video{border-radius:8px;border-radius:var(--chat-radius-sm)}.chat-media-audio,.chat-media-video{display:block;margin-bottom:5px;max-width:220px}.chat-media-audio{height:34px}.chat-media-doc{align-items:center;background:#4f46e50f;border-radius:8px;border-radius:var(--chat-radius-sm);color:inherit;display:inline-flex;font-size:11.5px;font-weight:500;gap:8px;margin-bottom:5px;padding:8px 12px;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease)}.chat-media-doc:hover{background:#4f46e51f}.chat-bubble.sent .chat-media-doc{background:#ffffff29}.chat-bubble.sent .chat-media-doc:hover{background:#ffffff42}.chat-input-row{align-items:center;background:#fff;background:var(--chat-panel);border-top:1px solid #e7e9ee;border-top:1px solid var(--chat-border);display:flex;gap:10px;padding:14px 22px}.chat-input-row input{background:#f6f7f9;background:var(--chat-panel-raised);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:999px;border-radius:var(--chat-radius-pill);color:#14151a;color:var(--chat-ink);flex:1 1;font-size:12.5px;outline:none;padding:11px 16px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--chat-fast) var(--chat-ease),box-shadow var(--chat-fast) var(--chat-ease),background var(--chat-fast) var(--chat-ease)}.chat-input-row input::placeholder{color:#9aa0ac;color:var(--chat-ink-faint)}.chat-input-row input:focus{background:#fff;background:var(--chat-panel);border-color:#4f46e5;border-color:var(--chat-accent);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--chat-accent-ring)}.chat-input-row input:disabled{opacity:.6}.chat-input-row button{align-items:center;background:#4f46e5;background:var(--chat-accent);border:none;border-radius:999px;border-radius:var(--chat-radius-pill);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-xs);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12.5px;font-weight:600;gap:6px;height:40px;padding:0 18px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),transform var(--chat-fast) var(--chat-ease),box-shadow var(--chat-fast) var(--chat-ease)}.chat-input-row button:hover:not(:disabled){background:#4338ca;background:var(--chat-accent-hover);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-sm);transform:translateY(-1px)}.chat-input-row button:active:not(:disabled){background:#3730a3;background:var(--chat-accent-active);box-shadow:none;transform:translateY(0)}.chat-input-row button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.chat-input-row button svg{flex-shrink:0;height:13px;width:13px}.chat-input-row .chat-mic-btn{align-items:center;background:#eef1fd;background:var(--chat-accent-soft);border:1px solid #0000;border-radius:50%;box-shadow:none;color:#4f46e5;color:var(--chat-accent);display:inline-flex;flex-grow:0;flex-shrink:0;height:40px;justify-content:center;line-height:1;min-width:40px;overflow:visible;padding:0;position:relative;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),color var(--chat-fast) var(--chat-ease),transform var(--chat-fast) var(--chat-ease);width:40px;z-index:1}.chat-input-row .chat-mic-btn svg{fill:none;stroke:currentColor;color:currentColor;display:block;height:17px;width:17px}.chat-mic-btn:hover:not(:disabled){background:#4f46e5;background:var(--chat-accent);color:#fff;transform:translateY(-1px)}.chat-mic-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.chat-attach-wrap{flex-shrink:0;position:relative}.chat-attach-wrap>.chat-icon-btn{background:#f6f7f9;background:var(--chat-panel-raised);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:50%;color:#6b7280;color:var(--chat-ink-soft);height:40px;min-width:40px;padding:0;width:40px}.chat-attach-wrap>.chat-icon-btn svg{height:16px;width:16px}.chat-attach-wrap>.chat-icon-btn:hover:not(:disabled){background:#eef1fd;background:var(--chat-accent-soft);border-color:#4f46e524;border-color:var(--chat-accent-ring);color:#4f46e5;color:var(--chat-accent);transform:translateY(-1px)}.chat-attach-menu{animation:chat-menu-in .2s cubic-bezier(.4,0,.2,1);animation:chat-menu-in var(--chat-med) var(--chat-ease);background:#fff;background:var(--chat-panel);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:12px;border-radius:var(--chat-radius);bottom:50px;box-shadow:0 12px 32px #0f172a1f;box-shadow:var(--chat-shadow-lg);display:flex;flex-direction:column;left:0;min-width:185px;overflow:hidden;padding:6px;position:absolute;transform-origin:bottom left;z-index:20}@keyframes chat-menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-attach-menu button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--chat-radius-sm);color:#14151a;color:var(--chat-ink);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-family:var(--chat-font);font-size:12px;font-weight:500;gap:10px;padding:8px 9px;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease)}.chat-attach-menu button svg{border-radius:50%;box-sizing:initial;flex-shrink:0;height:26px;padding:6px;width:26px}.chat-attach-menu button:first-child svg{background:#f3e8ff;color:#9333ea}.chat-attach-menu button:nth-child(2) svg{background:#dbeafe;color:#2563eb}.chat-attach-menu button:nth-child(3) svg{background:#ffe4e6;color:#e11d48}.chat-attach-menu button:hover{background:#f6f7f9;background:var(--chat-panel-raised)}.chat-attach-menu button+button{margin-top:1px}.chat-input-row--recording{align-items:center;display:flex;gap:11px;padding:12px 22px}.chat-recording-dot{animation:chat-pulse 1.1s infinite;background:#e11d48;background:var(--chat-recording);border-radius:50%;box-shadow:0 0 0 4px #e11d4824;flex-shrink:0;height:8px;width:8px}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-recording-time{font-feature-settings:"tnum";color:#14151a;color:var(--chat-ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.chat-recording-label{color:#6b7280;color:var(--chat-ink-soft);flex:1 1;font-size:12px}.chat-send-recording-btn{align-items:center;background:#4f46e5;background:var(--chat-accent);border:none;border-radius:999px;border-radius:var(--chat-radius-pill);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--chat-shadow-xs);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:8px 17px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),transform var(--chat-fast) var(--chat-ease)}.chat-send-recording-btn:hover{background:#4338ca;background:var(--chat-accent-hover);transform:translateY(-1px)}.chat-date-divider{display:flex;justify-content:center;margin:10px 0}.chat-date-divider span{background:#fff;background:var(--chat-panel);border:1px solid #e7e9ee;border:1px solid var(--chat-border);border-radius:999px;border-radius:var(--chat-radius-pill);color:#6b7280;color:var(--chat-ink-soft);font-size:10.5px;font-weight:600;padding:5px 12px}.chat-video-recording-bar{background:#0b0d14;border-top:1px solid #e7e9ee;border-top:1px solid var(--chat-border);padding:14px 22px}.chat-video-preview{background:#000;border-radius:12px;border-radius:var(--chat-radius);box-shadow:0 12px 32px #0f172a1f;box-shadow:var(--chat-shadow-lg);display:block;max-height:220px;width:100%}.chat-video-recording-actions{align-items:center;color:#fff;display:flex;font-size:12px;gap:10px;margin-top:10px}.chat-video-recording-actions .chat-icon-btn{color:#fff}.chat-video-recording-actions .chat-icon-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.chat-messages,.chat-user-list{scroll-behavior:smooth;scrollbar-color:#d8dbe3 #0000;scrollbar-color:var(--chat-border-strong) #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar,.chat-user-list::-webkit-scrollbar{height:6px;width:6px}.chat-messages::-webkit-scrollbar-thumb,.chat-user-list::-webkit-scrollbar-thumb{background:#d8dbe3;background:var(--chat-border-strong);border-radius:999px;border-radius:var(--chat-radius-pill)}.chat-messages::-webkit-scrollbar-track,.chat-user-list::-webkit-scrollbar-track{background:#0000}.chat-typing-indicator{align-items:center;display:inline-flex;gap:4px;padding:9px 13px}.chat-typing-indicator span{animation:chat-typing-bounce 1.2s ease-in-out infinite;background:#4f46e5;background:var(--chat-accent);border-radius:50%;height:5px;opacity:.5;width:5px}.chat-typing-indicator span:nth-child(2){animation-delay:.15s}.chat-typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-lightbox-overlay{align-items:center;animation:chat-fade-in .2s cubic-bezier(.4,0,.2,1);animation:chat-fade-in var(--chat-med) var(--chat-ease);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c14db;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes chat-fade-in{0%{opacity:0}to{opacity:1}}.chat-lightbox-image{animation:chat-scale-in .2s cubic-bezier(.4,0,.2,1);animation:chat-scale-in var(--chat-med) var(--chat-ease);border-radius:12px;border-radius:var(--chat-radius);box-shadow:0 12px 32px #0f172a1f;box-shadow:var(--chat-shadow-lg);cursor:default;max-height:90vh;max-width:90vw}@keyframes chat-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.chat-lightbox-close{background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:38px;position:absolute;right:26px;top:20px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease),transform var(--chat-fast) var(--chat-ease);width:38px}.chat-lightbox-close:hover{background:#ffffff38;transform:rotate(90deg)}.chat-attach-menu button:focus-visible,.chat-call-btn:focus-visible,.chat-contact-search input:focus-visible,.chat-icon-btn:focus-visible,.chat-input-row button:focus-visible,.chat-input-row input:focus-visible,.chat-message-search input:focus-visible,.chat-mic-btn:focus-visible,.chat-user-item:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--chat-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chat-attach-menu,.chat-lightbox-image,.chat-lightbox-overlay,.chat-message-row,.chat-message-search,.chat-recording-dot,.chat-typing-indicator span{animation:none}.chat-bubble,.chat-call-btn,.chat-icon-btn,.chat-input-row button,.chat-media-image,.chat-mic-btn{transition:none}.chat-messages,.chat-user-list{scroll-behavior:auto}}.chat-menu-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--chat-radius-sm);color:#14151a;color:var(--chat-ink);cursor:pointer;display:none;flex-shrink:0;justify-content:center;margin-right:4px;padding:7px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--chat-fast) var(--chat-ease)}.chat-menu-btn:hover{background:#f6f7f9;background:var(--chat-panel-raised)}@media (max-width:1024px){.chat-user-list{width:260px}.chat-bubble{max-width:62%}}@media (max-width:800px){.chat-page{flex-direction:column;overflow:hidden;position:relative}.chat-user-list,.chat-window{height:100%;max-height:none;width:100%}.chat-user-list{border-bottom:none;border-right:none}.chat-page--chat .chat-user-list,.chat-page--list .chat-window{display:none}.chat-page--chat .chat-window,.chat-page--list .chat-user-list{display:flex}.chat-menu-btn{display:inline-flex}.chat-bubble{font-size:11.5px;max-width:80%}.chat-messages{padding:14px 12px}.chat-input-row,.chat-message-search,.chat-window-header{padding-left:14px;padding-right:14px}.chat-input-row{padding-bottom:10px;padding-top:10px}.chat-attach-menu{min-width:170px}}@media (max-width:420px){.chat-bubble{font-size:11px;max-width:86%}.chat-input-row button{font-size:11.5px;height:38px;padding:0 15px}.chat-attach-wrap>.chat-icon-btn,.chat-mic-btn{height:38px;min-width:38px;width:38px}}@media (min-width:801px){.chat-menu-btn{display:none!important}.chat-user-list,.chat-window{display:flex!important}}.stg-page{background:#f5f6fa;display:flex;flex-direction:column;gap:14px;min-height:100vh;padding:18px 22px}.stg-toast{animation:slideDown .2s ease;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-weight:500}.stg-error-banner,.stg-toast{align-items:center;display:flex;font-size:11.5px;gap:7px;padding:9px 14px}.stg-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stg-hero{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000d;flex-wrap:wrap;gap:16px;padding:16px 20px}.stg-avatar,.stg-hero{align-items:center;display:flex}.stg-avatar{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;box-shadow:0 4px 12px #6366f14d;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;transition:transform .15s,box-shadow .15s;width:50px}.stg-avatar span{color:#fff;font-size:20px;font-weight:700}.stg-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.stg-avatar[style*="cursor: pointer"]:hover{box-shadow:0 6px 16px #6366f166;transform:scale(1.04)}.stg-hero-info{flex:1 1;min-width:150px}.stg-hero-info h2{color:#1a1d23;font-size:16px;font-weight:700;margin:0 0 3px}.stg-hero-info p{color:#6b7280;flex-wrap:wrap;font-size:11.5px;margin:0 0 3px}.stg-hero-info p,.stg-last-login{align-items:center;display:flex;gap:4px}.stg-last-login{color:#9ca3af!important;font-size:10.5px!important}.stg-role-pill{background:#ede9fe;border-radius:20px;color:#6d28d9;font-size:9.5px;font-weight:600;padding:2px 7px}.stg-hero-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.stg-status-pill{border-radius:20px;font-size:10.5px;font-weight:600;padding:3px 10px}.stg-status-pill.active{background:#dcfce7;color:#15803d}.stg-status-pill.inactive{background:#fee2e2;color:#b91c1c}.stg-edit-btn{align-items:center;background:#fff;border:1.5px solid #6366f1;border-radius:7px;color:#6366f1;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:5px;height:28px;padding:0 14px;transition:background .15s}.stg-edit-btn:hover{background:#eef2ff}.stg-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stg-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.stg-card-header{align-items:center;background:#fafafa;border-bottom:1.5px solid #f3f4f6;display:flex;gap:7px;padding:10px 16px}.stg-card-header svg{color:#6366f1;height:15px;width:15px}.stg-card-header h3{color:#1a1d23;flex:1 1;font-size:12px;font-weight:600;margin:0}.stg-info-row{align-items:center;border-bottom:1px solid #f9fafb;display:flex;gap:10px;min-width:0;padding:9px 16px;transition:background .12s}.stg-info-row:last-child{border-bottom:none}.stg-info-row:hover{background:#fafafa}.stg-info-grid{display:grid;grid-template-columns:repeat(2,1fr)}.stg-info-grid .stg-info-row{border-bottom:1px solid #f9fafb}.stg-info-grid .stg-info-row:nth-child(odd){border-right:1px solid #f9fafb}.stg-info-grid .stg-info-row:nth-last-child(-n+2){border-bottom:none}@media (max-width:480px){.stg-info-grid{grid-template-columns:1fr}.stg-info-grid .stg-info-row:nth-child(odd){border-right:none}.stg-info-grid .stg-info-row:nth-last-child(-n+2){border-bottom:1px solid #f9fafb}.stg-info-grid .stg-info-row:last-child{border-bottom:none}}.stg-link-row{align-items:center;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;gap:10px;padding:9px 16px;text-decoration:none;transition:background .12s}.stg-link-row:last-child{border-bottom:none}.stg-link-row:hover{background:#f5f3ff}.stg-link-row:hover .stg-chevron{color:#6366f1}.stg-info-icon{align-items:center;background:#f3f4f6;border-radius:7px;color:#6b7280;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.stg-info-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.stg-info-label{color:#9ca3af;font-size:9.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stg-info-value{color:#374151;font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stg-chevron{color:#d1d5db;height:15px;transition:color .12s;width:15px}.stg-badge{border-radius:20px;font-size:9.5px;font-weight:600;padding:2px 8px;white-space:nowrap}.stg-badge--ok{background:#dcfce7;color:#15803d}.stg-badge--warn{background:#fef9c3;color:#a16207}.stg-badge--info{background:#dbeafe;color:#1d4ed8}.stg-notif-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:9.5px;font-weight:700;padding:1px 6px}.stg-mark-all-btn{background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;font-size:10.5px;font-weight:500;margin-left:auto;padding:2px 5px}.stg-mark-all-btn:hover{background:#eef2ff}.stg-notif-list{display:flex;flex-direction:column}.stg-notif-item{align-items:flex-start;border-bottom:1px solid #f9fafb;display:flex;gap:10px;padding:9px 16px;transition:background .12s}.stg-notif-item:last-child{border-bottom:none}.stg-notif-item.unread{background:#fafffe}.stg-notif-item:hover{background:#f9fafb}.stg-notif-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:7px;margin-top:4px;width:7px}.stg-notif-item.unread .stg-notif-dot{background:#6366f1}.stg-notif-body{flex:1 1}.stg-notif-title{color:#1a1d23;font-size:11.5px;font-weight:600;margin:0 0 2px}.stg-notif-msg{color:#6b7280;font-size:10.5px;margin:0 0 3px}.stg-notif-time{color:#9ca3af;font-size:10px}.stg-notif-empty{color:#9ca3af;padding:24px 16px;text-align:center}.stg-notif-empty p{font-size:11px;margin:6px 0 0}.stg-form{gap:10px;padding:12px 16px}.stg-form,.stg-form-group{display:flex;flex-direction:column}.stg-form-group{gap:4px}.stg-form-group label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stg-form-group input{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:7px;color:#111827;font-size:11.5px;height:32px;outline:none;padding:0 10px;transition:border-color .15s,box-shadow .15s}.stg-form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.stg-pw-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;display:flex;font-size:11px;gap:5px;padding:7px 10px}.stg-form-actions{display:flex;flex-wrap:wrap;gap:8px}.stg-save-btn{align-items:center;background:#6366f1;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:5px;height:30px;padding:0 16px;transition:background .15s}.stg-save-btn:hover:not(:disabled){background:#4f46e5}.stg-save-btn:disabled{cursor:not-allowed;opacity:.6}.stg-cancel-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:5px;height:30px;padding:0 14px;transition:background .15s}.stg-cancel-btn:hover{background:#f9fafb}.stg-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:10px;justify-content:center;padding:56px 16px}.stg-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.stg-photo-modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#111827bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stg-photo-modal{align-items:center;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:14px;position:relative}.stg-photo-modal-img{border-radius:8px;display:block;max-height:75vh;max-width:80vw;object-fit:contain}.stg-photo-modal-name{color:#1a1d23;font-size:12px;font-weight:600;margin:10px 0 0}.stg-photo-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s;width:26px}.stg-photo-modal-close:hover{background:#e5e7eb}@media (max-width:768px){.stg-page{padding:12px}.stg-hero{flex-direction:column}.stg-hero,.stg-hero-right{align-items:flex-start}.stg-grid{grid-template-columns:1fr}.stg-photo-modal-img{max-height:65vh;max-width:90vw}}.st-staff-layout{background:#f8fafc;display:flex;height:100vh;overflow:hidden}.st-staff-main{height:100vh}.st-staff-main,.st-staff-page{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.st-staff-page{background:#f8fafc;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif;min-height:0;padding:14px 18px;width:100%}.st-stats-grid{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px;width:100%}.st-stat-card{align-items:center;background:#fff;border:1px solid #e8eaf1;border-radius:10px;box-shadow:0 1px 1px #0f172a08,0 2px 6px #0f172a0a,0 10px 24px -12px #0f172a1f;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;height:42px;justify-content:center;min-width:0;overflow:hidden;padding:8px 10px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease;width:100%}.st-stat-card:before{background:#4361ee;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.st-stat-card--green:before{background:#2ec4b6}.st-stat-card--red:before{background:#e76f51}.st-stat-card--amber:before{background:#f59e0b}.st-stat-card:hover{box-shadow:0 1px 1px #0f172a08,0 4px 10px #0f172a0f,0 16px 30px -12px #0f172a2e;transform:translateY(-2px)}.st-stat-icon{align-items:center;background:#eef1fe;border-radius:6px;color:#4361ee;display:flex;flex-shrink:0;font-size:10px;height:13px;justify-content:center;width:13px}.st-stat-card--green .st-stat-icon{background:#e0faf7;color:#2ec4b6}.st-stat-card--red .st-stat-icon{background:#fdece5;color:#e76f51}.st-stat-card--amber .st-stat-icon{background:#fef3c7;color:#b45309}.st-stat-text{align-items:center;display:flex;flex-direction:column;gap:1px;justify-content:center;min-width:0;width:100%}.st-stat-label{color:#9298ac;font-size:6.5px;letter-spacing:.04em;order:2;text-transform:uppercase;white-space:nowrap}.st-stat-label,.st-stat-value{font-weight:700;text-align:center}.st-stat-value{font-feature-settings:"tnum";color:#0f172a;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.1;order:1}.st-stat-value.green{color:#15803d}.st-stat-value.red{color:#dc2626}.st-stat-value.amber{color:#b45309}.st-staff-row-clickable{cursor:pointer}.st-staff-view-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.st-staff-view-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-height:86vh;max-width:92vw;overflow-y:auto;padding:20px;position:relative;width:460px}.st-staff-view-modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:20px;line-height:1;position:absolute;right:12px;top:10px}.st-view-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.st-view-avatar-img{border-radius:50%;height:52px;object-fit:cover;width:52px}.st-avatar-lg{font-size:16px;height:52px;width:52px}.st-view-name{font-size:15px;margin:0 0 2px}.st-view-subtitle{color:#6b7280;font-size:11.5px;margin:0 0 5px}.st-view-section{margin-top:12px}.st-view-section-title{color:#9ca3af;font-size:10px;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.st-view-grid{grid-gap:3px 14px;display:grid;gap:3px 14px;grid-template-columns:1fr 1fr}.st-view-row{border-bottom:1px solid #f3f4f6;padding:5px 0}.st-view-row-full{grid-column:1/-1}.st-view-label{color:#9ca3af;display:block;font-size:10px}.st-view-value{color:#111827;font-size:12px;font-weight:500}.st-view-badges{display:flex;gap:6px;margin-top:6px}.st-view-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.st-toolbar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-bottom:10px}.st-toolbar-actions{margin-left:auto}.st-search-wrap,.st-toolbar-actions{align-items:center;display:flex;gap:6px}.st-search-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;flex:1 1;height:28px;max-width:300px;min-width:180px;padding:0 10px;transition:border-color .2s,box-shadow .2s}.st-search-wrap:focus-within{border-color:#0a1e4d;box-shadow:0 0 0 3px #e6ebf5}.st-search-icon{color:#94a3b8;flex-shrink:0;height:13px;width:13px}.st-search-wrap input{background:#0000;border:none;color:#0f172a;font-size:11px;outline:none;width:100%}.st-search-wrap input::placeholder{color:#94a3b8}.st-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:0}.st-search-clear:hover{color:#475569}.st-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;height:28px;padding:0 11px;transition:opacity .15s,background-color .15s,transform .12s,box-shadow .15s;white-space:nowrap}.st-btn:hover{opacity:.9}.st-btn-ghost{background:#fff;border:1px solid #0a1e4d;color:#0a1e4d}.st-btn-ghost:hover{background:#eef1f7;border-color:#0a1e4d;opacity:1}.st-btn-ghost--active{border-color:#0a1e4d}.st-btn-add,.st-btn-ghost--active{background:#0a1e4d;color:#fff}.st-btn-add:hover{background:#0c2660;box-shadow:0 6px 14px #0a1e4d4d;transform:translateY(-1px)}.st-btn-icon{font-size:14px;line-height:1}.st-btn-sm{font-size:10.5px;height:24px;padding:0 9px}.st-filter-wrap{position:relative}.st-filter-badge{align-items:center;background:#0a1e4d;border-radius:50%;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;margin-left:2px;width:14px}.st-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 8px 24px #0000001a;min-width:210px;padding:12px;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.st-filter-section{margin-bottom:10px}.st-filter-section:last-of-type{margin-bottom:0}.st-filter-label{color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.st-filter-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:11.5px;gap:6px;margin-bottom:5px;-webkit-user-select:none;user-select:none}.st-filter-option input[type=checkbox]{accent-color:#0a1e4d;cursor:pointer;flex-shrink:0;height:13px;width:13px}.st-filter-actions{border-top:1px solid #f1f5f9;display:flex;gap:6px;justify-content:flex-end;margin-top:10px;padding-top:9px}.st-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.st-table-card::-webkit-scrollbar{height:5px;width:5px}.st-table-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.st-table-card table{border-collapse:collapse;font-size:11.5px;min-width:860px;width:100%}.st-table-card thead,.st-table-card thead tr,.st-table-card thead tr th{background:#0a1e4d!important;position:-webkit-sticky;position:sticky;top:0;z-index:2}.st-table-card th{color:#fff!important;font-size:9.5px;font-weight:700;letter-spacing:.05em;padding:7px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.st-table-card td{border-top:1px solid #f1f5f9;color:#475569;padding:5px 12px;vertical-align:middle}.st-table-card tbody tr{transition:background .15s}.st-table-card tbody tr:nth-child(odd){background:#fff}.st-table-card tbody tr:nth-child(2n){background:#eef1f7}.st-table-card tbody tr:hover{background:#dfe6f5}.st-cell-muted{color:#94a3b8;font-size:10.5px}.st-name-cell{gap:8px}.st-avatar,.st-name-cell{align-items:center;display:flex}.st-avatar{border-radius:50%;flex-shrink:0;font-size:10px;font-weight:600;height:26px;justify-content:center;width:26px}.av-blue{background:#e6f1fb;color:#185fa5}.av-green{background:#eaf3de;color:#3b6d11}.av-amber{background:#faeeda;color:#854f0b}.av-purple{background:#eeedfe;color:#534ab7}.av-red{background:#fcebeb;color:#a32d2d}.av-teal{background:#e1f5ee;color:#0f6e56}.av-pink{background:#fbeaf0;color:#993556}.st-staff-name{color:#0f172a;font-size:11.5px;font-weight:600;line-height:1.3}.st-staff-email{color:#94a3b8;font-size:10px;line-height:1.35}.st-role-pill{background:#e6f1fb;border:1px solid #b5d4f4;color:#185fa5}.st-badge,.st-role-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px;white-space:nowrap}.st-badge{gap:4px}.st-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:4px;width:4px}.st-badge-success{background:#eaf3de;border:1px solid #c0dd97;color:#3b6d11}.st-staff-photo-modal-overlay{align-items:center;background:#111827bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.st-staff-photo-modal{align-items:center;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:14px;position:relative}.st-staff-photo-modal-img{border-radius:9px;display:block;max-height:75vh;max-width:80vw;object-fit:contain}.st-staff-photo-modal-name{color:#1a1d23;font-size:12.5px;font-weight:600;margin:10px 0 0}.st-staff-photo-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .15s;width:26px}.st-staff-photo-modal-close:hover{background:#e5e7eb}.st-badge-danger{background:#fcebeb;border:1px solid #f7c1c1;color:#a32d2d}.st-badge-warning{background:#faeeda;border:1px solid #fac775;color:#854f0b}.st-actions-dropdown{display:inline-block;position:relative}.st-actions-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:4px;height:24px;padding:0 10px;transition:all .15s}.st-actions-trigger--open,.st-actions-trigger:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.st-actions-trigger svg{transition:transform .15s ease}.st-actions-trigger--open svg{transform:rotate(180deg)}.st-actions-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 20px #0f172a1f;display:flex;flex-direction:column;gap:2px;min-width:120px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.st-actions-menu-item{align-items:center;background:#0000;border:none;border-radius:5px;color:#374151;cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:7px;padding:6px 8px;text-align:left;transition:background .12s,color .12s;width:100%}.st-actions-menu-item svg{flex-shrink:0}.st-actions-menu-item--edit:hover{background:#e6f1fb;color:#185fa5}.st-actions-menu-item--delete{color:#a32d2d}.st-actions-menu-item--delete:hover{background:#fcebeb;color:#a32d2d}.st-actions-menu-divider{background:#f1f5f9;height:1px;margin:2px 0}.st-staff-avatar-img{border-radius:50%;display:block;height:28px;object-fit:cover;width:28px}.st-staff-avatar-img--clickable{cursor:pointer}.st-empty-state{color:#94a3b8;padding:40px 20px;text-align:center}.st-empty-icon{font-size:26px;margin-bottom:9px}.st-empty-title{color:#475569;font-size:13px;font-weight:600;margin-bottom:5px}.st-empty-body{color:#94a3b8;font-size:11.5px;margin-bottom:16px}.st-loading-spinner{animation:st-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e4d;height:22px;margin:0 auto 10px;width:22px}@keyframes st-spin{to{transform:rotate(1turn)}}.st-table-footer{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-top:10px;padding:0 2px}.st-table-footer--paginated{flex-wrap:wrap;gap:8px}.st-pagination-controls{align-items:center;display:flex;gap:4px}.st-pagination-page-label{color:#374151;font-size:12px;padding:0 6px}.st-footer-count{color:#94a3b8;font-size:10.5px}@media (max-width:768px){.st-staff-page{padding:12px}.st-stats-grid{-ms-overflow-style:none;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.st-stats-grid::-webkit-scrollbar{display:none}.st-stat-card{border-radius:9px;flex:0 0 100px;height:42px;max-width:100px;min-width:100px;padding:7px}.st-stat-icon{font-size:10px;height:18px;width:18px}.st-stat-value{font-size:12px}.st-stat-label{font-size:6px}.st-toolbar{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px}.st-toolbar-actions{display:contents}.st-search-wrap{flex:1 1 100%;height:34px;max-width:none;min-width:0;order:1}.st-filter-wrap{flex-basis:calc(33.33% - 6px);flex-grow:1;flex-shrink:1;order:2}.st-filter-wrap .st-btn{height:32px;justify-content:center;width:100%}.st-toolbar-actions>.st-btn-add,.st-toolbar-actions>.st-btn-ghost{flex-basis:calc(33.33% - 6px);flex-grow:1;flex-shrink:1;font-size:10.5px;height:32px;justify-content:center;order:3;padding:0 6px}.st-filter-dropdown{left:0;max-width:320px;right:auto;width:calc(100vw - 24px)}.st-filter-section{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:1fr 1fr}.st-filter-label{grid-column:1/-1}.st-filter-option{font-size:10.5px;margin-bottom:0}.st-table-card{-webkit-overflow-scrolling:touch;border-radius:10px;position:relative}.st-table-card table{font-size:11px;min-width:720px}.st-table-card th{font-size:9px;padding:8px 10px}.st-table-card td{padding:8px 10px}.st-actions-trigger{font-size:10.5px;height:28px;padding:0 10px}.st-actions-menu{min-width:130px}.st-actions-menu-item{font-size:12px;padding:8px 10px}.st-view-modal{padding:16px;width:94vw}.st-view-grid{gap:2px 0;grid-template-columns:1fr}}@media (max-width:480px){.st-staff-page{padding:10px}.st-stats-grid{-ms-overflow-style:none;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:7px;margin:0 0 10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.st-stats-grid::-webkit-scrollbar{display:none}.st-stat-card{flex:0 0 88px;gap:3px;height:45px;max-width:88px;min-width:88px;padding:6px}.st-stat-icon{border-radius:5px;font-size:9px;height:16px;width:16px}.st-stat-value{font-size:11.5px}.st-stat-label{font-size:5.5px}.st-footer-count{font-size:10px}.st-pagination-page-label{font-size:11px}.st-actions-trigger{font-size:10px;padding:0 8px}.st-toolbar-actions>.st-btn-add,.st-toolbar-actions>.st-btn-ghost{font-size:10px}.st-filter-section{grid-gap:4px 6px;display:grid;gap:4px 6px;grid-template-columns:1fr 1fr}.st-filter-label{font-size:8.5px;grid-column:1/-1}.st-filter-option{font-size:10px;margin-bottom:0}.st-filter-option input[type=checkbox]{height:12px;width:12px}}.layout{display:flex;height:100vh;overflow:hidden}.layout>:first-child{flex-shrink:0}.main{display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow-y:auto}.add-staff-page{background:linear-gradient(180deg,#f4f7fb,#eef2f7);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px;max-width:720px;width:100%}.page-title{color:#0f172a;font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin:0}.back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;height:32px;padding:0 12px;transition:all .2s ease}.field-hint{color:#9ca3af;display:block;font-size:9.5px;margin-top:3px}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.staff-form{background:#fff;border:1px solid #e6eaf0;border-radius:14px;box-shadow:0 1px 2px #0f172a08,0 10px 24px -12px #0f172a1a;margin:0 auto;max-width:720px;padding:20px 24px;width:100%}.form-section{margin-bottom:18px}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:1px solid #eef2f7;color:#378add;font-size:10px;font-weight:700;letter-spacing:.07em;margin:0 0 11px;padding-bottom:7px;position:relative;text-transform:uppercase}.section-title:before{background:#378add;border-radius:50%;content:"";display:inline-block;height:5px;margin-right:7px;vertical-align:middle;width:5px}.form-grid{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group--full{grid-column:1/-1}.form-group label{color:#64748b;font-size:9.5px;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.req{color:#ef4444;margin-left:2px}.form-group input,.form-group select{background:#fbfcfe;border:1px solid #dfe4ea;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:12px;height:34px;padding:0 11px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.form-group input::placeholder{color:#a3adba}.form-group input:hover,.form-group select:hover{border-color:#c7d0dc}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#378add;box-shadow:0 0 0 3px #378add24;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27><path d=%27M0 0l5 6 5-6z%27 fill=%27%2394a3b8%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:28px}.form-group input[type=file]{background:#fbfcfe;cursor:pointer;font-size:10.5px;height:auto;padding:6px 9px}.file-uploading{color:#378add;display:inline-block;font-size:10px;font-weight:600;margin-top:6px}.otp-row{align-items:center;display:flex;gap:6px}.otp-row input{background:#fbfcfe;border:1px solid #dfe4ea;border-radius:8px;box-sizing:border-box;color:#0f172a;flex:1 1;font-size:12px;height:34px;padding:0 11px;transition:border-color .2s ease,box-shadow .2s ease}.otp-row input:focus{border-color:#378add;box-shadow:0 0 0 3px #378add24;outline:none}.otp-btn{align-items:center;background:#e6f1fb;border:1px solid #b5d4f4;border-radius:8px;color:#185fa5;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;height:34px;justify-content:center;padding:0 13px;transition:all .2s ease;white-space:nowrap}.otp-btn:hover{background:#185fa5;border-color:#185fa5;color:#fff}.otp-btn:disabled{cursor:not-allowed;opacity:.6}.verify-btn{align-items:center;background:#eaf3de;border:1px solid #c0dd97;border-radius:8px;color:#3b6d11;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;height:34px;justify-content:center;padding:0 13px;transition:all .2s ease;white-space:nowrap}.verify-btn:hover{background:#3b6d11;border-color:#3b6d11;color:#fff}.verify-btn:disabled{cursor:not-allowed;opacity:.6}.verified-text{align-items:center;color:#3b6d11;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:5px}.permission-card{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-top:6px;padding:14px}.permission-card h3{border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.06em;margin:0 0 10px;padding-bottom:7px;text-transform:uppercase}.permission-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr)}.permission-item{align-items:center;background:#fff;border:1px solid #e6eaf0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:10.5px;font-weight:500;gap:7px;padding:7px 10px;transition:all .18s ease;-webkit-user-select:none;user-select:none}.permission-item:hover{background:#e6f1fb;border-color:#378add;box-shadow:0 4px 10px -4px #378add40;color:#185fa5;transform:translateY(-1px)}.permission-item input[type=checkbox]{accent-color:#378add;cursor:pointer;flex-shrink:0;height:13px;width:13px}.permission-item:has(input:checked){background:#e6f1fb;border-color:#a9d0f5;color:#185fa5;font-weight:600}.status-card{align-items:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;display:flex;justify-content:space-between;margin-top:10px;padding:10px 14px}.status-card label{align-items:center;color:#0f172a;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px}.status-card input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:14px;width:14px}.status-hint{color:#94a3b8;font-size:10px}.status-options{display:flex;flex-wrap:wrap;gap:8px}.status-option{align-items:center;background:#fff;border:1px solid #e6eaf0;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:6px;padding:6px 12px;transition:all .18s ease}.status-option input{display:none}.status-option:hover{border-color:#cbd5e1}.status-option--selected{background:#eef6fd;border-color:#378add;color:#185fa5}.status-dot-sm{background:#94a3b8;border-radius:50%;height:7px;width:7px}.status-dot-sm--active{background:#16a34a}.status-dot-sm--deactive{background:#f59e0b}.status-dot-sm--block-listed{background:#ef4444}.button-row{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:14px}.cancel-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;height:34px;padding:0 15px;transition:all .2s ease}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.save-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px -2px #16a34a66;color:#fff;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;height:34px;padding:0 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px -4px #16a34a73;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:900px){.staff-form{max-width:100%}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.add-staff-page{padding:12px}.staff-form{padding:16px}.form-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.button-row{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}.page-header{flex-wrap:wrap;gap:8px}.page-title{font-size:14px}.back-btn{font-size:10px;padding:0 10px}.otp-row{flex-wrap:wrap}.otp-row input{flex:1 1 100%}.otp-row .otp-btn,.otp-row .verify-btn{flex:1 1}.status-card{align-items:flex-start;flex-direction:column;gap:8px}.status-options{width:100%}.status-option{flex:1 1 auto;justify-content:center}}@media (max-width:480px){.add-staff-page{padding:8px}.staff-form{border-radius:12px;padding:12px}.form-section{margin-bottom:14px}.permission-card{padding:10px}.permission-item{font-size:10px;padding:6px 9px}.otp-row{gap:5px}.otp-btn,.verify-btn{font-size:10px;padding:0 10px}}.lgl-page{background:#f4f5f9;min-height:100%;padding:24px 28px}.lgl-back-btn{align-items:center;background:#fff;border:1px solid #e2e2ea;border-radius:9px;color:#3a3f4b;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;margin-bottom:16px;padding:7px 12px}.lgl-back-btn:hover{background:#f7f7fa}.lgl-card{background:#fff;border:1px solid #ececf1;border-radius:14px;box-shadow:0 1px 2px #10182808;max-width:760px;overflow:hidden}.lgl-card-header{align-items:center;background:#fafafc;border-bottom:1px solid #ececf1;color:#6c63ff;display:flex;gap:10px;padding:18px 22px}.lgl-card-header h2{color:#1f2230;font-size:17px;font-weight:700;margin:0}.lgl-text{padding:20px 24px 26px}.lgl-text h3{color:#1f2230;font-size:14.5px;font-weight:700;margin:18px 0 6px}.lgl-text h3:first-child{margin-top:0}.lgl-text p{color:#4b5563;font-size:14px;line-height:1.6;margin:0 0 4px}.lgl-faq-list{padding:6px 0}.lgl-faq-item{border-bottom:1px solid #f1f1f5;padding:16px 22px}.lgl-faq-item:last-child{border-bottom:none}.lgl-faq-q{color:#1f2230;font-size:14.5px;font-weight:700;margin:0 0 4px}.lgl-faq-a{color:#6b7280;font-size:13.5px;line-height:1.55;margin:0}.admin-layout:has(.outstanding-page){height:100vh;overflow:hidden}.admin-layout:has(.outstanding-page) .admin-main{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}:root{--out-bg:#f5f6f8;--out-surface:#fff;--out-border:#e3e6ea;--out-border-strong:#d3d8de;--out-text:#1f2430;--out-text-muted:#6b7280;--out-text-faint:#9aa1ac;--out-primary:#4f46e5;--out-primary-dark:#4338ca;--out-primary-soft:#eef2ff;--out-success:#15803d;--out-success-soft:#dcfce7;--out-danger:#b91c1c;--out-danger-soft:#fee2e2;--out-warning:#92400e;--out-warning-soft:#fef3c7;--out-navy:#03154a;--out-navy-header:#031958;--out-radius-sm:6px;--out-radius-md:8px;--out-radius-lg:10px;--out-shadow-sm:0 1px 3px #1418210d;--out-shadow-md:0 4px 14px #14182112}.outstanding-page{color:#1f2430;color:var(--out-text);display:flex;flex-direction:column;font-size:11.5px;height:100%;margin:0 auto;max-width:1320px;min-height:0;overflow:hidden;padding:16px 18px 10px;width:100%}.outstanding-stats{display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;margin-bottom:14px}.outstanding-stat{align-items:center;background:#fff;background:var(--out-surface);border:1px solid #e3e6ea;border-top:3px solid #d3d8de;border:1px solid var(--out-border);border-radius:8px;border-radius:var(--out-radius-md);border-top:3px solid var(--out-border-strong);box-shadow:0 1px 3px #1418210d;box-shadow:var(--out-shadow-sm);display:flex;flex:1 1 180px;gap:7px;justify-content:center;min-width:160px;padding:7px 10px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.outstanding-stat>div:last-child{align-items:center;display:flex;flex-direction:column}.outstanding-stat:hover{box-shadow:0 4px 14px #14182112;box-shadow:var(--out-shadow-md);transform:translateY(-2px)}.outstanding-stat--primary{border-top-color:#4f46e5;border-top-color:var(--out-primary)}.outstanding-stat:nth-child(2){border-top-color:#6366f1}.outstanding-stat:nth-child(3){border-top-color:#b91c1c;border-top-color:var(--out-danger)}.outstanding-stat-icon{align-items:center;background:#4f46e5;background:var(--out-primary);border-radius:6px;box-shadow:0 3px 8px #4f46e538;color:#fff;display:flex;flex-shrink:0;font-size:11px;height:22px;justify-content:center;width:22px}.outstanding-stat-icon--indigo{background:#6366f1;box-shadow:0 3px 8px #6366f138}.outstanding-stat-icon--danger{background:#b91c1c;background:var(--out-danger);box-shadow:0 3px 8px #b91c1c38}.outstanding-stat-label{color:#6b7280;color:var(--out-text-muted);display:block;font-size:7.5px;font-weight:700;letter-spacing:.03em;margin-bottom:1px;text-transform:uppercase}.outstanding-stat-value{color:#4338ca;color:var(--out-primary-dark);display:block;font-size:11px;font-weight:700;line-height:1.15}.outstanding-stat-value--dark{color:#1f2430;color:var(--out-text)}.outstanding-toolbar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin-bottom:8px}.outstanding-search{align-items:center;background:#fff;background:var(--out-surface);border:1.5px solid #d3d8de;border:1.5px solid var(--out-border-strong);border-radius:7px;color:#6b7280;color:var(--out-text-muted);display:flex;font-size:11px;gap:6px;height:28px;max-width:100%;padding:0 8px;transition:border-color .15s ease,box-shadow .15s ease;width:260px}.outstanding-search:focus-within{border-color:#4f46e5;border-color:var(--out-primary);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--out-primary-soft)}.outstanding-search svg{flex-shrink:0;height:13px;width:13px}.outstanding-search input{background:#0000;border:none;color:#1f2430;color:var(--out-text);flex:1 1;font-size:11px;height:100%;outline:none}.outstanding-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#9aa1ac;color:var(--out-text-faint);cursor:pointer;display:flex;padding:2px;transition:background-color .15s ease,color .15s ease}.outstanding-search-clear:hover{background:#f5f6f8;background:var(--out-bg);color:#1f2430;color:var(--out-text)}.outstanding-result-count{color:#6b7280;color:var(--out-text-muted);font-size:10.5px;font-weight:500}.date-field{align-items:center;display:flex}.date-input{background:#fff;background:var(--out-surface);border:1.5px solid #d3d8de;border:1.5px solid var(--out-border-strong);border-radius:7px;color:#1f2430;color:var(--out-text);font-family:inherit;font-size:10.5px;height:28px;outline:none;padding:0 8px;transition:border-color .16s ease,box-shadow .16s ease}.date-input:hover{border-color:#cdd3e3}.date-input:focus{border-color:#4f46e5;border-color:var(--out-primary);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--out-primary-soft)}.filter-summary{align-items:center;background:#eef2ff;background:var(--out-primary-soft);border-radius:7px;color:#6b7280;color:var(--out-text-muted);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:10.5px;gap:4px;margin-bottom:8px;padding:5px 10px}.filter-summary strong{color:#4338ca;color:var(--out-primary-dark);font-weight:700}.filter-summary-clear{background:none;border:none;color:#4f46e5;color:var(--out-primary);cursor:pointer;font-size:10.5px;font-weight:700;margin-left:6px;padding:0;text-decoration:underline}.outstanding-state{align-items:center;background:#fff;background:var(--out-surface);border:1px dashed #d3d8de;border:1px dashed var(--out-border-strong);border-radius:10px;border-radius:var(--out-radius-lg);color:#6b7280;color:var(--out-text-muted);display:flex;flex-direction:column;font-size:11.5px;gap:8px;justify-content:center;padding:36px 16px}.outstanding-spinner{animation:outstanding-spin .7s linear infinite;border:2.5px solid #e3e6ea;border-top-color:#4f46e5;border:2.5px solid var(--out-border);border-radius:50%;border-top-color:var(--out-primary);height:20px;width:20px}@keyframes outstanding-spin{to{transform:rotate(1turn)}}.outstanding-error{background:#fee2e2;background:var(--out-danger-soft);border-color:#f0c2bd;color:#b91c1c;color:var(--out-danger);flex-direction:row}.outstanding-empty-icon{color:#c7d2fe}.outstanding-empty-clear{background:#fff;background:var(--out-surface);border:1px solid #d3d8de;border:1px solid var(--out-border-strong);border-radius:6px;border-radius:var(--out-radius-sm);color:#1f2430;color:var(--out-text);cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:background-color .15s ease}.outstanding-empty-clear:hover{background:#f5f6f8;background:var(--out-bg)}.outstanding-table-wrap{background:#fff;background:var(--out-surface);border:1px solid #e3e6ea;border:1px solid var(--out-border);border-radius:10px;border-radius:var(--out-radius-lg);box-shadow:0 4px 14px #14182112;box-shadow:var(--out-shadow-md);flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.outstanding-table-wrap--scroll{-ms-overflow-style:none;scrollbar-width:none}.outstanding-table-wrap--scroll::-webkit-scrollbar{display:none}.outstanding-table{border-collapse:collapse;font-size:11.5px;width:100%}.outstanding-table thead th{background:#031958;background:var(--out-navy-header);border-bottom:2px solid #1a2a50;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.05em;padding:7px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.outstanding-table tbody td{border-bottom:1px solid #f1f2f5;padding:6px 10px;vertical-align:middle}.outstanding-table tbody tr{transition:background-color .12s ease}.outstanding-table tbody tr:nth-child(odd){background:#fff}.outstanding-table tbody tr:nth-child(2n){background:#e9eef9}.outstanding-table tbody tr:hover{background:#d6e0fa}.outstanding-table tbody tr:last-child td{border-bottom:none}.col-numeric{text-align:right}.cell-primary{align-items:center;color:#1f2430;color:var(--out-text);display:flex;font-size:11.5px;font-weight:600;gap:5px;line-height:1.3}.cell-secondary{color:#9aa1ac;color:var(--out-text-faint);font-size:10px;line-height:1.3;margin-top:1px}.cell-secondary--muted{font-style:italic}.inline-icon{color:#9aa1ac;color:var(--out-text-faint);flex-shrink:0;font-size:11px}.supplier-cell{align-items:center;display:flex;gap:8px}.supplier-avatar{border-radius:50%;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.badge,.supplier-avatar{align-items:center;font-size:10px;font-weight:700}.badge{border-radius:999px;display:inline-flex;padding:2px 8px}.badge--role{background:#eef2ff;background:var(--out-primary-soft);border:1px solid #c7d2fe;color:#4338ca;color:var(--out-primary-dark)}.amount-badge{align-items:center;border:none;border-radius:999px;cursor:default;display:inline-flex;font-size:10.5px;font-weight:700;gap:3px;padding:3px 9px;white-space:nowrap}.amount-badge--low{background:#f3f4f6;color:#374151}.amount-badge--medium{background:#fef3c7;background:var(--out-warning-soft);color:#92400e;color:var(--out-warning)}.amount-badge--high{background:#fee2e2;background:var(--out-danger-soft);color:#b91c1c;color:var(--out-danger)}.amount-edit{align-items:center;display:inline-flex;position:relative}.amount-edit-input{border:1px solid #c7d2fe;border-radius:6px;border-radius:var(--out-radius-sm);font-size:10.5px;outline:none;padding:4px 6px;text-align:right;width:84px}.amount-edit-input:focus{border-color:#4f46e5;border-color:var(--out-primary);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--out-primary-soft)}.amount-edit-error{background:#fee2e2;background:var(--out-danger-soft);border:1px solid #f0c2bd;border-radius:6px;border-radius:var(--out-radius-sm);color:#b91c1c;color:var(--out-danger);font-size:9.5px;margin-top:3px;padding:2px 7px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:5}.col-action{text-align:center}.action-btn-group{gap:5px}.action-btn-group,.update-btn{align-items:center;display:inline-flex}.update-btn{background:#eef2ff;background:var(--out-primary-soft);border:1px solid #c7d2fe;border-radius:6px;color:#4338ca;color:var(--out-primary-dark);cursor:pointer;font-size:10.5px;font-weight:700;gap:4px;padding:3px 10px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}.update-btn:hover:not(:disabled){background:#e0e7ff;box-shadow:0 3px 8px #4f46e52e}.update-btn-icon{font-size:11px}.update-btn--save{background:#dcfce7;background:var(--out-success-soft);border-color:#bbf7d0;color:#15803d;color:var(--out-success)}.update-btn--save:hover:not(:disabled){background:#bbf7d0}.update-btn--cancel{background:#f3f4f6;border-color:#e3e6ea;border-color:var(--out-border);color:#6b7280;color:var(--out-text-muted);padding:3px 7px}.update-btn--cancel:hover:not(:disabled){background:#e5e7eb}.update-btn:disabled{cursor:not-allowed;opacity:.6}.outstanding-footer-label{background:#fafbfc;color:#1f2430;color:var(--out-text);font-size:10.5px;font-weight:700;padding:8px 10px}.outstanding-footer-value{background:#fafbfc;color:#4338ca;color:var(--out-primary-dark);font-size:11.5px;font-weight:800;padding:8px 10px}.outstanding-pagination{align-items:center;background:#fff;background:var(--out-surface);border:1px solid #e3e6ea;border:1px solid var(--out-border);border-radius:8px;border-radius:var(--out-radius-md);box-shadow:0 1px 3px #1418210d;box-shadow:var(--out-shadow-sm);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:6px;padding:4px 10px}.outstanding-pagination-info{color:#6b7280;color:var(--out-text-muted);font-size:10px}.outstanding-pagination-controls{align-items:center;display:flex;gap:4px}.outstanding-page-btn{align-items:center;background:#fff;background:var(--out-surface);border:1px solid #d3d8de;border:1px solid var(--out-border-strong);border-radius:5px;color:#1f2430;color:var(--out-text);cursor:pointer;display:inline-flex;font-size:10px;font-weight:650;height:20px;justify-content:center;min-width:20px;padding:0 6px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.outstanding-page-btn:hover:not(:disabled):not(.outstanding-page-btn--active){background:#f5f6f8;background:var(--out-bg);border-color:#9aa1ac;border-color:var(--out-text-faint)}.outstanding-page-btn:disabled{cursor:not-allowed;opacity:.4}.outstanding-page-btn--active{background:#4f46e5;background:var(--out-primary);border-color:#4f46e5;border-color:var(--out-primary);color:#fff}.outstanding-page-ellipsis{color:#9aa1ac;color:var(--out-text-faint);font-size:10px;padding:0 3px}@media (min-width:481px) and (max-width:768px){.outstanding-page{padding:12px 10px 8px}.outstanding-stats{grid-gap:8px;display:grid;flex-wrap:nowrap;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.outstanding-stat{border-radius:9px;flex:none;gap:7px;min-width:0;padding:8px 9px}.outstanding-stat-icon{border-radius:6px;flex-shrink:0;font-size:11px;height:24px;width:24px}.outstanding-stat-label{font-size:7.5px;letter-spacing:.02em;line-height:1.2;margin-bottom:2px;white-space:normal}.outstanding-stat-value{font-size:11.5px}.outstanding-toolbar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr}.outstanding-search{align-items:center;box-sizing:border-box;display:flex;grid-column:span 1;height:32px;max-width:none;order:1;width:100%}.date-field.outstanding-range-field{height:32px;order:2;width:100%}.date-field{order:3;width:100%}.date-input{box-sizing:border-box;font-size:11px;height:32px;padding:0 8px;width:100%}.date-field.outstanding-range-field select.date-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:26px}.outstanding-search-clear{order:4}.outstanding-result-count{grid-column:1/3;order:5;width:100%}}@media (max-width:480px){.outstanding-page{font-size:11px;padding:10px 8px 8px}.outstanding-stats{grid-gap:6px;display:grid;flex-wrap:nowrap;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.outstanding-stat{align-items:flex-start;border-radius:9px;border-top-width:3px;flex:none;flex-direction:column;gap:5px;min-width:0;padding:7px 8px}.outstanding-stat-icon{border-radius:6px;flex-shrink:0;font-size:10px;height:22px;width:22px}.outstanding-stat-label{font-size:7px;letter-spacing:.01em;line-height:1.2;margin-bottom:1px;white-space:normal}.outstanding-stat-value{font-size:11px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outstanding-toolbar{grid-gap:5px;display:grid;gap:5px;grid-template-columns:.82fr 1.09fr 1.09fr;margin-bottom:8px;max-width:100%;width:100%}.outstanding-search{align-items:center;box-sizing:border-box;display:flex;grid-column:1/-1;height:34px;max-width:none;min-width:0;order:1;padding:0 8px;width:100%}.outstanding-search input{font-size:11px;min-width:0}.date-field.outstanding-range-field{grid-column:span 1;height:34px;min-width:0;order:2;width:100%}.date-field:not(.outstanding-range-field){grid-column:span 1;min-width:0;order:3;width:100%}.date-input{-webkit-text-fill-color:#1f2430;-webkit-text-fill-color:var(--out-text);background-color:#fff!important;background-color:var(--out-surface)!important;box-sizing:border-box;color:#1f2430!important;color:var(--out-text)!important;font-size:9.5px;height:34px;line-height:34px;min-width:0;padding:0 2px 0 5px;width:100%}.date-field:not(.outstanding-range-field) .date-input::-webkit-calendar-picker-indicator{margin:0;padding:0;transform:scale(.72)}.date-field.outstanding-range-field select.date-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;background-size:8px 5px;padding-left:5px;padding-right:16px}.date-input::-webkit-datetime-edit,.date-input::-webkit-datetime-edit-fields-wrapper{-webkit-text-fill-color:#1f2430!important;-webkit-text-fill-color:var(--out-text)!important;color:#1f2430!important;color:var(--out-text)!important;opacity:1!important}.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-text,.date-input::-webkit-datetime-edit-year-field{-webkit-text-fill-color:#1f2430!important;-webkit-text-fill-color:var(--out-text)!important;color:#1f2430!important;color:var(--out-text)!important}.date-input::-webkit-calendar-picker-indicator{filter:none;opacity:1}.outstanding-search-clear{order:4}.outstanding-result-count{font-size:10px;grid-column:1/3;order:5}.outstanding-table-wrap{border-radius:9px}.outstanding-table thead th{font-size:9px;padding:6px 8px}.outstanding-table tbody td{font-size:11px;padding:5px 8px}.supplier-avatar{font-size:9.5px;height:22px;width:22px}.amount-badge{font-size:10px;padding:3px 8px}.update-btn{font-size:9.5px;padding:3px 8px}}.outstanding-row-clickable{cursor:pointer}.outstanding-viewmodal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f1e99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.outstanding-viewmodal{background:#fff;background:var(--out-surface);border-radius:10px;border-radius:var(--out-radius-lg);box-shadow:0 20px 60px #00000047;display:flex;flex-direction:column;max-height:88vh;max-width:680px;overflow:hidden;width:100%}.outstanding-viewmodal-header{align-items:flex-start;background:linear-gradient(135deg,#03154a,#031958);background:linear-gradient(135deg,var(--out-navy) 0,var(--out-navy-header) 100%);border-bottom:1px solid #e3e6ea;border-bottom:1px solid var(--out-border);display:flex;gap:10px;justify-content:space-between;padding:14px 18px}.outstanding-viewmodal-header-left{align-items:center;display:flex;gap:10px;min-width:0}.outstanding-viewmodal-avatar{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:38px;object-fit:cover;width:38px}.outstanding-viewmodal-avatar-fallback{align-items:center;background:#ffffff1f;color:#fff;display:flex;justify-content:center}.outstanding-viewmodal-header h3{color:#fff;font-size:14px;font-weight:700;margin:0}.outstanding-viewmodal-header p{color:#ffffffb3;font-size:11px;margin:2px 0 0}.outstanding-viewmodal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.outstanding-viewmodal-action-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:6px 11px;transition:background-color .15s ease;white-space:nowrap}.outstanding-viewmodal-action-btn:hover{background:#fff3}.outstanding-viewmodal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffbf;cursor:pointer;display:inline-flex;padding:5px;transition:background-color .15s ease,color .15s ease}.outstanding-viewmodal-close:hover{background:#ffffff26;color:#fff}.outstanding-viewmodal-body{flex:1 1;overflow-y:auto;padding:16px 18px 20px}.outstanding-viewmodal-section{margin-bottom:16px}.outstanding-viewmodal-section:last-child{margin-bottom:0}.outstanding-viewmodal-section h4{border-bottom:1px solid #e3e6ea;border-bottom:1px solid var(--out-border);color:#4338ca;color:var(--out-primary-dark);font-size:10px;font-weight:700;letter-spacing:.06em;margin:0 0 8px;padding-bottom:5px;text-transform:uppercase}.outstanding-viewmodal-photos{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.outstanding-viewmodal-printwrap{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.outstanding-viewmodal-photo-card{display:flex;flex-direction:column}.outstanding-viewmodal-photo-label{color:#1f2430;color:var(--out-text);font-size:11px;font-weight:600;margin-bottom:6px}.outstanding-viewmodal-photo-card img,.outstanding-viewmodal-photo-empty{aspect-ratio:4/3;background:#f3f4f6;border:1px solid #e3e6ea;border:1px solid var(--out-border);border-radius:8px;border-radius:var(--out-radius-md);margin:0 auto;max-width:130px;object-fit:cover;width:100%}.outstanding-viewmodal-photo-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:10px;gap:5px;justify-content:center}.outstanding-viewmodal-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.outstanding-viewmodal-field{display:flex;flex-direction:column;gap:2px;min-width:0}.outstanding-viewmodal-field span{color:#6b7280;color:var(--out-text-muted);font-size:10px}.outstanding-viewmodal-field strong{color:#1f2430;color:var(--out-text);font-size:12px;font-weight:600;word-break:break-word}@media (max-width:768px){.outstanding-viewmodal-header{flex-wrap:wrap!important;gap:8px!important;padding-right:40px!important;position:relative!important}.outstanding-viewmodal-header-left{flex:1 1 100%!important;min-width:0!important}.outstanding-viewmodal-avatar{height:32px!important;width:32px!important}.outstanding-viewmodal-header h3{font-size:12.5px!important}.outstanding-viewmodal-header p{font-size:10px!important}.outstanding-viewmodal-header-actions{flex:1 1 100%!important;gap:6px!important;justify-content:flex-start!important}.outstanding-viewmodal-action-btn{font-size:10px!important;gap:3px!important;padding:5px 9px!important}.outstanding-viewmodal-close{position:absolute!important;right:16px!important;top:14px!important}.outstanding-viewmodal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.outstanding-viewmodal-photos{grid-template-columns:1fr!important}}@media (max-width:420px){.outstanding-viewmodal-grid{grid-template-columns:1fr!important}}.recycle-bin-modal,.recycle-bin-modal *,.recycle-bin-page,.recycle-bin-page *,.recycle-bin-toast{box-sizing:border-box}.recycle-bin-page{margin:0 auto;max-width:1320px;padding:28px 32px 44px;width:100%}.recycle-bin-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.recycle-bin-header h2{color:#0b1229;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.recycle-bin-subtitle{color:#8a92a3;font-size:13px;line-height:1.5}.recycle-bin-tabs{background:#f3f4f7;border-radius:11px;display:flex;gap:4px;margin-bottom:22px;max-width:100%;overflow-x:auto;padding:5px;width:-webkit-fit-content;width:fit-content}.recycle-bin-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.recycle-bin-tab:hover{color:#03154a}.recycle-bin-tab.active{background:#fff;box-shadow:0 1px 3px #03154a1f,0 1px 2px #03154a14;color:#03154a}.recycle-bin-body{min-height:200px}.recycle-bin-state{align-items:center;color:#9199a8;display:flex;font-size:13.5px;font-weight:500;gap:10px;justify-content:center;padding:70px 0}.recycle-bin-state-error{color:#c0392b}.recycle-bin-empty{flex-direction:column;gap:10px;text-align:center}.recycle-bin-empty:before{content:"🗑";font-size:28px;opacity:.35}.spinner{animation:recycle-spin .7s linear infinite;border:2.5px solid #e3e6ec;border-radius:50%;border-top-color:#03154a;height:17px;width:17px}@keyframes recycle-spin{to{transform:rotate(1turn)}}.recycle-bin-groups{display:flex;flex-direction:column;gap:22px}.recycle-bin-group-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.recycle-bin-group-label{color:#5b6472;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.recycle-bin-group-count{background:#eef1f8;border-radius:20px;color:#03154a;font-size:10px;font-weight:700;line-height:1.5;padding:2px 7px}.recycle-bin-group-line{background:linear-gradient(90deg,#e5e7ee,#0000);flex:1 1;height:1px}.recycle-bin-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.recycle-bin-card{background:#fff;border:1px solid #edeef2;border-radius:12px;box-shadow:0 1px 2px #1018280a;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;padding:12px 13px 13px;position:relative;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.recycle-bin-card:before{background:linear-gradient(90deg,#0a1f5c,#2c56c9 60%,#6d8ee8);content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0}.recycle-bin-card:hover{border-color:#e2e5ec;box-shadow:0 8px 20px #10182817;transform:translateY(-2px)}.recycle-bin-card-top{display:flex;flex-direction:column;gap:4px;min-width:0}.recycle-bin-card-title{color:#0b1229;font-size:12.5px;font-weight:700;letter-spacing:-.01em}.recycle-bin-card-code,.recycle-bin-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recycle-bin-card-code{align-items:center;background:#f3f4f7;border-radius:5px;color:#5b6472;display:inline-flex;font-family:SF Mono,Roboto Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.02em;max-width:100%;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.recycle-bin-card-meta{border-top:1px dashed #edeef2;color:#9199a8;display:flex;flex-direction:column;font-size:10px;gap:1px;line-height:1.4;padding-top:7px}.recycle-bin-card-deleted-by{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recycle-bin-card-deleted-by strong{color:#3d4451;font-weight:600}.recycle-bin-card-time{font-feature-settings:"tnum";color:#a8afbc;font-variant-numeric:tabular-nums;font-weight:500}.recycle-bin-restore-btn{background:linear-gradient(135deg,#0a1f5c,#03154a);border:none;border-radius:7px;box-shadow:0 2px 6px #03154a40;color:#fff;cursor:pointer;flex-shrink:0;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:7px 10px;transition:box-shadow .18s ease,transform .12s ease,background .18s ease;width:100%}.recycle-bin-restore-btn:hover:not(:disabled){box-shadow:0 4px 12px #03154a59;transform:translateY(-1px)}.recycle-bin-restore-btn:active:not(:disabled){transform:translateY(0)}.recycle-bin-restore-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.recycle-bin-modal-backdrop{align-items:center;animation:rb-fade-in .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b122980;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes rb-fade-in{0%{opacity:0}to{opacity:1}}.recycle-bin-modal{animation:rb-pop-in .18s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:15px;box-shadow:0 24px 60px #0b122940;max-width:calc(100vw - 32px);padding:26px;width:340px}@keyframes rb-pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.recycle-bin-modal h3{color:#0b1229;font-size:16px;font-weight:700;margin:0 0 9px}.recycle-bin-modal p{color:#767e8c;font-size:13px;line-height:1.6;margin:0 0 20px}.recycle-bin-modal-actions{display:flex;gap:10px;justify-content:flex-end}.recycle-bin-modal-actions .btn-secondary{background:#f3f4f7;border:none;border-radius:8px;color:#4b5361;cursor:pointer;font-size:12.5px;font-weight:600;padding:9px 16px;transition:background .15s ease}.recycle-bin-modal-actions .btn-secondary:hover{background:#e8e9ed}.recycle-bin-modal-actions .recycle-bin-restore-btn{padding:9px 16px;width:auto}.recycle-bin-toast{align-items:center;animation:rb-toast-in .22s cubic-bezier(.16,1,.3,1);border-radius:11px;bottom:26px;box-shadow:0 12px 32px #0000002e;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;max-width:calc(100vw - 32px);padding:13px 18px;position:fixed;right:26px;z-index:1100}@keyframes rb-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recycle-bin-toast.success{background:linear-gradient(135deg,#1e9e5a,#167a45)}.recycle-bin-toast.error{background:linear-gradient(135deg,#d64545,#b3261e)}@media (max-width:1180px){.recycle-bin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.recycle-bin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.recycle-bin-page{padding:14px 10px 24px}.recycle-bin-header{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:14px}.recycle-bin-header h2{font-size:17px}.recycle-bin-subtitle{font-size:11px}.recycle-bin-tabs{-ms-overflow-style:none;gap:3px;margin-bottom:16px;max-width:100%;overflow-x:auto;padding:4px;scrollbar-width:none;width:100%}.recycle-bin-tabs::-webkit-scrollbar{display:none}.recycle-bin-tab{flex-shrink:0;font-size:11.5px;padding:6px 13px}.recycle-bin-groups{gap:16px}.recycle-bin-group-header{gap:8px;margin-bottom:8px}.recycle-bin-group-label{font-size:9.5px}.recycle-bin-group-count{font-size:9px;padding:1px 6px}.recycle-bin-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.recycle-bin-card{border-radius:10px;gap:6px;padding:9px 9px 10px}.recycle-bin-card-title{font-size:11px}.recycle-bin-card-code{font-size:8.5px;padding:1px 5px}.recycle-bin-card-meta{font-size:9px;gap:0;padding-top:6px}.recycle-bin-restore-btn{border-radius:6px;font-size:10.5px;padding:6px 8px}.recycle-bin-state{font-size:12px;gap:8px;padding:44px 0}.recycle-bin-empty:before{font-size:22px}.recycle-bin-modal-backdrop{align-items:flex-end;padding:0}.recycle-bin-modal{border-radius:16px 16px 0 0;max-width:100%;padding:20px;width:100%}.recycle-bin-modal h3{font-size:14px}.recycle-bin-modal p{font-size:12px;margin-bottom:16px}.recycle-bin-modal-actions{flex-direction:column-reverse;gap:8px}.recycle-bin-modal-actions .btn-secondary,.recycle-bin-modal-actions .recycle-bin-restore-btn{justify-content:center;text-align:center;width:100%}.recycle-bin-toast{border-radius:9px;bottom:16px;font-size:12px;left:12px;max-width:none;padding:11px 14px;right:12px}}@media (max-width:380px){.recycle-bin-grid{grid-template-columns:1fr}}.master-page{--md-ink:#e6ecf5;--md-ink-soft:#93a3bb;--md-line:#223250;--md-surface:#0f1b30;--md-bg:#0a1424;--md-accent:#3b82f6;--md-accent-dark:#2563eb;--md-accent-soft:#16233d;--md-danger:#f2685c;--md-danger-soft:#2c1a1e;--md-warn:#e0a93d;--md-radius:8px;--md-shadow:0 1px 2px #0000004d,0 8px 24px -12px #00000080;background:var(--md-bg);color:var(--md-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;height:100%;min-height:0;overflow-y:auto;padding:24px 28px 40px}.master-page,.master-page *{box-sizing:border-box}.master-header{margin-bottom:18px}.master-header-title{align-items:center;color:var(--md-accent);display:flex;gap:8px}.master-header-title h2{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0}.master-header-subtitle{color:var(--md-ink-soft);font-size:.75rem;margin:5px 0 0}.master-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:200px 1fr}.master-tablist{align-self:start;background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius);display:flex;flex-direction:column;gap:2px;max-height:100%;overflow-y:auto;padding:6px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.master-tab{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-left:3px solid #0000;border-radius:6px;color:var(--md-ink-soft);cursor:pointer;font-size:.72rem;font-weight:500;padding:6px 9px;text-align:left;transition:background .12s ease,color .12s ease,border-color .12s ease}.master-tab--active,.master-tab:hover{background:var(--md-accent-soft);color:var(--md-accent)}.master-tab--active{border-left-color:var(--md-accent);font-weight:650}.master-panel{background:var(--md-surface);border:1px solid var(--md-line);border-radius:var(--md-radius);box-shadow:var(--md-shadow);overflow:hidden}.master-toolbar{border-bottom:1px solid var(--md-line);flex-wrap:wrap;gap:8px;padding:10px 14px}.master-search,.master-toolbar{align-items:center;display:flex}.master-search{background:var(--md-bg);border:1px solid var(--md-line);border-radius:6px;color:var(--md-ink-soft);flex:1 1 220px;gap:6px;min-width:180px;padding:6px 9px}.master-search svg{flex-shrink:0}.master-search input{background:#0000;border:none;color:var(--md-ink);font-size:.78rem;outline:none;width:100%}.master-search-clear{background:#0000;border:none;color:var(--md-ink-soft);cursor:pointer;display:flex;padding:2px}.master-search-clear:hover{color:var(--md-ink)}.master-add-btn,.master-toggle-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:550;gap:5px;white-space:nowrap}.master-toggle-btn{background:var(--md-surface);border:1px solid var(--md-line);color:var(--md-ink-soft);padding:6px 10px}.master-toggle-btn--on{background:var(--md-accent-soft);border-color:var(--md-accent);color:var(--md-accent)}.master-add-btn{background:var(--md-accent);border:1px solid var(--md-accent);color:#fff;margin-left:auto;padding:7px 12px}.master-add-btn:hover{background:var(--md-accent-dark);border-color:var(--md-accent-dark)}.master-state{align-items:center;color:var(--md-ink-soft);display:flex;flex-direction:column;font-size:.8rem;gap:8px;justify-content:center;padding:48px 18px;text-align:center}.master-spinner{animation:master-spin .7s linear infinite;border:2.5px solid var(--md-line);border-radius:50%;border-top-color:var(--md-accent);height:20px;width:20px}@keyframes master-spin{to{transform:rotate(1turn)}}.master-error{color:var(--md-danger)}.master-empty-icon{color:var(--md-line)}.master-table-wrap{overflow-x:auto}.master-table{border-collapse:collapse;font-size:.72rem;width:100%}.master-table th{background:var(--md-bg);color:var(--md-ink-soft);font-size:.62rem;font-weight:650;letter-spacing:.04em;padding:7px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.master-table td,.master-table th{border-bottom:1px solid var(--md-line)}.master-table td{color:var(--md-ink);padding:8px 12px;vertical-align:middle}.master-table tbody tr:hover{background:var(--md-bg)}.master-table tbody tr:last-child td{border-bottom:none}.master-cell-secondary{font-feature-settings:"tnum";color:var(--md-ink-soft);font-size:.68rem;font-variant-numeric:tabular-nums}.col-action{white-space:nowrap;width:1%}.master-badge{border-radius:999px;display:inline-block;font-size:.65rem;font-weight:650;letter-spacing:.01em;padding:2px 8px}.master-badge--active{background:var(--md-accent-soft);color:var(--md-accent)}.master-badge--inactive{background:#1a2436;color:var(--md-ink-soft)}.master-action-group{align-items:center;display:flex;gap:5px}.master-icon-btn{align-items:center;background:var(--md-accent-soft);border:1px solid var(--md-accent);border-radius:5px;color:var(--md-accent);cursor:pointer;display:inline-flex;height:20px;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease;width:20px}.master-icon-btn svg{height:12px;width:12px}.master-icon-btn:hover:not(:disabled){background:var(--md-accent);border-color:var(--md-accent);color:#fff}.master-icon-btn:disabled{cursor:default;opacity:.5}.master-icon-btn--danger{background:var(--md-danger-soft);border-color:var(--md-danger);color:var(--md-danger)}.master-icon-btn--danger:hover:not(:disabled){background:var(--md-danger);border-color:var(--md-danger);color:#fff}.master-confirm-inline{align-items:center;display:inline-flex;gap:5px}.master-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#030810b8;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.master-modal{background:#101d34;border:1px solid var(--md-line);border-radius:10px;box-shadow:0 24px 70px -16px #000000d9,0 0 0 1px #0006;max-height:90vh;max-width:420px;opacity:1;overflow-y:auto;position:relative;width:100%;z-index:1}.master-modal-header{align-items:center;border-bottom:1px solid var(--md-line);display:flex;justify-content:space-between;padding:14px 18px}.master-modal-header h3{color:#fff;font-size:.95rem;font-weight:700;margin:0}.master-modal-close{background:#0000;border:none;border-radius:5px;color:#b8c4d9;cursor:pointer;display:flex;padding:4px}.master-modal-close:hover{background:#1c2c4a;color:#fff}.master-modal-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px}.master-form-field{display:flex;flex-direction:column;gap:5px}.master-form-field label{color:#f0f4fa;font-size:.75rem;font-weight:650}.master-required{color:var(--md-danger);margin-left:3px}.master-form-field input[type=date],.master-form-field input[type=text],.master-form-field select{background:#0a1424;border:1px solid #3a4b6b;border-radius:6px;color:#fff;font-size:.8rem;outline:none;padding:8px 9px;transition:border-color .12s ease,box-shadow .12s ease}.master-form-field input:focus,.master-form-field select:focus{border-color:var(--md-accent);box-shadow:0 0 0 3px var(--md-accent-soft)}.master-form-field--checkbox label{align-items:center;color:#f0f4fa;cursor:pointer;display:flex;font-weight:550;gap:7px}.master-form-field--checkbox input{accent-color:var(--md-accent);height:15px;width:15px}.master-form-error{align-items:center;background:var(--md-danger-soft);border-radius:6px;color:var(--md-danger);display:flex;font-size:.75rem;gap:6px;padding:7px 9px}.master-modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.master-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;padding:7px 14px}.master-btn--ghost{background:#16233d;border-color:#3a4b6b;color:#d7e0ee}.master-btn--ghost:hover:not(:disabled){background:#1c2c4a;border-color:#576990;color:#fff}.master-btn--primary{background:var(--md-accent);border-color:var(--md-accent);color:#fff}.master-btn--primary:hover:not(:disabled){background:var(--md-accent-dark);border-color:var(--md-accent-dark)}.master-btn:disabled{cursor:default;opacity:.6}@media (max-width:860px){.master-layout{grid-template-columns:1fr}.master-tablist{-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;position:static;scrollbar-width:none}.master-tablist::-webkit-scrollbar{display:none}.master-tab{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;white-space:nowrap}.master-tab--active{border-bottom-color:var(--md-accent);border-left-color:#0000}.master-add-btn{margin-left:0}}@media (max-width:520px){.master-page{font-size:10px;padding:12px 8px 20px}.master-header-title h2{font-size:.8rem}.master-header-subtitle{font-size:.58rem}.master-tab{font-size:.56rem;padding:5px 6px}.master-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;padding:6px 7px}.master-search{flex:1 1 auto;height:24px;min-width:0;padding:0 6px}.master-search input{font-size:.56rem}.master-search svg{height:10px;width:10px}.master-add-btn,.master-toggle-btn{flex:0 0 auto;font-size:.5rem;gap:2px;height:24px;justify-content:center;padding:0 5px}.master-add-btn svg,.master-toggle-btn svg{height:9px;width:9px}.master-add-btn{margin-left:0}.master-table{font-size:.56rem}.master-table th{font-size:.48rem;padding:5px 6px}.master-table td{padding:5px 6px}.master-icon-btn{height:18px;width:18px}.master-badge{font-size:.5rem;padding:1px 5px}.master-modal{border-radius:10px;max-width:100%;width:100%}.master-modal-overlay{align-items:flex-end;padding:8px}.master-modal-header{padding:10px 12px}.master-modal-header h3{font-size:.75rem}.master-modal-body{gap:9px;padding:12px 12px 14px}.master-form-field input[type=date],.master-form-field input[type=text],.master-form-field select{font-size:.68rem;padding:6px 7px}.master-modal-footer{flex-direction:column-reverse;gap:6px}.master-btn{font-size:.68rem;justify-content:center;text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.master-spinner{animation:none}}:root{--audit-bg:#0a1930;--audit-bg-deep:#071223;--audit-panel:#101f3a;--audit-panel-raised:#17284a;--audit-line:#ffffff14;--audit-line-strong:#ffffff24;--audit-text-hi:#f5f7fc;--audit-text-lo:#8f9ab3;--audit-accent:#ffb020;--audit-accent-soft:#ffb02024;--c-create:#34d399;--c-update:#60a5fa;--c-delete:#f87171;--audit-c-warn-bg:#2a1414}.audit-log-layout{background:radial-gradient(1200px 600px at 100% -10%,#ffb0200d,#0000 60%),linear-gradient(190deg,#0a1930,#071223);background:radial-gradient(1200px 600px at 100% -10%,#ffb0200d,#0000 60%),linear-gradient(190deg,var(--audit-bg) 0,var(--audit-bg-deep) 100%);display:flex;min-height:100vh}.audit-log-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.audit-log-header-wrapper{transition:transform .25s ease,opacity .2s ease}.audit-log-header-visible{opacity:1;transform:translateY(0)}.audit-log-header-hidden{opacity:0;transform:translateY(-100%)}.audit-log-page-container{color:#f5f7fc;color:var(--audit-text-hi);flex:1 1;font-family:Inter,sans-serif;overflow-y:auto;padding:28px 32px 60px}.audit-log-page-header{margin-bottom:24px}.audit-log-eyebrow{color:#8f9ab3;color:var(--audit-text-lo);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.audit-log-page-header h1{color:#f5f7fc;color:var(--audit-text-hi);font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}.audit-log-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--audit-line);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.audit-log-tabs::-webkit-scrollbar{display:none}.audit-log-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#8f9ab3;color:var(--audit-text-lo);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;gap:6px;padding:10px 14px;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.audit-log-tab.active,.audit-log-tab:hover{color:#f5f7fc;color:var(--audit-text-hi)}.audit-log-tab.active{border-bottom-color:#ffb020;border-bottom-color:var(--audit-accent)}.audit-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:220px 1fr}.audit-filters{background:#101f3a;background:var(--audit-panel);border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:10px;box-shadow:0 8px 24px #02081459;display:flex;flex-direction:column;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;top:16px}.filters-label{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.field,.filters-label{color:#8f9ab3;color:var(--audit-text-lo)}.field{display:flex;flex-direction:column;font-size:11.5px;gap:5px}.field input,.field select{background:#17284a;background:var(--audit-panel-raised);border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:6px;color:#f5f7fc;color:var(--audit-text-hi);font-family:IBM Plex Mono,monospace;font-size:11.5px;outline:none;padding:7px 9px}.field input:focus,.field select:focus{border-color:#ffb020;border-color:var(--audit-accent)}.apply-btn{align-items:center;background:#ffb020;background:var(--audit-accent);border:none;border-radius:7px;color:#17130a;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px;justify-content:center;margin-top:4px;padding:9px 12px;transition:box-shadow .15s ease,transform .15s ease}.apply-btn:hover{box-shadow:0 0 0 4px #ffb02024;box-shadow:0 0 0 4px var(--audit-accent-soft)}.apply-btn:active{transform:translateY(1px)}.apply-btn:disabled{box-shadow:none;cursor:default;opacity:.6}.audit-main{min-width:0}.main-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.count{font-family:IBM Plex Mono,monospace;font-size:11.5px}.count,.icon-btn{color:#8f9ab3;color:var(--audit-text-lo)}.icon-btn{background:#101f3a;background:var(--audit-panel);border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:6px;cursor:pointer;display:flex;padding:6px;transition:color .15s ease,border-color .15s ease}.icon-btn:hover{border-color:#ffffff24;border-color:var(--audit-line-strong);color:#f5f7fc;color:var(--audit-text-hi)}.spin{animation:audit-spin .9s linear infinite}@keyframes audit-spin{to{transform:rotate(1turn)}}.error-banner{align-items:center;background:#2a1414;background:var(--audit-c-warn-bg);border:1px solid #5c2323;border-radius:8px;color:#fca5a5;display:flex;font-size:12px;gap:8px;margin-bottom:14px;padding:10px 12px}.empty-state{border:1px dashed #ffffff14;border:1px dashed var(--audit-line);border-radius:10px;color:#8f9ab3;color:var(--audit-text-lo);font-size:12.5px;padding:30px 8px;text-align:center}.ledger{display:flex;flex-direction:column;gap:8px}.ledger-card{background:#101f3a;background:var(--audit-panel);border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:9px;display:flex;overflow:hidden;transition:border-color .15s ease}.ledger-card:hover{border-color:#ffffff24;border-color:var(--audit-line-strong)}.stamp{background:#8b96a8;background:var(--c-muted,#8b96a8);flex-shrink:0;width:4px}.ledger-card[data-action=create] .stamp{background:#34d399;background:var(--c-create)}.ledger-card[data-action=update] .stamp{background:#60a5fa;background:var(--c-update)}.ledger-card[data-action=delete] .stamp{background:#f87171;background:var(--c-delete)}.ledger-body{flex:1 1;min-width:0}.ledger-head{background:#0000;border:none;color:#f5f7fc;color:var(--audit-text-hi);cursor:pointer;font-size:12px;gap:14px;padding:12px 14px;text-align:left;width:100%}.action-chip,.ledger-head{align-items:center;display:flex}.action-chip{flex-shrink:0;font-size:11.5px;font-weight:600;gap:5px;width:84px}.ledger-card[data-action=create] .action-chip{color:#34d399;color:var(--c-create)}.ledger-card[data-action=update] .action-chip{color:#60a5fa;color:var(--c-update)}.ledger-card[data-action=delete] .action-chip{color:#f87171;color:var(--c-delete)}.table-record{color:#f5f7fc;color:var(--audit-text-hi);flex-shrink:0;font-size:11.5px}.staff{flex:1 1;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff,.timestamp{color:#8f9ab3;color:var(--audit-text-lo)}.timestamp{flex-shrink:0;font-size:11px}.chevron{color:#8f9ab3;color:var(--audit-text-lo);flex-shrink:0}.mono{font-family:IBM Plex Mono,monospace}.diff-table{border-top:1px solid #ffffff14;border-top:1px solid var(--audit-line);display:flex;flex-direction:column;gap:2px;padding:4px 14px 12px}.diff-row{grid-gap:8px;align-items:center;border-bottom:1px solid #ffffff0a;display:grid;font-size:11.5px;gap:8px;grid-template-columns:160px 1fr 20px 1fr;padding:6px 0}.diff-field{color:#8f9ab3;color:var(--audit-text-lo)}.diff-old{background:#f8717114;color:#f1a9a9;text-decoration:line-through}.diff-new,.diff-old{border-radius:5px;overflow-wrap:anywhere;padding:3px 7px}.diff-new{background:#34d39914;color:#9ce8c4}.diff-arrow{color:#8f9ab3;color:var(--audit-text-lo);text-align:center}.data-table-wrapper{border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:9px;overflow-x:auto}.data-table{background:#101f3a;background:var(--audit-panel);border-collapse:collapse;min-width:480px;width:100%}.data-table th{color:#8f9ab3;color:var(--audit-text-lo);font-size:10px;font-weight:500;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--audit-line);padding:10px 14px}.data-table td{font-size:12px}.data-table tr:last-child td{border-bottom:none}.status-pill{border-radius:20px;font-size:10.5px;font-weight:600;padding:2px 9px;text-transform:capitalize}.status-success{background:#34d39924;color:#34d399;color:var(--c-create)}.status-failed{background:#f8717124;color:#f87171;color:var(--c-delete)}.summary-list{display:flex;flex-direction:column;gap:6px}.summary-row{grid-gap:14px;align-items:center;background:#101f3a;background:var(--audit-panel);border:1px solid #ffffff14;border:1px solid var(--audit-line);border-radius:8px;display:grid;gap:14px;grid-template-columns:220px 1fr 44px 150px;padding:10px 14px}.summary-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}.summary-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-type{color:#8f9ab3;color:var(--audit-text-lo);font-size:10px}.summary-bar-track{background:#17284a;background:var(--audit-panel-raised);border-radius:4px;height:6px;overflow:hidden}.summary-bar-fill{background:#ffb020;background:var(--audit-accent);border-radius:4px;height:100%}.summary-count{font-size:12px;text-align:right}.summary-last{color:#8f9ab3;color:var(--audit-text-lo);font-size:10.5px;text-align:right}@media (max-width:820px){.audit-layout{grid-template-columns:1fr}.audit-filters{align-items:flex-end;flex-direction:row;flex-wrap:wrap;position:static}.audit-filters .filters-label{width:100%}.audit-filters .field{flex:1 1 140px}.audit-filters .apply-btn{flex:1 1 100%;margin-top:0}}@media (max-width:768px){.audit-log-page-container{padding:18px 14px 40px}.audit-log-page-header h1{font-size:19px}.ledger-head{flex-wrap:wrap;padding:12px;row-gap:4px}.action-chip{order:1;width:auto}.table-record{order:2}.chevron{margin-left:auto;order:3}.staff{flex-basis:100%;order:4;white-space:normal}.timestamp{flex-basis:100%;order:5}.summary-row{grid-template-areas:"meta   count" "bar    bar" "last   last";grid-template-columns:1fr 44px;row-gap:6px}.summary-meta{grid-area:meta}.summary-count{grid-area:count}.summary-bar-track{grid-area:bar}.summary-last{grid-area:last;text-align:left}.diff-row{grid-template-columns:1fr;padding:8px 0;row-gap:4px}.diff-arrow{display:none}.diff-old:before{content:"− "}.diff-new:before{content:"+ "}}@media (max-width:480px){.audit-log-eyebrow{font-size:9px}.audit-log-page-header h1{font-size:17px}.audit-log-tab{font-size:11.5px;padding:9px 10px}.main-toolbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.apply-btn,.audit-log-header-wrapper,.icon-btn,.ledger-card{transition:none}.spin{animation:none}}.th-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.th-card{background:#fff;border-radius:16px;box-shadow:0 24px 70px #0f172a4d;box-sizing:border-box;max-height:88vh;max-width:1000px;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 24px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:100%}.th-card::-webkit-scrollbar{width:6px}.th-card::-webkit-scrollbar-track{background:#0000}.th-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.th-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.th-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px;padding-bottom:14px}.th-title{color:#0f172a;font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0}.th-subtitle{color:#64748b;font-size:13px;margin:2px 0 0}.th-close-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:7px;transition:background .15s ease,color .15s ease}.th-close-btn:hover{background:#f1f5f9;color:#0f172a}.th-toolbar{flex-wrap:wrap;gap:10px;margin-top:16px}.th-date-field,.th-toolbar{align-items:center;display:flex}.th-date-field{color:#334155;font-size:13px;font-weight:500;gap:6px}.th-date-field input[type=datetime-local]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:13px;min-width:190px;padding:7px 9px;transition:border-color .15s ease,background .15s ease;width:auto}.th-date-field input[type=datetime-local]:focus{background:#fff;border-color:#178a4c;outline:none}.th-fetch-btn{align-items:center;background:#178a4c;border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-left:auto;padding:9px 16px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.th-fetch-btn:hover:not(:disabled){background:#146d3d}.th-fetch-btn:active:not(:disabled){transform:scale(.98)}.th-fetch-btn:disabled{cursor:not-allowed;opacity:.6}.th-spin{animation:th-spin-anim .9s linear infinite}@keyframes th-spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.th-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:9px;color:#b91c1c;margin-top:14px;padding:10px 12px}.th-empty-state,.th-error-banner,.th-loading-state{align-items:center;display:flex;font-size:13px;gap:8px}.th-empty-state,.th-loading-state{color:#64748b;justify-content:center;padding:28px 8px}.th-map-canvas{border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 0 0 1px #0f172a05;box-sizing:border-box;flex-shrink:0;height:260px;isolation:isolate;margin-top:16px;max-height:260px;min-height:260px;overflow:hidden;position:relative;width:100%}.th-gmap{background:#eef2f6;height:100%;inset:0;position:absolute;width:100%}.th-playback-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:10px;margin-top:10px;padding:8px 10px}.th-play-btn,.th-playback-bar{align-items:center;display:flex}.th-play-btn{background:#178a4c;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease,transform .1s ease;width:32px}.th-play-btn:hover{background:#146d3d}.th-play-btn:active{transform:scale(.95)}.th-restart-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.th-restart-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.th-restart-btn:disabled{cursor:not-allowed;opacity:.4}.th-scrub{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#178a4c 0,#178a4c 0,#d8e2ea 0,#d8e2ea);background:linear-gradient(to right,#178a4c 0,#178a4c var(--th-progress,0),#d8e2ea var(--th-progress,0),#d8e2ea 100%);border-radius:999px;cursor:pointer;flex:1 1;height:5px;min-width:60px}.th-scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#178a4c;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0f172a66;cursor:pointer;height:15px;width:15px}.th-scrub::-moz-range-thumb{background:#178a4c;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0f172a66;cursor:pointer;height:15px;width:15px}.th-speed-group{display:flex;flex-shrink:0;gap:4px}.th-speed-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;padding:5px 8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.th-speed-btn:hover{border-color:#178a4c;color:#178a4c}.th-speed-btn-active{background:#178a4c;border-color:#178a4c;color:#fff}.th-speed-btn-active:hover{color:#fff}.th-car-wrap{align-items:center;display:flex;height:44px;justify-content:center;position:relative;width:26px}.th-car-icon{filter:drop-shadow(0 2px 4px rgba(15,23,42,.4));height:44px;transition:transform .05s linear;width:26px}.th-car-icon svg{height:100%;width:100%}.th-car-pulse{animation:th-pulse-anim 1.2s ease-out infinite;background:#178a4c73;border-radius:50%;height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px;z-index:-1}@keyframes th-pulse-anim{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.th-pin{align-items:center;border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 2px 5px #0f172a59;display:flex;height:18px;justify-content:center;transform:rotate(-45deg);width:18px}.th-pin-dot{background:#fff;border-radius:50%;height:6px;transform:rotate(45deg);width:6px}.th-pin-start{background:#178a4c}.th-pin-end{background:#dc2626}.th-table-scroll{border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;max-height:260px;overflow:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.th-table-scroll::-webkit-scrollbar{height:6px;width:6px}.th-table-scroll::-webkit-scrollbar-track{background:#0000}.th-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.th-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.th-data-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.th-data-table td:first-child,.th-data-table th:first-child{width:15%}.th-data-table td:nth-child(2),.th-data-table th:nth-child(2){width:25%}.th-data-table td:nth-child(3),.th-data-table th:nth-child(3){width:15%}.th-data-table td:nth-child(4),.th-data-table th:nth-child(4){width:25%}.th-data-table td:nth-child(5),.th-data-table td:nth-child(6),.th-data-table th:nth-child(5),.th-data-table th:nth-child(6){width:10%}.th-data-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.th-data-table tbody td,.th-data-table thead th{overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.th-data-table tbody td{border-bottom:1px solid #f1f5f9;color:#0f172a;vertical-align:middle}.th-location-cell{cursor:help}.th-data-table tbody tr:last-child td{border-bottom:none}.th-data-table tbody tr:hover{background:#f8fafc}.th-mono{font-feature-settings:"tnum";color:#334155;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums}@media (max-width:640px){.th-overlay{align-items:flex-end;padding:0}.th-card{border-radius:18px 18px 0 0;max-height:92vh;max-width:100%;padding:16px 14px 18px;width:100%}.th-toolbar{align-items:stretch;flex-direction:column;gap:8px}.th-date-field{justify-content:space-between;width:100%}.th-date-field input[type=datetime-local]{flex:1 1;min-width:0}.th-fetch-btn{margin-left:0;padding:10px 14px;width:100%}.th-map-canvas{height:190px;max-height:190px;min-height:190px}.th-playback-bar{flex-wrap:wrap}.th-scrub{flex-basis:100%;order:3}.th-speed-group{margin-left:auto}.th-table-scroll{max-height:60vh;overflow-x:hidden}.th-data-table{table-layout:auto}.th-data-table thead{display:none}.th-data-table tbody{display:block;padding:8px}.th-data-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:block;margin-bottom:10px;overflow:hidden}.th-data-table tr:last-child{margin-bottom:0}.th-data-table td{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding:8px 12px;width:auto!important}.th-data-table tr td:last-child{border-bottom:none}.th-data-table td:before{color:#94a3b8;content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.th-data-table td[data-label=Distance],.th-data-table td[data-label=Duration]{box-sizing:border-box;display:inline-flex;float:left;width:50%!important}.th-data-table td[data-label=Duration]{border-left:1px solid #f1f5f9}.th-location-cell,.th-mono{overflow:visible;text-overflow:clip;white-space:normal}}.fleetmap-wrap{display:flex;flex-direction:column;gap:10px}.fleetmap-banner{align-items:center;background:var(--fx-idle-soft);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);color:var(--fx-text-muted);display:flex;font-size:12.5px;gap:7px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.fleetmap-canvas{border:1px solid var(--fx-border);border-radius:var(--fx-radius-lg);box-shadow:var(--fx-shadow-card);height:560px;overflow:hidden;position:relative}.fleetmap-canvas--loading:after{background:#ffffff59;content:"";inset:0;pointer-events:none;position:absolute}.fleetmap-gmap{height:100%;width:100%}.fleetmap-error-state,.fleetmap-loading-state{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-lg);color:var(--fx-text-muted);display:flex;font-size:13.5px;gap:8px;height:560px;justify-content:center}.fleetmap-error-state{color:var(--fx-negative)}.fleetmap-infowindow{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:200px;padding:2px}.fleetmap-iw-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.fleetmap-iw-badge{background:#e4f3f2;border-radius:5px;color:#0a5f5e;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700;padding:2px 7px}.fleetmap-iw-pill{border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px}.fleetmap-iw-pill--positive{background:#e5f5ec;color:#178a4c}.fleetmap-iw-pill--neutral{background:#fbf0dd;color:#b4780f}.fleetmap-iw-pill--negative{background:#fbe7e9;color:#c6303e}.fleetmap-iw-pill--default,.fleetmap-iw-pill--idle{background:#eef1f4;color:#64748b}.fleetmap-iw-name{color:#64748b;font-size:12.5px;margin-bottom:8px}.fleetmap-iw-row{border-bottom:1px solid #eef1f4;color:#16202b;display:flex;font-size:12.5px;justify-content:space-between;padding:3px 0}.fleetmap-iw-row span{color:#94a3b8}.fleetmap-iw-address{color:#64748b;font-size:12px;line-height:1.4;margin-top:6px}.fleetmap-iw-detail-btn{background:#0e7c7b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12.5px;font-weight:600;margin-top:10px;padding:7px 0;width:100%}.fleetmap-iw-detail-btn:hover{background:#0a5f5e}@media (max-width:700px){.fleetmap-canvas,.fleetmap-error-state,.fleetmap-loading-state{height:420px}}.vlm-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:110}.vlm-card{background:#fff;background:var(--fx-surface,#fff);border:1px solid #e1e6eb;border:1px solid var(--fx-border,#e1e6eb);border-radius:14px;border-radius:var(--fx-radius-lg,14px);box-shadow:0 20px 50px #10182038;box-shadow:var(--fx-shadow-modal,0 20px 50px #10182038);max-width:560px;overflow:hidden;width:100%}.vlm-header{align-items:flex-start;border-bottom:1px solid #e1e6eb;border-bottom:1px solid var(--fx-border,#e1e6eb);display:flex;gap:12px;justify-content:space-between;padding:18px 20px 14px}.vlm-title{color:#16202b;color:var(--fx-text,#16202b);font-family:monospace;font-family:var(--fx-font-mono,monospace);font-size:17px;font-weight:650;margin:0}.vlm-subtitle{color:#64748b;color:var(--fx-text-muted,#64748b);font-size:13px;margin:3px 0 0}.vlm-header-right{align-items:center;display:flex;gap:10px}.vlm-live-badge{align-items:center;background:#e5f5ec;background:var(--fx-positive-soft,#e5f5ec);border-radius:999px;color:#178a4c;color:var(--fx-positive,#178a4c);display:flex;font-size:11.5px;font-weight:700;gap:6px;letter-spacing:.04em;padding:4px 9px;text-transform:uppercase}.vlm-live-dot{animation:vlm-pulse 1.6s ease-in-out infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.vlm-close-btn{align-items:center;background:#f5f7f9;background:var(--fx-bg,#f5f7f9);border:none;border-radius:7px;color:#64748b;color:var(--fx-text-muted,#64748b);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.vlm-close-btn:hover{background:#eef1f4;background:var(--fx-idle-soft,#eef1f4);color:#16202b;color:var(--fx-text,#16202b)}.vlm-status-row{align-items:center;border-bottom:1px solid #e1e6eb;border-bottom:1px solid var(--fx-border,#e1e6eb);display:flex;flex-wrap:wrap;gap:12px;padding:12px 20px}.vlm-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:3px 10px 3px 8px}.vlm-pill-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.vlm-pill--positive{background:#e5f5ec;background:var(--fx-positive-soft,#e5f5ec);color:#178a4c;color:var(--fx-positive,#178a4c)}.vlm-pill--neutral{background:#fbf0dd;background:var(--fx-neutral-soft,#fbf0dd);color:#b4780f;color:var(--fx-neutral,#b4780f)}.vlm-pill--negative{background:#fbe7e9;background:var(--fx-negative-soft,#fbe7e9);color:#c6303e;color:var(--fx-negative,#c6303e)}.vlm-pill--default,.vlm-pill--idle{background:#eef1f4;background:var(--fx-idle-soft,#eef1f4);color:#64748b;color:var(--fx-idle,#64748b)}.vlm-meta{color:#64748b;color:var(--fx-text-muted,#64748b);gap:5px}.vlm-error-banner,.vlm-meta{align-items:center;display:flex;font-size:12.5px}.vlm-error-banner{background:#fbe7e9;background:var(--fx-negative-soft,#fbe7e9);color:#c6303e;color:var(--fx-negative,#c6303e);gap:8px;padding:9px 20px}.vlm-map-canvas{height:380px}.vlm-gmap{height:100%;width:100%}.vlm-map-fallback{align-items:center;background:#f5f7f9;background:var(--fx-bg,#f5f7f9);color:#64748b;color:var(--fx-text-muted,#64748b);display:flex;font-size:13.5px;gap:8px;height:380px;justify-content:center}.vlm-spin{animation:vlm-spin .9s linear infinite}.vlm-address{align-items:center;border-top:1px solid #e1e6eb;border-top:1px solid var(--fx-border,#e1e6eb);color:#64748b;color:var(--fx-text-muted,#64748b);display:flex;font-size:12.5px;gap:7px;padding:10px 20px}.vlm-poll-note{color:#94a3b8;color:var(--fx-text-faint,#94a3b8);font-size:11px;padding:0 20px 14px}@keyframes vlm-pulse{0%,to{box-shadow:0 0 0 0 #178a4c59}50%{box-shadow:0 0 0 4px #178a4c00}}@keyframes vlm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.vlm-live-dot,.vlm-spin{animation:none}}.fleetx-layout{--fx-bg:#f5f7f9;--fx-surface:#fff;--fx-border:#e1e6eb;--fx-border-strong:#cbd3db;--fx-text:#16202b;--fx-text-muted:#64748b;--fx-text-faint:#94a3b8;--fx-accent:#0e7c7b;--fx-accent-dark:#0a5f5e;--fx-accent-soft:#e4f3f2;--fx-positive:#178a4c;--fx-positive-soft:#e5f5ec;--fx-neutral:#b4780f;--fx-neutral-soft:#fbf0dd;--fx-negative:#c6303e;--fx-negative-soft:#fbe7e9;--fx-idle:#64748b;--fx-idle-soft:#eef1f4;--fx-table-head-bg:#10233f;--fx-table-head-bg-hover:#16304f;--fx-table-head-text:#e6ecf5;--fx-table-head-text-muted:#9fb1cc;--fx-radius-sm:5px;--fx-radius-md:8px;--fx-radius-lg:10px;--fx-shadow-card:0 1px 2px #1018200a,0 1px 1px #10182008;--fx-shadow-modal:0 20px 50px #10182038;--fx-font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fx-font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;background:var(--fx-bg);color:var(--fx-text);display:flex;font-family:var(--fx-font-ui);font-size:12px;height:100vh}.fleetx-content{display:flex;flex:1 1;flex-direction:column;height:100vh;min-height:0;min-width:0}.fleetx-header-wrapper{flex-shrink:0;max-height:72px;opacity:1;overflow:hidden;transition:max-height .22s ease,opacity .2s ease}.fleetx-header-wrapper.fleetx-header-hidden{max-height:0;opacity:0}.fleetx-row-actions{display:flex;gap:6px}.fleetx-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.fleetx-page-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px 14px 14px}.fleetx-page-header{margin-bottom:14px}.fleetx-eyebrow{color:var(--fx-accent);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.fleetx-page-header h1{color:var(--fx-text);font-size:18px;font-weight:650;letter-spacing:-.01em;margin:0}.fleetx-sticky-controls{background:var(--fx-bg);flex-shrink:0;padding-bottom:8px;padding-top:2px}.fleetx-stats-bar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;width:100%}.fleetx-stat-card{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-md);border-top:2px solid var(--fx-border-strong);box-shadow:var(--fx-shadow-card);display:flex;flex-direction:column;gap:1px;justify-content:center;padding:8px 12px;text-align:center;width:100%}.fleetx-stat-card--positive{border-top-color:var(--fx-positive)}.fleetx-stat-card--neutral{border-top-color:var(--fx-neutral)}.fleetx-stat-card--negative{border-top-color:var(--fx-negative)}.fleetx-stat-value{color:var(--fx-text);font-family:var(--fx-font-mono);font-size:14px;font-weight:600;letter-spacing:-.01em}.fleetx-stat-label{color:var(--fx-text-muted);font-size:9.5px;font-weight:500}.fleetx-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fleetx-search-group{align-items:center;display:flex;flex:1 1 220px;min-width:160px;position:relative}.fleetx-search-icon{color:var(--fx-text-faint);left:9px;pointer-events:none;position:absolute}.fleetx-search-input{background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);color:var(--fx-text);font-size:12px;height:27px;padding:0 28px;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.fleetx-search-input::placeholder{color:var(--fx-text-faint)}.fleetx-search-input:focus{border-color:var(--fx-accent);box-shadow:0 0 0 3px var(--fx-accent-soft);outline:none}.fleetx-clear-btn{background:none;border:none;border-radius:4px;color:var(--fx-text-faint);cursor:pointer;font-size:11px;line-height:1;padding:3px;position:absolute;right:6px}.fleetx-clear-btn:hover{background:var(--fx-idle-soft);color:var(--fx-text)}.fleetx-status-select{background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);color:var(--fx-text);cursor:pointer;font-size:12px;height:27px;padding:0 9px}.fleetx-apply-btn:focus-visible,.fleetx-modal-close-btn:focus-visible,.fleetx-status-select:focus{outline:2px solid var(--fx-accent);outline-offset:1px}.fleetx-live-toggle{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);color:var(--fx-text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;height:27px;padding:0 9px;-webkit-user-select:none;user-select:none}.fleetx-live-toggle input{accent-color:var(--fx-accent);cursor:pointer;height:13px;width:13px}.fleetx-limit-field{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);color:var(--fx-text-muted);display:flex;font-size:11px;font-weight:500;gap:6px;height:27px;padding:0 9px}.fleetx-limit-field input{background:none;border:none;color:var(--fx-text);font-family:var(--fx-font-mono);font-size:12px;width:54px}.fleetx-limit-field input:focus{outline:none}.fleetx-view-toggle{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);display:flex;height:27px;overflow:hidden}.fleetx-view-toggle-btn{align-items:center;background:none;border:none;color:var(--fx-text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;height:100%;padding:0 11px;transition:background .1s ease,color .1s ease}.fleetx-view-toggle-btn+.fleetx-view-toggle-btn{border-left:1px solid var(--fx-border)}.fleetx-view-toggle-btn:hover{background:var(--fx-idle-soft)}.fleetx-view-toggle-btn--active{background:var(--fx-accent-soft);color:var(--fx-accent-dark)}.fleetx-apply-btn{align-items:center;background:var(--fx-accent);border:none;border-radius:var(--fx-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;height:27px;padding:0 13px;transition:background .12s ease}.fleetx-apply-btn:hover:not(:disabled){background:var(--fx-accent-dark)}.fleetx-apply-btn:disabled{cursor:default;opacity:.7}.spin{animation:fleetx-spin .9s linear infinite}@keyframes fleetx-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fleetx-error-banner{align-items:center;background:var(--fx-negative-soft);border:1px solid #c6303e40;border-radius:var(--fx-radius-sm);color:var(--fx-negative);display:flex;font-size:12px;font-weight:500;gap:7px;margin-bottom:12px;padding:8px 12px}.fleetx-count{color:var(--fx-text-muted);font-size:11px;font-weight:500;margin-bottom:0}.fleetx-empty-state{background:var(--fx-surface);border:1px dashed var(--fx-border-strong);border-radius:var(--fx-radius-md);color:var(--fx-text-faint);font-size:12px;padding:34px 16px;text-align:center}.fleetx-table-area,.fleetx-table-card{display:flex;flex:1 1;flex-direction:column;min-height:0}.fleetx-table-card{background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-lg);box-shadow:var(--fx-shadow-card);overflow:hidden}.fleetx-table-scroll{flex:1 1;min-height:0;overflow:auto}.fleetx-data-table{border-collapse:collapse;font-size:10.5px;table-layout:fixed;width:100%}.fleetx-data-table td:first-child,.fleetx-data-table th:first-child{width:13%}.fleetx-data-table td:nth-child(2),.fleetx-data-table th:nth-child(2){width:15%}.fleetx-data-table td:nth-child(3),.fleetx-data-table th:nth-child(3){width:12%}.fleetx-data-table td:nth-child(4),.fleetx-data-table th:nth-child(4){width:11%}.fleetx-data-table td:nth-child(5),.fleetx-data-table th:nth-child(5){width:7%}.fleetx-data-table td:nth-child(6),.fleetx-data-table th:nth-child(6){width:21%}.fleetx-data-table td:nth-child(7),.fleetx-data-table th:nth-child(7){width:15%}.fleetx-data-table td:nth-child(8),.fleetx-data-table th:nth-child(8){width:6%}.fleetx-data-table thead th{background:var(--fx-table-head-bg);border-bottom:1px solid var(--fx-table-head-bg-hover);color:var(--fx-table-head-text-muted);font-size:8.5px;font-weight:600;letter-spacing:.03em;overflow:hidden;padding:9px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.fleetx-data-table thead tr:first-child th:first-child{border-top-left-radius:var(--fx-radius-lg)}.fleetx-data-table thead tr:first-child th:last-child{border-top-right-radius:var(--fx-radius-lg)}.fleetx-data-table tbody td{border-bottom:1px solid var(--fx-border);color:var(--fx-text);overflow:hidden;padding:7px 10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.fleetx-data-table tbody tr:last-child td{border-bottom:none}.fleetx-row-clickable{cursor:pointer;transition:background .1s ease}.fleetx-row-clickable:hover,.fleetx-vehicle-badge{background:var(--fx-accent-soft)}.fleetx-vehicle-badge{border-radius:4px;color:var(--fx-accent-dark);display:inline-block;font-family:var(--fx-font-mono);font-size:9.5px;font-weight:600;margin-right:4px;padding:1px 4px}.fleetx-vehicle-name{font-size:9.5px}.fleetx-address-cell,.fleetx-muted,.fleetx-vehicle-name{color:var(--fx-text-muted)}.fleetx-address-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{color:var(--fx-text-muted);font-family:var(--fx-font-mono);font-size:9.5px}.fleetx-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:9.5px;font-weight:600;gap:4px;padding:1px 6px 1px 5px;white-space:nowrap}.fleetx-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:5px;width:5px}.fleetx-status-pill--positive{background:var(--fx-positive-soft);color:var(--fx-positive)}.fleetx-status-pill--positive .fleetx-status-dot{animation:fleetx-pulse 1.6s ease-in-out infinite}.fleetx-status-pill--neutral{background:var(--fx-neutral-soft);color:var(--fx-neutral)}.fleetx-status-pill--negative{background:var(--fx-negative-soft);color:var(--fx-negative)}.fleetx-status-pill--default,.fleetx-status-pill--idle{background:var(--fx-idle-soft);color:var(--fx-idle)}@keyframes fleetx-pulse{0%,to{box-shadow:0 0 0 0 #178a4c59}50%{box-shadow:0 0 0 4px #178a4c00}}.fleetx-track-btn{align-items:center;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:6px;color:var(--fx-accent-dark);cursor:pointer;display:flex;height:22px;justify-content:center;transition:background .1s ease,border-color .1s ease;width:22px}.fleetx-track-btn:hover{background:var(--fx-accent-soft);border-color:var(--fx-accent)}.fleetx-detail-track-btn{align-items:center;background:var(--fx-accent);border:none;border-radius:var(--fx-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin-top:12px;padding:8px 0;width:100%}.fleetx-detail-track-btn:hover{background:var(--fx-accent-dark)}.fleetx-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.fleetx-modal-card{background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:var(--fx-radius-lg);box-shadow:var(--fx-shadow-modal);max-height:82vh;max-width:400px;overflow-y:auto;width:100%}.fleetx-modal-header{align-items:flex-start;border-bottom:1px solid var(--fx-border);display:flex;gap:10px;justify-content:space-between;padding:14px 16px 12px}.fleetx-modal-title{color:var(--fx-text);font-family:var(--fx-font-mono);font-size:14px;font-weight:650;margin:0}.fleetx-modal-subtitle{color:var(--fx-text-muted);font-size:11.5px;margin:2px 0 0}.fleetx-modal-close-btn{align-items:center;background:var(--fx-bg);border:none;border-radius:6px;color:var(--fx-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .1s ease,color .1s ease;width:26px}.fleetx-modal-close-btn:hover{background:var(--fx-idle-soft);color:var(--fx-text)}.fleetx-modal-error,.fleetx-modal-loading{align-items:center;color:var(--fx-text-muted);display:flex;font-size:12px;gap:8px;padding:18px 16px}.fleetx-modal-error{color:var(--fx-negative)}.fleetx-spinner{animation:fleetx-spin .7s linear infinite;border:2px solid var(--fx-border-strong);border-radius:50%;border-top-color:var(--fx-accent);flex-shrink:0;height:14px;width:14px}.fleetx-modal-body{padding:16px}.fleetx-detail-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-bottom:14px}.fleetx-detail-field{display:flex;flex-direction:column;gap:2px}.fleetx-detail-field span{color:var(--fx-text-faint);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.fleetx-detail-field strong{color:var(--fx-text);font-size:12px;font-weight:550}.fleetx-detail-location{align-items:center;background:var(--fx-bg);border-radius:var(--fx-radius-sm);color:var(--fx-text-muted);display:flex;font-size:11.5px;gap:6px;margin-bottom:6px;padding:8px 10px}.fleetx-detail-coords{align-items:center;color:var(--fx-text-faint);display:flex;font-family:var(--fx-font-mono);font-size:11px;gap:6px;padding:0 10px}.fleetx-pagination{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-top:8px;padding:6px 2px 0}.fleetx-pagination-range{color:var(--fx-text-muted);flex-shrink:1;font-size:10.5px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleetx-pagination-range strong{color:var(--fx-text);font-weight:650}.fleetx-pagination-controls{align-items:center;display:flex;flex-shrink:0;gap:10px}.fleetx-pagination-page-label{color:var(--fx-text);font-size:11px;font-weight:650;white-space:nowrap}.fleetx-page-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--fx-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:background .1s ease,color .1s ease;width:20px}.fleetx-page-btn:hover:not(:disabled){background:var(--fx-idle-soft);color:var(--fx-text)}.fleetx-page-btn:disabled{cursor:default;opacity:.35}.fleetx-page-btn--active{background:var(--fx-table-head-bg);color:#fff}.fleetx-page-btn--active:hover{background:var(--fx-table-head-bg-hover);color:#fff}.fleetx-page-ellipsis{color:var(--fx-text-faint);flex-shrink:0;font-size:11px;padding:0 2px}@media (max-width:900px){.fleetx-page-container{padding:14px 12px}.fleetx-detail-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fleetx-spinner,.fleetx-status-pill--positive .fleetx-status-dot,.spin{animation:none}}@media (max-width:768px){.fleetx-stats-bar{gap:6px;grid-template-columns:repeat(3,1fr)}.fleetx-stat-card{padding:6px}.fleetx-stat-value{font-size:12px}.fleetx-stat-label{font-size:8.5px}.fleetx-toolbar{grid-gap:6px;display:grid;flex-wrap:nowrap;gap:6px;grid-template-columns:repeat(12,1fr)}.fleetx-toolbar>:first-child{grid-column:1/7;grid-row:1}.fleetx-toolbar>:nth-child(2){grid-column:7/10;grid-row:1}.fleetx-toolbar>:nth-child(3){grid-column:10/13;grid-row:1}.fleetx-toolbar>:nth-child(4){grid-column:1/4;grid-row:2}.fleetx-toolbar>:nth-child(5){display:none}.fleetx-toolbar>:nth-child(6){grid-column:4/10;grid-row:2}.fleetx-toolbar>:nth-child(7){grid-column:10/13;grid-row:2}.fleetx-search-group{min-width:0;width:100%}.fleetx-search-input{font-size:10px;padding:0 22px;width:100%}.fleetx-search-icon{left:6px}.fleetx-clear-btn{right:3px}.fleetx-status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;background-size:9px;font-size:9.5px;padding:0 16px 0 6px;width:100%}.fleetx-live-toggle{flex-shrink:0;font-size:9px;gap:3px;justify-content:center;padding:0 5px;white-space:nowrap;width:100%}.fleetx-live-toggle input{flex-shrink:0;height:10px;width:10px}.fleetx-limit-field{font-size:9px;gap:3px;justify-content:center;padding:0 6px;width:100%}.fleetx-limit-field input{font-size:9.5px;width:28px}.fleetx-view-toggle{display:flex;overflow:visible;width:100%}.fleetx-view-toggle-btn{flex:1 1;font-size:9px;gap:2px;justify-content:center;padding:0 4px;white-space:nowrap}.fleetx-view-toggle-btn svg{flex-shrink:0;height:10px;width:10px}.fleetx-apply-btn{font-size:9.5px;gap:3px;justify-content:center;padding:0 4px;white-space:nowrap;width:100%}.fleetx-apply-btn svg{flex-shrink:0;height:11px;width:11px}.fleetx-data-table{font-size:9.5px;min-width:880px}.fleetx-data-table thead th{font-size:8px;padding:6px 8px}.fleetx-data-table tbody td{padding:6px 8px}.fleetx-data-table td:nth-child(2),.fleetx-data-table td:nth-child(6),.fleetx-data-table th:nth-child(2),.fleetx-data-table th:nth-child(6){width:18%}.fleetx-vehicle-badge{font-size:9px;padding:1px 3px}.fleetx-vehicle-name{font-size:8.5px}.fleetx-pagination{gap:6px;padding:5px 2px 0}.fleetx-pagination-range{font-size:9px}.fleetx-pagination-controls{gap:6px}.fleetx-page-btn{height:18px;width:18px}.fleetx-pagination-page-label{font-size:9.5px}.fleetx-page-ellipsis{font-size:10px;padding:0 2px}}@media (max-width:480px){.fleetx-stats-bar{gap:4px;grid-template-columns:repeat(3,1fr)}.fleetx-stat-card{padding:5px 4px}.fleetx-stat-value{font-size:11px}.fleetx-stat-label{font-size:7px;letter-spacing:-.01em}.fleetx-toolbar{gap:5px}.fleetx-search-input{font-size:9.5px;padding:0 20px}.fleetx-status-select{background-size:8px;font-size:9px;padding:0 14px 0 5px}.fleetx-live-toggle{font-size:8.5px;padding:0 4px}.fleetx-live-toggle input{height:9px;width:9px}.fleetx-limit-field{font-size:8.5px;padding:0 4px}.fleetx-limit-field input{font-size:9px;width:24px}.fleetx-apply-btn,.fleetx-view-toggle-btn{font-size:8.5px;padding:0 3px}.fleetx-data-table{font-size:9px;min-width:820px}.fleetx-pagination{gap:4px;padding:4px 2px 0}.fleetx-pagination-range{font-size:8px}.fleetx-pagination-controls{gap:5px}.fleetx-page-btn{height:16px;width:16px}.fleetx-pagination-page-label{font-size:9px}.fleetx-page-ellipsis{font-size:9px;padding:0 1px}}:root{--ink:#10233f;--steel:#6b7688;--steel-soft:#9aa4b2;--mist:#f6f7fa;--paper:#fff;--line:#e6e9f0;--signal:#123a68;--signal-soft:#eef2f8;--signal-ink:#0d2c50;--ok:#1c7a4a;--ok-soft:#eaf6ef}.vdf-page{background:#f6f7fa;background:var(--mist);color:#10233f;color:var(--ink);display:flex;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:28px 16px}.vdf-card{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #10213f0a,0 8px 24px #10213f0d;max-width:720px;overflow:hidden;width:100%}.vdf-header{border-bottom:1px solid #e6e9f0;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:16px 20px}.vdf-back-btn,.vdf-header{align-items:center;background:#fff;background:var(--paper)}.vdf-back-btn{border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:7px;color:#10233f;color:var(--ink);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s ease,border-color .15s ease;width:30px}.vdf-back-btn:hover{background:#f6f7fa;background:var(--mist);border-color:#9aa4b2;border-color:var(--steel-soft)}.vdf-header-title h1{color:#10233f;color:var(--ink);font-size:15px;font-weight:700;letter-spacing:.01em;margin:0}.vdf-header-title p{color:#6b7688;color:var(--steel);font-size:10.5px;margin:1px 0 0}.vdf-section{border-bottom:1px solid #e6e9f0;border-bottom:1px solid var(--line);padding:16px 20px}.vdf-section:last-of-type{border-bottom:none}.vdf-section h2{color:#6b7688;color:var(--steel);font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 11px;text-transform:uppercase}.vdf-grid{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(3,1fr)}.vdf-field{display:flex;flex-direction:column;gap:4px}.vdf-field span{color:#6b7688;color:var(--steel);font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vdf-field input,.vdf-field select{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:6px;color:#10233f;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:11.5px;height:31px;padding:0 8px;transition:border-color .15s ease,box-shadow .15s ease}.vdf-field input:focus,.vdf-field select:focus{border-color:#123a68;border-color:var(--signal);box-shadow:0 0 0 3px #123a681a;outline:none}.vdf-field input[readonly]{background:#f6f7fa;background:var(--mist);color:#6b7688;color:var(--steel)}.vdf-field input:disabled,.vdf-field select:disabled{background:#f6f7fa;background:var(--mist);color:#9aa4b2;color:var(--steel-soft);cursor:not-allowed}.vdf-doc-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.vdf-doc-card{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:9px;padding:12px 13px;transition:border-color .15s ease,box-shadow .15s ease}.vdf-doc-card:hover{border-color:#9aa4b2;border-color:var(--steel-soft);box-shadow:0 2px 8px #10213f0d}.vdf-doc-card--filled{background:#fbfdfc;border-color:#cfe3d8}.vdf-doc-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.vdf-doc-label{color:#10233f;color:var(--ink);font-size:11.5px;font-weight:600;line-height:1.25}.vdf-doc-badge{align-items:center;background:#eaf6ef;background:var(--ok-soft);border-radius:20px;color:#1c7a4a;color:var(--ok);display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;gap:3px;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase}.vdf-doc-row{display:flex;gap:8px}.vdf-doc-row>*{flex:1 1}.vdf-doc-date{display:flex;flex-direction:column;gap:3px}.vdf-doc-date span{color:#6b7688;color:var(--steel);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vdf-doc-date input{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:6px;color:#10233f;color:var(--ink);color-scheme:light;font-family:IBM Plex Mono,monospace;font-size:10.5px;height:27px;padding:0 7px}.vdf-doc-date input::-webkit-calendar-picker-indicator{height:12px;opacity:.6;width:12px}.vdf-doc-date input:focus{border-color:#123a68;border-color:var(--signal);box-shadow:0 0 0 3px #123a681a;outline:none}.vdf-doc-date input:disabled{background:#f6f7fa;background:var(--mist);color:#9aa4b2;color:var(--steel-soft)}.vdf-doc-upload-wrap{display:flex;flex-direction:column;gap:3px}.vdf-doc-upload-wrap>span{font-size:9px;visibility:hidden}.vdf-doc-upload{cursor:pointer;display:block;position:relative}.vdf-doc-upload input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.vdf-doc-upload input[type=file]:disabled{cursor:not-allowed}.vdf-doc-upload:has(input:disabled) .vdf-upload-btn{cursor:not-allowed;opacity:.5}.vdf-download-btn,.vdf-preview-btn,.vdf-upload-btn{align-items:center;border-radius:6px;box-sizing:border-box;display:inline-flex;font-size:10.5px;font-weight:600;gap:5px;height:27px;justify-content:center;padding:0 8px;text-decoration:none;white-space:nowrap;width:100%}.vdf-upload-btn{background:#eef2f8;background:var(--signal-soft);border:1px solid #e6e9f0;border:1px solid var(--line);color:#123a68;color:var(--signal)}.vdf-doc-upload:hover .vdf-upload-btn{background:#e3eaf3;border-color:#123a68;border-color:var(--signal)}.vdf-preview-btn{background:#eaf6ef;background:var(--ok-soft);border:1px solid #cfe3d8;color:#1c7a4a;color:var(--ok);cursor:pointer;transition:background .15s ease,border-color .15s ease}.vdf-preview-btn:hover:not(:disabled){background:#dcf0e4;border-color:#1c7a4a;border-color:var(--ok)}.vdf-download-btn{background:#f6f7fa;background:var(--mist);border:1px solid #e6e9f0;border:1px solid var(--line);color:#6b7688;color:var(--steel);cursor:pointer;transition:background .15s ease,border-color .15s ease}.vdf-download-btn:hover:not(:disabled){background:#eef0f3;border-color:#9aa4b2;border-color:var(--steel-soft)}.vdf-download-btn:disabled,.vdf-preview-btn:disabled{background:#f6f7fa;background:var(--mist);border-color:#e6e9f0;border-color:var(--line);color:#9aa4b2;color:var(--steel-soft);cursor:not-allowed}.vdf-lightbox-overlay{align-items:center;background:#09122199;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.vdf-lightbox{background:#fff;background:var(--paper);border-radius:10px;box-shadow:0 12px 32px #09122140;display:flex;flex-direction:column;max-height:88vh;max-width:720px;overflow:hidden;width:100%}.vdf-lightbox-header{align-items:center;border-bottom:1px solid #e6e9f0;border-bottom:1px solid var(--line);color:#10233f;color:var(--ink);display:flex;font-size:12.5px;font-weight:600;justify-content:space-between;padding:12px 16px}.vdf-lightbox-header button{background:none;border:none;color:#6b7688;color:var(--steel);cursor:pointer;display:flex}.vdf-lightbox-header button:hover{color:#10233f;color:var(--ink)}.vdf-lightbox-body{align-items:center;background:#f6f7fa;background:var(--mist);display:flex;justify-content:center;overflow:auto;padding:12px}.vdf-lightbox-body img{border-radius:6px;max-height:74vh;max-width:100%;object-fit:contain}.vdf-doc-meta{color:#6b7688;color:var(--steel);display:flex;font-size:10px;gap:16px;margin-top:12px}.vdf-status{border-radius:6px;font-size:11.5px;font-weight:500;margin:0 20px;padding:8px 12px}.vdf-status--success{background:#eaf6ef;background:var(--ok-soft);border:1px solid #bfe0cd;color:#1c7a4a;color:var(--ok)}.vdf-status--error{background:#fbeee3;border:1px solid #edc9a8;color:#7a430f}.vdf-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px 20px}.vdf-cancel-btn{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:7px;color:#6b7688;color:var(--steel);cursor:pointer;font-size:11.5px;font-weight:600;height:34px;padding:0 16px;transition:background .15s ease}.vdf-cancel-btn:hover:not(:disabled){background:#f6f7fa;background:var(--mist)}.vdf-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.vdf-save-btn{background:#123a68;background:var(--signal);border:none;border-radius:7px;color:#fff;color:var(--paper);cursor:pointer;font-size:11.5px;font-weight:600;height:34px;padding:0 18px;transition:background .15s ease}.vdf-save-btn:hover:not(:disabled){background:#0d2c50;background:var(--signal-ink)}.vdf-save-btn:disabled{background:#b7c0cc;cursor:not-allowed}.ss-container{position:relative}.ss-container.ss-disabled{opacity:.6}.ss-input{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:6px;color:#10233f;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:11.5px;height:31px;padding:0 8px;width:100%}.ss-input:focus{border-color:#123a68;border-color:var(--signal);box-shadow:0 0 0 3px #123a681a;outline:none}.ss-panel{background:#fff;background:var(--paper);border:1px solid #e6e9f0;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 16px #10213f1f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.ss-status{color:#6b7688;color:var(--steel);font-size:11px;padding:8px 10px}.ss-option{align-items:center;cursor:pointer;display:flex;font-size:11.5px;justify-content:space-between;padding:7px 10px}.ss-option--active,.ss-option:hover{background:#f6f7fa;background:var(--mist)}.ss-option-label{color:#10233f;color:var(--ink);font-family:IBM Plex Mono,monospace}.ss-option-sublabel{color:#6b7688;color:var(--steel);font-size:10px}@media (max-width:720px){.vdf-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.vdf-doc-grid,.vdf-grid{grid-template-columns:1fr}.vdf-page{padding:14px 8px}.vdf-header,.vdf-section{padding:14px 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.vdl-shell{display:flex}.vdl-main{flex:1 1;min-width:0}.vdl-page{background:#f4f6fa;padding:20px}.vdl-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.vdl-stat{align-items:center;background:#fff;border:1px solid #e2e6ee;border-left:1px solid #123a68;border-left:1px solid var(--stat-accent,#123a68);border-radius:10px;border-top-color:#123a68;border-top:1px solid var(--stat-accent,#123a68);display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:0;padding:8px 10px;text-align:center}.vdl-stat-val{color:#10233f;font-size:17px;font-weight:700;line-height:1.1}.vdl-stat-lbl{color:#8a90a0;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.vdl-stat--total{--stat-accent:#4f39c9}.vdl-stat--expired{--stat-accent:#dc2626}.vdl-stat--soon{--stat-accent:#d97706}.vdl-stat--clear{--stat-accent:#16a34a}.vdl-toolbar{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.vdl-search,.vdl-toolbar{align-items:center;display:flex}.vdl-search{background:#fff;border:1px solid #dde1ea;border-radius:8px;flex:1 1;gap:8px;min-width:260px;padding:6px 10px}.vdl-search input{border:none;color:#10233f;flex:1 1;font-size:11.5px;outline:none}.vdl-clear{background:none;border:none;color:#9aa0a6;cursor:pointer}.vdl-status-toggle{align-items:center;background:#fff;border:1px solid #dde1ea;border-radius:8px;display:flex;flex-shrink:0;gap:2px;padding:3px}.vdl-status-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:10.5px;font-weight:600;padding:5px 12px;transition:background .15s ease,color .15s ease;white-space:nowrap}.vdl-status-toggle button:hover{color:#123a68}.vdl-add-btn,.vdl-status-toggle button.is-active{background:#123a68;color:#fff}.vdl-add-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:6px;padding:8px 13px;transition:background .15s ease}.vdl-add-btn:hover{background:#0d2c50}.vdl-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:11px;gap:8px;margin-bottom:12px;padding:8px 12px}.vdl-error,.vdl-error button{align-items:center;color:#b91c1c;display:flex}.vdl-error button{background:none;border:none;cursor:pointer;gap:4px;margin-left:auto}.vdl-table-card{background:#fff;border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 1px 3px #10213f0d}.vdl-table-wrap{border-radius:10px;overflow-x:auto;overflow-y:visible}.vdl-table{border-collapse:collapse;border-radius:10px;font-size:11px;overflow:hidden;width:100%}.vdl-table th{background:#123a68;border-bottom:1px solid #123a68;color:#dce6f5;font-size:9.5px;font-weight:600;letter-spacing:.02em;padding:10px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}.vdl-table td{border-bottom:1px solid #eef0f5;color:#2a3242;padding:9px 13px;vertical-align:middle}.vdl-row-clickable{cursor:pointer}.vdl-row-clickable:hover{background:#f4f7fc}.cell-name{color:#10233f;display:flex;flex-direction:column;font-weight:600}.vdl-sub{color:#9aa0a6;font-size:9.5px;font-weight:400}.vdl-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:600;gap:4px;padding:2px 7px}.vdl-badge--expired{background:#fef2f2;color:#b91c1c}.vdl-badge--soon{background:#fffbeb;color:#b45309}.vdl-badge--ok{background:#eef6f0;color:#196a3f}.vdl-actions{display:flex;gap:6px}.vdl-action-btn{align-items:center;background:#fff;border:1px solid #dde1ea;border-radius:6px;color:#4b5568;cursor:pointer;display:flex;justify-content:center;padding:5px}.vdl-actions-dropdown{display:inline-block;position:relative}.vdl-actions-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#16215a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:700;gap:6px;height:28px;justify-content:space-between;padding:0 8px 0 12px;transition:background .15s ease,border-color .15s ease;width:100px}.vdl-actions-btn:hover{background:#f8fafc;border-color:#cbd5e1}.vdl-actions-btn--active{background:#f8fafc;border-color:#94a3b8}.vdl-actions-btn svg{color:#16215a;flex-shrink:0;transition:transform .15s ease}.vdl-actions-btn--active svg{transform:rotate(180deg)}.vdl-actions-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 28px #0f172a24;display:flex;flex-direction:column;gap:2px;min-width:130px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:999}.vdl-actions-menu--up{bottom:calc(100% + 6px);top:auto}.vdl-actions-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#16203d;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:background-color .12s ease;white-space:nowrap;width:100%}.vdl-actions-menu-item:hover:not(:disabled){background:#eaefff;color:#2a44ab}.vdl-actions-menu-item.delete{color:#c23a2f}.vdl-actions-menu-item.delete:hover:not(:disabled){background:#fbe9e7}.vdl-actions-menu-item:disabled{cursor:not-allowed;opacity:.5}.vdl-action-btn:hover{background:#eef2f8;border-color:#123a68;color:#123a68}.vdl-action-btn.delete:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.vdl-action-btn:disabled{cursor:not-allowed;opacity:.5}.vdl-state{color:#9aa0a6;font-size:11.5px;padding:32px 0;text-align:center}.vdl-loading,.vdl-view-loading{align-items:center;display:flex;gap:8px;justify-content:center}.vdl-spinner{animation:vdl-spin .7s linear infinite;border:2px solid #dde1ea;border-radius:50%;border-top-color:#123a68;height:14px;width:14px}.vdl-view-doc-thumb-wrap{align-items:center;display:flex;justify-content:center}.vdl-view-doc-thumb{background:#f4f6fa;border:1px solid #eef0f5;border-radius:6px;height:40px;object-fit:cover;-webkit-user-select:none;user-select:none;width:40px}.vdl-view-doc-thumb--icon{align-items:center;color:#9aa0a6;display:flex;justify-content:center}.vdl-view-doc-actions{display:flex;gap:6px}.vdl-view-doc-link{background:#fff;color:#123a68}.vdl-view-doc-download,.vdl-view-doc-link{align-items:center;border:1px solid #dde1ea;border-radius:6px;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:5px;padding:5px 10px}.vdl-view-doc-download{background:#f4f6fa;color:#4b5568;transition:background .15s ease,border-color .15s ease}.vdl-view-doc-download:hover{background:#eef0f3;border-color:#123a68}.vdl-download-all-btn,.vdl-print-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff40;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:30px;padding:0 11px;transition:background .15s ease,border-color .15s ease}.vdl-download-all-btn:hover:not(:disabled),.vdl-print-btn:hover{background:#ffffff29}.vdl-download-all-btn:disabled{cursor:not-allowed;opacity:.55}@media print{body *{visibility:hidden}.vdl-print-area,.vdl-print-area *{visibility:visible}.vdl-print-area{left:0;position:absolute;top:0;width:100%}.vdl-modal-header-actions,.vdl-view-doc-actions{display:none!important}}@keyframes vdl-spin{to{transform:rotate(1turn)}}.vdl-link-btn{background:none;border:none;color:#123a68;cursor:pointer;font-size:11.5px;font-weight:600;margin-top:6px}.vdl-modal-overlay{align-items:center;background:#0912218c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.vdl-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #09122133;display:flex;flex-direction:column;max-height:88vh;max-width:620px;overflow:hidden;width:100%}.vdl-modal--form{max-width:900px;padding:0}.vdl-modal-header{align-items:flex-start;background:#10233f;border-bottom:3px solid #123a68;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.vdl-modal-header h3{color:#fff;font-size:14px;margin:0}.vdl-modal-header p{color:#b7c4dc;font-size:10.5px;margin:3px 0 0}.vdl-modal-header-actions{align-items:center;display:flex;gap:8px}.vdl-modal-close{background:none;border:none;color:#dce6f5;cursor:pointer}.vdl-edit-from-view-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:10.5px;font-weight:600;gap:5px;padding:5px 10px}.vdl-edit-from-view-btn:hover{background:#ffffff29}.vdl-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px 18px}.vdl-view-section{margin-bottom:18px}.vdl-view-section h4{color:#8a90a0;font-size:10px;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.vdl-view-grid{grid-gap:9px 16px;display:grid;gap:9px 16px;grid-template-columns:repeat(2,1fr)}.vdl-view-field{display:flex;flex-direction:column;font-size:11px;gap:2px}.vdl-view-field span{color:#9aa0a6;font-size:9.5px}.vdl-view-field strong{color:#10233f;font-weight:600}.vdl-view-doc-list{display:flex;flex-direction:column;gap:7px}.vdl-view-doc-row{grid-gap:10px;align-items:center;background:#fbfcfe;border:1px solid #eef0f5;border-radius:8px;display:grid;font-size:11px;gap:10px;grid-template-columns:44px 1.3fr 1fr auto;padding:7px 11px}.vdl-view-doc-name{color:#10233f;font-weight:600}.vdl-view-doc-expiry.is-expired{color:#b91c1c;font-weight:600}.vdl-view-doc-row a{color:#123a68;font-size:10.5px;text-decoration:none}.vdl-view-doc-row em{color:#b0b4bb;font-size:10.5px;font-style:normal}.vdl-doc-preview-modal{max-width:720px}.vdl-doc-preview-body{align-items:center;display:flex;justify-content:center;padding:18px}.vdl-doc-preview-fallback{align-items:center;color:#9aa0a6;display:flex;flex-direction:column;font-size:11.5px;gap:8px;padding:30px 0}@media (max-width:640px){.vdl-page{padding:10px}.vdl-stats{gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.vdl-stat{border-radius:8px;gap:1px;padding:6px 5px}.vdl-stat-val{font-size:12px}.vdl-stat-lbl{font-size:6.5px}.vdl-toolbar{flex-wrap:nowrap;gap:6px;margin-bottom:8px}.vdl-search{flex:1 1 auto;gap:5px;height:30px;min-width:0;padding:5px 8px}.vdl-search input{font-size:10px}.vdl-status-toggle{padding:2px}.vdl-status-toggle button{font-size:9px;padding:4px 8px}.vdl-add-btn{flex:0 0 auto;font-size:10px;gap:4px;height:30px;padding:0 10px}.vdl-add-btn svg{height:13px;width:13px}.vdl-error{font-size:9.5px;gap:6px;padding:6px 9px}.vdl-table-card{background:#0000;border:none;border-radius:0;box-shadow:none}.vdl-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.vdl-table{border-collapse:initial;border-spacing:0 8px;font-size:9.5px;min-width:780px}.vdl-table thead th:first-child{border-radius:8px 0 0 8px}.vdl-table thead th:last-child{border-radius:0 8px 8px 0}.vdl-table th{font-size:8px;padding:7px 9px;white-space:nowrap}.vdl-table tbody tr{background:#fff;box-shadow:0 1px 2px #10213f0d}.vdl-table tbody tr:hover{background:#f4f7fc}.vdl-table td{border-bottom:1px solid #e2e6ee;border-top:1px solid #e2e6ee;font-size:9.5px;padding:8px 9px;white-space:nowrap}.vdl-table tbody tr td:first-child{border-bottom-left-radius:8px;border-left:2px solid #123a68;border-top:2px solid #123a68;border-top-left-radius:8px}.vdl-table tbody tr td:last-child{border-bottom-right-radius:8px;border-right:1px solid #e2e6ee;border-top-right-radius:8px}.cell-name{font-size:10px}.vdl-badge,.vdl-sub{font-size:8px}.vdl-badge{padding:1px 5px}.vdl-action-btn{padding:4px}.vdl-actions{gap:4px}.vdl-state{font-size:10px;padding:20px 0}.vdl-modal-overlay{align-items:flex-end;padding:8px}.vdl-modal{border-radius:10px 10px 0 0;max-height:92vh;max-width:100%}.vdl-modal-header{padding:10px 12px}.vdl-modal-header h3{font-size:12px}.vdl-modal-header p{font-size:9px}.vdl-download-all-btn,.vdl-print-btn{font-size:9.5px;height:26px;padding:0 8px}.vdl-modal-body{padding:10px 12px}.vdl-view-section{margin-bottom:12px}.vdl-view-section h4{font-size:8.5px;margin-bottom:5px}.vdl-view-grid{gap:6px 10px;grid-template-columns:1fr 1fr}.vdl-view-field{font-size:9.5px}.vdl-view-field span{font-size:8px}.vdl-view-doc-row{font-size:9.5px;gap:3px 8px;grid-template-areas:"thumb name actions" "thumb expiry actions";grid-template-columns:32px 1fr auto;padding:5px 7px}.vdl-view-doc-thumb-wrap{grid-area:thumb}.vdl-view-doc-name{font-size:9.5px;grid-area:name}.vdl-view-doc-expiry{font-size:8.5px;grid-area:expiry}.vdl-view-doc-actions{grid-area:actions}.vdl-view-doc-thumb{height:30px;width:30px}.vdl-view-doc-download{font-size:8.5px;padding:4px 7px}}@media (prefers-reduced-motion:reduce){.vdl-spinner{animation:none}}.fchat-root{--fchat-bg:#fff;--fchat-panel:#f5f6f8;--fchat-bubble-bot:#f0f1f4;--fchat-bubble-user:#e7f3f1;--fchat-accent:#14b8a6;--fchat-accent-dim:#0f8f81;--fchat-text:#1c1f26;--fchat-text-muted:#6b7280;--fchat-border:#e2e4e9;--fchat-error:#dc3d34;--fchat-input-bg:#fff;--fchat-input-border:#d7dae0;--fchat-font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;bottom:16px;font-family:var(--fchat-font-ui);position:fixed;right:4px;z-index:99999}.fchat-launcher{align-items:center;background:var(--fchat-accent);border:none;border-radius:50%;box-shadow:0 6px 16px #14b8a652;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:.18s;width:38px}.fchat-launcher:hover{background:var(--fchat-accent-dim);transform:translateY(-2px) scale(1.05)}.fchat-launcher:focus-visible{outline:2px solid var(--fchat-accent);outline-offset:3px}.fchat-unread-dot{background:var(--fchat-error);border:2px solid var(--fchat-bg);border-radius:50%;height:9px;position:absolute;right:2px;top:2px;width:9px}.fchat-panel{animation:fchat-rise .18s ease;background:var(--fchat-bg);border:1px solid var(--fchat-border);border-radius:16px;bottom:62px;box-shadow:0 18px 45px #00000024;color:var(--fchat-text);display:flex;flex-direction:column;height:520px;max-height:calc(100vh - 100px);overflow:hidden;position:absolute;right:0;width:340px}@keyframes fchat-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fchat-header{align-items:flex-start;background:var(--fchat-panel);border-bottom:1px solid var(--fchat-border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px}.fchat-header h1{color:var(--fchat-text);font-size:.95rem;font-weight:600;margin:0 0 4px}.fchat-header p{font-size:.72rem;margin:0}.fchat-close,.fchat-header p{color:var(--fchat-text-muted)}.fchat-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:.15s}.fchat-close:hover{background:var(--fchat-border);color:var(--fchat-text)}.fchat-close:focus-visible{outline:2px solid var(--fchat-accent)}.fchat-log{background:var(--fchat-bg);display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.fchat-log::-webkit-scrollbar{width:6px}.fchat-log::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.fchat-empty{margin:auto;max-width:280px;text-align:center}.fchat-empty-title{color:var(--fchat-text-muted);font-size:.82rem;margin-bottom:12px}.fchat-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fchat-chip{background:var(--fchat-panel);border:1px solid var(--fchat-border);border-radius:999px;color:var(--fchat-text);cursor:pointer;font-size:.72rem;padding:6px 12px;transition:.18s}.fchat-chip:hover{border-color:var(--fchat-accent);color:var(--fchat-accent-dim);transform:translateY(-1px)}.fchat-row{animation:fchat-msg .18s ease;display:flex;width:100%}@keyframes fchat-msg{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fchat-row.user{justify-content:flex-end}.fchat-row.bot{justify-content:flex-start}.fchat-bubble{border-radius:14px;font-size:.82rem;line-height:1.45;max-width:85%;padding:10px 12px}.fchat-bubble.user{background:var(--fchat-bubble-user);border-bottom-right-radius:5px;color:var(--fchat-text)}.fchat-bubble.bot{background:var(--fchat-bubble-bot);border:1px solid var(--fchat-border);border-bottom-left-radius:5px;color:var(--fchat-text)}.fchat-bubble.bot.error{background:#fdecea;border-color:var(--fchat-error);color:#a3251e}.fchat-text{margin:0;white-space:pre-wrap}.fchat-bubble.typing{align-items:center;display:flex;gap:4px;padding:11px 13px}.fchat-bubble.typing .dot{animation:fchat-pulse 1.2s infinite;background:var(--fchat-text-muted);border-radius:50%;height:6px;width:6px}.fchat-bubble.typing .dot:nth-child(2){animation-delay:.2s}.fchat-bubble.typing .dot:nth-child(3){animation-delay:.4s}@keyframes fchat-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.fchat-input-bar{align-items:center;background:var(--fchat-panel);border-top:1px solid var(--fchat-border);display:flex;flex-shrink:0;gap:8px;padding:12px 14px}.fchat-input-bar input{background:var(--fchat-input-bg);border:1px solid var(--fchat-input-border);border-radius:999px;color:var(--fchat-text);flex:1 1;font-family:var(--fchat-font-ui);font-size:.82rem;height:40px;outline:none;padding:0 14px;transition:.15s}.fchat-input-bar input::placeholder{color:var(--fchat-text-muted)}.fchat-input-bar input:focus{border-color:var(--fchat-accent);box-shadow:0 0 0 3px #14b8a626}.fchat-input-bar input:disabled{background:#f3f4f6;color:var(--fchat-text-muted)}.fchat-input-bar button{align-items:center;background:var(--fchat-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:.15s;width:40px}.fchat-input-bar button:hover:not(:disabled){background:var(--fchat-accent-dim);transform:scale(1.05)}.fchat-input-bar button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.fchat-input-bar button:focus-visible{outline:2px solid var(--fchat-accent);outline-offset:2px}@media (max-width:768px){.fchat-root{bottom:12px;right:5px;z-index:99999}.fchat-launcher{border-radius:50%;box-shadow:0 8px 22px #14b8a64d;height:30px;width:30px}.fchat-launcher svg{height:15px;width:15px}.fchat-panel{border-radius:16px;bottom:66px;height:70vh;max-height:560px;max-width:360px;right:0;width:calc(100vw - 20px)}.fchat-header{padding:14px}.fchat-header h1{font-size:.92rem}.fchat-header p{font-size:.72rem}.fchat-log{padding:14px}.fchat-bubble{font-size:.8rem;max-width:90%}.fchat-input-bar{padding:10px 12px}.fchat-input-bar input{font-size:.82rem;height:42px}.fchat-input-bar button{height:42px;width:42px}}.wa-fab{--wa-green:#25d366;--wa-green-dark:#1da851;--wa-navy:#0b1f3f;-webkit-tap-highlight-color:transparent;align-items:center;bottom:60px;cursor:pointer;display:flex;gap:8px;position:fixed;right:2px;text-decoration:none;z-index:99999}.wa-fab__label{background:var(--wa-navy);border-radius:6px;color:#fff;font-family:Segoe UI,sans-serif;font-size:12px;font-weight:600;max-width:0;opacity:0;overflow:hidden;padding:0;transform:translateX(8px);transition:max-width .25s ease,padding .25s ease,opacity .2s ease,transform .25s ease;white-space:nowrap}.wa-fab:focus-visible .wa-fab__label,.wa-fab:hover .wa-fab__label{max-width:180px;opacity:1;padding:6px 12px;transform:translateX(0)}.wa-fab__icon-wrap{align-items:center;background:var(--wa-green);border-radius:50%;box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001a;display:flex;height:38px;justify-content:center;position:relative;transition:transform .2s ease,background .2s ease;width:38px}.wa-fab:focus-visible .wa-fab__icon-wrap,.wa-fab:hover .wa-fab__icon-wrap{background:var(--wa-green-dark);transform:scale(1.08)}.wa-fab:active .wa-fab__icon-wrap{transform:scale(.95)}.wa-fab__icon{color:#fff;height:17px;position:relative;width:17px;z-index:2}.wa-fab__ring{animation:waPulse 2s infinite;background:var(--wa-green);border-radius:50%;inset:0;opacity:.35;position:absolute}@keyframes waPulse{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.wa-fab:focus-visible{border-radius:50%;outline:2px solid var(--wa-navy);outline-offset:3px}@media (prefers-reduced-motion:reduce){.wa-fab__ring{animation:none;display:none}.wa-fab__icon-wrap,.wa-fab__label{transition:none}}@media (max-width:768px){.wa-fab{bottom:45px;right:5px}.wa-fab__icon-wrap{height:30px;width:30px}.wa-fab__icon{height:15px;width:15px}.wa-fab__label{display:none}}*{box-sizing:border-box}body,html{height:100%;margin:0}.fleet-page{background:#f4f6fb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;overflow:hidden}.fleet-content,.fleet-page__main{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.fleet-content{padding:14px 18px 20px}.fleet-stats{display:flex;flex-shrink:0;gap:10px;margin-bottom:10px}.fleet-stat{align-items:center;background:#fff;border-left:3px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0a0f240d;display:flex;flex:1 1;flex-direction:column;gap:1px;justify-content:center;min-width:0;padding:6px 12px;text-align:center}.fleet-stat--blue{border-left-color:#3b82f6}.fleet-stat--teal{border-left-color:#0f9d78}.fleet-stat--amber{border-left-color:#d97706}.fleet-stat--green{border-left-color:#16a34a}.fleet-stat--red{border-left-color:#dc2626}.fleet-stat__value{color:#0e1638;font-size:13px;font-weight:800;line-height:1.2}.fleet-stat__label{color:#8b93a7;font-size:8.5px;font-weight:600;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.fleet-toolbar{flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px;position:relative}.fleet-search,.fleet-toolbar{align-items:center;display:flex}.fleet-search{background:#fff;border:1px solid #e2e5ef;border-radius:7px;box-shadow:0 1px 2px #0a0f2408;flex:1 1;gap:6px;height:32px;max-width:420px;min-width:180px;padding:0 10px}.fleet-search svg{color:#9aa1b5;flex-shrink:0;height:13px;width:13px}.fleet-search input{background:#0000;border:none;color:#12172b;flex:1 1;font-size:12.5px;min-width:0;outline:none}.fleet-search input::placeholder{color:#a2a8b8}.fleet-toolbar__right{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.fleet-btn{align-items:center;border:1px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;height:32px;padding:0 12px;transition:background .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.fleet-btn svg{height:13px;width:13px}.fleet-btn--outline{background:#fff;border-color:#e2e5ef;box-shadow:0 1px 2px #0a0f2408;color:#12172b}.fleet-btn--outline:hover{border-color:#b8c0e0}.fleet-btn--solid{background:linear-gradient(135deg,#1d4ed8,#0e1638);box-shadow:0 3px 8px #1d4ed838;color:#fff}.fleet-btn--solid:hover{transform:translateY(-1px)}.fleet-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.fleet-btn--filters-active{border-color:#1d4ed8}.fleet-btn__dot{background:#16a34a;border-radius:50%;height:5px;margin-left:1px;width:5px}.fleet-filters-wrap{flex-shrink:0;position:relative}.fleet-filters-panel{align-items:flex-end;animation:fleet-filters-in .16s ease;background:#fff;border:1px solid #e2e5ef;border-radius:10px;box-shadow:0 12px 28px #0a0f2429;display:flex;flex-wrap:wrap;gap:10px;min-width:340px;padding:14px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}@keyframes fleet-filters-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fleet-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fleet-filters-backdrop,.fleet-filters-panel__header{display:none}.fleet-filters-panel__title{color:#0e1638;font-size:13px;font-weight:700}.fleet-filters-panel__field{display:flex;flex-direction:column;gap:3px}.fleet-filters-panel__field label{color:#8b93a7;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fleet-filters-panel__field select{min-width:120px}.fleet-filters-panel__field input[type=text],.fleet-filters-panel__field select{background:#fff;border:1px solid #e2e5ef;border-radius:6px;font-size:12px;height:30px;padding:5px 8px}.fleet-filters-panel__field input[type=text]{color:#12172b;min-width:140px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fleet-filters-panel__field input[type=text]:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.fleet-filters-panel__field input[type=text]::placeholder{color:#a2a8b8}.fleet-filters-panel__clear{background:none;border:none;color:#d0432e;cursor:pointer;font-size:12px;font-weight:600;padding:6px 0}.fleet-table-wrap{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0a0f240d;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;width:100%}.fleet-table-banner{flex-shrink:0;font-size:11.5px;padding:7px 10px}.fleet-table-banner--error{background:#fdecec;color:#a11f1f}.fleet-table-scroll{flex:1 1;min-height:0;min-width:0;overflow:auto}.fleet-table{border-collapse:collapse;font-size:11.5px;min-width:100%;width:-webkit-max-content;width:max-content}.fleet-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.fleet-table thead tr{background:linear-gradient(90deg,#0e1638,#14204a)}.fleet-table th{background:#0e1638;color:#cdd6f2;font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:7px 8px;text-align:left;text-transform:uppercase;white-space:nowrap}.fleet-table td{border-bottom:1px solid #eef0f7;color:#262b3f;font-size:11.5px;padding:6px 8px;white-space:nowrap}.fleet-table tbody tr:hover{background:#f7f9fd}.fleet-table__empty{color:#9aa1b5;padding:20px!important;text-align:center!important}.fleet-mono{font-family:SF Mono,Roboto Mono,monospace;font-size:11px}.fleet-pill{background:#e8f0fe;border-radius:5px;color:#1d4ed8;display:inline-block;font-family:monospace;font-size:10.5px;font-weight:600;padding:2px 6px}.fleet-pill--lg{background:#ffffff24;border-radius:6px;color:#fff;flex-shrink:0;font-size:10.5px;letter-spacing:.02em;padding:3px 9px;white-space:nowrap}.fleet-status{border-radius:20px;display:inline-block;font-size:9.5px;font-weight:700;padding:2px 7px;text-transform:uppercase}.fleet-status--active{background:#e4f6ea;color:#157a3d}.fleet-status--deactive{background:#fdecec;color:#a11f1f}.fleet-table__footer{align-items:center;background:#fff;border-top:1px solid #eef0f7;color:#6b7280;display:flex;flex-shrink:0;font-size:11.5px;justify-content:space-between;min-height:34px;padding:6px 12px}.fleet-pagination{align-items:center;display:flex;gap:8px}.fleet-pagination button{align-items:center;background:#fff;border:1px solid #e2e5ef;border-radius:5px;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.fleet-pagination button:disabled{cursor:not-allowed;opacity:.4}.fleet-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f248c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.fleet-modal{background:#fff;border-radius:12px;box-shadow:0 24px 60px #0a0f2447;max-height:86vh;max-width:100%;overflow-y:auto;padding:18px;width:480px}.fleet-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.fleet-modal__header h2{color:#0e1638;font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0}.fleet-modal__close{align-items:center;background:none;border:none;border-radius:6px;color:#9aa1b5;cursor:pointer;display:flex;font-size:17px;height:26px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease;width:26px}.fleet-modal__close:hover{background:#f3f4f8;color:#4b5566}.fleet-dock{border:2px dashed #dfe3ee;border-radius:9px;padding:22px 16px;text-align:center;transition:border-color .15s ease,background .15s ease}.fleet-dock--active{background:#f4f7ff;border-color:#1d4ed8}.fleet-dock--success{background:#e9f9ef;border-color:#16a34a}.fleet-dock--error{background:#fdecec;border-color:#dc2626}.fleet-dock__input{display:none}.fleet-dock__label{color:#0e1638;font-size:13px;font-weight:600;margin:0 0 4px}.fleet-dock__label--success{color:#0f6e56}.fleet-dock__label--error{color:#a11f1f}.fleet-dock__sub{color:#9aa1b5;font-size:11.5px;margin:0 0 12px}.fleet-dock__result{color:#262b3f;font-size:11.5px;margin:0 0 12px}.fleet-dock__result--error{color:#a11f1f}.fleet-gauge{background:#eef0f7;border-radius:3px;height:6px;margin:8px 0 6px;overflow:hidden}.fleet-gauge__fill{background:linear-gradient(90deg,#1d4ed8,#3b82f6);height:100%;transition:width .2s ease}.fleet-log{margin-top:14px}.fleet-log__title{color:#a11f1f;font-size:11.5px;font-weight:700;margin:0 0 6px}.fleet-log__table-wrap{border:1px solid #eef0f7;border-radius:7px;max-height:180px;overflow-y:auto}.fleet-log__table{border-collapse:collapse;font-size:10.5px;width:100%}.fleet-log__table th{background:#f7f9fd;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.fleet-log__table td{border-top:1px solid #eef0f7;padding:6px 8px;vertical-align:top}.fleet-actions-cell{overflow:visible;position:relative}.fleet-actions{display:inline-block;position:relative}.fleet-actions__trigger{align-items:center;background:#fff;border:1px solid #e2e5ef;border-radius:6px;box-shadow:0 1px 2px #0a0f2408;color:#0e1638;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:5px;padding:4px 9px;transition:border-color .15s ease,background .15s ease}.fleet-actions__trigger:hover{background:#f7f9fd;border-color:#b8c0e0}.fleet-actions__trigger svg{height:11px;opacity:.7;width:11px}.fleet-actions__menu{animation:fleet-filters-in .14s ease;background:#fff;border:1px solid #eef0f7;border-radius:10px;box-shadow:0 12px 28px #0a0f242e;display:flex;flex-direction:column;gap:1px;min-width:128px;padding:4px;position:absolute;right:0;top:calc(100% + 5px);z-index:30}.fleet-actions__item{align-items:center;background:#0000;border:none;border-radius:6px;color:#262b3f;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 8px;text-align:left}.fleet-actions__item svg{flex-shrink:0;height:12.5px;width:12.5px}.fleet-actions__item:hover{background:#f3f4f8}.fleet-actions__item--danger{color:#dc2626}.fleet-actions__item--danger:hover{background:#fef2f2}.fleet-modal--view{display:flex;flex-direction:column;max-height:86vh;max-width:640px;overflow:hidden;padding:0;width:100%}.fleet-view__hero{align-items:center;background:linear-gradient(135deg,#0e1638,#142150 60%,#1d4ed8);color:#fff;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:12px 16px;position:relative}.fleet-view__hero-top{display:contents}.fleet-view__hero .fleet-modal__close{color:#ffffffb3;flex-shrink:0;margin-left:auto;order:99}.fleet-view__hero .fleet-modal__close:hover{background:#ffffff24;color:#fff}.fleet-view__hero-title{flex-shrink:0;font-family:SF Mono,Roboto Mono,monospace;font-size:15px;font-weight:800;letter-spacing:-.01em;margin:0;white-space:nowrap}.fleet-view__hero-tags{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.fleet-tag{align-items:center;background:#ffffff29;border-radius:20px;color:#fff;display:inline-flex;font-size:9px;font-weight:700;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.fleet-tag--teal{background:#0f9d7859}.fleet-tag--amber{background:#d9770659}.fleet-tag--blue{background:#3b82f659}.fleet-view{display:flex;flex:1 1;flex-direction:column;min-height:0}.fleet-view__grid{grid-gap:10px 12px;display:grid;flex:1 1;gap:10px 12px;grid-template-columns:repeat(2,1fr);margin:0;min-height:0;overflow-y:auto;padding:18px 20px}.fleet-view__field{background:#fbfcfe;border:1px solid #eef0f7;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:9px 11px;transition:border-color .15s ease,background .15s ease,transform .1s ease}.fleet-view__field:hover{background:#fff;border-color:#d7ddf0;transform:translateY(-1px)}.fleet-view__field dt{color:#8b93a7;font-size:8.5px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.fleet-view__field dd{color:#12172b;font-size:12.5px;font-weight:600;line-height:1.4;margin:0;word-break:break-word}.fleet-modal--edit{display:flex;flex-direction:column;max-height:82vh;max-width:620px;overflow:hidden;padding:0;width:100%}.fleet-modal--edit .fleet-modal__header{border-bottom:1px solid #eef0f7;flex-shrink:0;margin-bottom:0;padding:16px 20px}.fleet-modal--edit .fleet-modal__header h2{color:#0e1638;font-size:13.5px}.fleet-modal--edit .fleet-modal__header h2:before{content:""}.fleet-edit-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.fleet-edit-form__grid{grid-gap:12px 16px;display:grid;flex:1 1;gap:12px 16px;grid-template-columns:repeat(2,1fr);min-height:0;overflow-y:auto;padding:16px 20px}.fleet-edit-form__field{display:flex;flex-direction:column;gap:4px}.fleet-edit-form__field label{color:#8b93a7;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fleet-edit-form__required{color:#dc2626;font-weight:700}.fleet-edit-form__field input{background:#fbfcfe;border:1px solid #e2e5ef;border-radius:7px;color:#12172b;font-size:12px;height:32px;padding:7px 9px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.fleet-edit-form__field input::placeholder{color:#a2a8b8}.fleet-edit-form__field input:hover{border-color:#cfd5e6}.fleet-edit-form__field input:focus{background:#fff;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f;outline:none}.fleet-edit-form__error{background:#fdecec;border-radius:7px;color:#a11f1f;font-size:11px;font-weight:500;margin:0 20px;padding:7px 10px}.fleet-edit-form__actions{background:#fafbfd;border-top:1px solid #eef0f7;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 20px}.fleet-edit-form__actions .fleet-btn{font-size:11.5px;height:30px;padding:0 14px}.fleet-modal--confirm{max-width:380px;overflow:hidden;padding:0;width:100%}.fleet-modal--confirm .fleet-modal__header{margin-bottom:0;padding:16px 20px 0}.fleet-modal--confirm .fleet-modal__header h2{font-size:13.5px}.fleet-confirm__text{color:#6b7280;font-size:11.5px;line-height:1.5;margin:8px 20px 0}.fleet-modal--confirm .fleet-edit-form__error{margin:10px 20px 0}.fleet-modal--confirm .fleet-edit-form__actions{border-top:1px solid #eef0f7;margin-top:16px}.fleet-btn--danger{align-items:center;background:#dc2626;border:1px solid #dc2626;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;height:30px;padding:0 14px;transition:background .15s ease,transform .1s ease}.fleet-btn--danger:hover{background:#b91c1c}.fleet-btn--danger:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:900px){.fleet-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.fleet-stat{min-width:0;padding:6px 8px;width:100%}.fleet-stat__value{font-size:13px}.fleet-stat__label{font-size:8px}.fleet-toolbar{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.fleet-search{flex-basis:100%;max-width:100%;width:100%}.fleet-toolbar__right{justify-content:space-between;width:100%}.fleet-filters-wrap{position:relative}.fleet-filters-wrap,.fleet-toolbar__right>.fleet-btn--outline,.fleet-toolbar__right>.fleet-btn--solid{flex:1 1;min-width:0}.fleet-btn{font-size:11px;justify-content:center;padding:0 6px;width:100%}.fleet-btn svg{height:12px;width:12px}.fleet-filters-backdrop{background:#0000;display:block;inset:0;position:fixed;z-index:999999998}.fleet-filters-panel__header{align-items:center;border-bottom:1px solid #eef0f7;display:flex;flex:1 1 100%;justify-content:space-between;margin-bottom:4px;padding-bottom:4px}.fleet-filters-panel{align-items:flex-start;animation:fleet-sheet-in .2s ease;border-radius:12px;bottom:auto;box-shadow:0 10px 30px #0a0f2440;flex-direction:row;flex-wrap:wrap;gap:12px 10px;left:0;max-height:70vh;max-height:70dvh;max-width:calc(100vw - 20px);min-width:0;overflow-y:auto;padding:14px 16px 16px;position:absolute;right:auto;top:calc(100% + 5px);width:260px;z-index:999999999}@keyframes fleet-sheet-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fleet-filters-panel__field{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;gap:6px;min-width:0}.fleet-filters-panel__field input[type=text],.fleet-filters-panel__field select{font-size:12.5px;height:36px;min-width:0;padding:5px 8px;width:100%}.fleet-filters-panel__clear{flex:1 1 100%;padding:4px 0 0;text-align:center}.fleet-table__footer{align-items:center;flex-direction:row;font-size:10px;gap:6px;justify-content:space-between;padding:6px 8px}.fleet-pagination{flex-shrink:0;gap:4px}.fleet-pagination span{font-size:10px;white-space:nowrap}.fleet-edit-form__grid,.fleet-view__grid{grid-template-columns:1fr}.fleet-view__hero{flex-wrap:wrap}.fleet-view__hero-title{font-size:14px}}@media (max-width:768px){.fleet-content{padding:10px 10px 14px}.fleet-stats{gap:5px}.fleet-stat{padding:5px 6px}.fleet-stat__value{font-size:12px}.fleet-stat__label{font-size:7.5px}.fleet-search{height:30px}.fleet-search input{font-size:11.5px}.fleet-btn{font-size:10.5px;height:30px}.fleet-filters-panel{gap:8px;max-width:calc(100vw - 20px);padding:10px;width:240px}.fleet-filters-panel__field input[type=text],.fleet-filters-panel__field select{font-size:11px;height:28px;min-width:80px}.fleet-table__footer{font-size:9.5px;padding:5px 6px}.fleet-pagination button{font-size:11px;height:18px;width:18px}.fleet-modal--confirm,.fleet-modal--edit,.fleet-modal--view{max-width:100%}}@media (max-width:480px){.fleet-stats{gap:4px;grid-template-columns:repeat(3,1fr)}.fleet-stat{padding:5px 4px}.fleet-stat__value{font-size:11px}.fleet-stat__label{font-size:6.5px}.fleet-search{height:28px}.fleet-search input{font-size:11px}.fleet-btn{font-size:9.5px;gap:3px;height:28px}.fleet-btn svg{height:11px;width:11px}.fleet-filters-panel{gap:6px;left:0;max-width:calc(100vw - 20px);padding:8px;right:auto;width:200px}.fleet-filters-panel__field label{font-size:8px}.fleet-filters-panel__field input[type=text],.fleet-filters-panel__field select{font-size:10px;height:26px;min-width:70px}.fleet-table__footer{font-size:8.5px;padding:4px 5px}.fleet-pagination{gap:3px}.fleet-pagination button{font-size:10px;height:16px;width:16px}}
/*# sourceMappingURL=main.88b989e7.css.map*/