:root{--bg-0: #0a0d12;--bg-1: #0f131a;--bg-2: #151a23;--bg-3: #1c222d;--border: #232a36;--border-strong: #2f3845;--text: #e7ebf0;--text-muted: #8b94a4;--text-dim: #5b6573;--accent: #4f8cff;--accent-hover: #6ba0ff;--accent-soft: #1e3a8a33;--ok: #10b981;--warn: #f59e0b;--crit: #ef4444;--tractor: #4f8cff;--trailer: #f59e0b;--radius: 8px;--radius-sm: 6px;--shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.03) inset;--shadow-2: 0 8px 24px rgba(0,0,0,.5);--shadow-modal: 0 24px 60px rgba(0,0,0,.6);--t-fast: .12s cubic-bezier(.2, .7, .3, 1);--sidebar-w: 220px;font-family:-apple-system,SF Pro Text,Inter,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .brand{display:flex;align-items:center;gap:8px;padding:16px;font-weight:600;font-size:14px;letter-spacing:-.01em;border-bottom:1px solid var(--border)}.sidebar .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.sidebar nav{padding:8px;flex:1;overflow-y:auto}.sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);margin-bottom:1px}.sidebar .nav-item:hover{background:var(--bg-2);color:var(--text)}.sidebar .nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar .nav-item .icon{font-size:16px;width:18px;text-align:center}.sidebar .nav-item .badge{margin-left:auto;font-size:11px;background:var(--crit);color:#fff;padding:1px 7px;border-radius:999px;font-weight:600}.user-pill{margin:8px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px}.user-pill .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4f8cff,#a78bfa);color:#fff;font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-pill .info{flex:1;min-width:0}.user-pill .name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-pill .role{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.user-pill .logout{background:transparent;border:0;color:var(--text-dim);padding:4px 6px;border-radius:4px;font-size:14px;transition:var(--t-fast)}.user-pill .logout:hover{color:var(--crit);background:var(--bg-3)}.sidebar .foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar .foot select{flex:1;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px}.main{overflow:hidden;display:flex;flex-direction:column;background:var(--bg-0)}.page-head{height:56px;padding:0 24px;display:flex;align-items:center;gap:12px;background:var(--bg-1);border-bottom:1px solid var(--border)}.page-head h1{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.page-head .spacer{flex:1}.page-head .stat{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text-muted)}.page-head .stat b{color:var(--text);font-weight:600}.page-head .stat.crit,.page-head .stat.crit b{color:var(--crit)}.page-body{flex:1;overflow-y:auto;padding:20px 24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;transition:var(--t-fast)}.btn:hover{background:var(--bg-3);border-color:var(--text-muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--crit);border-color:var(--crit)}.btn.danger:hover{background:var(--crit);color:#fff}.btn.sm{padding:4px 10px;font-size:11.5px}.table{width:100%;border-collapse:collapse;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.table thead th{background:var(--bg-2);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--bg-2)}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .muted{color:var(--text-muted)}.table .empty-row td{text-align:center;padding:40px;color:var(--text-dim)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-3);color:var(--text-muted);border:1px solid var(--border)}.pill.active,.pill.ok,.pill.delivered,.pill.crossed,.pill.cleared,.pill.in_progress{background:#10b98122;color:var(--ok);border-color:transparent}.pill.planned,.pill.en_route,.pill.assigned{background:var(--accent-soft);color:var(--accent);border-color:transparent}.pill.at_border,.pill.loading,.pill.unloading,.pill.warn{background:#f59e0b22;color:var(--warn);border-color:transparent}.pill.critical,.pill.cancelled,.pill.suspended{background:#ef444422;color:var(--crit);border-color:transparent}.pill.tractor{background:#4f8cff22;color:var(--tractor);border-color:transparent}.pill.trailer{background:#f59e0b22;color:var(--trailer);border-color:transparent}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.flag{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 5px;background:var(--bg-3);border-radius:3px;color:var(--text-muted);letter-spacing:.04em}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade var(--t-fast)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-modal);animation:pop var(--t-fast)}.modal.wide{max-width:640px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal .head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal .head h2{margin:0;font-size:14.5px;font-weight:600}.modal .head .x{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-muted);background:transparent;border:0}.modal .head .x:hover{background:var(--bg-3);color:var(--text)}.modal .body{padding:16px 18px}.modal .foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.form-row{margin-bottom:12px}.form-row.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.field{display:block;width:100%;padding:9px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;transition:border-color var(--t-fast)}.field:focus{outline:none;border-color:var(--accent)}textarea.field{min-height:60px;resize:vertical;font-family:inherit}.board{display:grid;grid-template-columns:320px 1fr 360px;grid-template-rows:1fr;height:100%;background:var(--bg-0)}.col{overflow-y:auto;padding:12px;background:var(--bg-1)}.col-left{border-right:1px solid var(--border)}.col-right{border-left:1px solid var(--border)}.col h3{margin:4px 4px 8px;font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;display:flex;align-items:center;gap:8px}.col h3 .count{color:var(--text-muted);font-weight:500;letter-spacing:0}.asset{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:var(--t-fast);overflow:hidden}.asset:hover{border-color:var(--border-strong);transform:translateY(-1px);background:var(--bg-3)}.asset:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.asset.tractor:before{background:var(--tractor)}.asset.trailer:before{background:var(--trailer)}.asset .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset .plate{font-weight:600;font-size:13.5px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.asset .meta{font-size:11.5px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:6px}.asset .status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.asset .status-dot.driving{background:var(--ok);box-shadow:0 0 6px var(--ok)}.asset .status-dot.idle{background:var(--warn)}.asset .speed{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.alert-pill{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:999px;font-size:10.5px;font-weight:600;background:var(--crit);color:#fff;min-width:18px}.driver-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.driver-chip .avatar{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#4f8cff,#a78bfa);color:#fff;font-size:8.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.map-wrap{position:relative;height:100%}.map{width:100%;height:100%}.map-overlay-top{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:5}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:12.5px;box-shadow:var(--shadow-2);animation:slide-in var(--t-fast)}.toast.warn{border-left:3px solid var(--warn)}.toast.critical{border-left:3px solid var(--crit)}.toast.info{border-left:3px solid var(--accent)}.toast .body{display:flex;align-items:center;gap:8px}.toast .ts{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.toast button{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:999px;padding:2px 10px;font-size:11px;transition:var(--t-fast)}.toast button:hover{color:var(--text);border-color:var(--text-muted)}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.maplibregl-popup-content{background:var(--bg-2)!important;color:var(--text)!important;border:1px solid var(--border-strong);border-radius:var(--radius-sm)!important;font-size:12px}.maplibregl-popup-tip{border-top-color:var(--bg-2)!important}.maplibregl-ctrl button{background:var(--bg-2)!important}.maplibregl-ctrl button span{filter:invert(.9)}.marker{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #0006;cursor:pointer;transition:transform var(--t-fast)}.marker:hover{transform:scale(1.2)}.marker.tractor{background:var(--tractor)}.marker.trailer{background:var(--trailer)}.marker.offline{background:var(--text-dim);border-color:var(--border-strong)}.trip{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px}.trip .ref-row{display:flex;align-items:center;justify-content:space-between}.trip .ref{font-weight:600;font-size:13px;letter-spacing:-.01em}.trip .route{font-size:11.5px;color:var(--text-muted);margin-top:2px}.trip .customer{font-size:11px;color:var(--text-dim);margin-top:2px}.trip .leg-bar{display:flex;gap:3px;margin-top:8px}.trip .leg-bar .leg{flex:1;height:6px;border-radius:3px;background:var(--bg-3)}.trip .leg-bar .leg.en_route{background:var(--accent)}.trip .leg-bar .leg.at_border{background:var(--warn);animation:pulse 1.5s ease-in-out infinite}.trip .leg-bar .leg.crossed,.trip .leg-bar .leg.delivered{background:var(--ok)}.trip .leg-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);margin-top:6px;font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty{padding:60px 12px;text-align:center;color:var(--text-dim);font-size:13px}.leg-row{display:grid;grid-template-columns:1fr 1fr 1.5fr 80px 32px;gap:8px;align-items:end;margin-bottom:8px}.leg-row .field{padding:7px 10px;font-size:12.5px}.leg-row .x-btn{height:34px;width:32px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.leg-row .x-btn:hover{color:var(--crit);border-color:var(--crit)}.qr-box{background:#fff;padding:12px;border-radius:var(--radius);display:inline-block}.qr-box img{display:block}.qr-meta{margin-top:12px;font-size:12px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all;background:var(--bg-2);padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.section-h2{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin:0 0 10px}.leg-card{margin-bottom:10px}.timeline{position:relative;padding-left:4px}.tl-row{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;padding-bottom:14px}.tl-row:not(:last-child):after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--border)}.tl-dot{width:28px;height:28px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:14px;z-index:1}.tl-body{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.tl-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.tl-meta{margin-top:4px;font-size:11px;color:var(--text-muted);display:flex;gap:6px;align-items:center}.tl-meta .dot-sep{color:var(--text-dim)}.tl-note{margin-top:6px;font-size:12px;color:var(--text);background:var(--bg-2);padding:6px 10px;border-radius:4px;border-left:2px solid var(--accent)}.proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.proof-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--t-fast)}.proof-card:hover{border-color:var(--border-strong)}.proof-thumb{position:relative;background:var(--bg-2);aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.proof-thumb img{width:100%;height:100%;object-fit:cover}.proof-icon{font-size:42px;opacity:.6}.proof-kind-pill{position:absolute;left:8px;top:8px;background:#0f131ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:999px;font-size:11px;color:var(--text);border:1px solid var(--border)}.proof-body{padding:10px 12px;font-size:12.5px}.proof-trip{font-weight:600;color:var(--accent);cursor:pointer}.proof-trip:hover{color:var(--accent-hover)}.proof-meta{margin-top:4px;font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.proof-meta .dot-sep{color:var(--text-dim);margin:0 2px}.proof-notes{margin-top:6px;background:var(--bg-2);padding:6px 10px;border-radius:4px;font-size:12px;border-left:2px solid var(--border-strong)}.proof-status{margin-top:8px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px}.proof-status.ok{background:#10b98122;color:var(--ok)}.proof-status.reject{background:#ef444422;color:var(--crit)}.proof-chip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;font-size:13px}.proof-chip.ok{border-color:var(--ok)}.proof-chip.reject{border-color:var(--crit);opacity:.5}.proof-chip.pending{border-color:var(--warn);animation:pulse 2s ease-in-out infinite}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px}.card h3{margin:0 0 4px;font-size:13px;font-weight:600}.card p{margin:0;font-size:12.5px;color:var(--text-muted)}.card .actions{margin-top:12px;display:flex;gap:8px}