:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--color-primary: #0f3a5c;--color-accent: #ffb300;--color-error: #b3261e;--color-success: #1e7e34;--color-text: #1a1a1a;--color-muted: #6b7280;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto}.app__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-primary);color:#fff}.app__header h1{font-size:1.1rem;margin:0}.pending-badge{background:var(--color-accent);color:var(--color-primary);font-weight:600;font-size:.8rem;padding:.25rem .6rem;border-radius:999px}.app__main{flex:1;padding:1rem}.fuel-report__form{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface);padding:1rem;border-radius:12px}.fuel-report__form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--color-muted)}.fuel-report__form input,.fuel-report__form select{padding:.6rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px}.fuel-report__timestamp{font-size:.85rem;color:var(--color-muted);margin:0}.fuel-report__error{color:var(--color-error);font-size:.9rem;margin:0}.fuel-report__confirmation{color:var(--color-success);font-size:.9rem;margin:0}.fuel-report__form button{padding:.75rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px}.fuel-report__form button:disabled{opacity:.6}.recent-submissions{margin-top:1.5rem}.recent-submissions h2{font-size:.95rem;color:var(--color-muted)}.recent-submissions ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.recent-submissions__item{display:flex;flex-direction:column;background:var(--color-surface);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;border-left:4px solid var(--color-muted)}.recent-submissions__item--pending,.recent-submissions__item--syncing{border-left-color:var(--color-accent)}.recent-submissions__item--failed{border-left-color:var(--color-error)}.recent-submissions__error{color:var(--color-error)}.home__intro{color:var(--color-muted);font-size:.9rem;margin:0 0 1rem}.home__grid{display:flex;flex-direction:column;gap:.75rem}.feature-card{display:flex;align-items:center;gap:.9rem;background:var(--color-surface);border-radius:12px;padding:1rem;text-decoration:none;color:var(--color-text);box-shadow:0 1px 2px #0000000f;transition:transform .1s ease,box-shadow .1s ease}.feature-card:active{transform:scale(.98)}a.feature-card:hover{box-shadow:0 2px 6px #0000001a}.feature-card__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1.1rem}.feature-card__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.feature-card__label{font-weight:600;font-size:.95rem}.feature-card__description{color:var(--color-muted);font-size:.8rem}.feature-card__badge{margin-left:auto;flex-shrink:0;background:var(--color-bg);color:var(--color-muted);font-size:.7rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.feature-card--disabled{cursor:not-allowed;box-shadow:none}.feature-card--disabled .feature-card__icon{background:var(--color-bg);color:var(--color-muted)}.feature-card--disabled .feature-card__label{color:var(--color-muted)}.feature-page__back{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-muted);text-decoration:none;font-size:.9rem;margin-bottom:.75rem}.feature-page__title{font-size:1.1rem;margin:0 0 1rem}.install-prompt{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:var(--color-accent);color:var(--color-primary);font-size:.85rem}.install-prompt__icon{flex-shrink:0}.install-prompt__text{flex:1}.install-prompt__action{flex-shrink:0;background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.install-prompt__dismiss{flex-shrink:0;background:none;border:none;color:var(--color-primary);font-size:.9rem;padding:.2rem;line-height:1}