@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #eff3f6;--card: #ffffff;--line: #d9e2eb;--text: #102235;--muted: #627386;--primary: #1565c0;--ink: #102235;--primary-ink: #ffffff;--success: #2f8f61;--danger: #c74b4b;--warning: #c4872a;--surface-soft: #f8fafc;--surface-muted: #eef3f8;--surface-primary: #e8f1fb;--radius-md: 12px;--shadow-soft: 0 16px 36px rgba(16, 34, 53, .06);--shadow-lift: 0 24px 56px rgba(16, 34, 53, .1);--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:radial-gradient(circle at top left,rgba(21,101,192,.06),transparent 28%),linear-gradient(180deg,#f4f7fa 0%,var(--bg) 38%,#edf2f6 100%);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:248px 1fr;gap:24px;padding:24px;background:transparent;position:relative}.topbar{position:sticky;top:24px;right:0;left:auto;height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 18px;border:1px solid rgba(217,226,235,.9);border-radius:24px;background:#ffffffd6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);z-index:7}.topbar-search{width:min(560px,100%)}.topbar-search input{height:48px;background:#f9fbfd;border-color:#d7e0ea;border-radius:18px;padding:0 18px}.topbar-actions{display:flex;align-items:center;gap:10px}.page-content{display:grid;gap:var(--space-3)}.sidebar{background:#ffffffad;color:var(--text);border:1px solid rgba(217,226,235,.9);box-shadow:var(--shadow-soft);padding:28px 24px;position:sticky;top:24px;height:calc(100vh - 48px);display:grid;align-content:start;gap:16px;border-radius:28px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.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}.profile-menu{position:relative}.profile-menu summary{list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu-trigger{display:flex;align-items:center;gap:12px;min-height:52px;min-width:240px;padding:0 14px 0 10px;border-radius:20px;border:1px solid #d7e0ea;background:#f9fbfdeb;cursor:pointer}.profile-menu-logo,.profile-menu-avatar{width:34px;height:34px;border-radius:999px;flex-shrink:0}.profile-menu-logo{object-fit:cover;border:1px solid #d7e0ea;background:#fff}.profile-menu-avatar{display:inline-grid;place-items:center;background:#e8f1fb;color:#1458a7;font-size:13px;font-weight:800;border:1px solid #c7d9ec}.profile-menu-copy{display:grid;min-width:0;gap:2px}.profile-menu-copy strong,.profile-menu-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-copy strong{font-size:14px;color:var(--ink)}.profile-menu-copy small{font-size:12px;color:var(--muted)}.profile-menu-caret{margin-left:auto;color:#6e8396;font-size:14px}.profile-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:8px;border-radius:18px;border:1px solid #d7e0ea;background:#fffffff5;box-shadow:var(--shadow-lift);display:grid;gap:6px;z-index:20}.profile-menu-item{width:100%;justify-content:flex-start;border-radius:14px;min-height:44px;background:#f8fafc;border:1px solid #edf2f6;color:var(--ink);box-shadow:none}.profile-menu-item:hover:not(:disabled){background:#eef4fa;border-color:#d6e0ea}: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] .profile-menu-trigger{background:#172638f2;border-color:#31485f}:root[data-theme=dark] .profile-menu-panel{background:#152333fa;border-color:#2e445a}:root[data-theme=dark] .profile-menu-item{background:#1c2d41;border-color:#263c53;color:#e7eef7}:root[data-theme=dark] .profile-menu-item:hover:not(:disabled){background:#22374f;border-color:#35516e}:root[data-theme=dark] .profile-menu-avatar{background:#21384f;border-color:#3f617f;color:#dceaf8}: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:210px;max-width:100%;height:auto;object-fit:contain;margin-bottom:14px}.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:12px}.nav-link{color:#2c4258;text-decoration:none;border:1px solid #dbe4ed;padding:14px;border-radius:18px;display:flex;align-items:center;gap:12px;transition:.18s ease;background:#fafcfeeb}.nav-link>span:last-child{font-weight:600;font-size:16px}.nav-link:hover{background:#f4f8fc;color:#1d4e78;border-color:#c8d7e6}.nav-link.active{background:#edf4fb;color:#123f64;border-color:#bdd0e3;box-shadow:inset 3px 0 0 var(--primary)}.logout-btn{margin-top:2px;background:#eff3f8db;color:#2b4258;box-shadow:none;border:1px solid #d6e0ea;border-radius:18px;min-height:52px}.main-content{padding:0 0 100px;position:relative}.section-head{margin-bottom:22px;padding:20px 4px 0}.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:minmax(0,1.45fr) minmax(300px,.8fr);gap:20px;margin-bottom:var(--space-3)}.dashboard-main-grid .trend-card:last-child{grid-column:2}.dashboard-hero{display:grid;gap:24px;grid-row:span 2}.dashboard-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.panel-eyebrow{margin:0 0 8px;font-size:12px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#7890a6;font-weight:700}.dashboard-hero-copy{max-width:620px;color:#465d71;font-size:17px;line-height:1.45}.hero-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#e8f1fb;border:1px solid #c3d6ea;color:#155cae;text-decoration:none;font-weight:700;white-space:nowrap}.hero-action:hover{background:#dbeafb;color:#104f96}.dashboard-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.dashboard-kpis span{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}.dashboard-kpis strong{font-size:42px;line-height:1.1;font-weight:700}.dashboard-flow-list{display:grid;gap:16px}.dashboard-flow-row{display:grid;grid-template-columns:minmax(160px,200px) 1fr 62px;gap:16px;align-items:center}.dashboard-flow-copy{display:grid;gap:4px}.dashboard-flow-copy strong{font-size:16px;font-weight:700}.dashboard-flow-copy span{color:var(--muted);font-size:14px}.dashboard-flow-track{position:relative;height:14px;border-radius:999px;background:#edf2f6;overflow:hidden}.dashboard-flow-bar{position:absolute;left:0;top:0;bottom:0;border-radius:999px}.dashboard-flow-bar.tone-draft{background:linear-gradient(90deg,#d2e0ee,#b5cde5)}.dashboard-flow-bar.tone-pending{background:linear-gradient(90deg,#9bc2ec,#4c92d9)}.dashboard-flow-bar.tone-progress{background:linear-gradient(90deg,#2e7cd0,#155cae)}.dashboard-flow-bar.tone-success{background:linear-gradient(90deg,#98d4b7,#43a275)}.dashboard-flow-metric{display:grid;justify-items:end;gap:2px}.dashboard-flow-metric strong{font-size:18px}.dashboard-flow-metric span{font-size:13px;color:var(--muted)}.dashboard-focus-card{display:grid;align-content:start;gap:10px;min-height:240px}.dashboard-focus-note{margin-top:auto;color:#4d6378;font-size:15px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:start}.dashboard-state-grid{display:grid;gap:14px}.dashboard-state-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:16px 18px;border-radius:20px;background:#f8fafc;border:1px solid #e0e8f0}.dashboard-state-card>span{font-weight:700;font-size:16px}.dashboard-state-card>strong{font-size:28px;grid-row:span 2}.dashboard-state-card>p{grid-column:1 / 2;color:var(--muted);font-size:14px}.dashboard-state-card.tone-draft{background:linear-gradient(180deg,#fafcff,#f2f7fb)}.dashboard-state-card.tone-pending{background:linear-gradient(180deg,#f5f9fe,#eaf2fb)}.dashboard-state-card.tone-progress{background:linear-gradient(180deg,#eef5fc,#e3eef9)}.dashboard-state-card.tone-success{background:linear-gradient(180deg,#eff8f3,#e7f5ed)}.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:24px;padding:28px 30px;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;gap:0;padding:0}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid,.dashboard-main-grid,.dashboard-lower-grid,.detail-layout{grid-template-columns:1fr}.dashboard-main-grid .trend-card:last-child{grid-column:auto}.dashboard-hero{grid-row:auto}.dashboard-flow-row,.dashboard-state-card{grid-template-columns:1fr}.dashboard-flow-metric,.dashboard-state-card>strong{justify-items:start}.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:0 var(--space-2) 98px}.topbar{top:0;left:0;height:64px;padding:0 var(--space-2);border-radius:0;border-left:0;border-right:0}.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))}}