:root{--color-bg:#f2f3ef;--color-surface:#fff;--color-surface-muted:#f7f8f5;--color-surface-hover:#eef0eb;--color-text:#16201c;--color-text-secondary:#4a534e;--color-text-tertiary:#59625d;--color-text-nav:#3e4742;--color-border:#e2e4de;--color-border-strong:#d5d9d2;--color-surface-sunken:#f5f6f3;--color-border-input:#cdd1ca;--color-text-muted:#7a827d;--color-accent:#0b6b4e;--color-accent-soft:#eaf3ee;--color-accent-hover:#074a36;--color-on-accent:#fff;--status-overdue-bg:#fbe3d8;--status-overdue-fg:#8f2f0e;--status-due-soon-bg:#fcefcf;--status-due-soon-fg:#6e4300;--status-upcoming-bg:#e3eaf5;--status-upcoming-fg:#1c3763;--status-paid-bg:#ddeee5;--status-paid-fg:#0a5139;--status-neutral-bg:#eef0eb;--status-neutral-fg:#3e4742;--field-fill-border:#d89a2b;--field-fill-bg:#fffbf0;--color-danger:#8f2f0e;--color-danger-bg:#fbe3d8;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--touch-target:44px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.placeholder{flex-direction:column;gap:8px;max-width:640px;margin:0 auto;padding:48px 16px;display:flex}.placeholder h1{letter-spacing:-.02em;margin:0;font-size:28px}.placeholder p{color:var(--color-text-secondary);margin:0}.api-status{font-family:var(--font-mono);font-size:13px}