:root{--bg:#f5f7fb;--panel:#fff;--ink:#152033;--muted:#667085;--line:#e5e7ef;--brand:#197a3a;--brand-2:#0d5f2b;--soft:#eef8f1;--warning:#f59e0b;--danger:#dc2626;--info:#2563eb;--shadow:0 18px 50px #0f172a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#07190f;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#062310;background:linear-gradient(135deg,#36c25f,#e4f759);border-radius:16px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:grid}.brand strong{font-size:18px;display:block}.brand span,.side-note small{color:#ffffffa6;font-size:12px}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#ffffffbd;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;transition:all .18s;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1c}.side-note{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;margin-top:auto;padding:14px}.side-note strong{margin-top:5px;display:block}.main-area{min-width:0;padding:24px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd6;border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 18px;display:flex}.topbar strong{display:block}.topbar span{color:var(--muted);font-size:13px}.page-stack{gap:18px;display:grid}.page-header{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:24px}.hero-header{background:radial-gradient(circle at 100% 0,#c8ffd9 0,#0000 28%),linear-gradient(135deg,#fff,#f2fff5)}.row-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-size:clamp(28px,3vw,42px)}h2{margin-bottom:0}.page-header span{color:var(--muted)}.primary-btn,.ghost-btn{border:0;border-radius:14px;padding:11px 16px;font-weight:800}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));box-shadow:0 10px 24px #197a3a38}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.ghost-btn{color:var(--ink);background:#edf1f7}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;justify-content:center;gap:8px;min-height:118px;padding:18px;display:flex}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:clamp(22px,2.6vw,32px)}.stat-card small{color:var(--muted)}.tone-success{background:linear-gradient(#fff,#f0fff4);border-color:#bbf7d0}.tone-warning{background:linear-gradient(#fff,#fff7ed);border-color:#fed7aa}.tone-danger{background:linear-gradient(#fff,#fff1f2);border-color:#fecaca}.tone-info{background:linear-gradient(#fff,#eff6ff);border-color:#bfdbfe}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;min-width:0;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.badge{color:var(--ink);white-space:nowrap;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-muted{color:#64748b;background:#f1f5f9}.alert-list{gap:10px;display:grid}.alert-item{background:#f8fafc;border-radius:16px;align-items:flex-start;gap:10px;padding:12px;display:flex}.alert-item p{margin:0}.alert-danger{background:#fff1f2}.alert-warning{background:#fffbeb}.alert-info{background:#eff6ff}.rank-list{gap:10px;display:grid}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.rank-row em{font-style:normal;font-weight:800}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px;padding:24px}.empty-state strong{color:var(--ink);display:block}.muted-text{color:var(--muted)}.warning-text{color:#92400e;font-weight:700}.search-bar{border:1px solid var(--line);min-height:54px;box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-bar span{color:var(--muted);font-size:24px}.search-bar input{background:0 0;border:0;outline:0;width:100%}.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vehicle-card{text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:22px;padding:18px;transition:all .18s}.vehicle-card:hover{border-color:#9ee6b2;transform:translateY(-2px)}.vehicle-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.vehicle-top strong{font-size:22px}.vehicle-card p{color:var(--muted);margin-bottom:14px}.vehicle-meta{color:#465266;gap:7px;font-size:13px;display:grid}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 12px}tbody tr:hover{background:#f8fafc}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0206177a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:26px;width:min(980px,100%);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #00000047}.modal-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{color:#344054;gap:6px;font-size:13px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcff;border-radius:14px;outline:none;padding:12px}.form-grid textarea{resize:vertical;min-height:95px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#63cc80;box-shadow:0 0 0 4px #197a3a1a}.span-2{grid-column:span 2}.check-label{align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.check-label input{width:auto}.form-actions{justify-content:flex-end;gap:10px;display:flex}.detail-stack{gap:16px;display:grid}.detail-hero{background:linear-gradient(135deg,#f0fff4,#fff);border:1px solid #d8f7df;border-radius:20px;justify-content:space-between;align-items:center;padding:18px;display:flex}.detail-hero strong{font-size:22px;display:block}.detail-hero span{color:var(--muted)}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-grid span{border:1px solid var(--line);color:var(--muted);border-radius:16px;gap:5px;padding:12px;display:grid}.detail-grid b{color:var(--ink)}.mini-rows{gap:8px;display:grid}.mini-rows>div{color:#465266;background:#f8fafc;border-radius:14px;grid-template-columns:130px 180px 1fr;gap:8px;padding:10px;display:grid}.setup-panel{gap:14px;display:grid}.seed-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.seed-summary span{border:1px solid var(--line);background:#f8fafc;border-radius:16px;padding:13px}.seed-summary b{font-size:24px;display:block}.log-box{color:#d1fadf;white-space:pre-wrap;background:#07190f;border-radius:18px;min-height:180px;padding:18px;overflow:auto}.docs-panel code{border:1px solid var(--line);background:#eef2f7;border-radius:10px;margin:8px 8px 0 0;padding:8px 10px;display:inline-block}.loading-card,.error-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin-bottom:18px;padding:18px}.error-card{background:#fff1f2;border-color:#fecaca}.error-card p{margin-bottom:8px}@media (width<=1180px){.stats-grid,.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 24px 24px;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main-area{padding:14px}.topbar,.row-header{flex-direction:column;align-items:stretch}.stats-grid,.vehicle-grid,.detail-grid,.seed-summary,.stats-grid.compact,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.mini-rows>div{grid-template-columns:1fr}}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toolbar-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.filter-tabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:6px;padding:6px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:10px 13px;font-weight:800}.filter-tabs button.active{background:var(--soft);color:var(--brand-2)}.inspection-grid{border:1px solid var(--line);background:#f8fafc;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}@media (width<=860px){.header-actions{justify-content:stretch}.header-actions button{flex:1}.toolbar-row{grid-template-columns:1fr}.filter-tabs{overflow-x:auto}.filter-tabs button{white-space:nowrap;flex:1}.inspection-grid{grid-template-columns:1fr}}.bi-dashboard{--bi-dark:#0f2c1b;--bi-green:#197a3a;--bi-soft:#edf9f0}.bi-hero{background:radial-gradient(circle at 88% 10%,#62dc843d,#0000 26%),linear-gradient(135deg,#fff 0%,#f2fff5 100%);justify-content:space-between;align-items:center;gap:18px;display:flex}.bi-filter-panel{padding:16px 18px}.bi-filter-grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.bi-filter-grid label{color:#475467;gap:6px;font-size:12px;font-weight:800;display:grid}.bi-filter-grid input,.bi-filter-grid select,.bi-rank-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcff;border-radius:12px;outline:none;padding:10px 11px}.bi-filter-grid input:focus,.bi-filter-grid select:focus,.bi-rank-select:focus{border-color:#63cc80;box-shadow:0 0 0 3px #197a3a1a}.bi-filter-summary{color:var(--muted);margin-top:12px;font-size:13px}.bi-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bi-kpis article{border:1px solid var(--line);min-height:118px;box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;gap:7px;padding:17px;display:flex}.bi-kpis article span{color:var(--muted);font-size:12px;font-weight:700}.bi-kpis article strong{font-size:clamp(21px,2.1vw,30px);line-height:1.05}.bi-kpis article small{color:var(--muted)}.bi-kpis .bi-kpi-total{color:#fff;background:linear-gradient(135deg,#123d23,#197a3a);border-color:#0000}.bi-kpis .bi-kpi-total span,.bi-kpis .bi-kpi-total small{color:#d8f7df}.bi-bars{gap:11px;display:grid}.bi-bar-row{grid-template-columns:minmax(90px,150px) minmax(80px,1fr) minmax(90px,auto);align-items:center;gap:10px;font-size:13px;display:grid}.bi-bar-row>span{text-overflow:ellipsis;white-space:nowrap;color:#344054;font-weight:700;overflow:hidden}.bi-bar-track{background:#edf1f5;border-radius:999px;height:11px;overflow:hidden}.bi-bar-track i{border-radius:inherit;background:linear-gradient(90deg,#56c776,#197a3a);height:100%;display:block}.bi-bar-row strong{text-align:right;font-size:12px}.bi-month-chart{align-items:flex-end;gap:8px;height:220px;padding:8px 2px 2px;display:flex;overflow-x:auto}.bi-month-column{flex:1;grid-template-rows:1fr auto;align-items:end;gap:8px;min-width:42px;height:100%;display:grid}.bi-month-bars{justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.bi-month-bars i{border-radius:7px 7px 2px 2px;width:min(18px,38%);min-height:3px;transition:all .2s}.bi-month-bars i.total{background:#197a3a}.bi-month-bars i.fuel{background:#94a3b8}.bi-month-column>span{color:var(--muted);text-align:center;white-space:nowrap;font-size:10px}.bi-legend{color:var(--muted);justify-content:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.bi-legend span{align-items:center;gap:6px;display:flex}.bi-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.legend-total{background:#197a3a}.legend-fuel{background:#94a3b8}.bi-list{gap:4px;display:grid}.bi-list>div{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:10px 2px;display:grid}.bi-list span{color:var(--muted);font-weight:800}.bi-list em{font-style:normal;font-weight:800}.bi-count{min-width:34px;height:34px;color:var(--brand);background:#eef8f1;border-radius:999px;place-items:center;font-weight:900;display:grid}.bi-short-table{max-height:420px;overflow:auto}.bi-short-table table{min-width:620px}.bi-status{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.bi-status.danger{color:#991b1b;background:#fee2e2}.bi-status.warning{color:#92400e;background:#fef3c7}.bi-pivot-panel{padding-bottom:8px}.bi-pivot-header{flex-wrap:wrap;align-items:flex-end}.bi-pivot-header h2{margin-bottom:3px}.bi-metric-tabs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.bi-metric-tabs button{border:1px solid var(--line);color:#475467;background:#f8fafc;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.bi-metric-tabs button.active{color:#fff;background:#197a3a;border-color:#197a3a}.bi-pivot{border:1px solid var(--line);border-radius:16px;max-height:610px;overflow:auto}.bi-pivot table{min-width:1150px}.bi-pivot thead th{z-index:3;background:#f8fafc;position:sticky;top:0}.bi-pivot td:first-child,.bi-pivot th:first-child{z-index:2;background:#fff;min-width:120px;position:sticky;left:0}.bi-pivot thead th:first-child{z-index:4;background:#f8fafc}.bi-pivot td:first-child small{color:var(--muted);white-space:nowrap;margin-top:3px;display:block}.bi-pivot td{white-space:nowrap;font-size:12px}.bi-total-row td{border-top:2px solid #b7e3c3;background:#eef8f1!important}.bi-rank-select{width:auto;min-width:210px;font-weight:800}.bi-note{color:#526071;background:#f8fafc;font-size:12px;line-height:1.55}.bi-note strong{color:#27364a}@media (width<=1180px){.bi-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.bi-hero{flex-direction:column;align-items:stretch}.bi-filter-grid,.bi-kpis{grid-template-columns:1fr}.bi-bar-row{grid-template-columns:90px 1fr 80px}.bi-pivot-header{align-items:stretch}.bi-metric-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.bi-metric-tabs button{white-space:nowrap}.bi-rank-select{width:100%}}