:root{--brand:#0a6e4d;--brand-dark:#08573d;--bg:#f4f6f5;--card:#fff;--text:#1a2420;--muted:#5f6f68;--border:#dde3e0;--danger:#b3261e;--warn:#a3660a;--ok:#1a7a3c;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header.app-bar{background:var(--brand);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}header.app-bar h1{margin:0;font-size:1.1rem;font-weight:600}header.app-bar button{color:#fff;border-radius:var(--radius);background:0 0;border:1px solid #fff9;padding:8px 14px;font-size:.9rem}main{max-width:640px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}label{color:var(--muted);margin:14px 0 6px;font-size:.9rem;font-weight:600;display:block}input,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;padding:14px;font-size:1rem}input:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}button.primary{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:20px;padding:16px;font-size:1.05rem;font-weight:600}button.primary:active{background:var(--brand-dark)}button.secondary{width:100%;color:var(--brand);border:2px solid var(--brand);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:12px;padding:14px;font-size:1rem}.status-banner{text-align:center;padding:10px 16px;font-size:.85rem;font-weight:600}.status-banner.offline{color:var(--danger);background:#fdecea}.status-banner.syncing{color:var(--warn);background:#fff4e0}.status-banner.synced{color:var(--ok);background:#e6f4ea}.trip-item{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;text-decoration:none;display:flex}.badge{border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge.pending{color:var(--warn);background:#fff4e0}.badge.synced{color:var(--ok);background:#e6f4ea}.badge.open{color:#0a5b8a;background:#e6f0f4}.error-text{color:var(--danger);margin-top:8px;font-size:.9rem;display:none}.muted{color:var(--muted);font-size:.9rem}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.photo-preview{border-radius:var(--radius);border:1px solid var(--border);width:100%;margin-top:10px;display:none}.notice{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px;font-size:.9rem}.notice.warn{color:var(--warn);background:#fff4e0;border:1px solid #f0d9a8}