.login-page[data-v-a18805f3]{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.topbar[data-v-a18805f3]{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffe6;height:54px;padding:0 1.25rem}.topbar[data-v-a18805f3],.topbar__inner[data-v-a18805f3]{align-items:center;display:flex}.topbar__inner[data-v-a18805f3]{width:100%;max-width:1100px;margin:0 auto}.topbar__brand[data-v-a18805f3]{align-items:center;gap:.5rem;display:flex}.login-bolt[data-v-a18805f3]{filter:drop-shadow(0 0 5px #16a34a80);flex-shrink:0;width:18px;height:18px}.topbar__title[data-v-a18805f3]{letter-spacing:.02em;color:var(--text);font-size:1rem;font-weight:700}.login-main[data-v-a18805f3]{flex:1;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.login-card[data-v-a18805f3]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:400px;overflow:hidden}.login-card--shake[data-v-a18805f3]{animation:.45s cubic-bezier(.36,.07,.19,.97) both shake-a18805f3}@keyframes shake-a18805f3{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.login-card__header[data-v-a18805f3]{flex-direction:column;gap:.25rem;padding:1.5rem 1.5rem 0;display:flex}.login-card__title[data-v-a18805f3]{color:var(--text);font-size:1.1rem;font-weight:700}.login-card__sub[data-v-a18805f3]{color:var(--text-muted);font-size:.825rem}.login-card__body[data-v-a18805f3]{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.login-input-wrap[data-v-a18805f3]{position:relative}.login-input-wrap .form-input[data-v-a18805f3],.login-input-wrap[data-v-a18805f3] .form-input{padding-right:2.5rem}.form-input--error[data-v-a18805f3],.form-input--error[data-v-a18805f3]:focus{border-color:var(--danger)!important}.form-input--error[data-v-a18805f3]:focus{box-shadow:0 0 0 3px #c530301a}.login-eye[data-v-a18805f3]{cursor:pointer;color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:.6rem;translate:0 -50%}.login-eye[data-v-a18805f3]:hover{color:var(--text-muted);background:var(--bg-hover)}.login-eye svg[data-v-a18805f3]{pointer-events:none;width:17px;height:17px}.login-error[data-v-a18805f3]{color:var(--danger);margin-top:.2rem;font-size:.775rem}.err-enter-active[data-v-a18805f3]{transition:opacity .2s,transform .2s}.err-leave-active[data-v-a18805f3]{transition:opacity .15s}.err-enter-from[data-v-a18805f3]{opacity:0;transform:translateY(-4px)}.err-leave-to[data-v-a18805f3]{opacity:0}.login-submit[data-v-a18805f3]{justify-content:center;width:100%;min-height:42px;padding:10px 16px;font-size:.925rem}.login-spinner[data-v-a18805f3]{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-a18805f3;display:inline-block}@keyframes spin-a18805f3{to{transform:rotate(1turn)}}.topbar__right[data-v-9a1cc0b5]{align-items:center;gap:.35rem;display:flex}.lang-select[data-v-9a1cc0b5]{appearance:none;background:var(--bg-card) url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m1%201%204%204%204-4%22%2F%3E%3C%2Fsvg%3E) no-repeat right 7px center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;letter-spacing:.04em;min-width:72px;padding:4px 24px 4px 7px;font-size:.75rem;font-weight:600;line-height:1.4;transition:border-color .15s,color .15s,background-color .15s}.lang-select[data-v-9a1cc0b5]:hover{border-color:var(--accent);color:var(--text)}.lang-select[data-v-9a1cc0b5]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.topbar__nav--desktop[data-v-9a1cc0b5]{display:none}@media (width>=768px){.topbar__nav--desktop[data-v-9a1cc0b5]{display:flex}.bottom-nav[data-v-9a1cc0b5]{display:none!important}}.bottom-nav[data-v-9a1cc0b5]{z-index:100;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#ffffffeb;grid-template-columns:repeat(4,1fr);gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0f}.bottom-nav__item[data-v-9a1cc0b5]{appearance:none;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:52px;padding:.4rem .25rem .35rem;transition:color .15s,background .15s,transform .12s;display:flex}.bottom-nav__item[data-v-9a1cc0b5]:active{transform:scale(.96)}.bottom-nav__item--active[data-v-9a1cc0b5]{color:var(--accent);background:var(--accent-dim)}.bottom-nav__icon[data-v-9a1cc0b5]{flex-shrink:0;width:22px;height:22px}.bottom-nav__label[data-v-9a1cc0b5]{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:.62rem;font-weight:600;line-height:1.1;overflow:hidden}.charts-section[data-v-d1490a87]{flex-direction:column;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:0 .9rem 1rem;display:flex}@media (width>=640px){.charts-section[data-v-d1490a87]{gap:1.25rem;padding:0 2rem 1.75rem}}.stats-error[data-v-d1490a87]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;gap:.35rem;padding:2rem 1.5rem;font-size:.875rem;display:flex}.stats-error__hint[data-v-d1490a87]{color:var(--text-dim);font-size:.775rem}.stat-row[data-v-d1490a87]{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=420px){.stat-row[data-v-d1490a87]{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.875rem}}.stat-tile[data-v-d1490a87]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.15rem}@media (width>=640px){.stat-tile[data-v-d1490a87]{padding:1.25rem 1.5rem}}.stat-tile__label[data-v-d1490a87]{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.stat-tile__value[data-v-d1490a87]{color:var(--text);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:1.75rem;font-weight:600;line-height:1;display:flex}@media (width>=640px){.stat-tile__value[data-v-d1490a87]{font-size:2.2rem}}.stat-tile__unit[data-v-d1490a87]{color:var(--text-muted);font-size:1rem;font-weight:400}.stat-tile__sub[data-v-d1490a87]{color:var(--text-dim);margin-top:.35rem;font-size:.72rem}.chart-card[data-v-d1490a87]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem .9rem 1.1rem;overflow:hidden}@media (width>=640px){.chart-card[data-v-d1490a87]{padding:1.5rem}}.chart-card__header[data-v-d1490a87]{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:1rem;display:flex}@media (width>=560px){.chart-card__header[data-v-d1490a87]{flex-direction:row;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}}.chart-card__title[data-v-d1490a87]{color:var(--text);font-size:.875rem;font-weight:700}.chart-card__sub[data-v-d1490a87]{color:var(--text-muted);font-size:.75rem}.bar-chart-wrap[data-v-d1490a87]{align-items:stretch;gap:.5rem;display:flex}.y-axis[data-v-d1490a87]{text-align:right;flex-direction:column;justify-content:space-between;min-width:28px;padding-bottom:1.75rem;display:flex}@media (width>=640px){.y-axis[data-v-d1490a87]{min-width:36px}}.y-label[data-v-d1490a87]{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.65rem;line-height:1}.bar-chart-inner[data-v-d1490a87]{flex:1;position:relative}.grid-lines[data-v-d1490a87]{pointer-events:none;position:absolute;inset:0 0 1.75rem}.grid-line[data-v-d1490a87]{background:var(--border-soft);height:1px;position:absolute;left:0;right:0}.bars[data-v-d1490a87]{-webkit-overflow-scrolling:touch;align-items:flex-end;gap:2px;height:180px;padding-bottom:1.75rem;display:flex;position:relative;overflow-x:auto}@media (width>=640px){.bars[data-v-d1490a87]{gap:4px;height:240px;overflow-x:visible}}.bar-col[data-v-d1490a87]{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex;position:relative}.bar-tip[data-v-d1490a87]{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;font-size:.58rem;font-weight:600;transition:opacity .15s;position:absolute;bottom:calc(1.75rem + 100%)}.bar-col:focus-within .bar-tip[data-v-d1490a87],.bar-col:hover .bar-tip[data-v-d1490a87]{opacity:1}@media (hover:none){.bar-col--today .bar-tip[data-v-d1490a87]{opacity:.9}}.bar[data-v-d1490a87]{background:linear-gradient(to top,var(--accent-dark),var(--accent));border-radius:3px 3px 0 0;flex-shrink:0;width:100%;min-height:0;transition:height .7s cubic-bezier(.16,1,.3,1)}.bar-col--today .bar[data-v-d1490a87]{background:linear-gradient(to top,var(--accent),#4ade80);box-shadow:0 0 10px var(--accent-glow)}.bar-col--empty .bar[data-v-d1490a87]{background:var(--border);min-height:2px}.bar-day[data-v-d1490a87]{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;height:1.6rem;font-size:.58rem;display:flex;position:absolute;bottom:0}@media (width>=640px){.bar-day[data-v-d1490a87]{font-size:.65rem}}.bar-col--today .bar-day[data-v-d1490a87]{color:var(--accent);font-weight:700}.x-axis-hint[data-v-d1490a87]{text-align:right;color:var(--text-dim);margin-top:.5rem;font-size:.7rem}.hbar-chart[data-v-d1490a87]{flex-direction:column;gap:.875rem;display:flex}.hbar-row[data-v-d1490a87]{grid-template-columns:minmax(64px,28%) 1fr minmax(44px,auto);align-items:center;gap:.55rem;display:grid}@media (width>=560px){.hbar-row[data-v-d1490a87]{grid-template-columns:minmax(80px,180px) 1fr 64px;gap:.875rem}}.hbar-name[data-v-d1490a87]{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:500;overflow:hidden}.hbar-track[data-v-d1490a87]{background:var(--bg-card-2);border:1px solid var(--border-soft);border-radius:99px;height:10px;overflow:hidden}.hbar-fill[data-v-d1490a87]{background:linear-gradient(to right,var(--accent-dark),var(--accent));border-radius:99px;min-width:4px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.hbar-val[data-v-d1490a87]{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.775rem;font-weight:500}.export-btns[data-v-2f058eef]{align-items:center;gap:.4rem;display:flex}.btn--csv[data-v-2f058eef]{color:var(--text-muted);align-items:center;gap:.3rem;display:inline-flex}.btn--csv-open[data-v-2f058eef]{color:var(--accent);background:var(--accent-dim);border-color:#16a34a40}.csv-panel[data-v-2f058eef]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.csv-panel__grid[data-v-2f058eef]{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=520px){.csv-panel__grid[data-v-2f058eef]{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.25rem;display:flex}}.csv-field[data-v-2f058eef]{flex-direction:column;gap:.3rem;min-width:0;display:flex}@media (width>=520px){.csv-field[data-v-2f058eef]{min-width:130px}}.csv-field--vehicles[data-v-2f058eef]{min-width:0}@media (width>=520px){.csv-field--vehicles[data-v-2f058eef]{min-width:220px}}.csv-field__label[data-v-2f058eef]{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.68rem;font-weight:600}.csv-input[data-v-2f058eef]{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;min-height:42px;padding:.55rem .65rem;font-size:.9rem;transition:border-color .15s}.csv-input[data-v-2f058eef]:focus{border-color:var(--accent)}.csv-vehicles[data-v-2f058eef]{flex-wrap:wrap;gap:.35rem .75rem;display:flex}.csv-checkbox[data-v-2f058eef]{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.csv-checkbox--all[data-v-2f058eef]{font-weight:600}.csv-checkbox input[type=checkbox][data-v-2f058eef]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.csv-panel__footer[data-v-2f058eef]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.csv-panel__footer .btn[data-v-2f058eef]{min-height:40px}@media (width<=480px){.csv-panel__footer .btn[data-v-2f058eef]{width:100%}}.csv-panel-enter-active[data-v-2f058eef],.csv-panel-leave-active[data-v-2f058eef]{transition:opacity .18s,transform .18s}.csv-panel-enter-from[data-v-2f058eef],.csv-panel-leave-to[data-v-2f058eef]{opacity:0;transform:translateY(-4px)}.td-edit[data-v-2f058eef]{text-align:right;width:36px;padding-right:.75rem!important}.edit-btn[data-v-2f058eef]{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.edit-btn[data-v-2f058eef]:hover{background:var(--bg-hover);color:var(--text-muted)}.reports-section[data-v-d15acbe0]{width:100%;max-width:1100px;margin:0 auto;padding:1rem .9rem}@media (width>=640px){.reports-section[data-v-d15acbe0]{padding:1.75rem 2rem}}.report-card[data-v-d15acbe0],.reports-list[data-v-d15acbe0]{flex-direction:column;gap:.875rem;display:flex}.report-card[data-v-d15acbe0]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.125rem 1.25rem}.report-card__head[data-v-d15acbe0]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.report-card__name[data-v-d15acbe0]{color:var(--text);word-break:break-word;flex:140px;min-width:0;font-size:1rem;font-weight:700}.report-card__actions[data-v-d15acbe0]{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}@media (width<=480px){.report-card__actions[data-v-d15acbe0]{width:100%;margin-left:0}.report-card__actions .btn[data-v-d15acbe0]{flex:auto;min-height:36px}}.report-card__section[data-v-d15acbe0]{flex-direction:column;gap:.35rem;display:flex}.report-card__label[data-v-d15acbe0]{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.68rem;font-weight:600}.report-card__tags[data-v-d15acbe0]{flex-wrap:wrap;gap:.375rem;display:flex}.tag[data-v-d15acbe0]{border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-block}.tag--vehicle[data-v-d15acbe0]{background:var(--accent-dim);color:var(--accent);border:1px solid #16a34a33}.tag--empty[data-v-d15acbe0]{background:var(--bg-card-2);color:var(--text-dim);border:1px solid var(--border)}.report-card__deliveries[data-v-d15acbe0]{flex-direction:column;gap:.375rem;display:flex}.delivery-badge[data-v-d15acbe0]{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;width:fit-content;padding:4px 10px;display:inline-flex}.delivery-badge__type[data-v-d15acbe0]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:700}.delivery-badge__text[data-v-d15acbe0]{color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.modal--wide[data-v-f3429072]{max-width:580px!important}.vehicles-header[data-v-f3429072]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.select-all-btn[data-v-f3429072]{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:.35rem;padding:3px 10px 3px 6px;font-size:.775rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.select-all-btn[data-v-f3429072]:hover{border-color:var(--accent);color:var(--text)}.select-all-btn--active[data-v-f3429072]{background:var(--accent-dim);color:var(--accent);border-color:#16a34a59;font-weight:600}.select-all-btn__box[data-v-f3429072]{border:1.5px solid;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;display:inline-flex}.select-all-btn__tick[data-v-f3429072]{line-height:1}.vehicle-checks[data-v-f3429072]{flex-wrap:wrap;gap:.5rem;display:flex}.vehicle-check[data-v-f3429072]{border:1px solid var(--border);background:var(--bg-card-2);cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:.35rem;padding:5px 12px;font-size:.825rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.vehicle-check[data-v-f3429072]:hover{border-color:var(--accent);color:var(--text)}.vehicle-check--active[data-v-f3429072]{background:var(--accent-dim);color:var(--accent);border-color:#16a34a59;font-weight:600}.vehicle-check__tick[data-v-f3429072]{font-size:.7rem;font-weight:900}.deliveries-header[data-v-f3429072]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.delivery-item[data-v-f3429072],.delivery-list[data-v-f3429072]{flex-direction:column;gap:.75rem;display:flex}.delivery-item[data-v-f3429072]{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.875rem}.delivery-item__row[data-v-f3429072]{align-items:flex-end;gap:.75rem;display:flex}.delivery-item__type[data-v-f3429072]{flex:1;margin-bottom:0}.delivery-item__remove[data-v-f3429072]{cursor:pointer;color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-self:flex-end;padding:6px 8px;font-size:.875rem;line-height:1;transition:background .15s,color .15s}.delivery-item__remove[data-v-f3429072]:hover{background:var(--danger-dim);color:var(--danger)}.delivery-item__field[data-v-f3429072]{flex:1;margin-bottom:0}.delivery-item__field--grow[data-v-f3429072]{flex:2}.delivery-item__field--port[data-v-f3429072]{flex:0 0 100px}.session-info[data-v-eb16fd1d]{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.session-info__row[data-v-eb16fd1d]{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.session-info__label[data-v-eb16fd1d]{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.session-info__val[data-v-eb16fd1d]{color:var(--text);text-align:right;font-size:.875rem}.delete-confirm[data-v-eb16fd1d]{background:var(--danger-dim);border-radius:var(--radius-sm);border:1px solid #c5303033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .875rem;display:flex}.delete-confirm__text[data-v-eb16fd1d]{color:var(--danger);font-size:.825rem;font-weight:600}.delete-confirm__btns[data-v-eb16fd1d]{gap:.5rem;display:flex}.modal__footer[data-v-eb16fd1d]{justify-content:space-between;align-items:center;display:flex}.footer-delete[data-v-eb16fd1d]{flex-shrink:0}.footer-right[data-v-eb16fd1d]{gap:.75rem;margin-left:auto;display:flex}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f4f8;--bg-card:#fff;--bg-card-2:#f7fafc;--bg-hover:#f0f4f8;--border:#e2e8f0;--border-soft:#f0f4f8;--text:#1a202c;--text-muted:#718096;--text-dim:#a0aec0;--accent:#16a34a;--accent-dim:#16a34a1a;--accent-glow:#16a34a33;--accent-dark:#15803d;--danger:#c53030;--danger-dim:#fff5f5;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000f}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app,body{min-height:100vh}.app{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}@media (width>=768px){.app{padding-bottom:0}}.topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffe6;align-items:center;height:52px;padding:0 .85rem;display:flex;position:sticky;top:0}@media (width>=768px){.topbar{height:54px;padding:0 1.25rem}}.topbar__inner{justify-content:space-between;width:100%;max-width:1100px;margin:0 auto}.topbar__brand,.topbar__inner{align-items:center;gap:.5rem;display:flex}.topbar__brand{min-width:0}.topbar__bolt{filter:drop-shadow(0 0 5px #16a34a80);flex-shrink:0;width:18px;height:18px}.topbar__title{letter-spacing:.02em;color:var(--text);font-size:1rem;font-weight:700}.topbar__refresh{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);background:0 0;border:none;min-width:36px;min-height:36px;padding:6px;font-size:1.35rem;line-height:1;transition:transform .4s,color .2s}.topbar__refresh:hover{color:#4ade80;background:var(--accent-dim)}.topbar__refresh.spinning{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.topbar__nav{align-items:center;gap:.25rem;margin:0 auto 0 2rem}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.tab-btn:hover{color:var(--text);background:var(--bg-hover)}.tab-btn--active{color:var(--accent);background:var(--accent-dim);font-weight:600}.active-section,.history-section,.vehicles-section{width:100%;max-width:1100px;margin:0 auto;padding:1rem .9rem}@media (width>=640px){.active-section,.history-section,.vehicles-section{padding:1.75rem 2rem}}.state-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.state-card__icon{font-size:2.5rem}.state-card__text{color:var(--text);font-size:1.1rem;font-weight:500}.state-card__sub{color:var(--text-muted);font-size:.875rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}.charge-card{border-radius:var(--radius);box-shadow:0 4px 24px #16a34a1a,var(--shadow);background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 50%,#f0fdf4);border:1px solid #86efac;margin-bottom:1rem;padding:1.25rem;position:relative;overflow:hidden}.charge-card:before{content:none}@media (width>=640px){.charge-card{padding:1.75rem}}.charge-card__head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--accent-glow);transform:scale(1)}50%{opacity:.7;box-shadow:0 0 2px var(--accent-glow);transform:scale(.85)}}.charge-card__live-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.72rem;font-weight:700}.charge-card__sep{color:var(--text-dim)}.charge-card__cp{color:var(--text);font-size:.95rem;font-weight:600}.badge{background:var(--accent-dim);color:var(--accent);border:1px solid #22c55e33;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.charge-card__body{flex-direction:column;gap:1.25rem;display:flex}@media (width>=600px){.charge-card__body--with-vehicle{grid-template-columns:1fr auto;align-items:center;gap:1.5rem;display:grid}}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .65rem;display:grid}@media (width>=420px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=640px){.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 1rem}}@media (width>=900px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.metric{min-width:0}.metric__label{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);opacity:.8;margin-bottom:.3rem;font-size:.68rem}.metric__value{color:var(--text);font-variant-numeric:tabular-nums;word-break:break-word;font-size:1.35rem;font-weight:500;line-height:1.15}.metric__value--accent{color:var(--accent)}.metric__value--date{font-size:.875rem}.metric__unit,.metric__value--date{color:var(--text-muted);font-weight:400}.metric__unit{margin-left:2px;font-size:.75rem}@media (width>=640px){.metric__value{font-size:2rem}.metric__unit{font-size:.8rem}}.vehicle-hero{flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (width>=600px){.vehicle-hero{align-items:flex-end;min-width:160px;max-width:220px}}.vehicle-hero__img-wrap{aspect-ratio:16/9;justify-content:center;align-items:center;width:min(160px,42vw);display:flex}.vehicle-hero__img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 16px #00000080);border-radius:10px;width:100%;height:100%}.vehicle-hero__placeholder{font-size:4rem;line-height:1}.vehicle-hero__name{color:var(--text);align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:flex}.rfid-check{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.55rem;font-weight:900;display:inline-flex}.assign-block__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem}.vehicle-assign{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sel{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;padding:6px 10px;font-size:.875rem;transition:border-color .15s}.sel:focus{border-color:var(--accent)}.sel:disabled{opacity:.4;cursor:not-allowed}.soc-wrap{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.soc-track{background:#ffffff0f;border-radius:99px;flex:1;height:8px;overflow:hidden}.soc-fill{background:linear-gradient(90deg,var(--accent-dark),var(--accent),#4ade80);height:100%;box-shadow:0 0 8px var(--accent-glow);border-radius:99px;transition:width 1s}.soc-label{color:var(--accent);white-space:nowrap;text-align:right;min-width:38px;font-size:.78rem;font-weight:700}.charge-anim{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.charge-anim__track{background:#ffffff0d;border:1px solid #22c55e26;border-radius:99px;flex:1;height:6px;overflow:hidden}.charge-anim__fill{background:linear-gradient(90deg,transparent 0,var(--accent-dark) 20%,var(--accent) 50%,var(--accent-dark) 80%,transparent 100%);height:100%;box-shadow:0 0 6px var(--accent-glow);background-size:200% 100%;border-radius:99px;animation:2s linear infinite chargeFlow}@keyframes chargeFlow{0%{background-position:100% 0}to{background-position:-100% 0}}.charge-anim__label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);white-space:nowrap;font-size:.68rem;font-weight:700}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.78rem;font-weight:600}.loading-hint{color:var(--accent);padding:1rem 0;font-size:.875rem;animation:1.2s ease-in-out infinite fadePulse}@keyframes fadePulse{0%,to{opacity:1}50%{opacity:.4}}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:none;overflow:hidden}@media (width>=640px){.table-wrap{display:block}}.session-table{border-collapse:collapse;width:100%;font-size:.875rem}.session-table thead{background:var(--bg-card-2)}.session-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.68rem}.session-table td{border-bottom:1px solid var(--border-soft);color:var(--text);vertical-align:middle;padding:.75rem 1rem}.session-table tbody tr:last-child td{border-bottom:none}.session-table tbody tr{background:var(--bg-card);transition:background .12s}.session-table tbody tr:hover{background:var(--bg-hover)}.session-table tbody tr.row--active{background:#22c55e0d}.session-cards{flex-direction:column;gap:.75rem;display:flex}@media (width>=640px){.session-cards{display:none}}.scard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.scard--active{background:#22c55e0a;border-color:#22c55e4d}.scard__head{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;padding:.75rem 1rem}.scard__head,.scard__head-right{align-items:center;gap:.5rem;display:flex}.scard__rows{flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.scard__row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.scard__key{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.scard__val{color:var(--text);text-align:right;font-size:.875rem}.cell-vehicle{flex-direction:column;gap:1px;display:flex}.cell-vehicle__name{font-weight:600}.cell-vehicle__tag{color:var(--text-muted);font-size:.75rem}.mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.875em}.muted{color:var(--text-muted)}.energy{color:var(--accent)}.cp-name,.energy{font-weight:600}.connector-badge{background:var(--bg-card-2);color:var(--text-muted);border:1px solid var(--border);border-radius:99px;margin-left:6px;padding:1px 6px;font-size:.65rem;display:inline-block}.status{letter-spacing:.05em;border-radius:99px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.status--active{background:var(--accent-dim);color:var(--accent);border:1px solid #22c55e33}.status--done{background:var(--bg-card-2);color:var(--text-muted);border:1px solid var(--border)}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.pagination button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;padding:6px 16px;font-size:.875rem;transition:background .15s,color .15s,border-color .15s}.pagination button:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:#ffffff26}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination__info{color:var(--text-muted);font-size:.8rem}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);border:1px dashed var(--border);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.empty-state__icon{font-size:2.5rem}.empty-state__text{font-size:.95rem}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:.85rem;display:grid}@media (width>=640px){.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}.vehicle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.vehicle-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.vehicle-card__img-wrap{background:var(--bg-card-2);justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.vehicle-card__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vehicle-card__no-img{font-size:3rem}.vehicle-card__body{flex:1;padding:.875rem 1rem}.vehicle-card__name{color:var(--text);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.vehicle-card__rfid{font-size:.78rem}.vehicle-card__rfid--none{color:var(--text-dim)}.badge-rfid{background:var(--accent-dim);color:var(--accent);border:1px solid #22c55e33;border-radius:99px;padding:2px 8px;font-family:monospace;font-size:.7rem;font-weight:600;display:inline-block}.vehicle-card__actions{border-top:1px solid var(--border-soft);gap:.5rem;padding:.75rem 1rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.25rem;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,opacity .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{padding:5px 12px;font-size:.8rem}.btn--primary{background:var(--accent);color:#fff;font-weight:700}.btn--primary:hover:not(:disabled){background:#4ade80}.btn--ghost{background:var(--bg-card-2);color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:#ffffff26}.btn--danger{background:var(--danger-dim);color:var(--danger);border:1px solid #f8514933}.btn--danger:hover:not(:disabled){background:#f8514933}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:500;background:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-overlay{align-items:center;padding:1rem}}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:460px;max-height:min(92vh,100%);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}@media (width>=560px){.modal{border-radius:var(--radius);max-height:90vh;padding-bottom:0}}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__title{color:var(--text);font-size:1rem;font-weight:700}.modal__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1rem;transition:background .15s,color .15s}.modal__close:hover{color:var(--text);background:var(--bg-hover)}.modal__body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.required{color:var(--danger)}.form-input{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-hint{color:var(--text-muted);font-size:.75rem}.image-upload{flex-direction:column;gap:.75rem;display:flex}.image-preview{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-2);width:100%;max-height:180px}.image-placeholder{background:var(--bg-card-2);border:1px dashed var(--border);border-radius:var(--radius-sm);height:110px;color:var(--text-dim);justify-content:center;align-items:center;font-size:.875rem;display:flex}.image-upload__btns{gap:.5rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
