:root{--ground:#f6f4ee;--surface:#fff;--surface-sunken:#eef0ea;--ink:#16241d;--ink-dim:#55645b;--border:#dcdfd6;--brand:#1b3a2e;--brand-dim:#2a4c3c;--accent:#c97a2c;--accent-soft:#e8b274;--sage:#5c8571;--success:#2f7a4d;--warning:#b8791a;--danger:#b3402f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-body:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#101a15;--surface:#17241d;--surface-sunken:#0d1611;--ink:#eef0ea;--ink-dim:#a7b3ab;--border:#2a3830;--brand:#2a4c3c;--brand-dim:#1b3a2e;--accent:#e8b274;--accent-soft:#c97a2c;--sage:#7fa88f}}:root[data-theme=dark]{--ground:#101a15;--surface:#17241d;--surface-sunken:#0d1611;--ink:#eef0ea;--ink-dim:#a7b3ab;--border:#2a3830;--brand:#2a4c3c;--brand-dim:#1b3a2e;--accent:#e8b274;--accent-soft:#c97a2c;--sage:#7fa88f}:root[data-theme=light]{--ground:#f6f4ee;--surface:#fff;--surface-sunken:#eef0ea;--ink:#16241d;--ink-dim:#55645b;--border:#dcdfd6;--brand:#1b3a2e;--brand-dim:#2a4c3c;--accent:#c97a2c;--accent-soft:#e8b274;--sage:#5c8571}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{flex-direction:column;min-height:100svh;display:flex}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{background:var(--ground);flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--brand);color:#f3efe6;z-index:10;display:flex;position:sticky;top:0}.app-header-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.app-header-actions{align-items:center;gap:var(--space-2);display:flex}.status-pill{align-items:center;gap:var(--space-1);letter-spacing:.03em;text-transform:uppercase;background:#f3efe61f;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-pill--online .status-dot{background:#7fd99a}.status-pill--offline .status-dot{background:var(--accent-soft)}.language-select{color:#f3efe6;border-radius:var(--radius-sm);background:#f3efe61f;border:1px solid #f3efe640;padding:4px 6px;font-size:.8rem;font-weight:600}.logout-button{color:#f3efe6;border-radius:var(--radius-sm);cursor:pointer;background:#f3efe61f;border:1px solid #f3efe640;padding:4px 8px;font-size:.72rem;font-weight:600}.app-main{padding:var(--space-4);padding-bottom:calc(var(--space-6) + 64px);flex:1;overflow-y:auto}.app-nav{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:sticky;bottom:0}.app-nav-item{padding:var(--space-2) 0 calc(var(--space-2) + 2px);color:var(--ink-dim);border-top:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.app-nav-item.active{color:var(--brand);border-top-color:var(--accent)}.app-nav-icon{font-size:1.25rem;line-height:1}.visit-form{gap:var(--space-4);flex-direction:column;display:flex}.visit-form-title{margin:0 0 var(--space-2);color:var(--brand);font-size:1.3rem}.visit-form-officer{color:var(--ink-dim);margin:calc(-1 * var(--space-2)) 0 0;font-size:.82rem}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--ink-dim);font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{padding:var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field textarea{resize:vertical}.field--checkbox{align-items:flex-start;gap:var(--space-2);color:var(--ink);flex-direction:row;font-size:.88rem}.field--checkbox input{margin-top:3px}.diagnosis-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.82rem;line-height:1.4}.diagnosis-note--ready{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.diagnosis-note--pending{background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning)}.save-button{margin-top:var(--space-2);padding:var(--space-4);background:var(--brand);color:#f3efe6;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:700}.save-button:disabled{opacity:.7}.history-title{margin:0 0 var(--space-4);color:var(--brand);font-size:1.3rem}.history-empty{color:var(--ink-dim);text-align:center;padding:var(--space-6) 0;font-size:.9rem}.history-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.history-item-main{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.history-item-farmer{font-weight:700}.sync-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.sync-badge--unsynced{background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning)}.sync-badge--syncing{background:color-mix(in srgb, var(--sage) 20%, transparent);color:var(--sage)}.sync-badge--synced{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.sync-badge--error{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.history-item-meta{gap:var(--space-1);color:var(--ink-dim);margin-top:2px;font-size:.78rem;display:flex}.history-item-notes{margin:var(--space-2) 0 0;color:var(--ink);font-size:.85rem;line-height:1.4}.login-screen{justify-content:center;gap:var(--space-5);min-height:100svh;padding:var(--space-5);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.login-title{color:var(--brand);text-align:center;margin:0;font-size:1.8rem}.login-subtitle{color:var(--ink-dim);text-align:center;margin:0}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-error{color:var(--danger);margin:0;font-size:.85rem}.login-switch{color:var(--sage);cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:.85rem;font-weight:600}