@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--accent:#d7ff4c;--accent-hover:#bdd900;--accent-light:#d7ff4c1f;--accent-text:#4a5a0f;--success:#3fae6a;--success-light:#3fae6a1f;--danger:#c24b2e;--danger-light:#c24b2e1f;--primary:#d7ff4c;--primary-hover:#bdd900;--primary-light:#d7ff4c1f;--background:#f2eee3;--surface:#fff;--surface-2:#f8f5ee;--foreground:#171511;--muted:#8c8776;--border:#e7e2d3;--border-inner:#efebdd;--input-bg:#fff;--radius-sm:.5rem;--radius:1rem;--radius-lg:1.5rem;--radius-pill:100px;--shadow-sm:0 1px 3px #1715110f;--shadow:0 4px 16px #17151114, 0 1px 4px #1715110a;--shadow-lg:0 12px 40px #1715111f, 0 4px 12px #1715110f;--shadow-accent:0 8px 20px #d7ff4c40;--gradient-hero:linear-gradient(135deg, #201d16 0%, #3a2a1f 60%, #d7ff4c 130%);--gradient-card:linear-gradient(145deg, #fff 0%, #faf9f6 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:0 1rem}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn{border-radius:var(--radius-pill);letter-spacing:-.01em;justify-content:center;align-items:center;gap:.4rem;width:100%;height:56px;padding:0 1.5rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:#171511;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 28px #d7ff4c59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;box-shadow:none;transform:none}.btn-secondary{color:var(--foreground);border:1.5px solid var(--border);box-shadow:none;background:0 0}.btn-secondary:hover{border-color:var(--accent-text);color:var(--accent-text);transform:translateY(-1px)}.card{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:1rem;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--foreground);letter-spacing:.02em;margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--border);background-color:var(--input-bg);width:100%;height:52px;color:var(--foreground);border-radius:16px;padding:0 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--accent-text);outline:none;box-shadow:0 0 0 3px #d7ff4c33}select.form-control{padding-left:1rem}.badge{border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-purple,.badge-amber{color:var(--accent-text);background:#d7ff4c1f}.badge-green{background:var(--success-light);color:var(--success)}.tab-bar{padding:10px 8px env(safe-area-inset-bottom,16px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;background:#f2eee3f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;text-decoration:none;display:flex}.tab-item>span{color:var(--muted);font-size:10.5px;font-weight:600}.tab-item.active>span{color:#4a5a0f}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:1rem}.stat-value{color:var(--foreground);letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.entry-card{border:1px solid var(--border);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.entry-card:hover{border-color:#4a5a0f4d}.entry-date{color:var(--foreground);font-size:.9rem;font-weight:700}.entry-km{color:var(--muted);margin-top:.15rem;font-size:.78rem}.entry-km strong{color:var(--foreground);font-weight:600}.entry-actions{flex-shrink:0;gap:.4rem;display:flex}.btn-icon{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;text-decoration:none;transition:all .15s;display:inline-flex}.btn-icon:hover{transform:scale(1.1)}.btn-icon-edit:hover{background:var(--accent-light);border-color:var(--accent-text)}.btn-icon-delete:hover{background:var(--danger-light);border-color:var(--danger)}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.section-count{color:var(--muted);font-size:.8rem;font-weight:500}.settings-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:12.5px;font-weight:700}.settings-card{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:1.25rem;overflow:hidden}.settings-row{border-bottom:1px solid var(--border-inner);justify-content:space-between;align-items:center;gap:1rem;padding:14px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--foreground);flex-shrink:0;font-size:14.5px;font-weight:600}.settings-row-value{color:var(--muted);text-align:right;font-size:14px}.settings-row .form-control{text-align:right;border-radius:10px;max-width:180px;height:36px;font-size:.88rem}.alert-migration{border-radius:var(--radius);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.alert-sync{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);margin-bottom:.75rem;padding:1rem;font-size:.875rem;font-weight:500}.empty-state{text-align:center;color:var(--muted);padding:3rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-title{color:var(--foreground);opacity:.6;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.empty-state-text{opacity:.5;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s cubic-bezier(.4,0,.2,1) both fadeInUp}@media print{body{color:#000;background-color:#fff}.no-print{display:none!important}.print-only{display:block!important}@page{size:auto;margin:0}}.print-only{display:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--surface-2) 50%, var(--border) 75%);background-size:800px 100%;animation:1.4s linear infinite shimmer}