:root{color:#3a210f;font-synthesis:none;text-rendering:optimizelegibility;--pp-background:#f8f4ec;--pp-card:#fcf9f3;--pp-brown:#3a210f;--pp-brown-medium:#8a5429;--pp-tan:#9b622f;--pp-green:#267248;--pp-green-light:#e8f0e3;--pp-muted:#777168;--pp-border:#e2d9cd;background:#f8f4ec;font-family:DM Sans,Aptos,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{background:var(--pp-background);color:var(--pp-brown)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}input,select{color:var(--pp-brown)}input::placeholder{color:var(--pp-muted)}.back-button{color:#155b40;cursor:pointer;background:0 0;border:none;margin-bottom:40px;padding:0;font-size:16px}.record-spending h1{margin-top:5px;margin-bottom:40px;font-size:34px}.eyebrow{color:#169b5b;margin-bottom:0;font-weight:700}.record-spending label{margin-bottom:10px;font-weight:700;display:block}.amount-input{background:#fff;border-radius:18px;align-items:center;margin-bottom:30px;padding:18px;font-size:30px;display:flex}.amount-input input{background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:30px}.record-spending select{background:#fff;border:none;border-radius:16px;width:100%;margin-bottom:30px;padding:17px;font-size:16px}.recent-spending{background:#fff;border-radius:18px;margin-bottom:25px;padding:20px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.recent-header p{margin:0;font-weight:700}.recent-header span{color:#667085;font-size:13px}.transaction{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.transaction p{color:#667085;margin:4px 0 0;font-size:13px}.my-plan h1{margin-top:5px;margin-bottom:35px;font-size:34px}.my-plan label{margin-bottom:10px;font-weight:700;display:block}.plan-input{background:#fff;border-radius:16px;align-items:center;margin-bottom:25px;padding:16px;font-size:22px;display:flex}.plan-input input{background:0 0;border:none;outline:none;width:100%;margin-left:6px;font-size:20px}.date-input{background:#fff;border:none;border-radius:16px;width:100%;margin-bottom:35px;padding:16px;font-size:16px}.expenses-heading{justify-content:space-between;align-items:center;display:flex}.expenses-heading h2{font-size:20px}.expense-list{background:#fff;border-radius:18px;margin-bottom:25px;padding:0 18px}.expense-row{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.expense-row:last-child{border-bottom:none}.expense-row p{color:#667085;margin:4px 0 0}.expense-row button{color:#667085;cursor:pointer;background:0 0;border:none}.add-expense{margin-bottom:30px}.add-expense>input{background:#fff;border:none;border-radius:16px;width:100%;margin-bottom:12px;padding:16px;font-size:16px}.my-plan input{color:#14213d}.my-plan input[type=date]{color:#14213d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.add-expense .plan-button,.my-plan>.spend-button{width:100%}.expense-type{gap:8px;margin-bottom:16px;display:flex}.expense-type button{color:#667085;cursor:pointer;background:#fff;border:1px solid #d9e3de;border-radius:12px;flex:1;padding:12px}.expense-type button.active{color:#086c43;background:#e2f6eb;border-color:#169b5b;font-weight:700}.onboarding{min-height:100vh}.welcome-screen{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 64px);display:flex}.welcome-logo{color:#086c43;background:#e2f6eb;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;font-weight:700;display:flex}.welcome-screen h1{margin:10px 0 18px;font-size:42px;line-height:1.05}.welcome-text{color:#667085;margin:0;font-size:18px;line-height:1.5}.setup-screen{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 64px);display:flex}.setup-screen h1{margin:10px 0 14px;font-size:36px;line-height:1.1}.setup-help{color:#667085;margin-bottom:35px;font-size:16px;line-height:1.5}.setup-amount{background:#fff;border-radius:18px;align-items:center;padding:20px;font-size:32px;display:flex}.setup-amount input{color:#14213d;background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:32px}.spend-button:disabled{opacity:.4;cursor:not-allowed}.setup-date{color:#14213d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;border-radius:18px;width:100%;padding:20px;font-size:20px}.setup-expenses-screen{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 64px);display:flex}.setup-expenses-screen h1{margin:10px 0 14px;font-size:34px;line-height:1.1}.setup-expense-list{background:#fff;border-radius:18px;margin-top:24px;margin-bottom:24px;padding:0 18px}.setup-expense-row{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setup-expense-row:last-child{border-bottom:none}.setup-expense-row p{color:#667085;margin:4px 0 0;font-size:13px}.setup-expense-amount{text-align:right}.setup-expense-amount button{color:#667085;cursor:pointer;background:0 0;border:none;margin:5px 0 0 auto;display:block}.setup-add-expense>input{color:#14213d;background:#fff;border:none;border-radius:16px;width:100%;margin-bottom:12px;padding:16px}.setup-expense-input{background:#fff;border-radius:16px;align-items:center;margin-bottom:12px;padding:16px;display:flex}.setup-expense-input input{color:#14213d;background:0 0;border:none;outline:none;width:100%;margin-left:6px}.setup-finish{margin-top:30px}.setup-total{justify-content:space-between;margin-bottom:16px;font-size:18px;display:flex}.setup-total span{color:#667085}.reset-button{color:#98a2b3;cursor:pointer;background:0 0;border:none;width:100%;margin-top:10px;padding:14px}.expense-actions{align-items:center;gap:10px;display:flex}.mark-paid,.bill-paid{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.mark-paid{color:#086c43;background:#e2f6eb}.bill-paid{color:#667085;background:#f2f4f3}.remove-expense{color:#667085;cursor:pointer;background:0 0;border:none}.cover-heading{justify-content:space-between;align-items:center;display:flex}.cover-heading p{margin:0}.cover-heading strong{font-size:20px}.cover-details p{color:#667085;margin:6px 0;font-size:14px}.cover-details .paid-summary{color:#169b5b}.history-button{color:#667085;cursor:pointer;background:0 0;border:none;width:100%;padding:15px;font-size:16px}.history-screen h1{margin:5px 0 30px;font-size:34px}.history-list{background:#fff;border-radius:18px;padding:0 18px}.history-row{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.history-amount{white-space:nowrap}.empty-history{text-align:center;background:#fff;border-radius:18px;padding:30px 20px}.empty-history h2{margin:0 0 8px;font-size:20px}.empty-history p{color:#667085;margin:0}.history-actions{text-align:right}.history-actions button{color:#667085;cursor:pointer;background:0 0;border:none;margin:6px 0 0 auto;font-size:13px;display:block}.history-action-buttons button{margin:6px 0 0}.pocketplan-header{align-items:center;gap:14px;margin-bottom:28px;padding:0;display:flex}.pocketplan-logo{border-radius:16px;flex-shrink:0;width:58px;height:58px}.pocketplan-brand h1{color:var(--pp-brown);letter-spacing:-.7px;margin:0;font-size:27px;font-weight:700}.pocketplan-brand p{color:var(--pp-brown-medium);letter-spacing:1.5px;margin:5px 0 0;font-size:10px;font-weight:700}.app{width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:20px 20px 100px}@media (width<=380px){.app{padding:16px 16px 100px}}.safe-spend{background:var(--pp-green);color:#fff;border-radius:24px;margin:18px 0;padding:24px;box-shadow:0 8px 24px #3a210f14}.safe-spend>p:first-child{letter-spacing:1.4px;text-transform:uppercase;opacity:.9;margin:0 0 8px;font-size:12px;font-weight:700}.safe-spend h2{letter-spacing:-2px;color:#fff;margin:0;font-size:52px;font-weight:700;line-height:1}.safe-spend>p:last-child{color:#fff;opacity:.9;margin:12px 0 0;font-size:16px;font-weight:500}.payday{background:var(--pp-green-light);border-radius:18px;margin:0 0 16px;padding:16px 18px}.payday>p:first-child{color:var(--pp-green);letter-spacing:1px;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}.payday h2{color:var(--pp-brown);margin:0;font-size:24px;font-weight:700;line-height:1.2}.payday>p:last-child{color:var(--pp-muted);margin:4px 0 0;font-size:14px}.reserved{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:20px;margin:0 0 16px;padding:18px}.cover-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.cover-heading p{color:var(--pp-brown);margin:0;font-size:16px;font-weight:700}.cover-heading strong{color:var(--pp-brown);font-size:22px;font-weight:700}.cover-details{border-top:1px solid var(--pp-border);margin-top:12px;padding-top:12px}.cover-details p{color:var(--pp-muted);margin:5px 0;font-size:14px;line-height:1.4}.cover-details .paid-summary{color:var(--pp-green);font-weight:600}.spend-button{background:var(--pp-brown-medium);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:13px 20px;font-size:16px;font-weight:700;transition:transform .15s,opacity .15s;box-shadow:0 6px 16px #3a210f1f}.spend-button:active{transform:scale(.98)}.spend-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bottom-nav{width:100%;max-width:520px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--pp-background);border-top:1px solid var(--pp-border);z-index:100;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav .nav-item{appearance:none;min-width:0;box-shadow:none;color:var(--pp-muted);cursor:pointer;background:0 0;border:none;border-radius:0;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:11px;font-weight:500;line-height:1.2;display:flex}.bottom-nav .nav-icon{justify-content:center;align-items:center;height:20px;font-size:19px;font-weight:400;line-height:1;display:flex}.bottom-nav .nav-item.active{color:var(--pp-green);background:0 0;font-weight:700}.screen-heading{margin-bottom:30px}.screen-heading .eyebrow{color:var(--pp-green);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.screen-heading h1{color:var(--pp-brown);letter-spacing:-.8px;margin:0;font-size:32px;line-height:1.1}.screen-description{color:var(--pp-muted);margin:8px 0 0;font-size:15px;line-height:1.4}.record-spending label{color:var(--pp-brown);margin-bottom:9px;font-size:14px;font-weight:700;display:block}.amount-input{background:var(--pp-card);border:1px solid var(--pp-border);color:var(--pp-brown);border-radius:18px;align-items:center;margin-bottom:26px;padding:18px 20px;font-size:32px;font-weight:700;display:flex}.amount-input:focus-within{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.amount-input input{width:100%;min-width:0;color:var(--pp-brown);background:0 0;border:none;outline:none;margin-left:8px;padding:0;font-size:32px;font-weight:700}.amount-input input::placeholder{color:#b7afa4}.record-spending select{border:1px solid var(--pp-border);background:var(--pp-card);width:100%;color:var(--pp-brown);cursor:pointer;border-radius:14px;outline:none;margin-bottom:26px;padding:15px 16px;font-size:15px}.record-spending select:focus{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.back-button{color:var(--pp-brown-medium);cursor:pointer;background:0 0;border:none;align-items:center;margin:0 0 24px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.back-button:active{opacity:.6}.history-list{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:20px;padding:0 18px;overflow:hidden}.history-row{border-bottom:1px solid var(--pp-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.history-row:last-child{border-bottom:none}.history-row strong{color:var(--pp-brown)}.history-row p{color:var(--pp-muted);margin:5px 0 0;font-size:13px}.history-amount{color:var(--pp-brown);white-space:nowrap;font-size:16px}.history-action-buttons{justify-content:flex-end;gap:12px;display:flex}.history-action-buttons button{color:var(--pp-brown-medium);cursor:pointer;background:0 0;border:none;margin:7px 0 0;padding:0;font-size:12px;font-weight:600}.empty-history{background:var(--pp-card);border:1px solid var(--pp-border);text-align:center;border-radius:20px;padding:32px 20px}.empty-history h2{color:var(--pp-brown);margin:0 0 8px;font-size:20px}.empty-history p{color:var(--pp-muted);margin:0;font-size:14px}.plan-details-card{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:20px;margin-bottom:28px;padding:18px}.plan-detail+.plan-detail{border-top:1px solid var(--pp-border);margin-top:18px;padding-top:18px}.plan-detail label{color:var(--pp-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.plan-money-input{background:var(--pp-background);border:1px solid var(--pp-border);color:var(--pp-brown);border-radius:12px;align-items:center;padding:12px 14px;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.plan-money-input:focus-within{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.plan-money-input input{width:100%;min-width:0;color:var(--pp-brown);background:0 0;border:none;outline:none;margin-left:5px;padding:0;font-size:24px;font-weight:700}.plan-payday-input{border:1px solid var(--pp-border);background:var(--pp-background);width:100%;color:var(--pp-brown);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:12px;outline:none;padding:12px 14px;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s}.plan-payday-input:focus{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.expenses-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.expenses-heading h2{color:var(--pp-brown);margin:0;font-size:21px}.expenses-heading p{color:var(--pp-muted);margin:5px 0 0;font-size:13px}.plan-cover-total{text-align:right;flex-shrink:0}.plan-cover-total span{color:var(--pp-muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.plan-cover-total strong{color:var(--pp-brown);font-size:18px}.expense-editor{border-top:1px solid var(--pp-border);margin-top:14px;padding-top:16px}.expense-editor label{color:var(--pp-muted);margin-bottom:14px;font-size:12px;font-weight:700;display:block}.expense-editor input{border:1px solid var(--pp-border);background:var(--pp-background);width:100%;color:var(--pp-brown);border-radius:10px;outline:none;margin-top:7px;padding:11px 12px;font-size:15px}.expense-editor input:focus{border-color:var(--pp-green)}.expense-edit-amount{border:1px solid var(--pp-border);background:var(--pp-background);color:var(--pp-brown);border-radius:10px;align-items:center;margin-top:7px;padding:0 12px;display:flex}.expense-edit-amount input{background:0 0;border:none;margin:0;padding:11px 6px}.expense-editor-actions{gap:10px;margin-top:4px;display:flex}.expense-save-button{background:var(--pp-green);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.expense-cancel-button{color:var(--pp-muted);cursor:pointer;background:0 0;border:none;padding:10px 8px;font-weight:600}.expense-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;display:grid}.expense-editor label{width:100%}.expense-editor input{box-sizing:border-box;max-width:100%}.expense-editor-actions{align-items:center;gap:12px;width:100%;display:flex}.expense-save-button{flex:1}.expense-cancel-button{flex:none}.expense-icon-button{appearance:none;border:1px solid var(--pp-border);background:var(--pp-background);width:34px;height:34px;color:var(--pp-brown-medium);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.expense-icon-button:active{transform:scale(.94)}.expense-delete-button{color:var(--pp-muted)}.expense-paid-button{background:var(--pp-background);border:1px solid var(--pp-border);color:var(--pp-green)}.bill-paid{background:var(--pp-green);border:1px solid var(--pp-green);color:#fff}.expense-list{background:0 0;border:none;border-radius:0;flex-direction:column;gap:10px;margin-bottom:28px;padding:0;display:flex}.expense-row{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:16px;display:grid}.expense-row>div:first-child{min-width:0}.expense-row strong{color:var(--pp-brown);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.expense-row p{color:var(--pp-muted);margin:0;font-size:13px;line-height:1.4}.expense-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.expense-editor{border-top:1px solid var(--pp-border);grid-column:1/-1;width:100%;margin-top:6px;padding-top:16px}.add-expense{margin-top:34px;margin-bottom:28px}.add-expense h3{color:var(--pp-brown);margin:0 0 18px;font-size:22px;font-weight:700}.expense-type{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.expense-type button{border:1px solid var(--pp-border);background:var(--pp-card);color:var(--pp-muted);cursor:pointer;border-radius:12px;padding:12px 10px;font-size:14px;font-weight:600}.expense-type button.active{background:var(--pp-green-light);border-color:var(--pp-green);color:var(--pp-green)}.add-expense input{border:1px solid var(--pp-border);background:var(--pp-card);width:100%;color:var(--pp-brown);border-radius:14px;outline:none;margin-bottom:12px;padding:14px 16px;font-size:15px}.add-expense input:focus{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.add-expense input::placeholder{color:var(--pp-muted)}.add-expense-button{background:var(--pp-green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:4px;padding:13px 18px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s}.add-expense-button:active{transform:scale(.98)}.add-expense-button:disabled{opacity:.4;cursor:not-allowed}.setup-description{color:var(--pp-muted);margin:10px 0 0;font-size:15px;line-height:1.5}.setup-helper{background:var(--pp-green-light);color:var(--pp-green);border-radius:12px;margin:14px 0 24px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4}.setup-money-input{background:var(--pp-card);border:1px solid var(--pp-border);color:var(--pp-brown);border-radius:18px;align-items:center;margin-bottom:18px;padding:18px 20px;font-size:32px;font-weight:700;display:flex}.setup-money-input:focus-within{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.setup-money-input input{width:100%;min-width:0;color:var(--pp-brown);background:0 0;border:none;outline:none;margin-left:8px;padding:0;font-size:32px;font-weight:700}.setup-money-input input::placeholder{color:#b7afa4}.setup-screen{flex-direction:column;min-height:calc(100dvh - 20px);display:flex}.setup-screen .back-button{margin-bottom:18px}.setup-screen .setup-description{margin-top:8px}.setup-screen .setup-helper{margin:12px 0 18px}.setup-screen .setup-money-input{margin-bottom:16px}.setup-screen .spend-button{margin-top:auto}.app.onboarding{padding-bottom:20px}.setup-date{background:var(--pp-card);border:1px solid var(--pp-border);width:100%;color:var(--pp-brown);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:16px;outline:none;margin-top:14px;padding:16px 18px;font-size:17px;font-weight:600}.setup-date:focus{border-color:var(--pp-green);box-shadow:0 0 0 3px #26724814}.setup-expense-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.setup-expense-value{color:var(--pp-brown);margin-right:4px;font-size:15px;font-weight:700}.welcome-logo{object-fit:cover;border-radius:22px;width:88px;height:88px}.history-action-buttons{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.more-card{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:20px;margin-top:28px;padding:22px}.more-about{align-items:center;gap:16px;display:flex}.more-logo{object-fit:cover;border-radius:18px;flex-shrink:0;width:72px;height:72px}.more-about strong{color:var(--pp-brown);font-size:20px;font-weight:700;display:block}.more-about p{color:var(--pp-muted);margin:4px 0 6px;font-size:14px;line-height:1.4}.more-about span{color:var(--pp-muted);font-size:13px}.more-section{margin-top:32px}.more-section h2{color:var(--pp-brown);margin:0 0 14px;font-size:24px;font-weight:700}.more-reset-button{border:1px solid var(--pp-border);width:100%;color:var(--pp-brown-medium);text-align:left;cursor:pointer;background:0 0;border-radius:16px;padding:16px 18px;font-size:16px;font-weight:600}.more-reset-button:active{background:var(--pp-card)}.payday-cycle-button{background:var(--pp-green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:16px;padding:13px 16px;font-size:14px;font-weight:700}.payday-cycle-button:active{transform:translateY(1px)}.payday-cycle-button:focus-visible{outline-offset:2px;outline:3px solid #2672482e}