*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #2C4C7A;--green-light: #EBF2FA;--green-mid: #2C4C7A;--green-dark: #1A2F52;--purple: #534AB7;--purple-light: #EEEDFE;--gray-50: #F9F9F8;--gray-100: #F1EFE8;--gray-200: #D3D1C7;--gray-500: #888780;--gray-800: #2C2C2A;--border: rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.overlay-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end}.sheet{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px 16px calc(16px + var(--safe-bottom));width:100%;max-height:90vh;overflow-y:auto}.sheet-handle{width:36px;height:4px;background:var(--gray-200);border-radius:2px;margin:0 auto 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--gray-500);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;background:#fff;color:var(--gray-800);-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green)}.field textarea{resize:none;height:72px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary{width:100%;padding:13px;background:var(--green);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:500;margin-top:8px}.btn-primary:active{opacity:.85}.pill{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px}.pill-draft{background:var(--gray-100);color:var(--gray-500)}.pill-submitted{background:#faeeda;color:#633806}.pill-authorised{background:var(--green-light);color:var(--green-dark)}.pill-paid{background:#eaf3de;color:#27500a}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));background:#fff;border-top:1px solid var(--border);display:flex;z-index:50}.tab-bar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;font-size:11px;color:var(--gray-500);padding-bottom:var(--safe-bottom)}.tab-bar-btn.active{color:var(--green)}.tab-bar-btn svg{width:22px;height:22px}.page{display:flex;flex-direction:column;height:100%;padding-bottom:calc(56px + var(--safe-bottom));overflow:hidden}.page-header{padding:52px 16px 12px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.page-header h1{font-size:24px;font-weight:600}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;min-width:0}.add-btn{width:34px;height:34px;border-radius:50%;background:var(--green);border:none;display:flex;align-items:center;justify-content:center}.add-btn svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}