:root{--ink: #18221e;--muted: #6b746f;--line: #e5e9e6;--surface: #ffffff;--canvas: #f4f7f3;--forest: #173d32;--forest-2: #235648;--mint: #a9e0c0;--mint-light: #e7f6ed;--orange: #f2a66f;--orange-light: #fdf0e7;--blue: #6ca9d2;--blue-light: #e8f2f8;--violet: #9b8fd8;--violet-light: #f0edf9;--danger: #b9483b;--shadow: 0 18px 48px rgba(30, 55, 45, .08)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body),sans-serif;font-size:15px}button,input,select{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:3px solid rgba(35,86,72,.2);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#f9fbf8;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 20px 22px;z-index:20}.brand,.mobile-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--forest);color:#fff;display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:800}.brand>div:last-child{display:grid;gap:1px}.brand strong,.mobile-brand strong{font-family:var(--font-display);font-size:16px;letter-spacing:-.3px}.brand span{color:var(--muted);font-size:11px}.side-nav{display:grid;gap:4px;margin-top:38px}.side-nav button{appearance:none;border:0;background:transparent;min-height:44px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:11px;border-radius:12px;padding:0 12px;color:#68726c;text-align:left;cursor:pointer;font-weight:600;font-size:13px;transition:.18s ease}.side-nav button:hover{background:#eef3ef;color:var(--ink)}.side-nav button.active{background:var(--forest);color:#fff;box-shadow:0 8px 16px #173d3224}.side-nav button b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;background:var(--orange);color:#442516;font-size:10px}.sidebar-card{margin-top:auto;border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;box-shadow:0 10px 24px #1e372d0a}.sidebar-progress{display:flex;align-items:baseline;gap:7px;margin:10px 0 9px}.sidebar-progress strong{font:700 20px var(--font-display)}.sidebar-progress span{color:var(--muted);font-size:10px}.sidebar-card small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.user-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;margin-top:18px;padding:18px 3px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#dcece2;color:var(--forest);display:grid;place-items:center;font-weight:800}.user-row>div:nth-child(2){display:grid;gap:1px}.user-row strong{font-size:12px}.user-row span{font-size:10px;color:var(--muted)}.user-row svg{color:#a2aaa5}.main-panel{min-height:100vh;margin-left:252px}.topbar{height:66px;display:flex;align-items:center;justify-content:flex-end;padding:0 42px;border-bottom:1px solid var(--line);background:#f4f7f3eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;gap:12px}.mobile-brand{display:none}.prototype-pill{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.prototype-pill span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:#fff;cursor:pointer}.content-wrap{max-width:1240px;margin:0 auto;padding:40px 48px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800;color:#839088}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display),sans-serif}.page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.055em;margin:7px 0 6px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.primary-button,.secondary-button{border-radius:11px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;cursor:pointer;transition:.15s ease}.primary-button{background:var(--forest);color:#fff;border:1px solid var(--forest);box-shadow:0 8px 20px #173d321f}.primary-button:hover{background:var(--forest-2);transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.full-button{width:100%;margin-top:22px}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--forest-2);font-weight:700;font-size:11px;padding:4px}.round-arrow{border:1px solid var(--line);background:#f8faf8;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.safe-card{color:#fff;background:var(--forest);border-radius:26px;padding:25px 27px 0;position:relative;overflow:hidden;box-shadow:0 22px 44px #173d322e}.safe-card:after{content:"";width:340px;height:340px;border:1px solid rgba(255,255,255,.07);border-radius:50%;position:absolute;right:-80px;top:-180px;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff05;pointer-events:none}.safe-card-top{display:flex;align-items:center;justify-content:space-between;color:#c2d3cc;font-size:12px;position:relative;z-index:1}.safe-card-top button{border:0;background:#ffffff14;color:#dbe7e2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.safe-value{font:800 clamp(42px,6vw,64px)/1 var(--font-display);letter-spacing:-.06em;margin:18px 0 8px;position:relative;z-index:1}.safe-meta{color:#c8d7d1;display:flex;align-items:center;gap:8px;font-size:11px}.safe-meta i{width:3px;height:3px;border-radius:50%;background:#8da79e}.safe-breakdown{display:flex;gap:10px;margin:22px 0 23px;position:relative;z-index:1}.safe-breakdown div{width:145px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 13px;display:grid;gap:3px}.safe-breakdown span{color:#b9cbc4;font-size:10px}.safe-breakdown strong{font:700 15px var(--font-display)}.safe-note{margin:0 -27px;padding:10px 27px;background:#0000001f;display:flex;align-items:center;gap:8px;color:#bdcec8;font-size:10px}.safe-explainer{margin-top:10px;border:1px solid #cadbd1;background:#edf7f1;border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:30px 1fr 36px;align-items:start;gap:10px;color:#426554}.safe-explainer>span{width:30px;height:30px;border-radius:9px;background:#d8eee1;display:grid;place-items:center}.safe-explainer strong{color:var(--ink);font-size:10px}.safe-explainer p{margin:3px 0 0;font-size:9px;line-height:1.5}.safe-explainer .icon-button{width:30px;height:30px;background:transparent;border-color:#c5d9cd}.section-block{margin-top:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px;gap:14px}.section-heading h2{font-size:18px;letter-spacing:-.035em;margin:4px 0 0}.section-heading.compact{align-items:center;margin-bottom:18px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:0 10px 26px #1e372d09}.category-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.category-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px}.category-icon.mint,.merchant-icon.green{background:var(--mint-light);color:#356951}.category-icon.orange,.merchant-icon.orange{background:var(--orange-light);color:#9c582e}.category-icon.blue,.merchant-icon.blue{background:var(--blue-light);color:#3e708f}.category-icon.violet,.merchant-icon.violet{background:var(--violet-light);color:#6a5daf}.category-card h3{font-size:12px;margin:14px 0 6px}.category-card>strong{font:750 18px var(--font-display)}.category-card>strong small{font:500 10px var(--font-body);color:var(--muted)}.progress-track{height:5px;background:#edf0ee;border-radius:4px;overflow:hidden}.category-card .progress-track{margin-top:13px}.progress-fill{display:block;height:100%;border-radius:inherit;background:var(--mint)}.progress-fill.orange{background:var(--orange)}.progress-fill.blue{background:var(--blue)}.progress-fill.violet{background:var(--violet)}.card-caption{display:flex;justify-content:space-between;font-size:8.5px;color:#8a928e;margin-top:7px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 12px 30px #1e372d0a}.bill-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf0ee}.date-tile{background:#f2f6f3;border-radius:9px;width:38px;height:38px;display:grid;place-items:center;align-content:center}.date-tile strong{font:800 14px var(--font-display);line-height:1}.date-tile span{font-size:7px;color:var(--muted);margin-top:2px}.bill-row>div:nth-child(2){display:grid;gap:2px}.bill-row>div:nth-child(2) strong{font-size:11px}.bill-row>div:nth-child(2) span{font-size:9px;color:var(--muted)}.bill-row>b{font-size:11px}.funding-ok{margin-top:9px;border-radius:9px;background:var(--mint-light);color:#3c6c56;display:flex;align-items:center;gap:7px;padding:9px 11px;font-size:9px;font-weight:700}.status-chip{border-radius:99px;padding:5px 9px;font-size:8px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.status-chip.good{background:var(--mint-light);color:#32644e}.status-chip.warning{background:var(--orange-light);color:#8f4f2a}.status-chip.neutral{background:#eef1ef;color:#68726c}.fairness-chart{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:20px}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--mint) 0 48.6%,var(--orange) 48.6% 100%);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;font:800 14px var(--font-display);text-align:center}.donut small{font:500 8px var(--font-body);color:var(--muted);display:block;margin-top:2px}.legend{display:grid;gap:11px}.legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--mint)}.legend i.michelle{background:var(--orange)}.legend span{font-size:9px;color:var(--muted)}.legend strong{font-size:11px}.legend small{grid-column:2 / 4;font-size:8px;color:#9ca49f;margin-top:-4px}.muted-note{border-top:1px solid #edf0ee;padding-top:11px;margin:12px 0 0;color:var(--muted);font-size:8.5px;line-height:1.5}.recent-panel{margin-top:14px}.transaction-list{display:grid}.transaction-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf0ee}.merchant-icon{width:36px;height:36px;border-radius:11px;background:#f1f3f1;display:grid;place-items:center;color:#68726c;font-size:9px;font-weight:800}.merchant-icon.red{background:#f8ece9;color:#9d4f44}.transaction-main,.transaction-amount{display:grid;gap:2px}.transaction-main strong,.transaction-amount strong{font-size:10.5px}.transaction-main span,.transaction-amount span{font-size:8.5px;color:var(--muted)}.transaction-amount{text-align:right}.positive{color:#2e7957!important}.review-banner{margin-top:14px;width:100%;border:0;border-radius:13px;background:#f2f7f3;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;text-align:left}.review-banner>span{width:34px;height:34px;border-radius:10px;background:var(--forest);color:#fff;display:grid;place-items:center}.review-banner>div{display:grid;gap:2px}.review-banner strong{font-size:10px}.review-banner small{font-size:8.5px;color:var(--muted)}.capture-choice,.capture-workspace{max-width:760px}.capture-hero{width:100%;border:0;background:var(--forest);color:#fff;border-radius:24px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:19px;padding:28px;text-align:left;cursor:pointer;box-shadow:0 20px 40px #173d3226}.capture-icon{width:60px;height:60px;border-radius:18px;background:#ffffff1a;display:grid;place-items:center}.capture-hero .eyebrow{color:#a9c1b8}.capture-hero h2{font-size:22px;margin:5px 0}.capture-hero p{color:#bfd0ca;font-size:11px;line-height:1.6;max-width:470px;margin-bottom:0}.capture-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center}.capture-secondary{width:100%;margin-top:13px;border:1px solid var(--line);background:#fff;border-radius:17px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:16px;text-align:left;cursor:pointer}.capture-secondary>span{width:40px;height:40px;border-radius:11px;background:var(--mint-light);color:var(--forest);display:grid;place-items:center}.capture-secondary h3{margin:0 0 3px;font-size:13px}.capture-secondary p{margin:0;font-size:9.5px;color:var(--muted)}.privacy-card{margin-top:22px;border-radius:14px;background:transparent;border:1px dashed #cfd7d1;padding:15px;display:flex;gap:12px;color:#738078}.privacy-card strong{color:var(--ink);font-size:10px}.privacy-card p{margin:3px 0 0;font-size:9px;line-height:1.5}.back-button{border:0;background:transparent;color:var(--forest);padding:0;margin-bottom:15px;cursor:pointer;font-weight:700;font-size:11px}.back-button span{font-size:18px;vertical-align:-1px;margin-right:5px}.receipt-drop{min-height:300px;border:1.5px dashed #b9c9c0;background:#fff;border-radius:22px;display:grid;justify-items:center;align-content:center;padding:35px;text-align:center;cursor:pointer}.receipt-drop input,.statement-upload input{display:none}.receipt-drop>span{width:64px;height:64px;border-radius:20px;background:var(--mint-light);color:var(--forest);display:grid;place-items:center}.receipt-drop h2{font-size:17px;margin:16px 0 5px}.receipt-drop p{color:var(--muted);font-size:10px}.receipt-drop b{margin-top:8px;background:var(--forest);color:#fff;padding:10px 18px;border-radius:10px;font-size:10px}.ai-preview{margin-top:14px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.ai-title{display:flex;align-items:center;gap:10px}.ai-title>span{width:32px;height:32px;border-radius:9px;background:var(--orange-light);color:#9c582e;display:grid;place-items:center}.ai-title>div{display:grid;gap:2px}.ai-title strong{font-size:10px}.ai-title small{font-size:8.5px;color:var(--muted)}.preview-fields{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.preview-fields span{background:#f2f5f3;border-radius:99px;padding:6px 9px;font-size:8px;color:var(--muted)}.extraction-result{margin-top:14px;border:1px solid #cde4d6;background:#fff;border-radius:17px;padding:18px;box-shadow:0 12px 30px #1e372d0a}.extraction-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.extraction-result-top h2{margin:8px 0 3px;font-size:16px}.extraction-result-top p{margin:0;color:var(--muted);font-size:8.5px}.extraction-result-top>strong{font:750 18px var(--font-display);white-space:nowrap}.split-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.split-preview span{border:1px solid var(--line);background:#fafcfa;border-radius:10px;padding:9px 10px;color:var(--muted);font-size:8px;display:grid;gap:3px}.split-preview b{color:var(--ink);font-size:10px}.provisional-note{margin-top:11px;background:var(--mint-light);color:#3d6655;border-radius:10px;padding:10px 11px;display:flex;align-items:flex-start;gap:8px;font-size:8.5px;line-height:1.5}.form-card{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px}.form-grid label.full{grid-column:1 / -1}.form-grid label>span{font-size:9px;font-weight:700;color:var(--muted)}.form-grid input,.form-grid select,.transaction-tools input,.transaction-tools select{height:42px;border-radius:10px;border:1px solid var(--line);background:#fbfcfb;padding:0 12px;color:var(--ink);min-width:0}.money-input{display:grid;grid-template-columns:42px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.money-input b{display:grid;place-items:center;background:#f3f6f4;color:var(--forest)}.money-input input{border:0;height:54px;font:700 22px var(--font-display);background:#fff}.count-pill{background:var(--orange-light);color:#8f4f2a;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:800}.review-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);gap:16px;align-items:start}.review-list{display:grid;gap:9px}.review-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px;display:grid;grid-template-columns:42px 1fr auto auto;gap:11px;align-items:center;text-align:left;cursor:pointer}.review-card.selected{border-color:#7ba491;box-shadow:0 0 0 2px #7ba4911f}.receipt-thumb{width:40px;height:48px;border-radius:8px;background:#f0f3f1;color:#6f7973;display:grid;place-items:center}.review-card h3{font-size:11px;margin:5px 0 2px}.review-card p,.review-card small{display:block;font-size:8px;color:var(--muted);margin:0}.review-card small{color:#9b5b34;margin-top:3px}.review-card>strong{font-size:11px;align-self:center}.review-card>svg{color:#9ca49f}.review-detail{min-height:435px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:21px;position:sticky;top:86px}.detail-placeholder,.empty-state{min-height:340px;display:grid;place-items:center;align-content:center;text-align:center}.detail-placeholder>span,.empty-state>span{width:62px;height:62px;border-radius:50%;background:var(--mint-light);color:var(--forest);display:grid;place-items:center}.detail-placeholder h3,.empty-state h2{margin:14px 0 5px;font-size:15px}.detail-placeholder p,.empty-state p{color:var(--muted);max-width:260px;font-size:10px;line-height:1.5}.detail-header{display:flex;justify-content:space-between;align-items:flex-end}.detail-header h2{margin:4px 0 0;font-size:18px}.detail-header>strong{font:750 18px var(--font-display)}.receipt-summary{background:#f1f6f3;border-radius:11px;padding:10px 12px;display:flex;gap:8px;margin:15px 0;color:#3d6655}.receipt-summary p{margin:0;font-size:8.5px;line-height:1.5}.line-items{display:grid}.line-items>div{display:grid;grid-template-columns:1.1fr 1fr 70px;align-items:center;gap:9px;min-height:42px;border-bottom:1px solid #edf0ee;font-size:9px}.line-items .line-head{min-height:27px;font-size:7.5px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.08em}.line-items>div>span:last-child,.line-items b{text-align:right}.line-items select{height:29px;border-radius:8px;border:1px solid var(--line);background:#fbfcfb;font-size:8px;padding:0 5px}.reconcile-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px}.reconcile-row strong{color:#397458;display:flex;align-items:center;gap:4px}.review-form{display:grid;gap:11px;margin:17px 0 8px}.review-form label{display:grid;gap:6px}.review-form label>span{color:var(--muted);font-size:8px;font-weight:700}.review-form input,.review-form select{width:100%;height:40px;border:1px solid var(--line);background:#fbfcfb;border-radius:9px;padding:0 11px;font-size:9px}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.statement-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.statement-upload{min-height:190px;background:#fff;border:1.5px dashed #b9c9c0;border-radius:20px;display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:16px;padding:25px;cursor:pointer}.statement-upload>span{width:54px;height:54px;border-radius:16px;background:var(--mint-light);color:var(--forest);display:grid;place-items:center}.statement-upload h2,.match-explainer h2{font-size:16px;margin:0 0 5px}.statement-upload p{margin:0;color:var(--muted);font-size:9px}.statement-upload b{background:var(--forest);color:#fff;border-radius:9px;padding:9px 13px;font-size:9px}.match-explainer{background:var(--forest);color:#fff;border-radius:20px;padding:22px}.match-explainer .eyebrow{color:#aac0b8}.match-explainer h2{margin-top:5px}.match-explainer>div{display:flex;align-items:center;margin:18px 0 12px}.match-explainer>div span{width:36px;height:36px;border-radius:11px;background:#ffffff17;display:grid;place-items:center}.match-explainer>div i{width:25px;height:1px;background:#ffffff38}.match-explainer p{color:#bfd0ca;font-size:9px;line-height:1.55;margin:0}.import-result{margin-top:14px;border:1px solid #cde4d6;background:#f2faf5;border-radius:15px;padding:15px 18px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px}.success-icon{width:38px;height:38px;border-radius:50%;background:#d4efdf;color:#347253;display:grid;place-items:center}.import-result h2{font-size:12px;margin:3px 0}.import-result p{color:var(--muted);font-size:8.5px;margin:0}.import-result>strong{font-size:8px;color:var(--muted)}.import-history{margin-top:14px}.account-row{min-height:62px;display:grid;grid-template-columns:40px 1fr auto 34px;align-items:center;gap:12px;border-top:1px solid #edf0ee}.bank-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:12px}.bank-logo.discovery{background:#e7ecff;color:#3156ae}.bank-logo.absa{background:#ffeaea;color:#a72c2c}.account-row>div{display:grid;gap:2px}.account-row strong{font-size:10px}.account-row div span{font-size:8px;color:var(--muted)}.account-row>button{border:1px solid var(--line);background:#fff;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.budget-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:4px}.budget-summary>div.highlight{background:var(--forest);color:#fff}.budget-summary span{font-size:8px;color:var(--muted)}.budget-summary .highlight span,.budget-summary .highlight small{color:#bcd0c8}.budget-summary strong{font:750 18px var(--font-display)}.budget-summary small{color:var(--muted);font-size:8px}.tabs{display:flex;gap:3px;padding:3px;border-radius:11px;background:#e9eeea;width:fit-content;margin-bottom:12px}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:8px;min-height:32px;padding:0 14px;font-size:9px;font-weight:700;cursor:pointer}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 9px #1e372d14}.budget-table{padding-top:9px}.table-head{display:grid;grid-template-columns:minmax(180px,1.5fr) .8fr .7fr 30px;gap:10px;padding:7px 9px 8px 52px;text-transform:uppercase;letter-spacing:.08em;font-size:7px;color:var(--muted);font-weight:700}.budget-row{min-height:62px;display:grid;grid-template-columns:32px minmax(135px,1.5fr) .8fr .7fr 30px;align-items:center;gap:10px;border-top:1px solid #edf0ee}.budget-row>div:nth-child(2){display:grid;gap:2px}.budget-row strong{font-size:10px}.budget-row small{font-size:8px;color:var(--muted)}.budget-row select{height:32px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;padding:0 7px;font-size:8px;min-width:0}.editable-money{height:32px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:20px 1fr;overflow:hidden}.editable-money span{display:grid;place-items:center;background:#f2f5f3;font-size:8px}.editable-money input{width:100%;min-width:0;border:0;background:#fff;padding:0 6px;font-size:9px}.budget-row>button{border:0;background:transparent;color:var(--muted);cursor:pointer}.goal-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #edf0ee}.goal-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.goal-icon.debt{background:var(--orange-light);color:#95542e}.goal-icon.savings{background:var(--mint-light);color:#356951}.goal-row h3{font-size:12px;margin:4px 0 2px}.goal-row p{color:var(--muted);margin:0;font-size:8.5px}.goal-row>strong{font:750 15px var(--font-display)}.policy-note{background:#f2f6f3;border-radius:11px;padding:12px;display:flex;gap:9px;color:#50645a}.policy-note p{margin:0;font-size:8.5px;line-height:1.5}.mobile-save{display:none}.transaction-tools{display:grid;grid-template-columns:1fr 170px 140px;gap:8px;margin-bottom:11px}.search-box{position:relative}.search-box svg{position:absolute;left:12px;top:12px;color:#89928c}.transaction-tools .search-box input{width:100%;padding-left:39px}.transaction-tools select{font-size:9px;color:var(--muted)}.transaction-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.transaction-summary div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;justify-content:space-between}.transaction-summary span,.transaction-summary strong{font-size:9px}.transaction-panel{padding-top:14px}.list-date{font-size:10px;font-weight:800;padding-bottom:8px}.list-date span{color:var(--muted);font-weight:500;margin-left:7px}.clickable-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:1fr 20px;align-items:center;padding:0;cursor:pointer;text-align:left}.clickable-row .transaction-row{width:100%}.clickable-row>svg{color:#a3aaa6}.empty-inline{color:var(--muted);padding:38px 0;text-align:center;font-size:10px}.month-progress{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}.month-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.month-progress strong{font-size:11px}.month-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.surplus-card>strong{display:block;font:800 34px var(--font-display);letter-spacing:-.05em;margin:8px 0 4px}.surplus-card>p,.emergency-card>p{color:var(--muted);font-size:8.5px;line-height:1.5}.allocation-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ee;padding:10px 0;font-size:9px}.allocation-line span{display:flex;align-items:center;gap:7px;color:var(--muted)}.allocation-line i{width:7px;height:7px;border-radius:50%;background:var(--orange)}.allocation-line i.mint{background:var(--mint)}.fund-value{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px}.fund-value strong{font:800 28px var(--font-display)}.fund-value span{color:var(--muted);font-size:9px}.emergency-card>p{margin:14px 0 0}.checklist-card{margin-top:12px}.check-row{min-height:61px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:11px;border-top:1px solid #edf0ee;cursor:pointer}.check-row input{position:absolute;opacity:0;pointer-events:none}.custom-check{width:20px;height:20px;border:1.5px solid #b9c3bd;border-radius:6px;display:grid;place-items:center;color:transparent}.check-row.done .custom-check{background:var(--forest);border-color:var(--forest);color:#fff}.check-row>div{display:grid;gap:2px}.check-row strong,.check-row b{font-size:10px}.check-row span{color:var(--muted);font-size:8px}.check-row.done>div strong{text-decoration:line-through;color:#7c8680}.next-month-card{margin-top:12px;border:1px solid var(--line);background:#f9fbf9;border-radius:15px;padding:14px 16px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:12px}.next-month-card>span{width:38px;height:38px;border-radius:11px;background:var(--blue-light);color:#467995;display:grid;place-items:center}.next-month-card h3{font-size:11px;margin:3px 0 2px}.next-month-card p{color:var(--muted);font-size:8px;margin:0}.next-month-card button{border:0;background:transparent;color:var(--forest);font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.setting-title>span{width:36px;height:36px;border-radius:11px;background:#f1f5f2;color:var(--forest);display:grid;place-items:center}.setting-title h2{margin:3px 0 0;font-size:15px}.member-row{min-height:55px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-top:1px solid #edf0ee}.member-row>div{display:grid;gap:2px}.member-row strong{font-size:10px}.member-row div span{font-size:8px;color:var(--muted)}.michelle-avatar{background:var(--orange-light);color:#8d532f}.toggle-row{display:grid;grid-template-columns:1fr 38px;gap:15px;align-items:center;padding:13px 0;border-top:1px solid #edf0ee;cursor:pointer;position:relative}.toggle-row>div{display:grid;gap:3px}.toggle-row strong{font-size:10px}.toggle-row span{color:var(--muted);font-size:8px;line-height:1.45}.toggle-row input{opacity:0;position:absolute}.toggle-row i{width:37px;height:21px;border-radius:12px;background:#d9deda;position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;top:2px;left:2px;background:#fff;box-shadow:0 2px 5px #00000026;transition:.2s}.toggle-row input:checked+i{background:var(--forest)}.toggle-row input:checked+i:after{transform:translate(16px)}.email-pills{display:flex;flex-wrap:wrap;gap:6px}.email-pills span{background:#f0f3f1;border-radius:99px;padding:6px 9px;color:var(--muted);font-size:8px}.setting-link{width:100%;min-height:54px;border:0;border-top:1px solid #edf0ee;background:transparent;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:0;text-align:left;cursor:pointer}.setting-link>div{display:grid;gap:2px}.setting-link strong{font-size:10px}.setting-link small{color:var(--muted);font-size:8px}.setting-link>svg{color:#9ca49f}.setting-number{width:34px;height:34px;border-radius:9px;background:var(--orange-light);color:#8c4f2d;display:grid;place-items:center;font-size:8px;font-weight:800}.prototype-notice{margin-top:12px;border:1px dashed #cdd6d0;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:11px;color:var(--muted)}.prototype-notice>span{color:#8f5a36}.prototype-notice strong{color:var(--ink);font-size:9px}.prototype-notice p{margin:2px 0 0;font-size:8px}.signin-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#e6f3eb 0,var(--canvas) 38%)}.signin-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(28px,7vw,46px);box-shadow:var(--shadow)}.signin-brand{display:flex;align-items:center;gap:11px;margin-bottom:42px;font:800 18px var(--font-display)}.signin-card h1{margin:9px 0 12px;font-size:clamp(34px,8vw,48px);line-height:1.02;letter-spacing:-.055em}.signin-card>p{color:var(--muted);line-height:1.65;font-size:13px}.google-button{width:100%;min-height:50px;margin:19px 0 14px;border:1px solid #d8ded9;border-radius:12px;background:var(--forest);color:#fff;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.google-button span{width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;display:grid;place-items:center;font:800 13px Arial,sans-serif}.google-button:disabled{opacity:.65;cursor:wait}.signin-card small{display:block;color:#8a948e;font-size:10px;line-height:1.55;text-align:center}.signin-error{color:var(--danger)!important;font-size:11px!important;text-align:center}.loading-mark{width:54px;height:54px;border-radius:17px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 24px var(--font-display);box-shadow:var(--shadow)}.bottom-nav,.sheet-backdrop{display:none}.toast{position:fixed;right:25px;bottom:25px;z-index:80;background:var(--ink);color:#fff;border-radius:12px;box-shadow:var(--shadow);padding:11px 15px 11px 10px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;animation:toastIn .25s ease}.toast span{width:25px;height:25px;border-radius:8px;background:var(--mint);color:var(--forest);display:grid;place-items:center}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}}@media(max-width:1050px){.sidebar{width:218px}.main-panel{margin-left:218px}.content-wrap{padding-left:32px;padding-right:32px}.category-grid{grid-template-columns:1fr 1fr}.review-layout{grid-template-columns:1fr}.review-detail{position:static}}@media(max-width:760px){body{padding-bottom:74px}.sidebar{display:none}.main-panel{margin-left:0}.topbar{height:58px;padding:0 16px;justify-content:space-between}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:9px;font-size:13px}.mobile-brand strong{font-size:14px}.prototype-pill{margin-left:auto;font-size:8px;padding:6px 8px}.topbar .icon-button{width:32px;height:32px}.content-wrap{padding:25px 16px 34px}.page-heading{align-items:flex-start;margin-bottom:21px}.page-heading h1{font-size:28px;margin-top:6px}.page-heading p{font-size:11px;line-height:1.45}.desktop-action{display:none}.safe-card{border-radius:21px;padding:22px 20px 0}.safe-value{font-size:48px;margin-top:15px}.safe-breakdown{margin:20px 0}.safe-breakdown div{flex:1;width:auto}.safe-note{margin:0 -20px;padding:10px 20px;line-height:1.4}.safe-explainer{grid-template-columns:30px 1fr 30px}.section-block{margin-top:30px}.section-heading h2{font-size:17px}.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 7px;scrollbar-width:none}.category-card{min-width:205px;scroll-snap-align:start}.home-columns{grid-template-columns:1fr;margin-top:26px}.panel-card{border-radius:16px;padding:17px}.recent-panel{margin-top:12px}.fairness-chart{grid-template-columns:108px 1fr}.donut{width:104px;height:104px}.review-banner{align-items:center}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset:auto 0 0;height:67px;background:#fffffff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:50;padding:5px 6px max(5px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#7a837e;display:grid;justify-items:center;align-content:center;gap:3px;font-size:8px;font-weight:700;cursor:pointer}.bottom-nav button.active{color:var(--forest)}.nav-icon{position:relative}.nav-icon b{position:absolute;right:-9px;top:-5px;width:15px;height:15px;border-radius:50%;background:var(--orange);color:#442516;display:grid;place-items:center;font-size:7px}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:70;background:#14201b59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:8px 17px calc(25px + env(safe-area-inset-bottom));animation:sheetUp .22s ease}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet-handle{width:35px;height:4px;border-radius:3px;background:#d9deda;margin:2px auto 16px}.sheet-title{display:flex;justify-content:space-between;align-items:center}.sheet-title h2{font-size:22px;margin:3px 0 0}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.more-grid button{min-height:82px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb;display:grid;justify-items:start;align-content:center;gap:8px;padding:13px;cursor:pointer}.more-grid button span{width:30px;height:30px;border-radius:9px;background:var(--mint-light);color:var(--forest);display:grid;place-items:center}.more-grid button strong{font-size:10px}.toast{left:16px;right:16px;bottom:80px;justify-content:flex-start}.capture-hero{grid-template-columns:50px 1fr;padding:21px;gap:14px;border-radius:20px}.capture-icon{width:48px;height:48px;border-radius:15px}.capture-hero h2{font-size:18px}.capture-hero p{font-size:9.5px}.capture-arrow{display:none}.capture-secondary{grid-template-columns:39px 1fr auto}.receipt-drop{min-height:280px}.split-preview{grid-template-columns:1fr}.form-card{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.review-layout{grid-template-columns:1fr}.review-card{grid-template-columns:40px 1fr auto}.review-card>svg{display:none}.review-detail{min-height:auto}.line-items>div{grid-template-columns:1fr 95px 55px;gap:6px}.detail-actions .secondary-button,.detail-actions .primary-button{flex:1}.statement-grid{grid-template-columns:1fr}.statement-upload{min-height:170px;grid-template-columns:47px 1fr;padding:20px}.statement-upload>span{width:46px;height:46px}.statement-upload b{grid-column:1 / -1;text-align:center}.import-result{grid-template-columns:38px 1fr}.import-result>strong{grid-column:2}.account-row{grid-template-columns:36px 1fr auto;padding:10px 0}.account-row>.status-chip{display:none}.budget-summary{grid-template-columns:1fr}.tabs{width:100%;overflow-x:auto}.tabs button{white-space:nowrap;flex:1;padding:0 10px}.budget-table{overflow:hidden}.table-head{display:none}.budget-row{grid-template-columns:30px 1fr 92px 27px;gap:8px;padding:9px 0}.budget-row>select,.mobile-hide{display:none}.editable-money{width:92px}.mobile-save{display:inline-flex}.transaction-tools{grid-template-columns:1fr 105px}.transaction-tools select:last-child{display:none}.transaction-summary{grid-template-columns:1fr 1fr}.transaction-summary div:last-child{grid-column:1 / -1}.month-grid,.settings-grid{grid-template-columns:1fr}.next-month-card{grid-template-columns:38px 1fr}.next-month-card button{grid-column:2;justify-self:start;padding:0}.prototype-notice{align-items:flex-start}}@media(max-width:390px){.content-wrap{padding-left:13px;padding-right:13px}.category-grid{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.safe-value{font-size:43px}.safe-breakdown{gap:7px}.safe-breakdown div{padding:10px}.section-heading .text-button{font-size:9px}.fairness-chart{gap:11px}.review-card{padding:11px}.review-card>strong{grid-column:2;justify-self:start}.line-items>div{grid-template-columns:1fr 80px 51px}}