@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #eceef3;--surface: #ffffff;--surface-alt: #f7f8fb;--surface-dark: #141925;--surface-dark-soft: #1d2431;--line: #dfe3eb;--line-strong: #cfd5e3;--text: #1e2433;--text-muted: #6f788a;--text-on-dark: #e8edf7;--accent: #f39a12;--accent-strong: #da7d00;--accent-soft: rgba(243, 154, 18, .14);--danger: #d64933;--warn: #d78700;--ok: #2f8f55;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-soft: 0 10px 30px rgba(17, 24, 39, .08);--shadow-strong: 0 16px 36px rgba(17, 24, 39, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#f4f6fc,#eceef3 42%,#e8ebf2)}h1,h2,h3,h4{margin:0;font-family:Manrope,Segoe UI,sans-serif;letter-spacing:-.01em}a{color:inherit}.app-shell{min-height:100%;display:grid;grid-template-columns:288px 1fr}.shell-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%),linear-gradient(180deg,var(--surface-dark) 0%,#111620 100%);border-right:1px solid rgba(255,255,255,.07);padding:20px 16px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh}.sidebar-brand{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:14px;color:var(--text-on-dark);background:#ffffff08}.sidebar-brand h1{margin-top:6px;font-size:34px;line-height:1;font-weight:800}.brand-tag{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#acb8cd}.brand-subtitle{margin:8px 0 0;font-size:13px;color:#c7cfdd}.sidebar-user{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#dce4f6;padding:10px;display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#f39a12,#ffbf5f);color:#31220b;font-weight:800;font-family:Manrope,sans-serif}.user-name{margin:0;font-size:13px;font-weight:600}.user-role{margin:2px 0 0;font-size:12px;color:#b5bfd3}.menu-section{margin:0}.menu-section-title{margin:0 0 8px;color:#a1adbf;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.menu-nav{display:grid;gap:6px}.menu-item{border:1px solid transparent;background:transparent;color:#d8e0ee;border-radius:var(--radius-sm);padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;cursor:pointer;transition:.16s ease}.menu-item-icon{font-size:12px;color:#aeb8ca}.menu-item:hover{border-color:#ffffff2e;background:#ffffff12}.menu-item.is-active{border-color:#f39a12b3;background:linear-gradient(90deg,#f39a1247,#f39a1224);color:#ffe4b7;font-weight:600;box-shadow:inset 0 0 0 1px #f39a1226}.menu-item.is-active .menu-item-icon{color:#ffd58c}.shell-main{padding:18px;display:flex;flex-direction:column;gap:14px}.shell-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7f9fd);padding:12px 14px;box-shadow:var(--shadow-soft)}.topbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:15px}.breadcrumb-root{color:#5672a7;font-weight:600}.breadcrumb-sep{color:#99a4b7}.breadcrumb-current{color:#2a3344;font-weight:600}.context-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{border:1px solid #d8deea;border-radius:999px;background:#f4f6fb;color:#4d586d;font-size:12px;font-weight:600;padding:6px 10px}.pill-role{background:#edf1f8}.pill-alert{border-color:#d6493366;background:#d649331a;color:#9b2b1c}.topbar-search{min-width:290px;display:flex;align-items:center;gap:8px;border:1px solid #d7deeb;border-radius:999px;padding:0 12px;height:38px;background:#fff}.topbar-search input{width:100%;border:0;outline:0;font-family:inherit;font-size:13px;color:#2d3647;background:transparent}.topbar-search input::placeholder{color:#97a3b7}.search-icon{font-size:14px;color:#7d899f}.primary-button,.secondary-button{border-radius:10px;padding:10px 14px;font-family:Manrope,sans-serif;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;transition:.15s ease}.primary-button{color:#fff;border-color:#e48f0f;background:linear-gradient(180deg,#f4a11f,#e48a07);box-shadow:0 8px 16px #f39a1233}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 20px #f39a1247}.secondary-button{background:#fff;border-color:#d2d8e5;color:#2c374a}.secondary-button:hover{background:#f4f7fc}.page-content{display:grid;gap:14px}.card{border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:16px}.card h3{font-size:23px;color:#2a3142}.card-subtitle{margin:6px 0 0;color:#77839a;font-size:13px}.card-headline{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.chart-card{overflow:hidden}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{border-radius:var(--radius-md);color:#fff;padding:14px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-strong);position:relative;isolation:isolate;overflow:hidden}.kpi-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:999px;right:-80px;top:-60px;background:#ffffff29;z-index:-1}.kpi-card--orange{background:linear-gradient(135deg,#f5a21e,#e68803)}.kpi-card--graphite{background:linear-gradient(135deg,#2f3645,#242b38)}.kpi-card--slate{background:linear-gradient(135deg,#4b5f83,#3a4c6e)}.kpi-card--sand{background:linear-gradient(135deg,#92704c,#7b5b38)}.kpi-title{margin:0;font-size:13px;color:#ffffffd6}.kpi-value{margin:6px 0 0;font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.02em}.kpi-trend{margin:0;font-size:13px;color:#fffffff2}.dashboard-analytics-grid{display:grid;gap:14px;grid-template-columns:1.15fr 1fr}.chart-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#5f6b81;font-weight:600}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:6px}.legend-km{background:#f39a12}.legend-fuel{background:#5e6778}.driver-chart{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.driver-chart-group{border-radius:12px;border:1px solid #e2e7f0;background:linear-gradient(180deg,#f7f9fdb3,#fff);padding:8px 8px 10px}.driver-value{margin:0 0 6px;text-align:center;font-size:11px;color:#475266;font-weight:700}.driver-bars{height:176px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver-track{border-radius:9px;border:1px solid #d8deea;background:repeating-linear-gradient(to top,#eef2f9 0,#eef2f9 24px,#e7edf7 24px,#e7edf7 25px);position:relative;display:flex;align-items:flex-end;overflow:hidden}.driver-bar{width:100%;border-radius:8px 8px 0 0;transition:height .18s ease}.driver-bar--km{background:linear-gradient(180deg,#f7b95a,#f39a12)}.driver-bar--fuel{background:linear-gradient(180deg,#8f98a8,#5e6778)}.driver-bar--fuel.is-over{background:linear-gradient(180deg,#ef8a78,#d95b43)}.driver-threshold{position:absolute;left:0;right:0;border-top:2px dashed rgba(214,73,51,.8);z-index:1}.driver-burn,.driver-label{margin:5px 0 0;text-align:center;font-size:11px;line-height:1.25}.driver-burn{color:#515e74;font-weight:700}.driver-burn.is-over{color:var(--danger)}.driver-label{color:#69758b}.monthly-chart{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.monthly-group{border:1px solid #e1e7f1;border-radius:12px;background:var(--surface-alt);padding:8px}.monthly-total{margin:0 0 6px;text-align:center;font-size:11px;color:#3e485b;font-weight:700}.monthly-total.is-over{color:var(--danger)}.monthly-track{position:relative;height:180px;border-radius:9px;overflow:hidden;border:1px solid #d7deec;background:repeating-linear-gradient(to top,#edf2f9 0,#edf2f9 24px,#e6edf8 24px,#e6edf8 25px)}.monthly-threshold{position:absolute;left:0;right:0;border-top:2px dashed rgba(214,73,51,.8);z-index:1}.monthly-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column-reverse}.monthly-segment{width:100%}.monthly-segment--fuel{background:#f39a12}.monthly-segment--expense{background:#5f6778}.monthly-label{margin:6px 0 0;text-align:center;font-size:11px;color:#6d7790;font-weight:600}.dashboard-insights-grid{display:grid;gap:14px;grid-template-columns:1.1fr .9fr}.payments-layout{margin-top:12px;display:grid;gap:16px;grid-template-columns:200px 1fr;align-items:center}.donut-wrap{position:relative;width:170px;height:170px;margin:0 auto}.donut-chart{width:100%;height:100%;border-radius:999px}.donut-core{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:999px;background:#fff;border:1px solid #e2e7f0;display:grid;place-items:center;text-align:center;color:#57627a;font-size:11px;font-weight:600}.donut-core strong{font-family:Manrope,sans-serif;font-size:14px;color:#283246}.payment-legend{display:grid;gap:8px}.payment-legend-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;border:1px solid #e2e7f0;border-radius:10px;background:#fff;padding:9px 10px;font-size:13px;align-items:center}.payment-name{display:inline-flex;align-items:center;color:#39445a;font-weight:600}.payment-percent{color:#707b90;font-weight:700}.threshold-grid{margin-top:16px;display:grid;gap:10px}.threshold-item{border:1px solid #e2e7f0;border-radius:10px;background:#fff;padding:9px}.threshold-name{margin:0;font-size:13px;color:#334056;font-weight:600}.threshold-track{margin-top:8px;height:12px;border-radius:999px;background:#edf2f9;border:1px solid #dce4f2;position:relative;overflow:visible}.threshold-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#79bb8f,#43a968)}.threshold-fill.is-over{background:linear-gradient(90deg,#ef8a78,#de6047)}.threshold-marker{position:absolute;top:-3px;width:2px;height:16px;background:#2d3544}.threshold-value{margin:6px 0 0;font-size:12px;color:#6b768c}.threshold-value.is-over{color:var(--danger);font-weight:600}.dashboard-activity-grid{display:grid;gap:14px;grid-template-columns:1fr .95fr}.timeline{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.timeline-item{border-left:3px solid var(--accent);background:#fff;border-radius:10px;border:1px solid #e2e7f0;padding:10px 11px}.timeline-item p{margin:6px 0 0;color:#5f6b81;font-size:13px}.timeline-item small{display:inline-block;margin-top:6px;color:#7d879b;font-size:12px}.decision-list{margin-top:12px;display:grid;gap:9px}.decision-item{border:1px solid #e2e7f0;background:#fff;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.decision-item p{margin:0;color:#3e4b61}.panel-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e6ebf3}.list-row:last-child{border-bottom:0}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filter-chip{border:1px solid #d6ddeb;background:#f4f7fb;color:#44526b;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600;cursor:pointer}.filter-chip:hover{border-color:#bec9de;background:#eef3fa}.data-table{width:100%;border-collapse:collapse;margin-top:8px}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e6ebf3;font-size:13px}.data-table th{color:#71809a;font-weight:700;font-family:Manrope,sans-serif;letter-spacing:.01em}.data-table tr:hover td{background:#fafcff}.badge{border-radius:999px;display:inline-flex;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.ok{background:#2f8f5521;color:#2b804b}.badge.warn{background:#d7870024;color:#a96a00}.badge.danger{background:#d6493324;color:#b53f2c}.drawer{border:1px solid #dce3ef;border-radius:var(--radius-md);background:#f8faff;box-shadow:var(--shadow-soft);padding:14px}.drawer h3{font-size:20px}.drawer p{margin:8px 0 0;color:#4f5c74}.secondary-button--small{padding:7px 10px;font-size:12px}.table-link-button{border:0;background:transparent;color:#2f4d80;font-weight:700;cursor:pointer;padding:0}.table-link-button:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#090e187a;display:grid;place-items:center;padding:16px;z-index:20}.modal-card{width:min(560px,100%);border-radius:16px;border:1px solid #d5deeb;background:#fff;box-shadow:var(--shadow-strong)}.modal-header{padding:14px 14px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-close-button{border:0;background:transparent;color:#6f7b91;font-weight:700;cursor:pointer}.modal-body{padding:12px 14px;display:grid;gap:10px}.modal-caption{margin:0;color:#4b5971}.modal-footer{border-top:1px solid #e2e8f2;padding:12px 14px 14px;display:flex;justify-content:flex-end;gap:8px}.field{display:grid;gap:6px}.field span{font-size:12px;color:#64718a;font-weight:600}.field input,.field select{border:1px solid #d2dae9;border-radius:10px;background:#fff;color:#273248;padding:9px 10px;font-family:inherit}.field input:focus,.field select:focus{outline:2px solid rgba(243,154,18,.25);border-color:#f2a22c}.field-error{margin:0;color:#b73b29;font-size:12px;font-weight:600}.vehicle-checkbox-list{border:1px solid #d2dae9;border-radius:10px;background:#fff;padding:8px;display:grid;gap:6px;max-height:130px;overflow:auto}.vehicle-checkbox-item{display:flex;gap:8px;align-items:center;font-size:13px;color:#2f3c54}.equipment-layout{display:grid;gap:14px;grid-template-columns:1.1fr 1fr}.confirm-items-list{margin-top:12px;display:grid;gap:8px}.confirm-item-row{border:1px solid #dfe5f1;border-radius:10px;background:#fff;padding:10px;display:grid;gap:8px;grid-template-columns:1.2fr repeat(3,minmax(120px,1fr));align-items:end}.confirm-item-row p{margin:6px 0 0;color:#6c788f;font-size:12px}.driver-header-card{padding:14px 16px}.driver-header-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.driver-inline-breadcrumb{display:inline-flex;align-items:center;gap:8px;color:#5f6e88;font-size:13px}.driver-header-main{margin-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.driver-subtitle{margin:0;color:#7a869b;font-size:12px;font-weight:600}.driver-meta{margin:8px 0 0;color:#5f6d85;font-size:13px}.driver-header-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.driver-layout-top{display:grid;gap:14px;grid-template-columns:1.2fr 1fr}.profile-form-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-message{margin:0;font-size:13px;color:#3f5f8f;font-weight:600}.driver-kpi-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-kpi{border:1px solid #dfe5f1;border-radius:12px;background:#fff;padding:11px}.mini-kpi p{margin:0;color:#61708a;font-size:12px}.mini-kpi strong{display:block;margin-top:6px;color:#243047;font-family:Manrope,sans-serif;font-size:19px}.mini-kpi small{display:block;margin-top:5px;color:#73809a;font-size:11px}.range-switch{display:inline-flex;border-radius:10px;border:1px solid #d5dced;overflow:hidden}.range-button{border:0;background:#fff;color:#485772;cursor:pointer;font-family:Manrope,sans-serif;font-weight:700;font-size:12px;padding:7px 10px}.range-button+.range-button{border-left:1px solid #d5dced}.range-button.is-active{background:linear-gradient(180deg,#f5a41f,#e8930f);color:#fff}.driver-chart-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-block{border:1px solid #dfe5f1;border-radius:12px;background:#fff;padding:11px}.chart-block h4{margin:0;font-size:15px;color:#374258}.chart-host{margin-top:8px;height:250px}.driver-history-grid,.journey-group-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width: 1400px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-chart,.monthly-chart{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1200px){.app-shell{grid-template-columns:230px 1fr}.dashboard-analytics-grid,.dashboard-insights-grid,.dashboard-activity-grid,.driver-layout-top,.driver-history-grid,.journey-group-grid,.equipment-layout{grid-template-columns:1fr}.driver-chart{grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-chart-grid{grid-template-columns:1fr}}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.shell-sidebar{position:static;height:auto}.topbar-search{min-width:0;width:100%}.topbar-left,.topbar-right{width:100%}.topbar-right{justify-content:flex-start}.kpi-grid,.panel-grid{grid-template-columns:1fr}.driver-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-layout{grid-template-columns:1fr}.decision-item{align-items:flex-start;flex-direction:column}.profile-form-grid,.driver-kpi-grid,.confirm-item-row{grid-template-columns:1fr}}@media (max-width: 620px){.shell-main{padding:12px}.card{border-radius:14px;padding:12px}.driver-chart,.monthly-chart{grid-template-columns:1fr}}