:root{--bg-deep:#0f1923;--bg-card:#16222e;--bg-raised:#1e2f3e;--bg-input:#0a1520;--border:#2a3f52;--border-bright:#3a5470;--text-primary:#f0ebe3;--text-secondary:#8fa8be;--text-muted:#4a6478;--accent-orange:#e67e3a;--accent-blue:#3a9be6;--accent-yellow:#e6c23a;--accent-purple:#9b3ae6;--accent-green:#3ae67e;--accent-red:#e63a3a;--font-display:"Bebas Neue",cursive;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 4px 24px #0006;--shadow-card:0 2px 12px #0000004d}*{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{background:#0f1923;background:var(--bg-deep);color:#f0ebe3;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh;position:relative}.screen-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:80px}.nav-bar{background:#16222e;background:var(--bg-card);border-top:1px solid #2a3f52;border-top:1px solid var(--border);bottom:0;display:flex;height:68px;left:50%;max-width:480px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.nav-item{align-items:center;background:none;border:none;color:#4a6478;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:9px;font-weight:500;gap:4px;justify-content:center;letter-spacing:.3px;padding:0;text-transform:uppercase;transition:color .15s}.nav-item.active{color:#e67e3a;color:var(--accent-orange)}.nav-item svg{height:20px;width:20px}.nav-add-btn{background:none;border:none;cursor:pointer;flex:1 1;flex-direction:column;padding:0}.nav-add-btn,.nav-add-btn .add-circle{align-items:center;display:flex;justify-content:center}.nav-add-btn .add-circle{background:#e67e3a;background:var(--accent-orange);border-radius:50%;box-shadow:0 4px 16px #e67e3a80;height:44px;transition:transform .15s;width:44px}.nav-add-btn:active .add-circle{transform:scale(.93)}.nav-add-btn svg{color:#fff;height:22px;width:22px}.screen-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 0}.screen-title{color:#f0ebe3;color:var(--text-primary);font-family:Bebas Neue,cursive;font-family:var(--font-display);font-size:36px;letter-spacing:1px;line-height:1}.screen-subtitle{color:#8fa8be;color:var(--text-secondary);font-size:13px;margin-top:4px}.card{background:#16222e;background:var(--bg-card);border:1px solid #2a3f52;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);margin:12px 16px;padding:16px}.card--raised{background:#1e2f3e;background:var(--bg-raised)}.card--accent-left{border-left:3px solid #e67e3a;border-left:3px solid var(--accent-orange)}.stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:12px 16px}.stat-card{background:#16222e;background:var(--bg-card);border:1px solid #2a3f52;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);padding:14px}.stat-card__label{color:#4a6478;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.stat-card__value{color:#f0ebe3;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:22px;font-weight:500}.stat-card__sub{color:#8fa8be;color:var(--text-secondary);font-size:11px;margin-top:2px}.expense-item{align-items:center;border-bottom:1px solid #2a3f52;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .1s}.expense-item:last-child{border-bottom:none}.expense-item:active{background:#1e2f3e;background:var(--bg-raised)}.expense-icon{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.expense-info{flex:1 1;min-width:0}.expense-info__title{font-size:14px;font-weight:500}.expense-info__sub,.expense-info__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-info__sub{color:#8fa8be;color:var(--text-secondary);font-size:12px;margin-top:2px}.expense-amount{flex-shrink:0;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:16px;font-weight:500}.form-group{margin-bottom:16px}.form-label{color:#8fa8be;color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.form-input{-webkit-appearance:none;background:#0a1520;background:var(--bg-input);border:1px solid #2a3f52;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f0ebe3;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:16px;outline:none;padding:13px 14px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#e67e3a;border-color:var(--accent-orange)}.form-input::placeholder{color:#4a6478;color:var(--text-muted)}select.form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238fa8be' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.type-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.type-btn{align-items:center;background:#0a1520;background:var(--bg-input);border:1.5px solid #2a3f52;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#8fa8be;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:600;gap:6px;letter-spacing:.3px;padding:12px 8px;transition:border-color .15s,background .15s}.type-btn span:first-child{font-size:22px}.type-btn.active{background:#e67e3a1a;background:rgba(var(--accent-rgb,230,126,58),.1);border-color:#e67e3a;border-color:var(--accent-color,var(--accent-orange));color:#f0ebe3;color:var(--text-primary)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:15px;transition:transform .1s,opacity .1s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:#e67e3a;background:var(--accent-orange);color:#fff}.btn--secondary{background:#1e2f3e;background:var(--bg-raised);border:1px solid #2a3f52;border:1px solid var(--border);color:#f0ebe3;color:var(--text-primary)}.btn--danger{background:#e63a3a26;border:1px solid #e63a3a4d;color:#e63a3a;color:var(--accent-red)}.progress-bar{background:#1e2f3e;background:var(--bg-raised);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.section-label{color:#4a6478;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:16px 16px 8px;text-transform:uppercase}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 8px}.toast{animation:slideUp .2s ease;background:#1e2f3e;background:var(--bg-raised);border:1px solid #3a5470;border:1px solid var(--border-bright);border-radius:10px;border-radius:var(--radius-md);bottom:88px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);font-size:14px;font-weight:500;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:999}.toast--success{border-color:#3ae67e80;color:#3ae67e;color:var(--accent-green)}.toast--error{border-color:#e63a3a80;color:#e63a3a;color:var(--accent-red)}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.empty-state{color:#4a6478;color:var(--text-muted);padding:60px 24px;text-align:center}.empty-state__icon{font-size:48px;margin-bottom:16px}.empty-state__title{color:#8fa8be;color:var(--text-secondary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state__text{font-size:14px;line-height:1.6}.demo-banner{align-items:center;background:#e6c23a1f;border:1px solid #e6c23a4d;border-radius:10px;border-radius:var(--radius-md);color:#e6c23a;color:var(--accent-yellow);display:flex;font-size:12px;gap:8px;margin:12px 16px 0;padding:10px 14px}.scan-area{border:2px dashed #3a5470;border:2px dashed var(--border-bright);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;margin:16px;padding:40px 24px;text-align:center;transition:border-color .15s,background .15s}.scan-area.dragover,.scan-area:hover{background:#e67e3a0d;border-color:#e67e3a;border-color:var(--accent-orange)}.scan-area__icon{font-size:48px;margin-bottom:12px}.scan-area__title{font-size:16px;font-weight:600;margin-bottom:6px}.scan-area__sub{color:#8fa8be;color:var(--text-secondary);font-size:13px}.mileage-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.chart-wrap{align-items:center;display:flex;gap:20px;padding:4px 0}.legend-list{display:flex;flex:1 1;flex-direction:column;gap:8px}.legend-item{align-items:center;display:flex;font-size:13px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.legend-label{color:#8fa8be;color:var(--text-secondary);flex:1 1}.legend-value{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px}.spinner{animation:spin .7s linear infinite;border:2px solid #2a3f52;border-top-color:#e67e3a;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent-orange);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.login-screen{align-items:center;background:#0f1923;background:var(--bg-deep);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 24px}.login-logo{color:#e67e3a;color:var(--accent-orange);font-family:Bebas Neue,cursive;font-family:var(--font-display);font-size:52px;letter-spacing:3px;margin-bottom:6px}.login-tagline{color:#8fa8be;color:var(--text-secondary);font-size:13px;letter-spacing:1px;margin-bottom:48px;text-transform:uppercase}.login-form{max-width:360px;width:100%}.expense-item-wrap{overflow:hidden;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}
/*# sourceMappingURL=main.6870efcd.css.map*/