:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-hover: #fafbfc;--color-border: #e6e8ec;--color-text: #16181d;--color-text-secondary: #5c6370;--color-text-tertiary: #9aa1ad;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff4ff;--color-success: #16a34a;--color-success-soft: #ecfdf3;--color-warning: #d97706;--color-warning-soft: #fffaeb;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(16 24 40 / .05);--shadow-md: 0 4px 12px -2px rgb(16 24 40 / .08), 0 2px 4px -2px rgb(16 24 40 / .04);--shadow-lg: 0 12px 32px -8px rgb(16 24 40 / .14), 0 4px 8px -4px rgb(16 24 40 / .06);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg: #101216;--color-surface: #191c22;--color-surface-hover: #1f232b;--color-border: #2a2f3a;--color-text: #eef0f4;--color-text-secondary: #a3abb8;--color-text-tertiary: #6b7280;--color-primary-soft: #1a2540;--color-success-soft: #10261a;--color-warning-soft: #2b2110;--color-danger-soft: #2b1414;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px -2px rgb(0 0 0 / .5);--shadow-lg: 0 12px 32px -8px rgb(0 0 0 / .6)}}*{box-sizing:border-box;margin:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--color-text);background:var(--color-bg)}body{font-size:var(--text-base);line-height:1.5}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--text-base)}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.page{max-width:640px;margin-inline:auto;padding:var(--space-5) var(--space-4) calc(var(--space-8) + 72px);display:flex;flex-direction:column;gap:var(--space-5)}@media(min-width:768px){.page{max-width:960px;padding-inline:var(--space-6)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}@media(hover:hover){.card.interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.card.interactive{cursor:pointer}.card.interactive:active{transform:scale(.99)}.section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.page-title{font-size:var(--text-xl);font-weight:700}.muted{color:var(--color-text-secondary);font-size:var(--text-sm)}.meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-3)}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);min-height:88px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.quick-action__icon{font-size:1.75rem;line-height:1}@media(hover:hover){.quick-action:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.quick-action:active{transform:scale(.96);box-shadow:var(--shadow-sm)}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5)}.stat-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.stat-card__value{font-size:var(--text-2xl);font-weight:700}.stat-card--hero .stat-card__value{font-size:var(--text-3xl)}.stat-card__unit{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.stat-card__sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.vehicle-switcher{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-1);scrollbar-width:none;-webkit-overflow-scrolling:touch}.vehicle-switcher::-webkit-scrollbar{display:none}.vehicle-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.vehicle-pill.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.bottom-nav{position:fixed;inset-inline:0;bottom:0;display:flex;justify-content:space-around;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);z-index:50}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);min-width:60px;border:none;background:none;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer}.bottom-nav__item .bottom-nav__icon{font-size:1.375rem;line-height:1.2}.bottom-nav__item.is-active{color:var(--color-primary);font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:100;animation:fade-in var(--transition-base) both}.sheet{position:fixed;inset-inline:0;bottom:0;max-height:92dvh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);z-index:101;padding:var(--space-3) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));animation:slide-up var(--transition-base) both}@media(min-width:768px){.sheet{inset-inline:auto;left:50%;transform:translate(-50%);width:480px;bottom:auto;top:10vh;border-radius:var(--radius-xl);animation:fade-in var(--transition-base) both}}.sheet__handle{width:40px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:0 auto var(--space-4)}.sheet__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.field input,.field select,.field textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:none}.field__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:#fff}@media(hover:hover){.btn--primary:hover{background:var(--color-primary-hover)}}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}@media(hover:hover){.btn--secondary:hover{background:var(--color-surface-hover)}}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn--ghost{background:none;color:var(--color-text-secondary)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--block{width:100%}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.list-item__icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-primary-soft);font-size:1.125rem}.list-item__body{flex:1;min-width:0}.list-item__title{font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__amount{font-weight:700;white-space:nowrap}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.banner--warning{background:var(--color-warning-soft);color:var(--color-warning)}.banner--danger{background:var(--color-danger-soft);color:var(--color-danger)}.banner--success{background:var(--color-success-soft);color:var(--color-success)}.banner__body{flex:1;color:var(--color-text)}.banner__title{font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-text-secondary)}.empty__icon{font-size:2.5rem}.segment{display:inline-flex;padding:var(--space-1);gap:2px;border-radius:var(--radius-md);background:var(--color-border)}.segment__btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer}.segment__btn.is-active{background:var(--color-surface);color:var(--color-text);font-weight:600;box-shadow:var(--shadow-sm)}.trip-live{border:2px solid var(--color-primary);background:var(--color-primary-soft)}.trip-live .stat-card__value{color:var(--color-primary)}