@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f3f5f8;--card: #ffffff;--line: #d8dee6;--text: #0b1f33;--muted: #5f7080;--primary: #1565c0;--ink: #0b1f33;--primary-ink: #ffffff;--success: #2f8f61;--danger: #c74b4b;--warning: #c4872a;--surface-soft: #f7f9fc;--surface-muted: #f0f3f7;--surface-primary: #eaf2fb;--radius-md: 12px;--shadow-soft: 0 6px 20px rgba(11, 31, 51, .07);--shadow-lift: 0 18px 34px rgba(11, 31, 51, .14);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px}:root[data-theme=dark]{--bg: #0f1723;--card: #172333;--line: #2a3b52;--text: #e8eff8;--muted: #9eb1c4;--primary: #4b92df;--ink: #e8eff8;--primary-ink: #ffffff;--success: #57b68a;--danger: #e27b7b;--warning: #d2a055;--surface-soft: #1b2a3d;--surface-muted: #213247;--surface-primary: #223a55;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .25);--shadow-lift: 0 16px 34px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.4;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3{font-family:Inter,sans-serif;letter-spacing:0;margin:0}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:700;line-height:1.25}h3{font-size:20px;font-weight:600;line-height:1.3}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background-image:linear-gradient(120deg,#0b1f339e,#1565c057),url(/assets/login.jpg),url(/assets/login.jpeg);background-size:cover,cover,cover;background-position:center,center,center}.login-card{width:min(440px,100%);background:#fffffff0;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:var(--text);border-radius:var(--radius-md);padding:26px;border:1px solid rgba(220,228,237,.96);box-shadow:var(--shadow-lift)}.brand-logo-login{width:min(340px,92%);height:auto;display:block;margin:0 auto 20px;object-fit:contain}.login-form{margin-top:var(--space-1);display:grid;gap:var(--space-2)}.login-form label{display:grid;gap:6px;font-weight:600;color:var(--text)}.login-form button{min-height:50px;font-size:16px;font-weight:700;box-shadow:0 10px 18px #1565c03d}.checkbox-row{display:flex!important;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.checkbox-row input{width:auto}.app-loading{padding:30px}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px 1fr;gap:0;background:var(--bg);position:relative}.topbar{position:fixed;top:0;right:0;left:272px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:7}.topbar-search{width:min(420px,100%)}.topbar-search input{height:40px;background:#f8fafd;border-color:#d3dde8}.topbar-actions{display:flex;align-items:center;gap:var(--space-1)}.page-content{display:grid;gap:var(--space-3)}.sidebar{background:#f7f9fc;color:var(--text);border-right:1px solid #e2e8f0;box-shadow:none;padding:28px 24px;position:sticky;top:0;height:100vh;display:grid;align-content:start;gap:14px}.theme-switch-corner{position:relative;width:64px;height:34px;border-radius:999px;border:1px solid #c6d3e2;background:#fff;box-shadow:0 4px 12px #0b1f331f;display:flex;align-items:center;justify-content:space-between;padding:0 8px;flex:0 0 auto;margin-left:4px}.theme-switch-icon{width:14px;height:14px;display:inline-grid;place-items:center;color:#8aa2ba;z-index:1}.theme-switch-icon svg{width:14px;height:14px}.theme-switch-icon.sun{color:#d79527}.theme-switch-icon.moon{color:#2f6ea8}.theme-switch-thumb{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:999px;background:#edf3fa;border:1px solid #c8d5e4;transition:transform .18s ease}.theme-switch-corner.is-dark .theme-switch-thumb{transform:translate(30px);background:#20344a;border-color:#3a5875}:root[data-theme=dark] .app-shell{background:var(--bg)}:root[data-theme=dark] .sidebar{background:#121f2f;border-right-color:#2b3e56;box-shadow:none}:root[data-theme=dark] .topbar{background:#121f2ff0;border-bottom-color:#2a3c52}:root[data-theme=dark] .theme-switch-corner{background:#16283c;border-color:#304a63;box-shadow:0 4px 12px #00000038}:root[data-theme=dark] .brand-logo-sidebar{filter:brightness(0) invert(1)}:root[data-theme=dark] .nav-link{color:#d5e2f0;border-color:#304357;background:#172637}:root[data-theme=dark] .nav-link:hover{background:#1d3045;color:#f0f8ff;border-color:#4d6e91}:root[data-theme=dark] .nav-link.active{background:#233a52;color:#eef5fd;border-color:#50769b;box-shadow:inset 2px 0 #5d9cdb}:root[data-theme=dark] .status-rail-item,:root[data-theme=dark] .detail-tab-btn{background:#1d2d41;border-color:#365068;color:#b3c4d5}:root[data-theme=dark] .status-rail-item.active,:root[data-theme=dark] .detail-tab-btn.active{background:#24405b;border-color:#52779b;color:#d6e7f8}:root[data-theme=dark] .status-rail-item strong{color:#e9f2fb}:root[data-theme=dark] .logout-btn,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .pagination-bar button,:root[data-theme=dark] .row-actions-inline button:not(.danger-btn){background:#223347;color:#d9e6f4;border-color:#35506c}:root[data-theme=dark] .panel,:root[data-theme=dark] .mobile-card,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#172638;color:#e8eff8;border-color:#2a3f57}:root[data-theme=dark] .table-head{background:#1e2f44;border-color:#324a63;color:#9db4c8}:root[data-theme=dark] .table-row{background:#18273a;border-color:#2d4258}:root[data-theme=dark] .panel .table-row:nth-of-type(2n){background:#1a2a3f}:root[data-theme=dark] .panel .table-row:hover{background:#203449;border-color:#406382}:root[data-theme=dark] .mobile-nav{background:#101a27;border-top-color:#2a3c52}:root[data-theme=dark] .login-card{background:#111f30d6;border-color:#2f455c}:root[data-theme=dark] .login-form label,:root[data-theme=dark] .help-tip-popover,:root[data-theme=dark] .timeline-row,:root[data-theme=dark] .secondary-flow-summary,:root[data-theme=dark] .company-logo-preview{color:#dfeaf5}:root[data-theme=dark] .wizard-step,:root[data-theme=dark] .empty-state{background:#1b2c40;border-color:#334a64}:root[data-theme=dark] .wizard-dot{background:#26384c;border-color:#48637d;color:#d0e4f6}:root[data-theme=dark] .wizard-step.current{background:#214061;border-color:#4f88b5}:root[data-theme=dark] .wizard-step.done{background:#204338;border-color:#4a826b}:root[data-theme=dark] .empty-state-icon{background:#21344a;border-color:#40607d;color:#a9cbeb}:root[data-theme=dark] .empty-state-hero{background:#203247;border-color:#36506a}:root[data-theme=dark] .empty-state-orb-main{background:#4b92df2e}:root[data-theme=dark] .empty-state-orb-soft{background:#e8eff81a}:root[data-theme=dark] .empty-state-cta{background:#24374d;border-color:#3d5874}:root[data-theme=dark] .empty-state-cta:hover{background:#2a4058;border-color:#4a6a89}:root[data-theme=dark] .panel-header-icon{background:#21384f;border-color:#3d607f;color:#9ec9ee}:root[data-theme=dark] .status-draft,:root[data-theme=dark] .status-sent_to_driver,:root[data-theme=dark] .status-pending_load_signature,:root[data-theme=dark] .status-pending_delivery_signature{background:#3a3023;border-color:#6a5739;color:#e6c99a}:root[data-theme=dark] .status-loaded,:root[data-theme=dark] .status-in_transit,:root[data-theme=dark] .status-delivered{background:#243647;border-color:#44617d;color:#add0f2}:root[data-theme=dark] .status-closed{background:#22392f;border-color:#446a58;color:#9fd4b9}:root[data-theme=dark] .status-cancelled{background:#3b272a;border-color:#735257;color:#efb1b1}:root[data-theme=dark] .nav-icon{border-color:#3b5268;background:#203247}:root[data-theme=dark] .nav-link.active .nav-icon{border-color:#5b7a99;background:#29435e}.brand-logo-sidebar{width:258px;max-width:100%;height:auto;object-fit:contain;margin-bottom:20px}.brand-kicker{text-transform:uppercase;font-size:14px;letter-spacing:1.1px;opacity:.8}.brand-title{margin-top:4px;margin-bottom:8px;font-size:32px;line-height:1;color:#f0f7ff}.session-user{font-weight:700;font-size:16px;color:var(--ink)}.session-role{color:var(--muted);margin-bottom:18px;font-size:14px}.nav-links{display:grid;gap:10px}.nav-link{color:#2c4258;text-decoration:none;border:1px solid #d4dee8;padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px;transition:.18s ease;background:#f9fbfd}.nav-link>span:last-child{font-weight:600;font-size:16px}.nav-link:hover{background:#f2f7fc;color:#1d4e78;border-color:#c4d4e3}.nav-link.active{background:#edf3f9;color:#123f64;border-color:#bdd0e3;box-shadow:inset 2px 0 0 var(--primary)}.logout-btn{margin-top:2px;background:#eff3f8;color:#2b4258;box-shadow:none;border:1px solid #d4dfe9}.main-content{padding:calc(var(--space-3) + 58px) var(--space-3) 100px;position:relative}.section-head{margin-bottom:28px}.section-title-row{display:flex;align-items:center;gap:8px}.section-head p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.42}.section-head h2{font-size:24px;line-height:1.25}.detail-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.detail-tab-btn{min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid #d4e0ec;background:#f2f6fb;color:#3c5569;box-shadow:none}.detail-tab-btn.active{background:#e8f1fb;border-color:#b5cae2;color:var(--primary)}.detail-tab-btn:disabled{opacity:.55;cursor:not-allowed;color:#7f93a6;border-color:#d8e1ea;background:#f5f8fc}.status-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);margin-bottom:var(--space-2)}.status-rail-item{min-height:52px;border-radius:10px;border:1px solid #d6dee8;background:#fbfcfe;color:#52687d;box-shadow:none;display:grid;align-content:center;justify-items:start;gap:2px;padding:8px 10px}.status-rail-item strong{font-size:20px;line-height:1;color:var(--ink)}.status-rail-item.active{border-color:#b6cadf;background:var(--surface-primary)}.field-help{color:var(--muted);font-size:14px;line-height:1.25}.help-tip{position:relative;display:inline-block}.help-tip summary{list-style:none;width:22px;height:22px;border-radius:999px;border:1px solid #9fb6ca;color:#27455f;display:grid;place-items:center;cursor:pointer;font-size:14px;font-weight:800;background:#f1f7fd}.help-tip summary::-webkit-details-marker{display:none}.help-tip-popover{position:absolute;top:28px;left:0;width:min(320px,80vw);border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 24px #1124381f;padding:10px;color:var(--text);font-size:14px;line-height:1.35;z-index:6}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.dashboard-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.dashboard-main-grid .trend-card:last-child{grid-column:2}.dashboard-hero{display:grid;gap:var(--space-2);grid-row:span 2}.dashboard-hero-head{display:flex;justify-content:space-between;align-items:center}.dashboard-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.dashboard-kpis span{display:block;font-size:14px;color:var(--muted)}.dashboard-kpis strong{font-size:28px;line-height:1.1}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:var(--space-2);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat-card:after{content:none}.stat-card h3{font-size:14px;color:var(--muted)}.stat-card strong{font-size:24px;line-height:1.1}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-soft)}.panel-heading{color:var(--primary);margin-bottom:2px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.panel-header-main{display:flex;align-items:center;gap:var(--space-1)}.panel-header-icon{width:28px;height:28px;border-radius:8px;border:1px solid #c6d6e6;background:#eef3f9;display:inline-flex;align-items:center;justify-content:center;place-items:center;color:#2b577f}.panel-header-icon svg{width:14px;height:14px}.panel-header-subtitle{font-size:14px;color:var(--muted);margin-top:2px}.panel-context-normal{border-top:3px solid var(--primary)}.panel-context-pending{border-top:3px solid var(--warning)}.panel-context-closed{border-top:3px solid var(--success)}.panel-context-blocked{border-top:3px solid var(--danger)}.panel-context-normal .panel-heading{color:var(--primary)}.panel-context-pending .panel-heading{color:#a5650e}.panel-context-closed .panel-heading{color:#208553}.panel-context-blocked .panel-heading{color:#b34242}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:var(--space-3);align-items:start}.detail-main,.detail-side{display:grid;gap:20px}.workflow-wizard{margin-bottom:var(--space-2)}.wizard-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);padding:0;margin:8px 0 0}.wizard-step{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:10px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.wizard-dot{width:22px;height:22px;border-radius:999px;border:1px solid #c2d0df;display:inline-grid;place-items:center;font-size:14px;font-weight:800;background:#eef2f7;color:#556a7f;flex-shrink:0}.wizard-step.done{border-color:#b8dfc9;background:#ecf9f1;color:#2b7a55}.wizard-step.done .wizard-dot{border-color:#8fc7ac;background:#dff4e7;color:#206648}.wizard-step.current{border-color:#bdd1e5;background:var(--surface-primary);color:#19496f}.wizard-step.current .wizard-dot{border-color:#93b7db;background:#deebf8;color:#174a70}.wizard-step.upcoming{color:#637e95}.panel+.panel{margin-top:20px}.secondary-flow-panel{padding:0;overflow:hidden}.secondary-flow-summary{list-style:none;cursor:pointer;padding:var(--space-2) var(--space-3);background:var(--surface-soft);border-bottom:1px solid var(--line)}.secondary-flow-summary::-webkit-details-marker{display:none}.secondary-flow-summary strong{color:#0f3f6f}.secondary-flow-summary p{margin-top:4px;color:var(--muted);font-size:14px}.secondary-flow-content{padding:var(--space-3)}.panel-head{margin-bottom:8px}.detail-grid{display:flex;justify-content:space-between;align-items:center;gap:16px}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-1)}.timeline-row{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfcfe}.timeline-row-stacked{display:grid;justify-items:start}.timeline-ref{font-weight:700}.status-pill{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:1px solid;letter-spacing:.1px}.status-icon{width:13px;height:13px;display:inline-grid;place-items:center}.status-icon svg{width:13px;height:13px}.status-draft,.status-sent_to_driver,.status-pending_load_signature,.status-pending_delivery_signature{background:#fdf3e8;color:#8f6528;border-color:#ebcfaa}.status-loaded,.status-in_transit,.status-delivered{background:#ecf3fb;color:#2a5f95;border-color:#c8d8ea}.status-closed{background:#ebf7f0;color:#2b7f5b;border-color:#c2dfce}.status-cancelled{background:#fceeee;color:#a95454;border-color:#ecc9c9}.filters{display:grid;grid-template-columns:1fr 240px 160px;gap:14px;margin-bottom:20px}.vehicles-filters{grid-template-columns:1fr 200px 180px 160px 140px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#7ea8d6;box-shadow:0 0 0 3px #1565c024}textarea{min-height:96px;resize:vertical}button{border:1px solid transparent;border-radius:10px;min-height:44px;padding:11px 14px;background:var(--primary);color:var(--primary-ink);cursor:pointer;font-weight:600;box-shadow:0 5px 14px #1565c033;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#1458ab;box-shadow:0 7px 16px #1565c03d}button:disabled{opacity:.6;cursor:not-allowed}.detail-tab-btn,.status-rail-item{background:var(--surface-soft);color:#476175;border:1px solid #d3dde8;box-shadow:none;font-weight:600}.detail-tab-btn:hover,.status-rail-item:hover{background:var(--surface-primary);box-shadow:none;transform:none}.detail-tab-btn.active,.status-rail-item.active{background:#e8f1fb;border-color:#b5cae2;color:var(--primary)}.secondary-button{background:var(--surface-soft);color:#3e5367;border:1px solid #ccd8e4;box-shadow:none}.secondary-button:hover:not(:disabled),.logout-btn:hover:not(:disabled),.pagination-bar button:hover:not(:disabled),.row-actions-inline button:not(.primary-action):hover:not(:disabled){background:#e8eff7;border-color:#bccddd;box-shadow:none}.danger-btn{background:#cf5656;color:#fff;border:1px solid #bd4d4d;box-shadow:0 6px 12px #b9444438}.danger-btn:hover:not(:disabled){background:#bb3434;border-color:#a73030;box-shadow:0 8px 14px #b934343d}.table-head,.table-row{display:grid;grid-template-columns:200px 1fr 180px 190px 180px;gap:var(--space-2);align-items:center}.simple-row{grid-template-columns:repeat(5,minmax(0,1fr))}.table-head{padding:10px 12px;font-weight:700;color:var(--muted);font-size:14px;border-radius:10px;background:var(--surface-soft);border:1px solid #e1e8f0}.table-row{border:1px solid #e2e8ef;border-radius:12px;background:#fff;padding:12px;margin-top:8px;transition:background-color .16s ease,border-color .16s ease}.panel .table-row:nth-of-type(2n){background:#fcfdff}.panel .table-row:hover{background:#f4f8fc;border-color:#ccd9e5}.route-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions,.action-row,.action-grid{display:grid;gap:12px}.inline-link{color:var(--primary);font-weight:700;text-decoration:none}.inline-link:hover{text-decoration:underline}.row-actions-inline{display:flex;gap:var(--space-1);justify-content:flex-start;flex-wrap:wrap}.row-actions-inline button:not(.danger-btn){background:var(--surface-soft);color:#355168;border:1px solid #cad7e4;box-shadow:none}.row-actions-inline .primary-action{background:var(--primary);color:#fff;border:1px solid #2f71bb;box-shadow:0 6px 14px #1565c033}.pagination-bar{margin-top:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:10px}.pagination-bar button{background:#f2f6fb;color:#294b67;border:1px solid #d7e4f0;box-shadow:none}.signature-pad-wrap{display:grid;gap:var(--space-1)}.signature-pad{border:1px dashed var(--line);border-radius:10px;background:#fff;touch-action:none;width:100%;max-width:500px}.signature-pad-disabled{opacity:.7;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label,.action-grid label{display:grid;gap:8px;font-weight:600}.form-field{display:grid;gap:6px}.full-width{grid-column:1 / -1}.company-logo-preview{border:1px dashed var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;justify-items:start;background:#f9fbff}.company-logo-preview img{max-width:260px;max-height:110px;object-fit:contain;display:block}.mobile-flow{max-width:580px}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:var(--space-2);margin-bottom:var(--space-2);box-shadow:var(--shadow-soft)}.inspection-qr{width:180px;max-width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.evidence-thumb{width:100%;border:1px solid var(--line);border-radius:10px;object-fit:cover;max-height:190px}.cta-button{min-height:52px;padding:14px 18px;font-size:17px;border-radius:14px}.mobile-sticky-action{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2}.info{color:var(--muted)}.success{color:var(--success);font-weight:700}.error{color:var(--danger);font-weight:700}.toast-stack{position:fixed;right:16px;bottom:18px;display:grid;gap:8px;z-index:12;pointer-events:none}.toast{min-width:220px;max-width:360px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 12px;box-shadow:0 8px 20px #0b1f332e;font-size:14px;font-weight:500;animation:feedback-pop .22s ease-out}.toast-success{border-color:#b9e3cb;color:var(--success)}.toast-error{border-color:#f0caca;color:var(--danger)}.toast-info{border-color:#c2d7ed;color:var(--primary)}:root[data-theme=dark] .toast{background:#152436;border-color:#314a65}:root[data-theme=dark] .toast-success{background:#14271f;border-color:#396951;color:#82dbac}:root[data-theme=dark] .toast-error{background:#2c181d;border-color:#78414b;color:#f2a5b0}:root[data-theme=dark] .toast-info{background:#142434;border-color:#395f82;color:#9ecaf2}.mobile-nav{display:none}.mobile-link{text-decoration:none;text-align:center;color:var(--muted);padding:9px 4px;font-size:14px;font-weight:700;display:grid;gap:4px;justify-items:center}.mobile-link.active{color:var(--primary)}.nav-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1px solid #d2dce7;background:#f6f9fc;box-shadow:inset 0 1px #ffffffa6}.nav-icon svg{width:12px;height:12px}.mobile-link .nav-icon{width:21px;height:21px}.mobile-link .nav-icon svg{width:12px;height:12px}.nav-link.active .nav-icon{border-color:#b5c7da;background:#ecf2f8}.mobile-link.active .nav-icon{border-color:#1565c052;background:#1565c014}.nav-icon-home,.nav-icon-docs,.nav-icon-plus,.nav-icon-drivers,.nav-icon-truck,.nav-icon-company,.nav-icon-sign{color:var(--primary)}.stat-glyph{width:28px;height:28px;border-radius:10px;display:inline-grid;place-items:center;margin-bottom:7px;border:1px solid var(--line)}.stat-glyph svg{width:15px;height:15px}.skeleton-wrap{display:grid;gap:8px}.skeleton-line{height:13px;border-radius:999px;background:linear-gradient(90deg,#eaf0f6 18%,#f7f9fc,#eaf0f6 58%);background-size:280% 100%;animation:skeleton-slide 1.35s ease-in-out infinite}.skeleton-line:nth-child(2){width:82%}.skeleton-line:nth-child(3){width:66%}.table-skeleton{margin:10px 0 4px}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.trend-card{display:grid;gap:4px}.trend-value{font-size:32px;font-weight:800;line-height:1}.trend-up{color:var(--success);font-weight:700}.trend-down{color:var(--warning);font-weight:700}.empty-state{border:1px dashed #cfdbe7;border-radius:var(--radius-md);background:var(--surface-soft);padding:18px;display:grid;gap:10px;justify-items:start;text-align:left;position:relative;overflow:hidden}.empty-state h4{margin:0;font-size:19px}.empty-state p{color:var(--muted);line-height:1.4}.empty-state-hero{width:58px;height:58px;position:relative;border-radius:14px;display:grid;place-items:center;border:1px solid #c8d9e8;background:#ecf2f8}.empty-state-orb{position:absolute;border-radius:999px}.empty-state-orb-main{width:30px;height:30px;top:-8px;right:-8px;background:#1565c01f}.empty-state-orb-soft{width:20px;height:20px;bottom:-5px;left:-5px;background:#0b1f3317}.empty-state-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid #b4c9de;background:#f6f9fd;color:#1f567f;position:relative;z-index:1}.empty-state-icon svg{width:16px;height:16px}.empty-state-drivers .empty-state-orb-main{background:#2f8f611f}.empty-state-vehicles .empty-state-orb-main{background:#c4872a24}.empty-state-cta{margin-top:2px;font-size:14px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid #c8d8e8;background:#edf3fa;text-decoration:none}.empty-state-cta:hover{text-decoration:none;background:#e4edf7;border-color:#bbcedf}.success,.error{animation:feedback-pop .25s ease-out}@keyframes feedback-pop{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeleton-slide{0%{background-position:100% 0}to{background-position:0 0}}.stat-glyph-total{color:var(--primary);background:#e8f1fb}.stat-glyph-open{color:var(--warning);background:#fff4e8}.stat-glyph-transit{color:var(--primary);background:#e8f1fb}.stat-glyph-closed{color:var(--success);background:#e7f6ee}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid,.dashboard-main-grid,.detail-layout{grid-template-columns:1fr}.dashboard-main-grid .trend-card:last-child{grid-column:auto}.dashboard-hero{grid-row:auto}.status-rail{grid-template-columns:1fr 1fr}.detail-tabs{display:grid;grid-template-columns:1fr 1fr}.wizard-steps{grid-template-columns:1fr}.table-head{display:none}.table-row,.simple-row{grid-template-columns:1fr;gap:6px}.route-cell{white-space:normal}.form-grid,.filters{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#fff;z-index:3}.main-content{padding:calc(var(--space-3) + 56px) var(--space-2) 98px}.topbar{left:0;height:56px;padding:0 var(--space-2)}.topbar-search{width:100%}.topbar-actions>button:not(.theme-switch-corner){min-width:88px}.section-head h2{font-size:24px}button{min-height:46px}.pagination-bar{flex-direction:column;align-items:stretch}.evidence-grid{grid-template-columns:1fr}.mobile-sticky-action{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}