@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Sen:wght@400;500;700;800&family=IBM+Plex+Mono:wght@500;600;700&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin .8s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink .9s infinite}:root{--navy-950: #0B132B;--navy-900: #0F172A;--navy-800: #1E293B;--navy-700: #334155;--navy-600: #475569;--orange: #F97316;--orange-600: #EA580C;--orange-gradient: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--orange-gradient-hover: linear-gradient(135deg, #FB923C 0%, #F97316 100%);--orange-tint: #FFF7ED;--orange-glow: rgba(249, 115, 22, .35);--ink: #0F172A;--slate: #475569;--slate-soft: #64748B;--line: #E2E8F0;--line-soft: #F1F5F9;--bg: #F8FAFC;--card: #FFFFFF;--blue-tint: #EFF6FF;--blue-text: #2563EB;--green: #10B981;--green-tint: #ECFDF5;--red: #EF4444;--red-tint: #FEF2F2;--amber: #F59E0B;--amber-tint: #FFFBEB;--shadow-xs: 0 2px 4px rgba(15, 23, 42, .03);--shadow-sm: 0 6px 18px rgba(15, 23, 42, .05);--shadow-md: 0 14px 34px -6px rgba(15, 23, 42, .08), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-lg: 0 28px 64px -12px rgba(15, 23, 42, .22);--focus: 0 0 0 3px rgba(249, 115, 22, .35);--r-xl: 24px;--r-lg: 18px;--r: 14px;--r-sm: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#CBD5E1 #F1F5F9}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:1px solid #F1F5F9}::-webkit-scrollbar-thumb:hover{background:#f97316}.clist::-webkit-scrollbar,.po::-webkit-scrollbar,.modalbox::-webkit-scrollbar{width:6px}.clist::-webkit-scrollbar-thumb,.po::-webkit-scrollbar-thumb,.modalbox::-webkit-scrollbar-thumb{background:#f9731680;border:0}.clist::-webkit-scrollbar-thumb:hover,.po::-webkit-scrollbar-thumb:hover,.modalbox::-webkit-scrollbar-thumb:hover{background:#f97316d9}body{font-family:Outfit,Sen,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(249,115,22,.04) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(37,99,235,.04) 0%,transparent 45%),#f8fafc;background-attachment:fixed;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,Sen,sans-serif;letter-spacing:-.02em;line-height:1.25;font-weight:700}h1{font-weight:700;letter-spacing:-.02em}h2{font-weight:650;letter-spacing:-.015em}h3{font-weight:650;letter-spacing:-.01em}h4,h5,h6{font-weight:600}b,strong{font-weight:650}.mono{font-family:IBM Plex Mono,monospace;font-weight:600}.pagehead h1,.pagehead .title{font-weight:700!important}.kpi .v,.stat .v,.metric-value,.kpi-val,.stat-val{font-weight:700!important;letter-spacing:-.015em}.jno-pill{font-weight:700!important}.plate-badge{font-weight:650!important}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}kbd{font-family:IBM Plex Mono,monospace;font-size:.72em;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;padding:.32em .55em;color:var(--navy-900);background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #CBD5E1;border-bottom:2px solid #94A3B8;border-radius:6px;box-shadow:0 1px 3px #00000014;white-space:nowrap;vertical-align:middle;margin:0 2px;transition:transform .08s ease}kbd:active{transform:translateY(1px);border-bottom-width:1px}kbd.dark{color:#fff;background:linear-gradient(180deg,var(--navy-700) 0%,var(--navy-900) 100%);border-color:#334155;border-bottom-color:#0f172a}kbd.hot{color:#fff;background:linear-gradient(180deg,#f97316,#ea580c);border-color:#c2410c;border-bottom-color:#9a3412}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(249,115,22,.04) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(37,99,235,.04) 0%,transparent 45%),#f8fafc}.app-main-content{flex:1;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar{width:232px;flex-shrink:0;height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#090f21,#0f172a);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:12px 10px;z-index:50;box-shadow:6px 0 24px #0f172a33;transition:width .28s cubic-bezier(.16,1,.3,1),padding .28s ease;overflow-x:hidden;box-sizing:border-box}.sidebar.mini-sidebar{width:64px;padding:12px 4px}.sidebar.mini-sidebar .sidebar-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:2px 0 6px;margin-bottom:8px;width:100%;position:static}.sidebar.mini-sidebar .brand-link{display:flex;justify-content:center;width:100%}.sidebar.mini-sidebar .brand-logo{max-height:26px;max-width:40px;object-fit:contain}.sidebar.mini-sidebar .mini-toggle-btn{position:static;transform:none;margin:0 auto}.sidebar.mini-sidebar .sidebar-search-btn{width:34px;height:32px;margin:0 auto 8px;padding:0;justify-content:center;border-radius:8px}.sidebar.mini-sidebar .sidebar-nav{padding-right:0;justify-content:flex-start;gap:12px}.sidebar.mini-sidebar .nav-group{align-items:center}.sidebar.mini-sidebar .group-items{align-items:center;gap:4px;width:100%}.sidebar.mini-sidebar .nav-item-link{width:34px;height:32px;padding:0;margin:0 auto;justify-content:center;border-radius:8px;transform:none!important}.sidebar.mini-sidebar .nav-item-link:hover{background:#ffffff1f}.sidebar.mini-sidebar .nav-item-link.active{background:var(--orange-gradient);box-shadow:0 4px 16px var(--orange-glow)}.sidebar.mini-sidebar .sidebar-footer{padding-top:8px;width:100%}.sidebar.mini-sidebar .user-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;background:transparent;border:0;box-shadow:none;width:100%}.sidebar.mini-sidebar .user-avatar{width:30px;height:30px;border-radius:8px;margin:0 auto}.sidebar.mini-sidebar .logout-btn{width:28px;height:28px;border-radius:7px;background:#ffffff0f;margin:0 auto}.mini-toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#94a3b8;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2}.mini-toggle-btn:hover{background:#ffffff2e;color:#fff;border-color:#ffffff4d}.sidebar-close-btn{display:none}.sidebar-brand{position:relative;display:flex;align-items:center;justify-content:center;padding:2px 0 6px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;width:100%}.brand-link{display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.brand-logo{height:36px;max-height:38px;max-width:155px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(249,115,22,.4));transition:transform .2s ease}.brand-logo:hover{transform:scale(1.03)}.brand-titles{display:flex;flex-direction:column}.brand-name{font-weight:800;font-size:1rem;color:#fff;letter-spacing:-.02em;line-height:1.2}.brand-sub{font-size:.65rem;font-weight:700;color:#94a3b8;letter-spacing:.02em}.live-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:800;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:2px 7px;border-radius:99px;letter-spacing:.05em}.sidebar-search-btn{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;height:34px;padding:0 10px;font-size:.75rem;font-weight:600;color:#94a3b8;cursor:pointer;margin-bottom:8px;transition:all .2s ease;width:100%}.sidebar-search-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.search-keys{margin-left:auto;display:flex;gap:2px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:4px 0;width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box}.group-title{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:2px 8px;margin-top:2px;margin-bottom:2px;line-height:1.2}.group-items{display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box}.nav-item-link{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:8px;font-size:.82rem;font-weight:700;color:#94a3b8;text-decoration:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease;position:relative;width:100%;box-sizing:border-box}.nav-item-link:hover{background:#ffffff14;color:#fff}.nav-item-link.active{background:var(--orange-gradient);color:#fff;box-shadow:0 3px 14px var(--orange-glow)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.nav-label{flex:1}.nav-kbd{font-size:.54rem;opacity:.8;background:#ffffff26;color:#fff;border-color:#ffffff40;border-bottom-color:#0000004d;padding:1px 4px}.sidebar-footer{padding-top:10px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.db-status-badge{display:flex;align-items:center;gap:6px;padding:3px 7px;margin-bottom:6px;border-radius:7px;font-size:.68rem;font-weight:700;letter-spacing:.03em;transition:all .2s ease}.db-status-badge.connected{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.db-status-badge.offline{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24}.db-status-badge .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.db-status-badge.connected .status-dot{background:#10b981;box-shadow:0 0 8px #10b981}.db-status-badge.offline .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.user-card{display:flex;align-items:center;gap:7px;padding:4px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px}.user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:800;font-size:.88rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--orange-glow);flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.user-name{font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fb923c}.user-role.owner{color:#fb923c}.logout-btn{background:transparent;border:0;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.logout-btn:hover{background:#ef444433;color:#ef4444}.mobile-header{display:none;height:58px;background:#0f172af2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 16px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000040}.mobile-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.mobile-toggle:hover{background:#ffffff29}.mobile-brand{display:flex;align-items:center;justify-content:center}.mobile-brand .brand-logo{height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(249,115,22,.4))}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-search-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.mobile-search-btn:hover{background:#ffffff2e;color:#f97316}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0f172af5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.12);z-index:100;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #0000004d}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#94a3b8;text-decoration:none;flex:1;height:100%;padding:6px 0;transition:all .18s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-bottom-nav-item.active{color:#f97316}.mobile-bottom-nav-icon{display:flex;align-items:center;justify-content:center;position:relative}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#f97316;box-shadow:0 0 6px #f97316}.mobile-bottom-nav-label{font-size:.66rem;font-weight:700;letter-spacing:-.01em;line-height:1}@media (max-width: 860px){.app-shell{flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible}.app-main-content{height:auto;min-height:calc(100vh - 58px);overflow-y:visible;overflow-x:hidden;padding-bottom:74px}.mobile-header,.mobile-bottom-nav{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px!important;max-width:80vw;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:9999;box-shadow:12px 0 48px #0009}.sidebar.mini-sidebar{width:280px!important;padding:12px 10px!important}.mini-toggle-btn{display:none!important}.sidebar-close-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#94a3b8;width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2}.sidebar-close-btn:hover,.sidebar-close-btn:active{background:#ef44442e;border-color:#ef444466;color:#ef4444}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b132bbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease forwards}.page,.settings-page,.primary-settings-page,.sales-page{padding:14px 12px 84px!important;max-width:100vw!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.settings-banner,.primary-settings-banner{padding:14px 12px!important;border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-bottom:14px!important;box-sizing:border-box!important}.settings-banner-title-wrap,.primary-banner-title-wrap{display:flex!important;align-items:center!important;gap:12px!important}.settings-banner-icon,.primary-banner-icon{width:44px!important;height:44px!important;border-radius:12px!important;flex-shrink:0!important}.settings-banner-icon svg,.primary-banner-icon svg{width:22px!important;height:22px!important}.settings-banner-title,.primary-banner-title{font-size:1.18rem!important;line-height:1.25!important;margin-bottom:2px!important}.settings-banner-actions,.primary-banner-actions{display:flex!important;width:100%!important;gap:8px!important;flex-wrap:wrap!important}.settings-banner-actions button,.primary-banner-actions button{flex:1 1 120px!important;justify-content:center!important;padding:9px 12px!important;font-size:.82rem!important;border-radius:10px!important}.settings-kpi-grid,.primary-status-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.settings-kpi-grid>div,.primary-status-grid>div{padding:10px!important;gap:8px!important;border-radius:10px!important;box-sizing:border-box!important}.settings-kpi-grid>div>div:first-child,.primary-status-grid>div>div:first-child{width:32px!important;height:32px!important;border-radius:8px!important}.settings-kpi-grid>div>div:first-child svg,.primary-status-grid>div>div:first-child svg{width:16px!important;height:16px!important}.settings-kpi-grid>div>div:last-child>div:first-child{font-size:.65rem!important}.settings-kpi-grid>div>div:last-child>div:last-child{font-size:.96rem!important}.settings-tabs-toolbar{padding:10px!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:16px!important;box-sizing:border-box!important}.settings-tabs-list{display:flex!important;flex-direction:column!important;width:100%!important;gap:6px!important}.settings-tabs-list button{width:100%!important;justify-content:flex-start!important;padding:9px 12px!important;font-size:.82rem!important;border-radius:8px!important}.settings-search-wrap{width:100%!important}.settings-search-wrap input{width:100%!important;min-width:0!important;box-sizing:border-box!important}.settings-roles-grid{grid-template-columns:1fr!important;gap:12px!important}.settings-role-card{padding:16px 12px!important;border-radius:14px!important;box-sizing:border-box!important}.role-platform-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.role-platform-grid>div{padding:6px 8px!important;gap:6px!important;box-sizing:border-box!important}.role-platform-grid>div span{font-size:.74rem!important}.role-operation-grid{grid-template-columns:1fr!important;gap:6px!important}.role-operation-grid>div{padding:7px 10px!important;justify-content:space-between!important;box-sizing:border-box!important}.primary-tabs-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:16px!important}.primary-tabs-grid button{padding:12px 14px!important;border-radius:12px!important}.primary-settings-card{padding:16px 12px!important;border-radius:14px!important;box-sizing:border-box!important}.primary-card-divider{margin:14px 0!important;width:100%!important}.primary-test-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.primary-test-card{padding:16px 12px!important;border-radius:12px!important;box-sizing:border-box!important}.primary-form-grid{grid-template-columns:1fr!important;gap:12px!important}.settings-modal-overlay{padding:12px 10px!important;align-items:center!important}.settings-modal-dialog{max-width:100%!important;width:100%!important;max-height:94vh!important;border-radius:18px!important}.settings-modal-header{padding:16px!important;gap:10px!important}.settings-modal-header-icon{width:38px!important;height:38px!important;border-radius:10px!important;flex-shrink:0!important}.settings-modal-header-icon svg{width:20px!important;height:20px!important}.settings-modal-header-title{font-size:1.15rem!important;line-height:1.25!important}.settings-modal-header-sub{font-size:.78rem!important;line-height:1.35!important}.settings-modal-close-btn{width:34px!important;height:34px!important;border-radius:8px!important;flex-shrink:0!important}.settings-modal-body{padding:16px 14px!important}.settings-form-grid-2col{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:14px!important}.settings-modal-section{padding:14px 12px!important;border-radius:14px!important;margin-bottom:16px!important}.settings-modal-platform-grid{grid-template-columns:1fr!important;gap:8px!important}.settings-modal-platform-card{padding:10px 12px!important;gap:10px!important}.settings-modal-operation-grid{grid-template-columns:1fr!important;gap:8px!important}.settings-modal-operation-card{padding:12px 14px!important;gap:10px!important}.settings-modal-granular-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.settings-modal-granular-actions{display:flex!important;width:100%!important;gap:8px!important}.settings-modal-granular-actions button{flex:1 1 0!important;text-align:center!important;justify-content:center!important}.settings-modal-granular-grid{grid-template-columns:1fr!important;gap:6px!important}.settings-modal-footer{padding:14px 16px!important;gap:10px!important}.settings-modal-footer-btn{flex:1 1 0!important;justify-content:center!important;padding:11px 16px!important;text-align:center!important;font-size:.88rem!important}.table-wrap,.table-container,.data-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}}.page{max-width:100%;width:100%;margin:0;padding:24px 24px 60px;box-sizing:border-box;animation:pageFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}.tab-fade-in{animation:tabFadeIn .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.pagehead h1{font-size:2.2rem;color:var(--navy-900);font-weight:800;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.pagehead .sub{color:var(--slate);font-size:.96rem;margin-top:6px;font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagehead .tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.statsrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;align-items:center}.statchip{background:#fff;border:1px solid var(--line);border-radius:999px;height:40px;padding:0 20px;font-size:.85rem;font-weight:700;color:var(--slate);box-shadow:0 2px 6px #0f172a0a;display:inline-flex;align-items:center;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.statchip b{color:var(--navy-900);margin-left:8px;font-size:.92rem;transition:color .22s ease;background:#f1f5f9;padding:2px 8px;border-radius:999px}.statchip:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.statchip.active,.statchip.on{background:var(--navy-900);color:#fff;border-color:var(--navy-900);box-shadow:0 6px 20px #0f172a40;transform:scale(1.02)}.statchip.active b,.statchip.on b{color:#fff;background:var(--orange-gradient);box-shadow:0 2px 8px var(--orange-glow)}.btn{font-size:.86rem;font-weight:800;height:44px;padding:0 22px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy-900);cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-xs)}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px);border-color:#cbd5e1}.btn:active{transform:translateY(0)}.btn.pri{background:var(--orange-gradient);color:#fff;border-color:var(--orange-600);box-shadow:0 6px 20px var(--orange-glow)}.btn.pri:hover{background:var(--orange-gradient-hover);box-shadow:0 10px 28px #f9731680;transform:translateY(-2px)}.btn.navy{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-color:var(--navy-900);box-shadow:0 6px 18px #0f172a40}.btn.navy:hover{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 8px 24px #0f172a59}.btn.gh{background:#fff;color:var(--slate);border-color:var(--line)}.btn.danger{color:var(--red);background:#fff;border-color:#fca5a5}.btn.sm{height:36px;padding:0 14px;font-size:.78rem;border-radius:99px}.btn kbd{font-size:.62rem}.badge{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.badge.urgent{background:var(--orange-tint);color:var(--orange-600);border:1px solid rgba(249,115,22,.35)}.badge.ok,.badge.green{background:var(--green-tint);color:var(--green);border:1px solid rgba(16,185,129,.35)}.badge.blue{background:var(--blue-tint);color:var(--blue-text);border:1px solid rgba(37,99,235,.35)}.badge.amber{background:var(--amber-tint);color:var(--amber);border:1px solid rgba(245,158,11,.35)}.badge.red{background:var(--red-tint);color:var(--red);border:1px solid rgba(239,68,68,.35)}.badge.grey{background:var(--line-soft);color:var(--slate);border:1px solid rgba(203,213,225,.5)}.dot-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulseDot 1.8s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.kb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;width:100%;box-sizing:border-box}@media (max-width: 1180px){.kb{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.kb{grid-template-columns:minmax(0,1fr)}}.kbcol{background:#f1f5f9bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.9);border-radius:var(--r-xl);padding:14px;min-height:480px;box-shadow:inset 0 1px 2px #fffc,0 4px 16px #0f172a08;min-width:0;box-sizing:border-box;display:flex;flex-direction:column}.kbcol .colh{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-800);margin-bottom:12px;padding:2px 4px;flex-shrink:0}.kbcol .colh .cnt{background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-weight:800;color:var(--orange-600);font-size:.8rem;box-shadow:0 2px 8px #0f172a0f}.kbcol-cards{display:flex;flex-direction:column;gap:12px;flex:1}.kbcol-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;border:2px dashed #CBD5E1;border-radius:12px;background:#fff6;color:var(--slate);font-size:.82rem;font-weight:600;text-align:center;min-height:140px}.jobcard{background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:14px;padding:14px;box-shadow:0 2px 8px -2px #0f172a0a,0 1px 3px -1px #0f172a05;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-sizing:border-box}.jobcard:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .2s ease}.jobcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #0f172a1a;border-color:#f9731666}.jobcard:hover:before{background:var(--orange-gradient)}.jobcard.focus{box-shadow:0 0 0 3px #f973162e,0 12px 28px -6px #0f172a1f;border-color:var(--orange)}.jobcard.focus:before{background:var(--orange-gradient)}.card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;width:100%;box-sizing:border-box;flex-wrap:wrap}.card-meta-left{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.card-meta-left .badge{padding:2px 6px;font-size:.64rem;border-radius:6px;line-height:1.2}.jno-pill{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:.78rem;color:var(--navy-900);background:#f1f5f9;padding:2px 8px;border-radius:6px;border:1px solid #CBD5E1;white-space:nowrap}.rate-tag{font-weight:800;font-size:.82rem;color:var(--orange-600);background:var(--orange-tint);padding:2px 8px;border-radius:6px;border:1px solid rgba(249,115,22,.3);white-space:nowrap;flex-shrink:0;margin-left:auto}.route-bar{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;padding:8px 10px;margin:8px 0 10px;width:100%;box-sizing:border-box}.route-node{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.r-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.r-dot.pickup{background:#2563eb;box-shadow:0 0 6px #2563eb66}.r-dot.dropoff{background:#10b981;box-shadow:0 0 6px #10b98166}.r-name{font-weight:700;font-size:.8rem;color:var(--navy-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-connector{color:var(--orange);font-weight:800;font-size:.78rem;flex-shrink:0;display:flex;align-items:center;opacity:.85}.card-client-block{margin-bottom:10px}.client-name{font-weight:800;font-size:.9rem;color:var(--navy-900);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo-spec-pill{font-size:.75rem;color:var(--slate);font-weight:600;background:#f1f5f9;border:1px solid #E2E8F0;padding:3px 8px;border-radius:6px;display:inline-block;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobcard .si{font-size:.75rem;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #FDE68A;border-radius:8px;padding:6px 10px;margin-top:10px;display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box}.crew{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.crew .m{font-size:.74rem;font-weight:600;background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;height:28px;padding:0 9px;color:var(--navy-800);display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;white-space:nowrap}.crew .m.lead{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-color:var(--navy-900);box-shadow:0 2px 8px #0f172a33}.cardacts{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #F1F5F9;flex-wrap:nowrap;white-space:nowrap}.cardacts .actbtns{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}.cardacts .btn.sm{height:32px;padding:0 10px;font-size:.75rem;border-radius:8px;white-space:nowrap;flex-shrink:0}.btn.danger-text{color:var(--red)!important;border-color:#fca5a5!important}.btn.danger-text:hover{background:var(--red-tint)!important}.plate-badge{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:.76rem;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff26,0 2px 6px #0003;letter-spacing:.05em;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.tablecard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden}table.grid{width:100%;border-collapse:collapse;font-size:.92rem}table.grid th{background:#f8fafc;text-align:left;font-weight:800;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:18px 24px;border-bottom:1px solid var(--line)}table.grid td{padding:18px 24px;border-bottom:1px solid var(--line-soft);vertical-align:middle;color:var(--ink)}table.grid tbody tr{transition:background .15s ease}table.grid tbody tr:hover td{background:#f8fafc}table.grid tr:last-child td{border-bottom:0}table.grid tr.focus td{background:#f973160a}table.grid tr.focus td:first-child{box-shadow:inset 3px 0 0 var(--orange)}.btn-act-reassign{height:26px;padding:0 8px;font-size:.7rem;font-weight:700;border-radius:6px;border:1px solid #CBD5E1;background:#fff;color:#334155;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:3px}.btn-act-reassign:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-act-cancel{height:26px;padding:0 8px;font-size:.7rem;font-weight:700;border-radius:6px;border:1px solid #FCA5A5;background:#fef2f2;color:#dc2626;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn-act-cancel:hover{background:#ef4444;color:#fff;border-color:#dc2626}.plate{font-family:IBM Plex Mono,monospace;font-weight:700;color:var(--navy-900)}.act-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.linkact{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:700;border-radius:8px;color:#2563eb;background:#2563eb14;border:1px solid rgba(37,99,235,.2);cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000a;text-decoration:none!important}.linkact:hover{background:#2563eb;color:#fff!important;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb47}.linkact:active{transform:translateY(0)}.linkact.pri{color:#fff!important;background:var(--orange-gradient);border-color:#ea580c;box-shadow:0 2px 8px #f9731640}.linkact.pri:hover{background:var(--orange-gradient-hover);border-color:#f97316;box-shadow:0 4px 16px #f9731666}.linkact.sec{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.linkact.sec:hover{color:#0f172a!important;background:#e2e8f0;border-color:#94a3b8}.linkact.d,.linkact.danger{color:#dc2626;background:#ef444414;border-color:#ef444438}.linkact.d:hover,.linkact.danger:hover{color:#fff!important;background:#ef4444}.trail{display:flex;flex-direction:column;gap:18px;margin:20px 0 24px;position:relative;padding-left:4px}.trail:before{content:"";position:absolute;top:14px;bottom:14px;left:17px;width:2px;background:#cbd5e1;z-index:1}.tstep{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:2}.tstep .ic{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0;background:#f1f5f9;color:#64748b;border:2px solid #FFFFFF;box-shadow:0 2px 6px #0f172a1a}.tstep .ic.done{background:#10b981;color:#fff;border-color:#ecfdf5}.tstep .ic.wait{background:#f97316;color:#fff;border-color:#fff7ed;box-shadow:0 0 0 4px #f9731633}.tstep .ic.idle{background:#e2e8f0;color:#64748b}.tstep .tx{display:flex;flex-direction:column;gap:3px;font-size:.88rem}.tstep .tx b{font-weight:700;color:#0f172a;line-height:1.3}.tstep .tx span{font-size:.82rem;color:#64748b;line-height:1.4}.formfoot{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:20px 24px;box-shadow:var(--shadow-md)}.panel h3{font-size:1.1rem;color:var(--navy-900);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 860px){.grid2,.grid3{grid-template-columns:1fr}}.field{margin-bottom:20px}.field label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);height:46px;padding:0 16px;font-size:.92rem;color:var(--ink);background:#fff;outline:none;transition:all .18s ease}.field textarea{height:auto;min-height:120px;padding:14px 16px;resize:vertical;font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:var(--focus);border-color:var(--orange)}.slist{display:flex;flex-direction:column;gap:16px}.srow{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.9rem;padding:18px 24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-xs)}.srow:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.srow.focus{box-shadow:var(--focus);border-color:var(--orange)}.srow.flagged{border-color:#fca5a5;background:var(--red-tint)}.srow .l{display:flex;gap:14px;align-items:center;color:var(--slate)}.srow b{color:var(--navy-900)}#toasts,.toasts-container{position:fixed;top:24px;right:24px;z-index:1000000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:450px;width:calc(100vw - 48px)}.toast-card{pointer-events:auto;position:relative;overflow:hidden;background:#0f172af0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px -10px #00000080,0 4px 12px #00000026;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.toast-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px -10px #0009,0 6px 16px #0003}.toast-entering{animation:toastSlideIn .32s cubic-bezier(.16,1,.3,1) forwards}.toast-closing{animation:toastSlideOut .28s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes toastSlideIn{0%{opacity:0;transform:translate(45px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1);max-height:200px;margin-bottom:0}to{opacity:0;transform:translate(40px) scale(.9);max-height:0;margin-bottom:-12px;padding-top:0;padding-bottom:0}}.toast-accent-strip{position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:4px 0 0 4px}.toast-body{display:flex;align-items:flex-start;gap:13px;padding:14px 16px 16px}.toast-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;flex-shrink:0;margin-top:1px;box-shadow:0 2px 8px #00000026}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.toast-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.toast-badge-title{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:6px;border:1px solid;display:inline-flex;align-items:center;line-height:1.2}.toast-time-label{font-size:.68rem;font-weight:600;color:#64748b;letter-spacing:.02em}.toast-message-text{font-size:.88rem;font-weight:600;line-height:1.45;color:#f8fafc;word-break:break-word}.toast-close-btn{background:transparent;border:0;padding:5px;color:#94a3b8;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-top:-2px;margin-right:-4px}.toast-close-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.08)}.toast-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff14}.toast-progress-fill{height:100%;transition:width 40ms linear;border-radius:0 2px 2px 0}.toast{background:#0f172af0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;padding:12px 20px;border-radius:12px;font-size:.88rem;font-weight:600;box-shadow:0 16px 36px -6px #0006;border:1px solid rgba(255,255,255,.15)}.toast.ok{border-color:#10b98166}.toast.err{border-color:#f43f5e66}.toast.warn{border-color:#f59e0b66}@media (max-width: 640px){#toasts,.toasts-container{top:14px;left:14px;right:14px;width:calc(100vw - 28px);max-width:100%}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow-y:auto}.overlay.open{display:flex}.cmdbox{width:100%;max-width:640px;background:#fff;border-radius:20px;box-shadow:0 24px 64px -12px #0f172a38,0 12px 28px -8px #0f172a1f;overflow:hidden;border:1px solid var(--line);color:var(--navy-900)}.cmdbox .cin{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);background:#f8fafc}.cmdbox .cin .mag{color:var(--orange-600)}.cmdbox .cin input,.assignpop input,#cmdInput,#lq{background:transparent!important;border:0!important;color:var(--navy-900)!important;font-size:1.05rem!important;font-weight:700!important;flex:1;outline:none!important}.cmdbox input::placeholder,.assignpop input::placeholder,#cmdInput::placeholder,#lq::placeholder{color:var(--slate-soft)!important;opacity:1!important}.cmdbox .clist{max-height:400px;overflow-y:auto;padding:12px}.cmdbox .ci{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;color:var(--navy-800)!important;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .18s ease}.cmdbox .ci:hover,.cmdbox .ci.sel{background:var(--orange-gradient)!important;color:#fff!important;box-shadow:0 4px 18px var(--orange-glow)}.cmdbox .cfoot{padding:14px 24px;border-top:1px solid var(--line);font-size:.78rem;color:var(--slate)!important;display:flex;gap:20px;background:#f8fafc}.assignpop .po{margin-top:10px;padding:0 4px;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.assignpop .oitem{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;font-size:.92rem;font-weight:700;color:var(--navy-900)!important;background:#f8fafc;border:1px solid #E2E8F0;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.assignpop .oitem:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.assignpop .oitem.sel{background:var(--orange-gradient)!important;color:#fff!important;border-color:var(--orange-600)!important;box-shadow:0 6px 20px var(--orange-glow)}.assignpop .oitem .tag{margin-left:auto;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:6px;background:#e2e8f0;color:var(--navy-800)!important;border:1px solid #CBD5E1}.assignpop .oitem.sel .tag{background:#ffffff40!important;color:#fff!important;border-color:#ffffff4d!important}.assignpop .crewpick{margin-top:16px;padding:16px 4px 0;border-top:1px solid var(--line)}.assignpop .crewpick .lab{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)!important;margin-bottom:10px}.assignpop .chiprow{display:flex;gap:8px;flex-wrap:wrap}.assignpop .pchip{font-size:.82rem;font-weight:700;height:36px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;background:#f8fafc;border:1px solid #CBD5E1;color:var(--navy-800)!important;cursor:pointer;transition:all .18s ease}.assignpop .pchip:hover{background:#f1f5f9;border-color:#94a3b8;color:var(--navy-900)!important}.assignpop .pchip.on{background:var(--orange-gradient)!important;border-color:var(--orange-600)!important;color:#fff!important;box-shadow:0 4px 14px var(--orange-glow)}.btn:disabled,button:disabled{opacity:1!important;background:#e2e8f0!important;color:#94a3b8!important;border:1px solid #CBD5E1!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.cmdbox .btn.pri:not(:disabled),.assignpop .btn.pri:not(:disabled){background:var(--orange-gradient)!important;color:#fff!important;border-color:var(--orange-600)!important;font-weight:800!important;height:46px;border-radius:14px;box-shadow:0 6px 20px var(--orange-glow)!important}.modalbox{width:100%;max-width:660px;background:#fff;border-radius:24px;box-shadow:0 25px 80px -15px #0f172a59,0 10px 30px -10px #0f172a26;max-height:88vh;display:flex;flex-direction:column;border:1px solid rgba(226,232,240,.9);margin:auto;overflow:hidden}.modalbox .mh{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #F1F5F9;background:#fff;z-index:10;flex-shrink:0}.modalbox .mh h3{font-size:1.2rem;font-weight:800;color:var(--navy-900);margin:0;letter-spacing:-.01em}.kbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;color:#475569;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;cursor:pointer;transition:all .15s ease}.kbtn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.kbtn kbd{font-size:.65rem;font-family:inherit;padding:2px 6px;border-radius:6px;background:#fff;border:1px solid #CBD5E1;box-shadow:0 1px 2px #0000000d;color:#334155;font-weight:700}.modalbox .mb{padding:28px;overflow-y:auto;flex:1}.modalbox .mb .field{margin-bottom:16px}.modalbox .mb .field label{display:block;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:7px}.modalbox .mb input[type=text],.modalbox .mb input[type=number],.modalbox .mb input[type=date],.modalbox .mb select{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;font-size:.88rem;font-family:inherit;color:#0f172a;outline:none;box-sizing:border-box;transition:all .15s ease}.modalbox .mb input:focus,.modalbox .mb select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f9731626}.modalbox .mb .formfoot{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #F1F5F9}.modalbox .mb .formfoot .btn.pri{height:44px;padding:0 24px;font-size:.88rem;font-weight:800;border-radius:12px}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto;animation:none!important;transition:none!important}}.driver-app-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#f8fafc,#eef2f6);color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 16px;box-sizing:border-box}.driver-topbar{width:100%;max-width:680px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.phone-frame,.driver-main-card{width:100%;max-width:680px;height:calc(100vh - 80px);max-height:840px;background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000005;padding:18px 20px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.driver-app-page{padding:0!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;background:#f8fafc!important}.driver-topbar{max-width:100%!important;padding:8px 12px 0!important;margin-bottom:4px!important}.phone-frame,.driver-main-card{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important;padding:max(20px,calc(env(safe-area-inset-top,0px) + 16px)) 16px max(18px,calc(env(safe-area-inset-bottom,0px) + 14px)) 16px!important;background:#f8fafc!important}}.driver-login-wrapper{display:flex;flex-direction:column;height:100%;width:100%;max-width:420px;margin:0 auto;justify-content:space-between;box-sizing:border-box}.driver-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.driver-keypad-btn{background:#fff;border:1.5px solid #E2E8F0;border-radius:16px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0f172a;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 2px 5px #00000008,0 1px 2px #00000005;transition:all .12s cubic-bezier(.4,0,.2,1)}.driver-keypad-btn:active{transform:scale(.94);background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.driver-keypad-del{background:#f1f5f9;border:1.5px solid #E2E8F0;border-radius:16px;height:52px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:all .12s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.driver-keypad-del:active{transform:scale(.94);background:#e2e8f0;color:#0f172a}.driver-keypad-action{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:16px;height:52px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:0 6px 18px -2px #f973166b,0 2px 6px #0000000f;transition:all .12s cubic-bezier(.4,0,.2,1)}.driver-keypad-action:active{transform:scale(.94);box-shadow:0 2px 8px #f9731659;background:linear-gradient(135deg,#ea580c,#c2410c)}.driver-pin-box{width:46px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #E2E8F0;box-shadow:0 2px 5px #00000005;transition:all .18s cubic-bezier(.4,0,.2,1)}.driver-pin-box.active{border-color:#f97316;box-shadow:0 0 0 3px #f973162e;background:#fffbf7}.driver-pin-box.filled{border-color:#fdba74;background:#fff7ed}.notch .cam{width:10px;height:10px;border-radius:50%;background:#111827;border:1px solid rgba(255,255,255,.15)}.notch .spk{width:40px;height:4px;border-radius:4px;background:#1f2937}.status-bar{height:44px;padding:12px 24px 0;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:#fff;z-index:40}.top-appbar{background:#0f172aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);z-index:30}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-wrap .brand-logo{height:42px;width:auto;object-fit:contain}.brand-wrap b{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:-.01em}.driver-pill{font-size:.75rem;font-weight:700;color:#e2e8f0;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:4px 10px;border-radius:999px;display:flex;align-items:center;gap:6px}.driver-pill .dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.app-body{flex:1;padding:18px 16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.tag-head{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:2px}.pjob{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.pjob .jn{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--slate);font-weight:600;display:flex;justify-content:space-between;align-items:center}.pjob .rt{font-weight:800;font-size:1.05rem;color:#fff;margin:8px 0 6px;display:flex;align-items:center;gap:8px}.pjob .rt .arr{color:var(--orange)}.pjob .mt{font-size:.82rem;color:#cbd5e1;line-height:1.45}.pjob .si{font-size:.78rem;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:8px 12px;margin-top:10px}.st{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:8px;margin-top:10px;letter-spacing:.05em}.st.assigned{background:#3b82f633;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.st.in_transit{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.st.delivered{background:#10b98133;color:#34d399;border:1px solid rgba(52,211,153,.3)}.bigbtn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:14px;font-weight:800;font-size:1rem;color:#fff;border:0;cursor:pointer;box-shadow:0 6px 20px #0000004d;transition:all .15s ease}.bigbtn.p{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 20px #f9731666}.bigbtn.g{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166}.bigbtn:active{transform:scale(.97)}.banner{font-size:.78rem;font-weight:800;padding:10px 14px;border-radius:12px;text-align:center}.banner.on{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.3)}.banner.off{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.dots{display:flex;gap:14px;justify-content:center;margin:12px 0 18px}.dots i{width:16px;height:16px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.dots i.on{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;box-shadow:0 0 12px #f97316b3;transform:scale(1.15)}.pin{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pin .k{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.45rem;color:#fff;box-shadow:0 4px 14px #00000040;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .12s ease}.pin .k:active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;transform:scale(.95)}.pin .k.z{grid-column:2}.pin .k.del{color:#f87171}.pin .k.enter{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff}.bottom-nav{height:64px;background:#0f172af5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-around;padding:0 10px;z-index:30}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:#64748b;cursor:pointer;transition:color .15s ease}.nav-item.active{color:#f97316}.nav-item svg{width:20px;height:20px}.home-indicator{width:130px;height:4px;background:#ffffff4d;border-radius:4px;margin:6px auto 8px}.back-home-btn{position:fixed;top:18px;left:20px;z-index:9999;background:#0f172ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:8px 16px;font-size:.84rem;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px #00000059;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1)}.back-home-btn:hover{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;box-shadow:0 6px 20px #f9731673;transform:translateY(-2px)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 960px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.kpis{grid-template-columns:1fr}}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 16px;box-shadow:var(--shadow-sm);transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.kpi .k{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:2px}.kpi .v{font-weight:800;font-size:1.35rem;color:var(--navy-900);letter-spacing:-.03em;margin-top:1px;line-height:1.2}.kpi .v small{font-size:.68rem;font-weight:700;color:var(--slate);margin-left:3px}.kpi .d{font-size:.7rem;font-weight:700;margin-top:2px;color:var(--slate);display:inline-flex;align-items:center;gap:3px}.kpi .d.warn{color:var(--amber)}.kpi .d.up{color:var(--green)}.dash2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media (max-width: 820px){.dash2{grid-template-columns:1fr}}.bars{display:flex;flex-direction:column;gap:14px;margin-top:10px}.barrow{display:grid;grid-template-columns:90px 1fr 80px;gap:12px;align-items:center;font-size:.8rem}.barrow .bt{background:#f0f3f8;border-radius:8px;height:18px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.barrow .bf{height:100%;background:linear-gradient(90deg,var(--navy-800),var(--orange));border-radius:8px;transition:width .6s cubic-bezier(.16,1,.3,1)}.barrow .pl{font-family:IBM Plex Mono,monospace;font-weight:700;color:var(--navy-800)}.barrow .rm{text-align:right;font-weight:800;color:var(--ink)}.dash-split-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch;margin-bottom:22px}.approvals-split-grid{display:grid;grid-template-columns:minmax(340px,38%) 1fr;gap:20px;align-items:start}.modal-route-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;background:#f8fafc;padding:14px 16px;border-radius:12px;border:1px solid #E2E8F0}.modal-tri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.lorry-perf-row{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:12px;background:#f8fafc;padding:8px 12px;border-radius:10px;border:1px solid #E2E8F0}@media (max-width: 860px){input,select,textarea,.field input,.field select,.field textarea,.modalbox input,.modalbox select,.modalbox textarea{font-size:16px!important}}@media (max-width: 860px){.pagehead{flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-bottom:18px!important}.pagehead h1{font-size:1.5rem!important;flex-wrap:wrap!important;gap:8px!important;line-height:1.2!important}.pagehead .sub{font-size:.8rem!important;gap:4px!important}.pagehead .tools{display:flex!important;width:100%!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important}.pagehead .tools .btn{flex:1 1 auto!important;min-width:120px!important;height:40px!important;font-size:.82rem!important;padding:0 14px!important}.statsrow{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:8px!important;margin-bottom:16px!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.statsrow::-webkit-scrollbar{display:none!important}.statchip{flex-shrink:0!important;white-space:nowrap!important;height:36px!important;padding:0 14px!important;font-size:.8rem!important}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important}.kpi{padding:12px 14px!important;border-radius:14px!important;min-width:0!important}.kpi .k{font-size:.65rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.kpi .v{font-size:1.25rem!important;word-break:break-word!important}.kpi .d{font-size:.68rem!important;line-height:1.3!important}.dash-split-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:16px!important}.approvals-split-grid{grid-template-columns:1fr!important;gap:16px!important}.panel{padding:16px!important;border-radius:16px!important}.lorry-perf-row{grid-template-columns:1fr auto!important;gap:6px!important;padding:10px 12px!important}.lorry-perf-row>div:nth-child(2){grid-column:1 / -1!important}.tablecard{border-radius:14px!important;overflow-x:visible!important;box-shadow:none!important;width:100%!important;max-width:100%!important;background:transparent!important;border:none!important}.kb{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding-bottom:12px!important;margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;-webkit-overflow-scrolling:touch!important}.kbcol{min-width:82vw!important;max-width:86vw!important;scroll-snap-align:start!important;flex-shrink:0!important;min-height:400px!important;border-radius:18px!important;padding:12px!important}.overlay{padding:0!important;align-items:flex-end!important}.modalbox,.cmdbox,.confirm-modal,.sheet{max-width:100%!important;width:100%!important;border-radius:24px 24px 0 0!important;max-height:90vh!important;margin:0!important;animation:slideUpModal .28s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.modalbox .mh{padding:16px 18px!important}.modalbox .mb{padding:18px 16px 28px!important;max-height:calc(90vh - 120px)!important}.cmdbox .cin{padding:14px 16px!important}.cmdbox .clist{max-height:50vh!important;padding:8px!important}.cmdbox .cfoot{padding:10px 16px!important;font-size:.72rem!important;gap:10px!important}.modal-route-grid{grid-template-columns:1fr!important;gap:10px!important}.modal-route-grid>div:nth-child(2){transform:rotate(90deg);margin:-4px 0}.modal-tri-grid{grid-template-columns:1fr!important;gap:8px!important}.sheet{padding:20px 16px 36px!important}.sheet .cheat{grid-template-columns:1fr!important;gap:20px!important;max-height:65vh!important;overflow-y:auto!important}}@media (max-width: 520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}.kpi{padding:10px 12px!important;border-radius:12px!important}.kpi .v{font-size:1.15rem!important}.kpi .k{font-size:.62rem!important}.kpi .d{font-size:.65rem!important}.pagehead h1{font-size:1.35rem!important}.kbcol{min-width:88vw!important;max-width:90vw!important}.cardacts{flex-wrap:wrap!important;gap:8px!important}.cardacts .actbtns{width:100%!important;justify-content:flex-end!important}.route-bar{padding:6px 8px!important;font-size:.75rem!important}.btn{height:40px!important;padding:0 16px!important}}html,body,#root,.app-shell,.app-main-content{overflow-x:hidden!important;max-width:100vw!important}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 20px;background:var(--card);padding:14px 20px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-xs);width:100%;box-sizing:border-box}.board-toolbar-left{display:flex;align-items:center;gap:10px;flex:1 1 280px;min-width:0}.board-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.view-switch-group{display:inline-flex;align-items:center;background:#f1f5f9;padding:3px;border-radius:10px;border:1px solid var(--line);height:38px;box-sizing:border-box}.desktop-table-container{display:block;width:100%;box-sizing:border-box}.mobile-cards-container{display:none;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;position:relative;transition:all .2s ease}.mobile-card.focus{border-color:var(--orange);box-shadow:0 0 0 3px #f9731626}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.mobile-card-title{font-size:.95rem;font-weight:800;color:var(--navy-900);line-height:1.3}.mobile-card-sub{font-size:.76rem;color:var(--slate);font-weight:600}.mobile-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem}.mobile-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #F1F5F9;margin-top:2px}.mobile-card-actions{display:flex;align-items:center;gap:6px}@media (max-width: 860px){.mobile-cards-container{display:flex!important}.desktop-table-container:has(+.mobile-cards-container){display:none!important}.tablecard,.desktop-table-container,div[style*="overflowX: 'auto'"],div[style*="overflow-x: auto"],div[style*='overflowX: "auto"'],.panel>div[style*=overflow]{overflow-x:visible!important;overflow-y:visible!important;width:100%!important;max-width:100%!important;min-width:0!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-bottom:14px!important}table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table),table.grid:not(.print-table),.tablecard table:not(.print-table){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:none!important;background:transparent!important;table-layout:auto!important;box-sizing:border-box!important;margin:0!important}table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) thead,table.grid:not(.print-table) thead,.tablecard table:not(.print-table) thead{display:none!important}table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody,table.grid:not(.print-table) tbody,.tablecard table:not(.print-table) tbody{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr,table.grid:not(.print-table) tbody tr,.tablecard table:not(.print-table) tbody tr{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid var(--line, #E2E8F0)!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 2px 8px #0f172a0a!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;margin-bottom:0!important}table tbody tr.focus,table tbody tr:active{border-color:var(--orange, #F97316)!important;box-shadow:0 0 0 2px #f973162e,0 4px 12px #0f172a0f!important}table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr td,table.grid:not(.print-table) tbody tr td,.tablecard table:not(.print-table) tbody tr td{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;padding:6px 0!important;border:none!important;border-bottom:1px dashed #F1F5F9!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:.84rem!important;text-align:left!important;gap:8px!important}table tbody tr td:first-child{padding-top:0!important;padding-bottom:8px!important;border-bottom:1px solid #E2E8F0!important;font-weight:700!important}table tbody tr td:last-child{border-bottom:none!important;padding-top:8px!important;padding-bottom:0!important;margin-top:2px!important;justify-content:flex-end!important;gap:8px!important;width:100%!important}table tbody tr td[colspan]{border-bottom:none!important;justify-content:center!important;text-align:center!important;padding:24px 12px!important}table tbody tr td button,table tbody tr td .btn{min-height:36px!important;font-size:.78rem!important;padding:0 12px!important;border-radius:8px!important}.board-toolbar{flex-direction:column!important;align-items:stretch!important;padding:12px 14px!important;gap:10px!important;margin:12px 0 16px!important}.board-toolbar-left{flex:none!important;width:100%!important}.board-toolbar-left>div,.board-toolbar-left input{max-width:100%!important;width:100%!important}.board-toolbar-right{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.board-toolbar-right select,.board-toolbar-right button{width:100%!important;height:42px!important}.view-switch-group{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;height:42px!important}.view-switch-group button{height:36px!important;justify-content:center!important}.search-bar,.filter-bar,.toolbar{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.pagination-container,.pagination{flex-direction:column!important;align-items:center!important;gap:10px!important;padding:12px 0!important;width:100%!important}.pagination-controls{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important}}.login-wrapper{position:relative;height:100vh;height:100dvh;max-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:radial-gradient(circle at top right,#1e293b,#0f172a 60%,#090d16);overflow:hidden;box-sizing:border-box;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-bg-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:1}.login-bg-glow.glow-1{width:440px;height:440px;top:-80px;right:-80px;background:radial-gradient(circle,#f9731629,#f9731600 70%)}.login-bg-glow.glow-2{width:500px;height:500px;bottom:-120px;left:-120px;background:radial-gradient(circle,#2563eb1a,#2563eb00 70%)}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;opacity:.75;pointer-events:none;z-index:2}.login-container{position:relative;z-index:10;width:100%;max-width:390px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;animation:loginFadeUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand-header{text-align:center;margin-bottom:14px;display:flex;flex-direction:column;align-items:center}.login-logo-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;transition:transform .3s ease}.login-logo-wrap:hover{transform:scale(1.05)}.login-brand-logo{height:64px;max-width:220px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 18px rgba(249,115,22,.45))}.login-badge-pill{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f97316;background:#f973161f;border:1px solid rgba(249,115,22,.28);padding:2px 10px;border-radius:99px;margin-bottom:6px}.login-title{font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:0}.login-subtitle{font-size:.78rem;color:#94a3b8;line-height:1.35;max-width:360px;margin:0 auto}.login-card{width:100%;background:#fff;border-radius:22px;padding:28px 24px;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff1f;display:flex;flex-direction:column;box-sizing:border-box}.login-alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:.8rem;font-weight:600;margin-bottom:14px;animation:shake .4s ease}.login-alert.danger{background:#fef2f2;color:#dc2626;border:1px solid #FCA5A5}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login-form{display:flex;flex-direction:column;gap:15px}.login-field{display:flex;flex-direction:column;gap:5px}.login-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:#1e293b}.login-label-hint{font-size:.7rem;font-weight:600;color:#64748b}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:13px;color:#64748b;display:flex;align-items:center;pointer-events:none}.login-input{width:100%;height:44px;padding:0 40px;border:1.5px solid #E2E8F0;border-radius:12px;background:#f8fafc;font-size:.9rem;font-weight:600;color:#0f172a;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.login-input:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 3.5px #f9731626}.login-eye-btn{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.login-eye-btn:hover{color:#0f172a}.login-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0}.preset-label{font-size:.72rem;font-weight:700;color:#64748b}.preset-chips{display:flex;gap:6px;flex-wrap:wrap}.preset-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;border:1px solid #CBD5E1;border-radius:8px;font-size:.73rem;font-weight:700;color:#334155;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background:#fff7ed;border-color:#f97316;color:#ea580c}.preset-chip.active{background:#fff7ed;border-color:#f97316;color:#ea580c;font-weight:800}.login-submit-btn{width:100%;height:46px;margin-top:4px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-size:.92rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 8px 20px #ea580c59;transition:all .2s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #ea580c73;background:linear-gradient(135deg,#fb923c,#f97316)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.75;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card-divider{position:relative;margin:16px 0 14px;text-align:center}.login-card-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.login-card-divider span{position:relative;background:#fff;padding:0 10px;font-size:.7rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.login-driver-link-box{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border:1px dashed #CBD5E1;border-radius:12px;gap:8px}.driver-link-left{display:flex;align-items:center;gap:10px}.driver-ic-wrap{width:32px;height:32px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.driver-link-title{font-size:.78rem;font-weight:800;color:#0f172a}.driver-link-sub{font-size:.66rem;color:#64748b;line-height:1.2}.driver-link-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;background:#0f172a;color:#fff;border-radius:8px;font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .2s ease}.driver-link-btn:hover{background:#1e293b;transform:translate(2px)}.login-footer-info{margin-top:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.footer-secure-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#94a3b8}.footer-support{font-size:.7rem;color:#64748b}@media (max-height: 640px){.login-wrapper{height:auto;min-height:100vh;overflow-y:auto;padding:16px}}@media (max-width: 480px){.login-card{padding:20px 16px}.login-driver-link-box{flex-direction:column;align-items:stretch}.driver-link-btn{justify-content:center}}@media print{@page{size:A4 portrait;margin:0}*,*:before,*:after{box-sizing:border-box!important}html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#root,.topbar,.sidebar,.nav,.tools,.btn,button,.toast-container,.print-hide{display:none!important;height:0!important;width:0!important;overflow:hidden!important;visibility:hidden!important;position:absolute!important}body>.overlay,.overlay,.overlay.open{position:static!important;inset:auto!important;transform:none!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;display:block!important;align-items:flex-start!important;justify-content:flex-start!important;z-index:auto!important}.cmdbox,.modalbox,.quotation-preview-box{position:static!important;top:0!important;left:0!important;transform:none!important;max-width:100%!important;width:100%!important;max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:10mm 14mm!important;margin:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important;display:block!important}.printable-sheet{border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;width:100%!important;color:#000!important;background:#fff!important;display:block!important}.printable-sheet table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto}.printable-sheet tr{page-break-inside:avoid;page-break-after:auto}.printable-sheet th,.printable-sheet td{border-color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.printable-sheet img{max-height:52px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.order-tracking-container{width:100%;animation:none!important}.order-tracking-row:hover{background:#f1f5f9!important}.order-card-hover{transition:none!important}.order-card-hover:hover{border-color:#0284c7!important;box-shadow:0 4px 12px #0284c71f!important}.excel-order-row{transition:none!important}.excel-order-row:hover{background-color:#f1f5f9!important;border-color:#64748b!important}.table-header-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.mobile-sno-badge,.mobile-driver-row,.mobile-driver-tag,.mobile-trips-count-badge,.mobile-date-subheading,.mobile-no-trips{display:none}.desktop-dash{display:inline}.lorry-plate-top-row,.lorry-plate-main-group{display:contents}@media (max-width: 860px){.order-tracking-container{padding:10px 12px 28px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}.order-tracking-container .pagehead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.order-tracking-container .pagehead h1{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0!important;font-size:1.35rem!important}.order-tracking-container .pagehead .tools{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.order-tracking-container .pagehead .tools .btn{flex:1 1 0!important;width:50%!important;min-width:0!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:.84rem!important;padding:0 10px!important;border-radius:8px!important;box-sizing:border-box!important}.order-tracking-container .stats-divider,.order-tracking-container .desktop-dash{display:none!important}.order-tracking-container .tracking-stats-ribbon{padding:10px 14px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #E2E8F0!important;margin-bottom:10px!important;box-sizing:border-box!important}.order-tracking-container .tracking-stats-items{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.order-tracking-container .tracking-stat-item,.order-tracking-container .tracking-stats-items>div:not(.stats-divider){display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;font-size:.78rem!important;color:#334155!important;width:100%!important;box-sizing:border-box!important}.order-tracking-container .tracking-control-bar{padding:12px!important;border-radius:12px!important;border:1px solid #E2E8F0!important;margin-bottom:12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;box-sizing:border-box!important;width:100%!important;background:#fff!important}.order-tracking-container .tracking-date-nav-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;box-sizing:border-box!important}.order-tracking-container .tracking-nav-btn-group{width:100%!important;height:38px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-sizing:border-box!important;border-radius:8px!important;padding:3px!important;background:#f1f5f9!important;gap:4px!important}.order-tracking-container .tracking-nav-btn-group button{flex:1 1 0!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:.8rem!important;border-radius:6px!important;box-sizing:border-box!important;padding:0 4px!important}.order-tracking-container .tracking-nav-quick-date{width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#f8fafc!important;border:1px solid #CBD5E1!important;border-radius:8px!important;padding:0 12px!important;box-sizing:border-box!important}.order-tracking-container .tracking-nav-quick-date input[type=date]{font-size:.84rem!important;font-weight:700!important;color:#0f172a!important;text-align:center!important;border:none!important;background:transparent!important;outline:none!important;cursor:pointer!important}.order-tracking-container .tracking-window-text{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:.74rem!important;color:#64748b!important;padding:2px 0!important}.order-tracking-container .tracking-controls-right{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;box-sizing:border-box!important}.order-tracking-container .tracking-search-box{width:100%!important;height:38px!important;position:relative!important;box-sizing:border-box!important}.order-tracking-container .tracking-search-box input{width:100%!important;height:100%!important;padding:0 32px!important;font-size:.82rem!important;border-radius:8px!important;border:1px solid #CBD5E1!important;background:#fff!important;box-sizing:border-box!important}.order-tracking-container .tracking-search-box svg{left:10px!important}.order-tracking-container .tracking-filter-box{width:100%!important;height:38px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:6px!important;background:#f8fafc!important;border:1px solid #CBD5E1!important;border-radius:8px!important;box-sizing:border-box!important}.order-tracking-container .tracking-filter-box select{width:100%!important;height:100%!important;font-size:.82rem!important;border:none!important;background:transparent!important;outline:none!important;cursor:pointer!important;color:#1e293b!important}.order-tracking-container .order-tracking-table-wrapper{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;margin:0!important;width:100%!important}.order-tracking-container table.order-tracking-table tbody tr td.col-sno-cell,.order-tracking-container table:not(.print-table) tbody tr td.col-sno-cell,.order-tracking-container table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr td.col-sno-cell,.order-tracking-container .col-sno-cell{display:none!important}.order-tracking-container table.order-tracking-table tbody tr.order-tracking-row,.order-tracking-container table:not(.print-table) tbody tr.order-tracking-row,.order-tracking-container table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr.order-tracking-row,.order-tracking-container .order-tracking-row{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #CBD5E1!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:12px!important;box-shadow:0 2px 8px #0f172a0d!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.order-tracking-container table.order-tracking-table tbody tr.order-tracking-row.is-top-nearest,.order-tracking-container .order-tracking-row.is-top-nearest{border-color:#f97316!important;background:#fffdf9!important;box-shadow:0 0 0 1px #f97316,0 4px 14px #f973161f!important}.order-tracking-container table.order-tracking-table tbody tr td.col-lorry-plate-cell,.order-tracking-container table:not(.print-table) tbody tr td.col-lorry-plate-cell,.order-tracking-container table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr td.col-lorry-plate-cell,.order-tracking-container .col-lorry-plate-cell{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:0 0 10px!important;border:none!important;border-bottom:1px solid #E2E8F0!important;background:transparent!important;width:100%!important;margin:0!important;box-sizing:border-box!important}.order-tracking-container .lorry-plate-wrapper{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}.order-tracking-container .lorry-plate-top-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.order-tracking-container .lorry-plate-main-group{display:flex!important;align-items:center!important;gap:8px!important}.order-tracking-container .mobile-sno-badge{display:inline-flex!important;align-items:center!important;background:#fff7ed!important;color:#ea580c!important;border:1px solid #FED7AA!important;border-radius:4px!important;padding:2px 7px!important;font-size:.74rem!important;font-weight:800!important;font-family:IBM Plex Mono,monospace!important}.order-tracking-container .lorry-plate-text{font-size:.94rem!important;font-weight:800!important;color:#0f172a!important;letter-spacing:.03em!important;font-family:IBM Plex Mono,monospace!important}.order-tracking-container .mobile-trips-count-badge{display:inline-flex!important;font-size:.7rem!important;font-weight:700!important;color:#0284c7!important;background:#f0f9ff!important;border:1px solid #BAE6FD!important;padding:2px 9px!important;border-radius:999px!important;white-space:nowrap!important}.order-tracking-container .mobile-driver-row{display:flex!important;align-items:center!important;width:100%!important;margin-top:2px!important}.order-tracking-container .mobile-driver-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:.72rem!important;color:#475569!important;background:#f1f5f9!important;border:1px solid #E2E8F0!important;padding:3px 8px!important;border-radius:4px!important;font-weight:600!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.order-tracking-container table.order-tracking-table tbody tr td.col-date-order-cell,.order-tracking-container table:not(.print-table) tbody tr td.col-date-order-cell,.order-tracking-container table:not(.print-table):not(.printable-doc-table):not(.pdf-invoice-table) tbody tr td.col-date-order-cell,.order-tracking-container .col-date-order-cell{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:8px 0!important;border:none!important;border-bottom:1px dashed #E2E8F0!important;background:transparent!important;width:100%!important;margin:0!important;box-sizing:border-box!important}.order-tracking-container table.order-tracking-table tbody tr td.col-date-order-cell:last-child,.order-tracking-container table:not(.print-table) tbody tr td.col-date-order-cell:last-child,.order-tracking-container .col-date-order-cell:last-child{border-bottom:none!important;padding-bottom:2px!important}.order-tracking-container .mobile-date-subheading{display:flex!important;align-items:center!important;gap:6px!important;font-size:.74rem!important;font-weight:700!important;color:#334155!important;background:#f8fafc!important;padding:5px 10px!important;border-radius:6px!important;margin-bottom:6px!important;border:1px solid #E2E8F0!important;font-family:IBM Plex Mono,monospace!important;box-sizing:border-box!important;width:100%!important}.order-tracking-container .mobile-today-pill{background:#f97316!important;color:#fff!important;font-size:.62rem!important;font-weight:800!important;padding:2px 7px!important;border-radius:4px!important;margin-left:auto!important;letter-spacing:.04em!important}.order-tracking-container .order-empty-cell{text-align:left!important;padding:2px 4px!important;width:100%!important}.order-tracking-container .mobile-no-trips{display:block!important;font-size:.7rem!important;color:#94a3b8!important;padding:2px 4px!important;font-style:italic!important;text-align:left!important}.order-tracking-container .excel-order-row{width:100%!important;box-sizing:border-box!important;padding:6px 8px!important;margin-bottom:4px!important;border-radius:6px!important;border:1px solid #CBD5E1!important;background:#fff!important}.order-tracking-container .excel-order-row.is-delivered{background:#f0fdf4!important;border-color:#86efac!important;border-left:3px solid #16A34A!important}.order-tracking-container .excel-order-row:last-child{margin-bottom:0!important}.order-detail-modal-overlay{padding:0!important;align-items:flex-end!important;background:#0f172abf!important}.order-detail-modal-card{max-height:92vh!important;height:auto!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;margin:0!important}.order-detail-modal-header{padding:14px 16px!important;flex-shrink:0!important}.modal-body-scroll{flex:1 1 auto!important;max-height:calc(92vh - 145px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:14px 16px!important;gap:12px!important;box-sizing:border-box!important}.modal-two-col-grid{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.modal-route-container{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;padding:12px!important;width:100%!important;box-sizing:border-box!important}.modal-waypoint-indicator{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:4px 0!important;gap:6px!important}.modal-waypoint-indicator svg{transform:rotate(90deg)!important}.modal-assignment-grid{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.modal-footer-bar{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;padding:12px 16px!important;background:#fff!important;border-top:1px solid #E2E8F0!important;flex-shrink:0!important;box-sizing:border-box!important;width:100%!important}.modal-footer-notice{font-size:.72rem!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;width:100%!important}.modal-footer-btn-group{width:100%!important;display:flex!important;gap:8px!important;align-items:center!important}.modal-footer-btn-group button{flex:1 1 0!important;min-height:42px!important;padding:8px 12px!important;font-size:.8rem!important;justify-content:center!important;text-align:center!important}}@media print{.mobile-header,.sidebar,.btn,.btn-primary,.btn-secondary,input[type=date],input[type=text],select{display:none!important}.app-main-content,.order-tracking-container{padding:0!important;margin:0!important;max-width:100%!important}.order-tracking-row{page-break-inside:avoid}}