:root{--gold:#c9974a;--deep:#2c1f0e;--warm:#6b4c2a;--cream:#faf6ef;--cream2:#f3ede1;--page-bg:var(--cream);--card-bg:#fff;--table-header-bg:var(--cream2);--heading:var(--deep);--border:#d9c9a8;--disabled-bg:#d9c9a8;--text:#2c1f0e;--muted:#8b7355;--green:#3d6b4a;--red:#8b3a2a;--blue:#2f5c99;--yellow:#b8930c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 1px 2px #2c1f0e0f, 0 4px 16px #2c1f0e14;--shadow-elevated:0 2px 8px #2c1f0e1a, 0 12px 32px #2c1f0e2e;--tap-min:44px;--app-header-height:76px}@media (prefers-color-scheme:dark){:root{--page-bg:#1b1915;--card-bg:#201d18;--heading:#edcb8e;--border:#a7997c;--disabled-bg:#423d2c;--text:#f2ecdd;--muted:#c8b79a;--green:#7bbe8e;--red:#e08a72;--blue:#7ea8e0;--yellow:#edd152;--table-header-bg:#2a2620;--shadow-card:0 1px 2px #0000004d, 0 4px 20px #0006;--shadow-elevated:0 2px 10px #0006, 0 16px 40px #00000080}}:root[data-theme=dark]{--page-bg:#1b1915;--card-bg:#201d18;--heading:#edcb8e;--border:#a7997c;--disabled-bg:#423d2c;--text:#f2ecdd;--muted:#c8b79a;--green:#7bbe8e;--red:#e08a72;--blue:#7ea8e0;--yellow:#edd152;--table-header-bg:#2a2620;--shadow-card:0 1px 2px #0000004d, 0 4px 20px #0006;--shadow-elevated:0 2px 10px #0006, 0 16px 40px #00000080}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Jost,Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial}}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=date]{min-width:0}input[type=checkbox],input[type=radio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--deep)}@media (prefers-color-scheme:dark){input[type=checkbox],input[type=radio]{--lightningcss-light: ;--lightningcss-dark:initial}}.phone-frame{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (min-width:640px){body{background:#2a2a2a}.phone-frame{background:var(--page-bg);max-width:430px;margin:0 auto;box-shadow:0 0 0 1px #00000014,0 20px 60px #00000059}}