@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";: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-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:space-evenly;gap:14px;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:4px;width:100%;box-sizing:border-box}.group-title{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:0 8px;margin-bottom:4px}.group-items{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box}.nav-item-link{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:.83rem;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.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{padding:16px 14px 84px!important;max-width:100vw;overflow-x:hidden}}.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{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background:var(--navy-950);color:#fff;padding:14px 26px;border-radius:var(--r-sm);font-size:.92rem;font-weight:700;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.15);animation:tin .25s cubic-bezier(.16,1,.3,1)}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}.toast.warn{background:var(--amber)}@keyframes tin{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.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}}.phone-frame{width:390px;height:820px;max-width:100%;background:#0b132b;border-radius:46px;border:9px solid #1E293B;box-shadow:0 30px 90px #000000b3,inset 0 0 0 2px #ffffff1a;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width: 480px){.phone-frame{width:100vw;height:100vh;border-radius:0;border:0}}.notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#000;border-radius:20px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.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,1fr)!important;gap:10px!important;margin-bottom:16px!important}.kpi{padding:14px!important;border-radius:14px!important}.kpi .v{font-size:1.3rem!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:auto!important;-webkit-overflow-scrolling:touch!important;box-shadow:0 2px 10px #0000000a!important}table.grid th{padding:12px!important;font-size:.7rem!important}table.grid td{padding:12px!important;font-size:.82rem!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:1fr!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}}.phone-frame{width:100%;max-width:360px;height:calc(100vh - 44px);max-height:660px;background:#0f172a;border-radius:36px;padding:14px 16px 10px;box-sizing:border-box;position:relative;box-shadow:0 20px 50px -10px #000000b3,0 0 0 8px #1e293b,0 0 0 10px #ffffff0d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;scrollbar-width:none!important;-ms-overflow-style:none!important}.phone-frame *{scrollbar-width:none!important;-ms-overflow-style:none!important}.phone-frame *::-webkit-scrollbar,.phone-frame::-webkit-scrollbar,.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.no-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}@media (max-width: 600px){.phone-frame{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:12px 14px 16px!important}.back-home-btn{top:10px!important;left:10px!important;padding:5px 10px!important;font-size:.74rem!important;border-radius:8px!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){.desktop-table-container{display:none!important}.mobile-cards-container{display:flex!important}.board-toolbar{flex-direction:column!important;align-items:stretch!important;padding:12px 14px!important;gap:10px!important}.board-toolbar-left{flex:none!important;width:100%!important}.board-toolbar-left>div{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:40px!important}.view-switch-group{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;height:42px!important}.view-switch-group button{height:34px!important;justify-content:center!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}}