@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--bg:#163236;--panel:#284347;--panel-outline:#b7d4d033;--sidebar:#f7f7f5;--sidebar-text:#a6a7a6;--text:#edf7f3;--text-soft:#a3bbb5;--text-dark:#1d3135;--lime:#97f047;--cyan:#47d8c6;--danger:#f46f6f;--shadow:0 22px 48px #07171929;--radius-xl:22px;--radius-lg:18px;--heading:"Sora", sans-serif;--sans:"Plus Jakarta Sans", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit}.login-shell{background:radial-gradient(circle at 0 0,#97f0471a,#0000 28%),radial-gradient(circle at 100% 100%,#47d8c614,#0000 24%),#163236;place-items:center;min-height:100vh;padding:28px;display:grid}.public-report-shell{background:radial-gradient(circle at 0 0,#97f0471f,#0000 24%),radial-gradient(circle at 100% 100%,#47d8c61a,#0000 24%),#143236;align-content:start;justify-items:center;min-height:100vh;padding:clamp(14px,3vw,28px);display:grid}.public-report-card{border:1px solid var(--panel-outline);width:min(960px,100%);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#97f04714,#0000 22%),linear-gradient(#223d41f7,#172e32fa);border-radius:30px;gap:18px;padding:clamp(16px,3vw,28px);display:grid}.public-report-card--loading,.public-report-card--error{text-align:center;justify-items:center;max-width:720px}.public-report-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-report-tenant-tag{color:#f4fbf7;background:#ffffff09;border:1px solid #b7d4d029;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.public-report-hero{gap:16px;display:grid}.public-report-hero__intro{gap:8px;display:grid}.public-report-hero__intro h1{font-family:var(--heading);color:#f4fbf7;margin:0;font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.04}.public-report-hero__intro p{max-width:640px;color:var(--text-soft);margin:0}.public-report-vehicle-card,.public-report-section{background:linear-gradient(#ffffff0a,#071c1e29);border:1px solid #b7d4d024;border-radius:26px}.public-report-vehicle-card{grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:18px;padding:16px;display:grid;overflow:hidden}.public-report-vehicle-card__media{background:#ffffff09;border:1px solid #b7d4d01f;border-radius:22px;place-items:center;min-height:220px;padding:14px;display:grid}.public-report-vehicle-card__media img{object-fit:contain;max-width:100%;max-height:200px}.public-report-vehicle-card__body{align-content:start;gap:14px;display:grid}.public-report-vehicle-card__headline{gap:8px;display:grid}.public-report-vehicle-card__body h2,.public-report-vehicle-card__body p,.public-report-vehicle-card__body strong{margin:0}.public-report-vehicle-card__body h2{color:#f4fbf7;font-size:clamp(1.3rem,3vw,1.8rem)}.public-report-vehicle-card__headline p{color:var(--text-soft)}.public-report-pills{flex-wrap:wrap;gap:8px;display:flex}.public-report-pill{color:var(--cyan);background:#47d8c61f;border:1px solid #b7d4d01a;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.public-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.public-report-metric,.public-report-inline-card{background:#ffffff09;border:1px solid #b7d4d01f;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.public-report-metric span,.public-report-inline-card span{color:var(--text-soft);font-size:.8rem}.public-report-metric strong,.public-report-inline-card strong{color:#f4fbf7}.public-report-form{gap:14px;display:grid}.public-report-section{gap:14px;padding:16px;display:grid}.public-report-section__header{gap:6px;display:grid}.public-report-section__header strong{color:#f4fbf7}.public-report-section__header span{color:var(--text-soft);font-size:.86rem}.public-fuel-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.public-fuel-option{min-height:88px;color:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #b7d4d024;border-radius:20px;gap:4px;padding:14px 16px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid}.public-fuel-option:hover{border-color:#97f04747;transform:translateY(-1px)}.public-fuel-option--active{background:linear-gradient(#97f0471f,#47d8c614);border-color:#97f04757;box-shadow:0 14px 26px #07121438}.public-fuel-option__name{color:#f4fbf7;font-weight:700}.public-fuel-option__meta{color:var(--text-soft);font-size:.82rem}.public-report-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.public-report-fields--single{grid-template-columns:1fr}.public-upload-box{cursor:pointer;background:#ffffff08;border:1px dashed #b7d4d03d;border-radius:18px;gap:4px;min-height:92px;padding:18px 16px;display:grid;position:relative}.public-upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.public-upload-box strong{color:#f4fbf7}.public-upload-box span{color:var(--text-soft);font-size:.82rem}.public-report-field-note{color:var(--text-soft);margin-top:8px;font-size:.78rem;display:block}.public-report-sticky-action{z-index:2;-webkit-backdrop-filter:blur(18px);background:#142a2df0;border:1px solid #b7d4d029;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;bottom:10px;box-shadow:0 18px 30px #040c0e4d}.public-report-sticky-action__summary{gap:2px;display:grid}.public-report-sticky-action__summary span,.public-report-sticky-action__summary small{color:var(--text-soft)}.public-report-sticky-action__summary strong{color:#f4fbf7;font-size:1.2rem}.public-report-sticky-action .primary-action{width:auto;min-width:220px}.public-report-form .field input,.public-report-form .field select,.public-report-form .field textarea{min-height:52px;font-size:16px}.public-report-form .field textarea{min-height:104px}.public-pin-modal{width:min(560px,100%)}.public-pin-modal__form{gap:18px;display:grid}.public-pin-modal__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.public-pin-modal__summary-item{background:#ffffff09;border:1px solid #b7d4d01f;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.public-pin-modal__summary-item span{color:var(--text-soft);font-size:.8rem}.public-pin-modal__summary-item strong{color:#f4fbf7}.public-pin-modal__field input{letter-spacing:.16em;text-align:center;font-size:1.1rem}.login-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;width:min(1180px,100%);display:grid}.login-hero,.login-panel{border:1px solid var(--panel-outline);box-shadow:var(--shadow);background:#223d41f0;border-radius:28px}.login-hero{align-content:start;gap:18px;padding:32px;display:grid}.login-panel{align-content:start;gap:18px;padding:28px;display:grid}.login-panel--loading{text-align:center;justify-items:center;width:min(480px,100%)}.brand--login{padding:0}.login-kicker{width:fit-content;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;background:#97f0471f;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.login-hero h1,.login-panel h2,.login-panel--loading h1{font-family:var(--heading);color:#f4fbf7;margin:0}.login-hero h1{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.04}.login-hero p,.login-panel p,.login-panel--loading p{color:var(--text-soft);margin:0}.login-account-grid{gap:12px;display:grid}.login-account-card{color:inherit;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #b7d4d024;border-radius:22px;gap:10px;padding:18px;display:grid}.login-account-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-account-card__header strong{color:#f4fbf7;font-family:var(--heading)}.login-account-card__header span,.login-account-card small{color:var(--text-soft)}.login-account-card small{font-size:.78rem}.login-form{gap:14px;display:grid}.login-submit{justify-content:center;width:100%}.app-shell{grid-template-columns:218px minmax(0,1fr);height:100vh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.app-shell.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#233033;flex-direction:column;gap:28px;height:100vh;padding:32px 22px 28px;display:flex;overflow:hidden}.sidebar__top,.topbar,.title-row,.page-bar,.panel__header,.panel__actions,.form-actions,.page-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;min-width:0;padding:12px 6px 18px;display:flex}.brand__mark{background:#3cbf1f;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 5px #ffffffa6}.brand__text{color:#2ea51e;font-family:var(--heading);font-size:1.12rem;font-weight:800}.sidebar-toggle{color:#38555a;cursor:pointer;background:#edf0eb;border:0;border-radius:12px;width:36px;height:36px;font-size:1.2rem}.menu-group{gap:14px;display:grid}.menu-title{color:#d0d1cf;margin:0;font-size:.86rem;font-weight:600}.nav{gap:10px;display:grid}.nav__item{min-height:58px;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;padding:0 16px;font-size:.97rem;font-weight:600;display:flex}.nav__item--active{color:#e9f6ef;background:#163236}.nav__indicator{display:none}.nav__label{min-width:0;color:inherit}.nav__icon-box{background:#ffffff0d;border:1px solid #b7d4d01a;border-radius:14px;place-items:center;width:42px;height:42px;transition:background .18s,border-color .18s,transform .18s;display:none}.nav__item--active .nav__icon-box{background:linear-gradient(135deg,#97f047 0%,#7de85b 100%);border-color:#97f04747;box-shadow:0 10px 18px #417b1e2e}.nav__icon{place-items:center;width:24px;height:24px;display:inline-grid}.nav__icon svg{stroke:currentColor;stroke-width:1.9px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav__item .nav__icon{color:#d9e7e0}.nav__item--active .nav__icon{color:#163338}.dashboard{flex-direction:column;height:100vh;padding:18px 28px 24px;display:flex;overflow:auto}.topbar{flex-shrink:0;margin-bottom:10px}.search{border:1px solid var(--panel-outline);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;width:min(100%,420px);height:46px;padding:0 18px;display:flex}.search input,.toolbar-field select,.field input,.field select,.field textarea{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.search__icon,.toolbar-field span,.subtitle,.panel p,.vehicle-cell span,.detail-grid span,.document-grid span,.timeline__content span{color:var(--text-soft)}.topbar__actions{align-items:center;gap:10px;display:flex}.user-chip,.filter-chip,.filter-mini,.secondary-action,.toolbar-field{border:1px solid var(--panel-outline);color:var(--text);background:#ffffff0a}.user-chip{border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:.93rem;font-weight:600;display:flex}.user-chip small{color:var(--text-soft);font-size:.76rem;font-weight:700}.user-chip__avatar{background:#ffffff14;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.title-row{flex-shrink:0;align-items:flex-start;margin-bottom:18px}.page-bar{flex-shrink:0;justify-content:flex-end;margin-bottom:18px}.title-row h1,.metric-card h2,.panel h3,.preview-card h4{margin:0}.title-row h1{font-family:var(--heading);font-size:clamp(2.1rem,3vw,2.8rem);font-weight:600;line-height:1.08}.title-row h1 strong{font-weight:800}.subtitle,.panel p{margin:8px 0 0;font-size:.92rem}.filter-chip,.filter-mini,.secondary-action,.primary-action{cursor:pointer;border-radius:999px;padding:11px 16px;font-size:.86rem;font-weight:700}.primary-action{background:linear-gradient(135deg, var(--lime), #7ce63f);color:var(--text-dark);border:0}.primary-action:disabled{opacity:.7;cursor:progress}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.metric-card,.panel,.table-card,.thumb-card{border-radius:var(--radius-xl);border:1px solid var(--panel-outline);background:var(--panel);box-shadow:var(--shadow)}.table-card--gradient{box-shadow:inset 0 1px 0 #ffffff08, var(--shadow);background:radial-gradient(circle at 100% 0,#ffffff14,#0000 32%),linear-gradient(#ffffff09,#081d201f);border-color:#b7d4d024;position:relative}.dashboard-view,.dashboard-grid,.ews-list,.snapshot-list,.branch-list,.insight-list{gap:14px;display:grid}.dashboard-view{gap:16px}.dashboard-grid--metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid--ews,.dashboard-grid--summary{grid-template-columns:1.25fr .75fr}.dashboard-grid--charts{grid-template-columns:minmax(320px,.8fr) minmax(0,1.6fr)}.metric-card{padding:18px}.metric-card span,.snapshot-item span,.branch-list__item span,.insight-item span,.ews-item__body span,.line-chart__row span,.bar-chart__group span{color:var(--text-soft)}.metric-card h2{color:#f4fbf7;margin-top:8px;font-size:2rem}.metric-card p,.snapshot-item p{margin:6px 0 0}.ews-item{color:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:0;border-radius:16px;grid-template-columns:10px minmax(0,1fr) 168px 124px;align-items:center;gap:18px;padding:12px 14px;display:grid}.ews-item__indicator{background:var(--lime);border-radius:999px;width:10px;height:100%;min-height:48px}.ews-item--warning .ews-item__indicator{background:#ffd779}.ews-item--danger .ews-item__indicator{background:#ff9b9b}.ews-item__body strong,.snapshot-item strong,.insight-item strong,.branch-list__item strong,.line-chart__row strong{color:#f4fbf7}.ews-item__body{gap:4px;min-width:0;display:grid}.ews-item__body strong,.ews-item__body span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ews-item__footer{text-align:center;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:8px;width:168px;min-width:168px;display:flex}.ews-task-pill{color:#f4fbf7;white-space:nowrap;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;width:160px;min-height:40px;padding:0 20px;font-size:.78rem;font-weight:800;display:inline-flex}.ews-task-pill--open{color:#d3dee0;background:#94a7ab2e}.ews-task-pill--assigned{color:#79efe5;background:#49d5ca29}.ews-task-pill--acknowledged{color:#9cf989;background:#86f57b29}.ews-task-pill--in-progress{color:#ffd779;background:#ffc44729}.ews-task-pill--waiting-approval{color:#ffaeae;background:#f46f6f24}.ews-item__pic{color:var(--text-soft);text-align:center;white-space:nowrap;width:100%;font-size:.82rem}.ews-item__meta{color:#f4fbf7;white-space:nowrap;text-align:right;justify-self:end;min-width:124px;font-weight:700}.ews-list{align-content:start;min-height:328px}.snapshot-list,.insight-list{gap:8px}.snapshot-item,.insight-item,.branch-list__item{background:#ffffff08;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.snapshot-item--usage{gap:10px}.snapshot-item__header,.snapshot-item__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.snapshot-item__meta{color:var(--text-soft);font-size:.8rem}.usage-bar{background:#ffffff0d;border-radius:999px;height:10px;display:flex;overflow:hidden}.usage-bar__used,.usage-bar__remaining{height:100%}.usage-bar__used--ev{background:#86f57b}.usage-bar__used--gasoline{background:#49d5ca}.usage-bar__used--diesel{background:#ffd779}.usage-bar__remaining{background:#ffffff14}.bar-chart{grid-template-columns:repeat(12,minmax(54px,1fr));align-items:end;gap:12px;min-height:214px;padding-top:6px;display:grid;overflow-x:auto}.bar-chart__group{justify-items:center;gap:10px;display:grid}.bar-chart__group--empty{opacity:.55}.bar-chart__bars{justify-content:center;align-items:end;gap:6px;width:100%;height:176px;display:flex}.bar-chart__bar{border-radius:10px 10px 4px 4px;width:14px;min-height:8px}.bar-chart__label{justify-items:center;gap:2px;display:grid}.bar-chart__label small{color:var(--text-soft);font-size:.72rem}.bar-chart__bar--ev,.legend-swatch--ev{background:#86f57b}.bar-chart__bar--gasoline,.legend-swatch--gasoline{background:#49d5ca}.bar-chart__bar--diesel,.legend-swatch--diesel{background:#ffd779}.chart-legend{color:var(--text-soft);flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.chart-legend span{align-items:center;gap:8px;display:inline-flex}.legend-swatch{border-radius:999px;width:12px;height:12px;display:inline-block}.maintenance-card{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:18px;display:grid}.dashboard-panel{will-change:transform;transition:transform .22s,box-shadow .22s,border-color .22s}.dashboard-panel:hover{border-color:#b7d4d038;transform:translateY(-4px);box-shadow:0 18px 34px #040d0f38,inset 0 1px #ffffff08}.dashboard-panel--animate{opacity:0;animation:.62s cubic-bezier(.2,.8,.2,1) forwards dashboard-panel-in;animation-delay:calc(var(--dashboard-card-index,0) * 90ms);transform:translateY(18px)}.dashboard-chart-card{position:relative}.dashboard-chart-card--loading>*{opacity:.46}.dashboard-chart-card--loading:after{content:"";pointer-events:none;background:linear-gradient(110deg,#fff0 0%,#ffffff1a 45%,#fff0 100%);animation:1.8s infinite dashboard-chart-shimmer;position:absolute;inset:0;transform:translate(-100%)}.dashboard-chart-card--animate .bar-chart__bar{transform-origin:bottom;animation:1.1s cubic-bezier(.2,.8,.2,1) forwards dashboard-bar-rise;transform:scaleY(.14)}.dashboard-chart-card--animate .bar-chart__bar--ev{animation-delay:calc(var(--chart-index,0) * 85ms)}.dashboard-chart-card--animate .bar-chart__bar--gasoline{animation-delay:calc((var(--chart-index,0) * 85ms) + 70ms)}.dashboard-chart-card--animate .bar-chart__bar--diesel{animation-delay:calc((var(--chart-index,0) * 85ms) + .14s)}.dashboard-chart-card--animate .bar-chart__label,.dashboard-chart-card--animate .chart-legend{opacity:0;animation:.72s forwards dashboard-chart-fade;transform:translateY(8px)}.dashboard-chart-card--animate .bar-chart__label{animation-delay:calc((var(--chart-index,0) * 70ms) + .32s)}.dashboard-chart-card--animate .chart-legend{animation-delay:.42s}.dashboard-chart-card--animate .maintenance-donut{animation:1.05s cubic-bezier(.2,.8,.2,1) both dashboard-donut-in}.dashboard-chart-card--animate .maintenance-legend__item{opacity:0;animation:.72s forwards dashboard-chart-fade;animation-delay:calc((var(--legend-index,0) * 95ms) + .26s);transform:translateY(10px)}.dashboard-chart-card--animate .snapshot-item{opacity:0;animation:.76s forwards dashboard-chart-fade;animation-delay:calc((var(--snapshot-index,0) * 95ms) + .18s);transform:translateY(12px)}.dashboard-chart-card--animate .usage-bar__used,.dashboard-chart-card--animate .usage-bar__remaining{transform-origin:0;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards dashboard-usage-fill;animation-delay:calc((var(--snapshot-index,0) * 95ms) + .26s);transform:scaleX(.08)}@keyframes dashboard-bar-rise{0%{opacity:.2;transform:scaleY(.14)}to{opacity:1;transform:scaleY(1)}}@keyframes dashboard-chart-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-usage-fill{0%{opacity:.24;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}@keyframes dashboard-donut-in{0%{opacity:0;transform:scale(.9)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes dashboard-chart-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.maintenance-card__visual{place-items:center;display:grid}.maintenance-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:220px;display:grid;position:relative}.maintenance-donut__svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.maintenance-donut__track{fill:none;stroke:#ffffff14;stroke-width:14px}.maintenance-donut__segment{fill:none;stroke-width:14px;stroke-linecap:round;cursor:pointer;opacity:.94;transform-origin:50%;transform-box:fill-box;transition:stroke-width .18s,opacity .18s,filter .18s,transform .18s}.maintenance-donut__segment:hover,.maintenance-donut__segment.is-active{stroke-width:18px;opacity:1;filter:drop-shadow(0 0 14px #ffffff24);transform:scale(1.02)}.maintenance-donut__center{aspect-ratio:1;text-align:center;background:#20383d;border-radius:50%;place-items:center;gap:4px;width:62%;padding:12px;transition:transform .18s,background .18s,box-shadow .18s;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%)}.maintenance-donut__center--active{background:#294349;transform:translate(-50%,-50%)scale(1.03);box-shadow:0 10px 24px #05101238}.maintenance-donut__meta{color:var(--text-soft);font-size:.76rem;font-weight:600}.maintenance-donut__amount{color:#f4fbf7;font-size:1.18rem;line-height:1.1}.maintenance-donut__percentage{color:var(--lime);font-size:.78rem;font-weight:700}.maintenance-card__legend{gap:12px;display:grid}.maintenance-legend__item{appearance:none;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.maintenance-legend__item:hover,.maintenance-legend__item.is-active{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.maintenance-legend__swatch{border-radius:999px;width:12px;height:12px;display:inline-block}.maintenance-legend__label{color:#f4fbf7;font-size:.92rem;font-weight:600}.branch-list__item{grid-template-columns:minmax(0,1fr) 150px;align-items:center}.branch-list__bar{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.branch-list__fill{background:linear-gradient(90deg,#49d5ca,#86f57b);border-radius:999px;height:100%}.panel{min-height:0;padding:18px;position:relative;overflow:hidden}.panel--gradient{box-shadow:var(--shadow);border:1px solid #b7d4d02e;position:relative}.panel--gradient:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff29,#0000 30%),linear-gradient(#ffffff0d,#0000 42%);position:absolute;inset:0}.panel--gradient>*{z-index:1;position:relative}.panel--gradient-ews,.panel--gradient-fuel{background:radial-gradient(circle at 0 0,#97f04738,#0000 34%),linear-gradient(135deg,#32565a 0%,#254347 48%,#1a3438 100%)}.panel--gradient-maintenance{background:radial-gradient(circle at 0 0,#ffc44733,#0000 34%),linear-gradient(135deg,#4a4f3e 0%,#30484b 52%,#233d40 100%)}.panel--gradient-table{background:radial-gradient(circle at 0 0,#49d5ca2e,#0000 34%),linear-gradient(135deg,#32565a 0%,#264348 48%,#1a3438 100%)}.panel--gradient-table .panel__header,.panel--gradient-table .panel__actions,.panel--gradient-table .toolbar-menu,.panel--gradient-table .toolbar-menu[open]{position:relative}.panel--gradient-table .panel__header{z-index:14}.panel--gradient-table .panel__actions{z-index:16}.panel--gradient-table .toolbar-menu{z-index:18}.panel--gradient-table .toolbar-menu[open]{z-index:24}.panel--gradient-table .toolbar-menu__trigger{background:#365055;border-color:#cbe1db29;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #081d202e}.panel--gradient-table .toolbar-menu__panel{-webkit-backdrop-filter:none;z-index:28;background:#2f484d;border-color:#cbe1db24;box-shadow:0 18px 30px #040d0f52,inset 0 1px #ffffff08}.panel--gradient-table .toolbar-field{background:#355055;border-color:#cbe1db1f;box-shadow:inset 0 1px #ffffff08}.panel--gradient-table .icon-action{background:#2f494e;border-color:#cbe1db24}.panel--gradient-table .toolbar-menu__trigger,.panel--gradient-table .toolbar-menu__panel,.panel--gradient-table .toolbar-field{opacity:1}.panel--ews{z-index:3;isolation:isolate;overflow:visible}.dashboard-grid--ews>.panel{padding:16px}.dashboard-grid--ews .panel__header{z-index:6;gap:12px;margin-bottom:2px;padding-top:2px;padding-right:10px;position:relative}.dashboard-grid--ews .panel__header h3{font-size:1.18rem}.dashboard-grid--ews .panel__header p{margin-top:4px;font-size:.86rem}.dashboard-grid--ews .toolbar-menu__trigger{min-height:40px;margin-right:4px;padding:0 14px}.dashboard-grid--ews .toolbar-menu__panel{top:calc(100% + 8px);right:4px}.dashboard-grid--ews .snapshot-item__header strong,.dashboard-grid--ews .snapshot-item strong{font-size:.98rem}.dashboard-grid--ews .snapshot-item__meta{font-size:.76rem}.dashboard-grid--ews .usage-bar{height:8px}.dashboard-grid--ews .pagination{margin-top:2px}.dashboard-grid--ews .pagination__info,.dashboard-grid--ews .pagination__page{font-size:.8rem}.panel--table{flex-direction:column;gap:14px;display:flex;overflow:visible}.panel__header{align-items:flex-start}.panel__actions{flex-shrink:0;justify-content:flex-end}.panel h3{font-family:var(--heading);font-size:1.3rem}.panel--gradient .panel__header p,.panel--gradient .toolbar-menu__meta,.panel--gradient .chart-legend,.panel--gradient .chart-legend span,.panel--gradient .maintenance-donut__center span,.panel--gradient .maintenance-legend__label,.panel--gradient .snapshot-item__meta,.panel--gradient .ews-item__pic,.panel--gradient .bar-chart__label small{color:#e3f0ecc7}.panel--gradient .toolbar-menu__trigger,.panel--gradient .toolbar-menu__panel,.panel--gradient .toolbar-field,.panel--gradient .maintenance-legend__item,.panel--gradient .maintenance-donut__center{background:#081d2029;border-color:#ffffff14}.panel--gradient .toolbar-menu__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel--ews .toolbar-menu__trigger{background:#365055;border-color:#cbe1db29}.panel--ews .toolbar-menu__panel{-webkit-backdrop-filter:none;z-index:12;background:#2e474c;border-color:#cbe1db24}.panel--ews .toolbar-field{background:#355055;border-color:#cbe1db1f}.panel--ews .toolbar-menu,.panel--ews .panel__actions{z-index:12;position:relative}.panel--ews .ews-list,.panel--ews .pagination{z-index:1;position:relative}.panel--gradient .ews-item,.panel--gradient .snapshot-item{background:#081d2029;border:1px solid #ffffff14}.panel--gradient .secondary-action,.panel--gradient .icon-action{background:#081d2029;border-color:#ffffff14}.toolbar-field{border-radius:14px;gap:4px;min-width:132px;padding:8px 12px;display:grid}.toolbar-field--compact{min-width:120px}.toolbar-field--solo{align-items:center;min-height:44px;padding:0 14px;display:flex}.toolbar-field--solo select{width:100%}.toolbar-menu{position:relative}.toolbar-menu[open]{z-index:2}.toolbar-menu__trigger{border:1px solid var(--panel-outline);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:0 16px;list-style:none;display:inline-flex}.toolbar-menu__trigger::-webkit-details-marker{display:none}.toolbar-menu__label{font-size:.84rem;font-weight:700}.toolbar-menu__meta{color:var(--text-soft);font-size:.8rem;font-weight:600}.toolbar-menu__chevron{color:var(--lime);font-size:.82rem;transition:transform .18s}.toolbar-menu[open] .toolbar-menu__chevron{transform:rotate(180deg)}.toolbar-menu__panel{border:1px solid var(--panel-outline);background:#20383d;border-radius:18px;gap:10px;min-width:240px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 30px #040d0f47}.panel--ews .toolbar-menu__panel{min-width:320px;left:auto;right:0}.toolbar-menu__actions{justify-content:flex-end;display:flex}.toolbar-field span,.field label,.preview-card__label{letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.toolbar-field select{font-size:.88rem;font-weight:600}.icon-action{border:1px solid var(--panel-outline);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.icon-action__glyph{width:24px;height:24px;color:var(--lime);background:#97f04724;border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:inline-grid}.table-card--scroll{flex:1;min-height:0;position:relative;overflow:auto}.pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.pagination__info,.pagination__page{color:var(--text-soft);font-size:.88rem}.pagination__controls{align-items:center;gap:10px;display:flex}.pagination--compact{margin-top:6px}table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.col-plate{width:10%}.col-image{width:14%}.col-brand{width:22%}.col-yearkind{width:10%}.col-engine{width:20%}.col-unit{width:10%}.col-status{width:9%}.col-actions{width:5%}.col-energy-variant{width:28%}.col-energy-engine{width:20%}.col-energy-category{width:22%}.col-energy-unit{width:10%}.col-energy-price{width:14%}.col-energy-actions{width:6%}.col-transaction-date{width:13%}.col-transaction-type{width:15%}.col-transaction-description{width:28%}.col-transaction-qty,.col-transaction-price,.col-transaction-total{width:12%}.col-transaction-odometer{width:8%}.col-transaction-actions{width:6%}th,td{text-align:left;padding:14px 16px}.clickable-row td{padding-top:8px;padding-bottom:8px}th{color:#d8ebe4;z-index:2;background:linear-gradient(#335459fa,#1b373cfa);font-size:.84rem;position:sticky;top:0}tbody tr{background:linear-gradient(#ffffff05,#ffffff03);border-top:1px solid #ffffff14;transition:background .18s}.table-card tbody tr:hover{background:linear-gradient(90deg,#49d5ca14,#97f0470a)}td{color:var(--text-soft);vertical-align:middle;font-size:.9rem}.clickable-row{cursor:pointer}.clickable-row:hover{background:linear-gradient(90deg,#49d5ca14,#97f0470a)}.vehicle-cell{align-items:center;gap:12px;display:flex}.vehicle-cell--stack{flex-direction:column;align-items:flex-start;gap:2px}.vehicle-cell strong{color:#f3fbf6;margin-bottom:2px;line-height:1.3;display:block}.vehicle-cell span,td{overflow-wrap:anywhere}.vehicle-cell--stack strong,.vehicle-cell--stack span{white-space:normal}.vehicle-thumb{object-fit:contain;background:#ffffff0a;border-radius:12px;width:128px;height:86px;padding:6px;display:block}.table-plate-cell{min-width:132px;padding-right:24px}.table-media-cell{min-width:170px;padding-left:10px;padding-right:24px}.table-brand-cell{min-width:240px;padding-left:28px}.table-yearkind-cell{min-width:116px}.table-engine-cell{min-width:320px}.table-pic-cell{min-width:140px}.table-state{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.table-status-cell{min-width:138px}.table-state--aktif{color:var(--lime);background:#97f04729}.table-state--servis{color:#ff9b9b;background:#f46f6f24}.table-state--tinjau{color:var(--cyan);background:#47d8c624}.table-state--arsip{color:#d3dee0;background:#94a7ab2e}.table-actions{justify-content:flex-end;display:flex;position:relative}.table-actions-cell{min-width:92px}.table-actions__trigger{color:#f4fbf7;cursor:pointer;background:#ffffff0a;border:1px solid #b7d4d029;border-radius:999px;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:700}.table-actions__menu{border:1px solid var(--panel-outline);z-index:6;background:#20383d;border-radius:16px;gap:6px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 28px #040d0f42}.table-actions__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border:0;border-radius:12px;padding:11px 12px;font-size:.84rem;font-weight:700}.table-actions__item:hover:not(:disabled){background:#ffffff14}.table-actions__item:disabled{opacity:.55;cursor:not-allowed}.table-actions__item--warning{color:#ffd779}.table-actions__item--danger{color:#ffaeae}.detail-layout,.form-layout{align-items:start;gap:14px;display:grid}.detail-layout{grid-template-columns:1fr}.form-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)}.detail-sections{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.detail-split{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:14px;display:grid}.detail-column{gap:14px;display:grid}.detail-panel--full{width:100%}.detail-panel--transactions{isolation:isolate;gap:14px;display:grid;overflow:visible}.detail-transaction-menu .toolbar-menu__trigger{min-width:220px}.detail-transaction-menu .toolbar-menu__panel{min-width:280px;left:auto;right:0}.detail-transaction-table{height:520px;max-height:520px}.detail-transaction-table td[colspan]{text-align:center;vertical-align:middle;height:420px}.detail-transaction-pagination{margin-top:0}.transaction-editor{background:radial-gradient(circle at 0 0,#49d5ca14,#0000 30%),linear-gradient(#ffffff09,#071c1e1f);border:1px solid #b7d4d024;border-radius:22px;gap:16px;padding:18px;display:grid}.transaction-editor__header,.transaction-editor__actions,.transaction-editor__section-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.transaction-editor__header>div,.transaction-editor__section-header{gap:6px;display:grid}.transaction-editor__header strong,.transaction-editor__section-header strong{color:#f4fbf7}.transaction-editor__header span,.transaction-editor__section-header span{color:var(--text-soft);font-size:.86rem}.transaction-editor__section{background:#ffffff08;border:1px solid #b7d4d01a;border-radius:18px;gap:14px;padding:16px;display:grid}.transaction-editor__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.transaction-editor__field--full{grid-column:1/-1}.transaction-attachments{gap:10px;display:grid}.transaction-attachment-card{background:#ffffff09;border:1px solid #b7d4d01f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.transaction-attachment-card--pending{border-style:dashed}.transaction-attachment-card__file{align-items:center;gap:12px;min-width:0;display:flex}.transaction-attachment-card__remove{color:#ffb8b8;cursor:pointer;background:0 0;border:0;font-size:.82rem;font-weight:700}.transaction-type-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.transaction-type-pill--fuel{color:#79efe5;background:#49d5ca24}.transaction-type-pill--maintenance{color:#ffd779;background:#ffc44724}.transaction-type-pill--tax{color:var(--lime);background:#97f04724}.transaction-type-pill--insurance{color:#b1dcff;background:#8fd1ff24}.transaction-type-pill--other{color:#dac8ff;background:#c1a6ff24}.detail-panel__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.detail-hero{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.detail-hero__media-wrap{gap:12px;display:grid}.detail-hero__media,.preview-card__media{background:radial-gradient(circle at top,#97f04729,#0000 44%),#ffffff08;border-radius:18px;place-items:center;padding:12px;display:grid}.detail-hero__media img,.preview-card__media img{object-fit:contain;width:100%;max-height:250px}.detail-hero__body,.preview-card__body{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.detail-hero__header{justify-content:space-between;align-items:flex-start;gap:14px;width:100%;display:flex}.detail-hero__meta,.document-card__header,.timeline-card__header{align-items:center;gap:10px;display:flex}.detail-hero__meta{flex-wrap:wrap}.detail-hero__meta-field{min-width:140px}.detail-hero__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.detail-hero__title{width:100%}.detail-hero__title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.detail-hero__gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-hero__title strong{color:var(--lime);letter-spacing:.08em;margin-top:6px;font-size:.95rem;display:inline-flex}.detail-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.detail-overview__item{background:#ffffff0a;border-radius:16px;padding:14px}.detail-overview__item--field{gap:6px}.detail-overview__item--field input,.detail-overview__item--field select,.detail-overview__item--field textarea{background:#ffffff0a;border:1px solid #b7d4d029;border-radius:12px;padding:10px 12px}.detail-overview__item span,.document-card span,.attachment-card span,.attachment-link span{color:var(--text-soft)}.detail-overview__item strong{color:#f4fbf7;margin-top:6px;display:block}.quick-report-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.quick-report-panel__qr{place-items:center;display:grid}.quick-report-panel__qr-card{background:radial-gradient(circle at 0 0,#97f0471f,#0000 30%),linear-gradient(#ffffff0b,#091c1e1f);border:1px solid #b7d4d024;border-radius:24px;place-items:center;min-width:220px;min-height:220px;padding:18px;display:grid}.quick-report-panel__body{gap:16px;display:grid}.quick-report-panel__copy h3,.quick-report-panel__copy p{margin:0}.quick-report-panel__copy p{color:var(--text-soft);margin-top:8px}.quick-report-panel__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-report-panel__meta div{background:#ffffff09;border:1px solid #b7d4d01a;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.quick-report-panel__meta span{color:var(--text-soft);font-size:.8rem}.quick-report-panel__meta strong{color:#f4fbf7;word-break:break-word}.quick-report-panel__pin-editor{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.quick-report-panel__pin-field{min-width:min(280px,100%)}.quick-report-panel__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-report-panel__notice{color:#9df26b;font-size:.84rem}.detail-analytics{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;display:grid}.detail-analytics__card{box-shadow:var(--shadow);border:1px solid #b7d4d02e;border-radius:24px;gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}.detail-analytics__card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 30%),linear-gradient(#ffffff0d,#0000 42%);position:absolute;inset:0}.detail-analytics__card>*{z-index:1;position:relative}.detail-analytics__card--fuel{background:radial-gradient(circle at 0 0,#97f04738,#0000 34%),linear-gradient(135deg,#32565a 0%,#254347 48%,#1a3438 100%)}.detail-analytics__card--maintenance{background:radial-gradient(circle at 0 0,#ffc44733,#0000 34%),linear-gradient(135deg,#4a4f3e 0%,#30484b 52%,#233d40 100%)}.detail-analytics__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-analytics__header h3{font-size:1.32rem}.detail-analytics__header p{max-width:44ch}.detail-analytics__eyebrow{color:#f4fbf7d1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800;display:inline-flex}.detail-analytics__badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:right;background:#091f222e;border:1px solid #ffffff1f;border-radius:18px;min-width:172px;padding:14px 16px}.detail-analytics__badge strong,.detail-analytics__metric strong{color:#f6fbf8;font-family:var(--heading);line-height:1.15;display:block}.detail-analytics__badge strong{font-size:1.18rem}.detail-analytics__badge span,.detail-analytics__metric span,.budget-progress__header span,.budget-progress__meta span,.detail-monthly-chart__label span,.detail-monthly-chart__label small,.detail-cost-list__item span{color:#e3f0ecc7}.detail-analytics__badge span{margin-top:6px;font-size:.82rem;display:inline-flex}.detail-analytics__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-analytics__legend{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.detail-analytics__legend-item,.detail-analytics__legend-note{color:#e3f0ecc7;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:inline-flex}.detail-analytics__legend-swatch{border-radius:999px;width:10px;height:10px;display:inline-block}.detail-analytics__legend-swatch--fuel{background:#97f047}.detail-analytics__legend-swatch--distance{background:#8ac4ff}.detail-analytics__metric{background:#081d2029;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px}.detail-analytics__metric span{font-size:.8rem}.detail-analytics__metric strong{margin-top:8px;font-size:1rem}.detail-monthly-chart{background:#081d2029;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:214px;padding:18px 16px 14px;display:grid}.detail-monthly-chart__item{grid-template-rows:minmax(132px,1fr) auto;align-items:end;gap:10px;min-width:0;display:grid}.detail-monthly-chart__bars{justify-content:center;align-items:end;gap:6px;height:100%;display:flex}.detail-monthly-chart__bar{border-radius:16px 16px 6px 6px;align-self:end;width:calc(50% - 3px);min-height:16px;box-shadow:inset 0 -10px 14px #0717192e}.detail-monthly-chart__bar--fuel{background:linear-gradient(#a9ff6b 0%,#57e6ca 100%)}.detail-monthly-chart__bar--distance{background:linear-gradient(#b3d7ff 0%,#5ca3ff 100%)}.detail-monthly-chart__label{text-align:center;justify-items:center;gap:2px;display:grid}.detail-monthly-chart__label span{font-size:.74rem;font-weight:700}.detail-monthly-chart__label small{font-size:.71rem}.detail-fuel-breakdown{background:#081d2029;border:1px solid #ffffff14;border-radius:22px;gap:12px;padding:16px 18px;display:grid}.detail-fuel-breakdown__header,.detail-fuel-breakdown__item{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-fuel-breakdown__header strong,.detail-fuel-breakdown__item strong{color:#f4fbf7}.detail-fuel-breakdown__header span,.detail-fuel-breakdown__item span,.detail-fuel-breakdown__empty{color:#e3f0ecc7;margin:0}.detail-fuel-breakdown__list{gap:10px;display:grid}.detail-fuel-breakdown__item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px}.detail-fuel-breakdown__item>div{gap:4px;display:grid}.detail-fuel-breakdown__item>div:last-child{text-align:right}.budget-progress{background:#081d2029;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:16px 18px;display:grid}.budget-progress__header,.budget-progress__meta,.detail-cost-list__item{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-progress__header strong,.detail-cost-list__item strong{color:#f6fbf8}.budget-progress__track,.detail-cost-list__track{background:#ffffff14;border-radius:999px;width:100%;position:relative;overflow:hidden}.budget-progress__track{height:12px}.detail-cost-list__track{flex:1;min-width:0;height:10px}.budget-progress__fill,.detail-cost-list__fill{border-radius:inherit;height:100%}.budget-progress__fill{background:linear-gradient(90deg,#ffd05f 0%,#ff9b52 100%)}.detail-cost-list{background:#081d2029;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:18px;display:grid}.detail-cost-list__fill{background:linear-gradient(90deg,#97f047 0%,#ffd05f 100%)}.detail-cost-list__item span{min-width:34px;font-size:.78rem;font-weight:700}.detail-cost-list__item strong{text-align:right;min-width:74px;font-size:.82rem}.detail-grid,.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;width:100%;display:grid}.detail-grid div,.document-grid div{background:#ffffff0a;border-radius:14px;padding:12px 14px}.detail-grid--expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-edit-grid{align-items:start}.detail-edit-field{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:14px;padding:12px 14px}.detail-edit-field span{margin-bottom:6px;display:inline-flex}.detail-grid strong,.document-grid strong,.preview-specs strong{color:#f4fbf7;margin-top:4px;display:block}.timeline{gap:16px;display:grid}.timeline-card{grid-template-columns:18px 1fr;gap:14px;display:grid}.timeline-card__rail{justify-content:center;display:flex}.timeline__dot{background:var(--lime);border-radius:50%;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 5px #97f0471f}.timeline-card__body{border-bottom:1px solid #ffffff14;padding:0 0 14px}.timeline-card__header{flex-direction:column;align-items:flex-start;gap:4px}.timeline-card__header strong{color:#f4fbf7;display:block}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.attachment-card,.attachment-link{background:#ffffff08;border:1px solid #b7d4d024;border-radius:14px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.attachment-card strong,.attachment-link strong{color:#f4fbf7}.attachment-file__icon{border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.document-pill{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:44px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.attachment-file__icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.attachment-file__icon--pdf,.document-pill--warning{color:#ffd779;background:#ffc44724}.attachment-file__icon--image,.document-pill--safe{color:var(--lime);background:#97f04729}.attachment-file__icon--file{color:#c1d0d2;background:#94a7ab29}.attachment-file__body{gap:4px;min-width:0;display:grid}.attachment-file__body strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attachment-file__body span{font-size:.8rem}.document-pill--danger{color:#ff9b9b;background:#f46f6f24}.document-pill--muted{color:#c1d0d2;background:#94a7ab29}.document-stack{gap:12px;display:grid}.document-tabs{gap:16px;display:grid}.document-editor{margin-bottom:0}.document-editor__read-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.document-editor__read-note{color:var(--text-soft);font-size:.84rem}.document-ocr-card{background:radial-gradient(circle at 0 0,#49d5ca1f,#0000 34%),linear-gradient(#ffffff0a,#081b1e29);border:1px solid #75e4db29;border-radius:20px;gap:14px;padding:16px 18px;display:grid}.document-ocr-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.document-ocr-card__header>div{gap:5px;display:grid}.document-ocr-card__header strong{color:#f4fbf7}.document-ocr-card__header span{color:var(--text-soft);font-size:.84rem}.document-ocr-card__message,.document-ocr-card__applied,.document-ocr-card__empty{color:#dfece6;margin:0;font-size:.86rem;line-height:1.55}.document-ocr-card__applied{color:#9df26b}.document-ocr-card__selection{gap:12px;display:grid}.document-ocr-card__selection-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.document-ocr-card__selection-header>div{gap:4px;display:grid}.document-ocr-card__selection-header strong{color:#f4fbf7}.document-ocr-card__selection-header span{color:var(--text-soft);font-size:.84rem}.document-ocr-card__list{gap:10px;display:grid}.document-ocr-card__option{cursor:pointer;background:#ffffff08;border:1px solid #b7d4d01f;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;padding:13px 14px;display:grid}.document-ocr-card__option:hover{background:#ffffff0d;border-color:#75e4db47}.document-ocr-card__checkbox{justify-content:center;align-items:center;min-height:24px;padding-top:2px;display:inline-flex}.document-ocr-card__checkbox input{accent-color:#97f047;width:16px;height:16px}.document-ocr-card__option-body{gap:4px;display:grid}.document-ocr-card__option-body strong{color:#f4fbf7;font-size:.84rem}.document-ocr-card__option-body span{color:#d9e7df;word-break:break-word;font-size:.92rem}.document-ocr-card__chips{flex-wrap:wrap;gap:8px;display:flex}.document-ocr-card__warnings{gap:8px;display:grid}.document-ocr-card__warnings p{color:#f6f2d0;margin:0;font-size:.84rem}.document-ocr-card__excerpt{border-top:1px solid #b7d4d01f;padding-top:12px}.document-ocr-card__excerpt summary{cursor:pointer;color:#dce9e2;font-size:.84rem;font-weight:700}.document-ocr-card__excerpt pre{color:#d8e7df;white-space:pre-wrap;background:#0616187a;border:1px solid #b7d4d01a;border-radius:16px;margin:12px 0 0;padding:12px 14px;font-size:.78rem;line-height:1.55}.modal-shell{z-index:60;-webkit-backdrop-filter:blur(12px);background:#07121494;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#2d484df5,#1a3136fa);border:1px solid #b7d4d029;border-radius:28px;grid-template-rows:auto minmax(0,1fr);gap:0;width:min(1180px,100%);max-height:calc(100vh - 56px);display:grid;overflow:hidden;box-shadow:0 28px 54px #030b0d57}.modal-card--wide{width:min(1240px,100%)}.modal-card__header{background:#ffffff08;border-bottom:1px solid #b7d4d01f;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.modal-card__header>div{gap:6px;display:grid}.modal-card__header strong{color:#f4fbf7;font-size:1.08rem}.modal-card__header span{color:var(--text-soft);font-size:.9rem}.modal-card__body{padding:24px;overflow:auto}.document-tabs__nav{flex-wrap:wrap;gap:10px;display:flex}.document-tabs__button{border:1px solid var(--panel-outline);color:var(--text-soft);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:700}.document-tabs__button--active{color:var(--lime);background:#97f04724;border-color:#97f0473d}.document-tabs__panel{display:grid}.document-card{background:#ffffff0a;border-radius:18px;gap:10px;padding:16px;display:grid}.document-card__header{justify-content:space-between;align-items:flex-start}.document-card__header strong{color:#f4fbf7;margin-top:4px;display:block}.document-card p,.document-card small{margin:0}.document-card__attachments{gap:8px;display:grid}.empty-copy{color:var(--text-soft)}.panel--form,.panel--preview{flex-direction:column;gap:16px;display:flex}.panel--preview{position:sticky;top:16px}.segmented{border:1px solid var(--panel-outline);background:#ffffff0d;border-radius:999px;gap:6px;padding:4px;display:inline-flex}.segmented__item{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:700}.segmented__item--active{background:var(--lime);color:var(--text-dark)}.vehicle-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.vehicle-form--full{align-content:start;padding-right:0;overflow:visible}.field{gap:7px;display:grid}.field--span{grid-column:1/-1}.wizard{gap:16px;display:grid}.wizard__header,.wizard__panel-header,.wizard__footer,.wizard__footer-left,.wizard__footer-right,.wizard__meta{align-items:center;gap:12px;display:flex}.wizard__header,.wizard__panel-header,.wizard__footer{justify-content:space-between}.wizard__header-copy h3,.wizard__panel-header h4{margin:0}.wizard__header-copy p,.wizard__panel-header p{margin:6px 0 0}.wizard__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.wizard-step{color:var(--text-soft);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #b7d4d024;border-radius:20px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.wizard-step__index{background:#ffffff14;border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:800;display:inline-grid}.wizard-step__copy{gap:4px;min-width:0;display:grid}.wizard-step__copy strong,.wizard-step__copy small{display:block}.wizard-step__copy strong{color:var(--text);font-size:.9rem}.wizard-step__copy small{color:var(--text-soft);line-height:1.35}.wizard-step--active{background:linear-gradient(#97f0471f,#ffffff0a);border-color:#97f04747;box-shadow:inset 0 1px #ffffff0d}.wizard-step--active .wizard-step__index{color:var(--lime);background:#97f0472e}.wizard-step--completed .wizard-step__index{color:var(--cyan);background:#47d8c624}.wizard__panel{background:linear-gradient(#ffffff0a,#071c1e1f);border:1px solid #b7d4d01f;border-radius:24px;gap:16px;padding:18px;display:grid}.wizard__panel-header{align-items:flex-start}.wizard__eyebrow{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:700;display:inline-flex}.wizard-status{border-radius:999px;justify-content:center;align-items:center;min-width:84px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.wizard-status--aktif{color:var(--lime);background:#97f04729}.wizard-status--servis{color:#ffd779;background:#ffd77924}.wizard-status--tinjau{color:var(--cyan);background:#47d8c624}.wizard__hint,.wizard__summary-card,.wizard__preview-note,.wizard__media-note{background:#ffffff09;border:1px solid #b7d4d01f;border-radius:18px;padding:14px 16px}.wizard__hint,.wizard__summary-card p,.wizard__preview-note p,.wizard__media-note p,.wizard__media-specs{color:var(--text-soft);line-height:1.55}.wizard__hint strong,.wizard__summary-card strong,.wizard__preview-note strong,.wizard__media-note strong{color:var(--text)}.wizard__summary-card strong,.wizard__preview-note strong,.wizard__media-note strong{margin-bottom:8px;display:block}.wizard__summary-card p,.wizard__preview-note p,.wizard__media-note p{margin:0}.wizard__media-specs{margin:10px 0 0;padding-left:18px}.wizard__media-specs li+li{margin-top:6px}.wizard__footer{grid-column:1/-1;margin-top:4px}.wizard__footer-left,.wizard__footer-right{flex-wrap:wrap}.field input,.field select,.field textarea{background:#ffffff0a;border:1px solid #b7d4d029;border-radius:14px;padding:12px 14px}.field textarea{resize:none}.form-actions{grid-column:1/-1;justify-content:flex-start}.form-message{margin:0;font-size:.84rem;font-weight:600}.form-message--error{color:#faa}.form-message--success{color:var(--lime)}.preview-card{grid-template-columns:1fr;gap:16px;display:grid}.preview-specs{gap:9px;width:100%;margin:0;padding:0;list-style:none;display:grid}.preview-specs li{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.status-badge{color:var(--lime);background:#97f04729;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge--cyan{color:var(--cyan);background:#47d8c624}.preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-source-switch{background:#ffffff09;border:1px solid #b7d4d024;border-radius:999px;flex-wrap:wrap;gap:8px;padding:4px;display:inline-flex}.image-source-switch__item{min-width:0;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:700}.image-source-switch__item--active{color:var(--lime);background:#97f04724}.upload-card{gap:10px;display:grid}.upload-card__dropzone{cursor:pointer;background:linear-gradient(#ffffff0a,#071c1e1f);border:1px dashed #b7d4d03d;border-radius:20px;gap:6px;padding:18px;display:grid}.upload-card__dropzone strong{color:var(--text)}.upload-card__dropzone span,.upload-card__footnote{color:var(--text-soft)}.upload-card__footnote{margin:0;font-size:.84rem}.thumb-card{cursor:pointer;background:#ffffff0a;border-radius:16px;padding:8px}.thumb-card img{object-fit:contain;width:100%;height:88px}.thumb-card--active{border-color:#97f0478f;box-shadow:0 0 0 1px #97f0474d}.configuration-view{gap:16px;display:grid}.config-subnav-panel{padding:8px}.config-subnav{flex-wrap:wrap;gap:10px;display:flex}.config-subnav__item{min-height:46px;color:var(--text-soft);cursor:pointer;background:#ffffff0a;border:1px solid #b7d4d01f;border-radius:16px;padding:0 16px;font-size:.9rem;font-weight:700}.config-subnav__item--active{color:#f4fbf7;background:#163236f0;border-color:#97f04738;box-shadow:inset 0 0 0 1px #97f04714}.configuration-tree-grid{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:16px;display:grid}.config-overview,.config-section{gap:18px;display:grid}.config-badge{min-height:40px;color:var(--lime);white-space:nowrap;background:#97f0471f;border:1px solid #97f04738;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.78rem;font-weight:800;display:inline-flex}.config-stat-grid,.config-master-grid{gap:14px;display:grid}.config-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.config-stat-card,.config-master-card,.config-fuel-card,.config-rule-card{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:20px;box-shadow:inset 0 1px #ffffff08}.config-stat-card{gap:8px;padding:18px;display:grid}.config-stat-card span,.config-master-card p,.config-master-card small,.config-rule-card p,.config-fuel-card p,.config-fuel-card__header span{color:var(--text-soft)}.config-stat-card strong,.config-master-card strong,.config-fuel-card strong,.config-rule-card strong{color:#f4fbf7}.config-stat-card strong{font-family:var(--heading);font-size:2rem;line-height:1}.config-stat-card small{color:var(--text-soft);font-size:.8rem}.config-rule-card p,.config-tree-node__note,.config-composer__header span,.config-tree__root span,.config-tree-node__title span,.config-tree-node__meta span{color:var(--text-soft)}.config-tree,.config-rule-list,.config-fuel-list,.config-fuel-price-list{gap:14px;display:grid}.config-tree__root{background:#ffffff0a;border:1px solid #b7d4d01f;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.config-tree__root strong{color:#f4fbf7;font-family:var(--heading);font-size:1rem}.config-tree__branch,.config-tree-node{gap:12px;display:grid}.config-tree-node__children{border-left:1px dashed #b7d4d02e;gap:12px;margin-left:22px;padding-left:18px;display:grid}.config-tree-node__card,.config-composer{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:20px;box-shadow:inset 0 1px #ffffff08}.config-tree-node__card{gap:12px;padding:18px;display:grid;position:relative}.config-tree-node__children>.config-tree-node>.config-tree-node__card:before{content:"";border-top:1px dashed #b7d4d02e;width:14px;position:absolute;top:26px;left:-19px}.config-tree-node__header,.config-tree-node__actions,.config-composer__header,.config-composer__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-tree-node__title{align-items:center;gap:12px;min-width:0;display:flex}.config-tree-node__title strong{color:#f4fbf7;font-size:.98rem;display:block}.config-tree-node__title span{font-size:.8rem;display:block}.config-tree-node__code{color:#e9ffd7;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#97f0471f;border:1px solid #97f0473d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.config-tree-node__actions{flex-wrap:wrap;justify-content:flex-end}.config-tree-node__action{color:#f4fbf7;cursor:pointer;background:#ffffff0a;border:1px solid #b7d4d029;border-radius:999px;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:700}.config-tree-node__action:disabled{opacity:.45;cursor:not-allowed}.config-tree-node__action--danger{color:#ffaeae}.config-tree-node__meta{flex-wrap:wrap;gap:8px;display:flex}.config-tree-node__meta span{background:#ffffff0a;border:1px solid #b7d4d01a;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.config-tree-node__note,.config-rule-card p{margin:0;font-size:.9rem;line-height:1.55}.config-composer{border-style:dashed;gap:14px;padding:18px;display:grid}.config-composer__header strong{color:#f4fbf7}.config-composer__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.config-rule-card{gap:10px;padding:18px;display:grid}.config-rule-card__header,.config-fuel-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-rule-card__header span{color:var(--text-soft);font-size:.84rem;font-weight:700}.config-energy-grid{gap:14px;display:grid}.config-energy-inline-panel{padding:2px 0}.config-energy-panel__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.config-energy-status-panel,.config-energy-banner{margin-bottom:14px}.config-energy-status-grid,.config-energy-banner__changes{gap:12px;display:grid}.config-energy-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.config-energy-status-card,.config-energy-banner__change{background:#ffffff0d;border:1px solid #b7d4d01f;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.config-energy-status-card span,.config-energy-banner__eyebrow,.config-energy-banner__change small,.config-energy-status-note{color:var(--text-soft);font-size:.82rem;line-height:1.5}.config-energy-status-card strong,.config-energy-banner__header strong,.config-energy-banner__change strong{color:#f4fbf7;font-size:1rem}.config-energy-status-card small{color:var(--text-soft);line-height:1.5}.config-energy-banner{gap:14px;display:grid}.config-energy-banner__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.config-energy-banner__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#dfffbfd1;margin-bottom:4px;font-weight:700;display:block}.config-energy-banner__changes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.config-energy-banner__change span{color:#f4fbf7;font-size:.9rem;line-height:1.55}.config-energy-status-note{background:#ff8c8c14;border:1px solid #ff9c9c2e;border-radius:14px;margin:12px 0 0;padding:12px 14px}.config-energy-status-note--error{color:#ffd2d2}.config-energy-engine-card{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:22px;gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff08}.config-energy-engine-card__trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:0;display:flex}.config-energy-engine-card__title{gap:8px;display:grid}.config-energy-engine-card__title strong{color:#f4fbf7;font-size:1.02rem}.config-energy-engine-card__title p{color:var(--text-soft);margin:0;line-height:1.55}.config-energy-engine-card__chevron{color:#f4fbf7;background:#ffffff0d;border:1px solid #b7d4d01f;border-radius:12px;place-items:center;min-width:38px;min-height:38px;font-size:1rem;transition:transform .18s,background .18s;display:inline-grid}.config-energy-engine-card__chevron.is-open{transform:rotate(180deg)}.config-energy-engine-card__content{gap:14px;display:grid}.config-energy-card{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:22px;gap:16px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff08}.config-energy-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.config-energy-card__title{gap:8px;display:grid}.config-energy-card__title strong,.config-energy-item__identity strong,.config-energy-item__price strong,.config-energy-editor__header strong{color:#f4fbf7}.config-energy-card__title p,.config-energy-item__identity span,.config-energy-item__price small,.config-energy-item__price span,.config-energy-item__note,.config-energy-editor__header span,.config-energy-editor__note{color:var(--text-soft);margin:0}.config-energy-card__tags,.config-energy-item__meta{flex-wrap:wrap;gap:8px;display:flex}.config-energy-tag{color:#edf7d7;white-space:nowrap;background:#97f0471f;border:1px solid #97f04738;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.config-energy-tag--soft{color:#dfece6;background:#ffffff0d;border-color:#b7d4d024}.config-energy-list{gap:12px;display:grid}.config-energy-item{background:#071e213d;border:1px solid #b7d4d01f;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(180px,.65fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.config-energy-item__identity,.config-energy-item__price{gap:4px;display:grid}.config-energy-item__price{text-align:right}.config-energy-item__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.config-energy-item__note{grid-column:1/-1;font-size:.86rem}.config-energy-editor{background:#ffffff0a;border:1px dashed #b7d4d02e;border-radius:18px;grid-column:1/-1;gap:14px;padding:18px;display:grid}.config-energy-editor__header,.config-energy-editor__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-energy-editor__header>div{gap:6px;display:grid}.config-energy-editor__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.config-energy-editor__fields--wide{grid-template-columns:repeat(5,minmax(0,1fr))}.config-fuel-price-row{background:#ffffff0a;border:1px solid #b7d4d024;border-radius:20px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(240px,.95fr) auto;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff08}.config-fuel-price-row__identity,.config-fuel-price-row__parent,.config-fuel-price-row__editor{gap:6px;display:grid}.config-fuel-price-row__identity strong,.config-fuel-price-row__parent strong{color:#f4fbf7}.config-fuel-price-row__identity span,.config-fuel-price-row__parent span,.config-fuel-price-row__editor span,.config-fuel-price-row__input small{color:var(--text-soft);font-size:.82rem}.config-fuel-price-row__input{background:#071e2157;border:1px solid #b7d4d024;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:grid}.config-fuel-price-row__input i{color:#f4fbf7;font-style:normal;font-weight:700}.config-fuel-price-row__input input{color:#f4fbf7;background:0 0;border:0;outline:0;min-width:0;font-size:.96rem;font-weight:700}.config-rule-card--operasional{border-color:#97f0473d}.config-rule-card--tinjau{border-color:#ffc44738}.config-rule-card--arsip{border-color:#ff9b9b33}.app-shell.is-collapsed .sidebar{padding-inline:12px}.app-shell.is-collapsed .brand__text,.app-shell.is-collapsed .menu-title,.app-shell.is-collapsed .nav__label{display:none}.app-shell.is-collapsed .nav__item{justify-content:center;padding-inline:0}.app-shell.is-collapsed .nav__item--active{border-radius:14px}.app-shell.is-collapsed .nav__icon-box{display:inline-grid}.app-shell.is-collapsed .sidebar-toggle{transform:rotate(180deg)}@media (width<=1180px){.login-layout{grid-template-columns:1fr}.config-energy-editor__fields--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.title-row,.page-bar,.topbar,.panel__header{flex-direction:column;align-items:stretch}.page-actions{flex-wrap:wrap}.panel__actions{justify-content:space-between;width:100%}.toolbar-menu{width:100%}.toolbar-menu__trigger{justify-content:space-between;width:100%}.toolbar-menu__panel{min-width:0;margin-top:10px;position:static}.dashboard-grid--metrics,.dashboard-grid--ews,.dashboard-grid--charts,.dashboard-grid--summary,.config-stat-grid,.configuration-tree-grid,.maintenance-card,.public-pin-modal__summary,.detail-analytics,.detail-sections,.detail-split,.quick-report-panel,.quick-report-panel__meta,.detail-hero,.detail-overview,.transaction-editor__grid,.detail-grid--expanded,.detail-layout,.form-layout,.detail-hero__header,.detail-hero__title-grid{grid-template-columns:1fr}.public-report-topbar,.public-report-vehicle-card,.public-report-metrics,.public-report-fields,.public-report-sticky-action,.quick-report-panel__actions,.quick-report-panel__pin-editor,.document-ocr-card__selection-header{flex-direction:column;align-items:stretch}.public-report-topbar,.public-report-vehicle-card,.public-report-sticky-action{display:grid}.public-report-sticky-action .primary-action{width:100%;min-width:0}.detail-hero__header{display:grid}.panel--preview{position:static}.wizard__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto}.sidebar,.dashboard{height:auto}.dashboard{overflow:visible}.public-report-shell{padding:12px}.public-report-card{border-radius:24px;padding:14px}.public-report-hero__intro h1{font-size:1.68rem}.public-report-vehicle-card__media{min-height:180px}.public-report-vehicle-card__media img{max-height:164px}}@media (width<=640px){.login-shell{padding:18px}.login-hero,.login-panel{padding:22px}.dashboard,.sidebar{padding:18px}.vehicle-form,.wizard__steps,.config-composer__fields,.config-energy-editor__fields,.config-energy-item,.config-subnav,.config-energy-status-grid,.public-fuel-grid,.public-report-metrics,.public-report-fields,.transaction-editor__header,.transaction-editor__section-header,.transaction-editor__actions,.detail-analytics__header,.detail-analytics__metrics,.detail-grid,.document-grid,.attachment-grid{grid-template-columns:1fr}.wizard__header,.wizard__panel-header,.wizard__footer,.wizard__footer-left,.wizard__footer-right,.wizard__meta{justify-content:stretch;display:grid}.detail-analytics__header,.config-energy-card__header,.config-energy-engine-card__trigger,.config-energy-banner__header,.config-energy-editor__header,.config-energy-editor__actions,.transaction-editor__header,.transaction-editor__section-header,.transaction-editor__actions{display:grid}.config-energy-item__price{text-align:left}.detail-analytics__badge{text-align:left;min-width:0}.detail-monthly-chart{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-hero__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ews-item{grid-template-columns:10px 1fr;align-items:start}.ews-item__footer,.ews-item__meta{grid-column:2}.bar-chart{grid-template-columns:repeat(6,minmax(54px,1fr))}.line-chart__row,.branch-list__item{grid-template-columns:1fr}.search,.primary-action,.secondary-action,.icon-action{width:100%}.panel__actions,.pagination,.pagination__controls{flex-direction:column;align-items:stretch}.modal-shell{padding:16px}.modal-card{max-height:calc(100vh - 32px)}.modal-card__header{padding:18px;display:grid}.modal-card__body{padding:18px}.toolbar-field{width:100%;min-width:0}.public-report-sticky-action{border-radius:18px;padding:12px;bottom:0}.public-report-vehicle-card__headline{gap:6px}}