:root{--bg: #F4F2EE;--surface: #FFFFFF;--surface2: #F9F8F6;--border: #E9E5DC;--border-mid: #D8D2C4;--ink: #18160F;--ink-2: #5A5449;--ink-3: #9E9787;--accent: #2D6A4F;--accent-2: #52B788;--accent-light: #E6F2EC;--warn: #BF7030;--warn-light: #FDF0E0;--danger: #B03020;--danger-light: #FDECEA;--pending: #3A5F8A;--pending-light: #EAF0F8;--r: 16px;--r-sm: 10px;--r-xs: 7px;--sh: 0 2px 8px rgba(24,22,15,.07), 0 0 0 1px rgba(24,22,15,.04);--sh-card: 0 4px 20px rgba(24,22,15,.08);--ds-radius: 14px;--ds-radius-sm: 8px;--ds-shadow: 0 1px 3px rgba(26,24,20,.06), 0 4px 16px rgba(26,24,20,.04);--ds-shadow-lg: 0 8px 32px rgba(26,24,20,.1);--border-strong: #D4CEBF;--accent-mid: #52B788}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{font-family:Instrument Sans,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;min-height:100%;overflow-x:hidden}#root{min-height:100%}.app-shell{width:100%;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}.screen-content{overflow-x:hidden;padding-bottom:96px}.page-top{padding:20px 24px 16px}.greeting{font-size:12px;color:var(--ink-3);font-weight:500;margin-bottom:2px;letter-spacing:.02em}.page-heading{font-family:Fraunces,serif;font-size:26px;letter-spacing:-.5px;color:var(--ink);line-height:1.15}.section-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:4px 24px 10px}.pay-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;display:inline-block;margin-top:3px;letter-spacing:.02em}.pb-late{background:var(--danger-light);color:var(--danger)}.pb-pending{background:var(--pending-light);color:var(--pending)}.pb-confirmed{background:var(--accent-light);color:var(--accent)}.pb-paid{background:#eeeeed;color:var(--ink-3)}input::placeholder,textarea::placeholder{color:var(--ink-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}