@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f4ef;--ink:#252422;--muted:#817e77;--line:#dfddd7;--green:#c7f36b;--green-dark:#426000;--cream:#fffdf8;--shadow:0 14px 35px rgba(43,42,36,.06)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#eeece6;border-right:1px solid var(--line);padding:30px 20px 22px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;margin:0 12px 70px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--green);font-size:17px;font-family:Georgia,serif;font-style:italic}.sidebar-kicker,.eyebrow,.stat-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.25px;color:#96918a}.sidebar-kicker{margin:0 12px 14px}.nav-list{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#77736d;text-align:left;padding:13px 12px;border-radius:10px;font:600 13px Manrope;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#e2e0d9;color:var(--ink)}.nav-icon{font-size:19px;width:20px;text-align:center;color:#8a877e}.nav-item.active .nav-icon{color:#5c8015}.nav-count{margin-left:auto;border-radius:20px;padding:3px 7px;background:#dddcd5;color:#817e77;font-size:11px}.sidebar-note{display:flex;gap:10px;border-top:1px solid var(--line);padding:22px 10px;margin-top:auto;color:#68645d;font-size:11px;line-height:1.5}.sidebar-note strong{font-size:11px;color:var(--ink)}.sidebar-note p{margin:3px 0 0}.note-dot{width:7px;height:7px;border-radius:50%;background:#86b12b;margin-top:5px;flex:none}.sidebar-footer{font:10px 'DM Mono';color:#aaa69f;margin:8px 12px}.main-content{flex:1;max-width:1420px;margin:auto;padding:30px 6.2vw 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:68px}.topbar h1{font-size:29px;letter-spacing:-1.1px;margin:8px 0 0}.topbar-actions{display:flex;align-items:center;gap:18px}.icon-button{border:0;background:transparent;font-size:22px;color:#827e76;cursor:pointer}.avatar{width:36px;height:36px;background:#e0ddd2;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.welcome-row,.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.welcome-row h2{font-size:28px;letter-spacing:-1.4px;margin:0 0 9px}.welcome-row h2 em{font-family:Georgia,serif;font-weight:400;color:#62851b}.welcome-row p,.page-intro p{color:var(--muted);font-size:13px;margin:0}.primary-button{border:0;background:var(--ink);color:#fffef8;border-radius:9px;padding:13px 18px;font:700 12px Manrope;cursor:pointer;transition:transform .2s,background .2s}.primary-button:hover{background:#3d3b37;transform:translateY(-1px)}.primary-button span{font-size:18px;vertical-align:-2px;margin-right:4px}.upload-zone{border:1.5px dashed #c7c3ba;min-height:178px;background:#faf9f5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s;cursor:pointer}.upload-zone:hover,.upload-zone.dragover{border-color:#91b539;background:#f7faea}.upload-art{width:40px;height:40px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:#466000;font-size:27px;margin-bottom:12px}.upload-zone h3{font-size:14px;margin:0 0 7px}.upload-zone p{font-size:12px;color:#8c8881;margin:0}.link-button,.text-button{border:0;background:none;color:#5f801f;font:600 12px Manrope;cursor:pointer;padding:0}.upload-zone small{font-size:10px;color:#b0aca4;margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:58px 0 22px}.section-heading h2,.panel h2{font-size:18px;letter-spacing:-.6px;margin:7px 0 0}.text-button{color:#8d8a84}.text-button:hover{color:#4c7011}.text-button span{font-size:15px;margin-left:5px}.stats-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px}.stat-card{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:20px 22px;min-height:145px;box-shadow:var(--shadow)}.stat-card.accent{background:var(--green);border-color:var(--green)}.stat-top{display:flex;justify-content:space-between;align-items:center}.accent .stat-label{color:#5d771c}.stat-badge{font-size:10px;color:#617d20;background:rgba(255,255,255,.5);border-radius:30px;padding:5px 9px}.stat-card strong{display:block;font-size:29px;letter-spacing:-1.7px;margin:22px 0 8px}.stat-icon{color:#a7a39a;font-size:19px}.trend,.muted-line{font-size:11px;color:#99958d}.trend{color:#587218}.trend span{font-size:18px;vertical-align:-2px;margin-right:5px}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:14px}.panel{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:22px;min-height:270px}.panel-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.period-pill{border:1px solid var(--line);padding:7px 9px;border-radius:7px;font-size:10px;color:#87837c}.category-bars{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:95px 1fr 75px;gap:11px;align-items:center;font-size:11px}.bar-name{color:#6e6a62}.bar-track{height:7px;background:#efede7;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;background:#95bb35}.bar-value{text-align:right;font-family:'DM Mono';font-size:10px;color:#817e77}.empty-state{color:#aaa69e;font-size:12px;padding:30px 0;text-align:center}.receipt-list{display:grid}.receipt-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #ebe9e3}.receipt-row:last-child{border-bottom:0}.receipt-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;background:#e7e4dc}.receipt-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.receipt-meta{font-size:10px;color:#a09c94;margin-top:3px}.receipt-amount{font:500 11px 'DM Mono'}.view{display:none}.view.active-view{display:block}.page-intro{align-items:flex-start}.page-intro h2{font-size:30px;letter-spacing:-1.2px;margin:7px 0}.page-intro p{margin-top:7px}.receipt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.receipt-card{background:var(--cream);border:1px solid var(--line);border-radius:13px;overflow:hidden}.receipt-card img{width:100%;height:140px;object-fit:cover;background:#ece9e1}.receipt-card-body{padding:15px}.receipt-card-top{display:flex;justify-content:space-between;gap:8px}.receipt-card h3{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-card .amount{font:600 12px 'DM Mono'}.tag{display:inline-block;margin-top:12px;background:#eef5da;color:#6b8d1d;padding:5px 8px;border-radius:5px;font-size:10px}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.group-card{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:21px}.group-card .group-symbol{font-size:25px}.group-card h3{font-size:14px;margin:18px 0 5px}.group-card p{font-size:11px;color:#9d9991;margin:0}.group-total{font:500 20px 'DM Mono';margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:190px}.main-content{padding:25px 4vw 60px}.lower-grid{grid-template-columns:1fr}.topbar{margin-bottom:48px}}@media(max-width:640px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:17px 18px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 15px}.sidebar-kicker,.sidebar-note,.sidebar-footer{display:none}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}.nav-item{padding:9px 8px;white-space:nowrap;justify-content:center;min-width:0}.main-content{padding:25px 18px 50px}.topbar{margin-bottom:38px}.topbar h1{font-size:23px}.welcome-row,.page-intro{display:block}.welcome-row h2{font-size:24px;line-height:1.2;margin-bottom:16px}.primary-button{margin-top:18px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:125px}.lower-grid{display:block}.panel{margin-top:14px}.section-heading{margin-top:42px}.bar-row{grid-template-columns:78px 1fr 68px}}
.ocr-warning{font-size:10px;color:#a66a32;margin-top:10px}
.group-mini{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:6px;background:#eaf6c8;color:#5e7d17;font-size:10px}.group-card{border:1px solid var(--line);font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:.2s}.group-card:hover,.group-card.selected{border-color:#9cbe4c;box-shadow:0 10px 25px rgba(76,102,19,.09);transform:translateY(-2px)}.group-open{display:block;margin-top:18px;color:#6f901e;font-size:10px;font-weight:700}.report-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.report-tab{border:1px solid var(--line);background:var(--cream);color:#7f7b73;border-radius:8px;padding:10px 14px;font:700 11px Manrope;cursor:pointer}.report-tab:hover,.report-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.month-picker{display:flex;align-items:center;gap:7px;margin-left:auto;color:#8d8981;font-size:11px}.month-picker input{border:1px solid var(--line);border-radius:7px;background:var(--cream);padding:8px 9px;color:var(--ink);font:11px Manrope}.report-sheet{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:var(--shadow)}.report-sheet-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.report-sheet-heading h2{font-size:27px;letter-spacing:-1px;margin:7px 0 5px}.report-sheet-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0;text-transform:capitalize}.report-mark{font:10px 'DM Mono';color:#a3a098;letter-spacing:1px}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}.report-stats article{background:#f7f5ef;border-radius:10px;padding:16px}.report-stats strong{display:block;font-size:22px;letter-spacing:-1px;margin-top:13px}.report-receipt-section{padding-top:22px;min-height:150px}.report-groups-heading{margin:35px 0 18px}@media(max-width:640px){.month-picker{width:100%;margin-left:0}.report-tabs{gap:6px}.report-tab{padding:9px 10px}.report-sheet{padding:18px}.report-sheet-heading{display:block}.report-mark{display:block;margin-top:16px}.report-stats{grid-template-columns:1fr;gap:8px}.report-stats article{padding:13px}.report-stats strong{margin-top:7px}.report-groups-heading{margin-top:28px}}
.upload-group-bar{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--cream)}.upload-group-bar label{font-size:11px;font-weight:700;color:#706c64}.upload-group-bar select,.receipt-group-select{border:1px solid #d8d4ca;border-radius:7px;background:#fffdf8;color:var(--ink);padding:7px 9px;font:600 11px Manrope;cursor:pointer}.upload-group-bar .text-button{margin-left:auto}.receipt-card-group{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.receipt-card-group .tag{margin-top:0}.receipt-group-select{max-width:132px;padding:5px 6px;font-size:10px}@media(max-width:640px){.upload-group-bar{align-items:flex-start;flex-wrap:wrap}.upload-group-bar .text-button{width:100%;margin-left:0}.receipt-card-group{align-items:flex-start;flex-direction:column}.receipt-group-select{max-width:none;width:100%}}
.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.export-button{border:1px solid var(--line);background:var(--cream);color:#6d6961;border-radius:7px;padding:9px 11px;font:700 10px Manrope;cursor:pointer}.export-button:hover{border-color:#9cbe4c;color:#5d7e16}.export-button.export-primary{background:var(--ink);border-color:var(--ink);color:#fff}.export-button.export-primary:hover{background:#4a4944}@media(max-width:640px){.report-actions{margin-top:16px}.report-actions .export-button{flex:1}}
.report-income-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:15px 17px;border:1px solid #d9e7b8;border-radius:12px;background:#f2f8df}.report-income-bar strong{display:block;font-size:14px;margin-top:5px}.report-income-bar span{display:block;font-size:11px;color:#7d8870;margin-top:3px}.report-income-bar label{display:flex;align-items:center;gap:7px;background:#fffdf8;border:1px solid #d8d4ca;border-radius:8px;padding:0 10px}.report-income-bar label>span{color:#77736d;font:700 12px 'DM Mono';margin:0}.report-income-bar input{width:125px;border:0;outline:0;background:transparent;color:var(--ink);font:700 15px 'DM Mono';padding:11px 0;text-align:right}.balance-card{background:#eef5da!important}.balance-card small{display:block;color:#7a8665;font-size:10px;margin-top:6px}.negative-balance{color:#b0583d!important}@media(max-width:640px){.report-income-bar{align-items:flex-start;flex-direction:column}.report-income-bar label{width:100%}.report-income-bar input{width:100%}.report-stats{grid-template-columns:1fr}}
.auth-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(246,244,239,.97);padding:20px}.auth-gate.hidden{display:none}.auth-card{width:min(100%,410px);background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(43,42,36,.12)}.auth-brand{margin:0 0 28px}.auth-card h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.auth-description{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 22px}.demo-credentials{border:1px dashed #c7c3ba;border-radius:9px;background:#faf9f5;color:#78746d;font:11px 'DM Mono';line-height:1.6;margin-top:18px;padding:11px}.login-error{min-height:16px;color:#b0583d;font-size:11px;margin:10px 0 0}.restricted-hidden{display:none!important}.session-label{color:#817e77;font-size:11px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:14px}.user-form{display:grid;gap:13px}.user-form label{display:grid;gap:6px;color:#716d65;font-size:11px;font-weight:700}.user-form input,.user-form select{width:100%;border:1px solid var(--line);border-radius:8px;background:#faf9f5;color:var(--ink);font:12px Manrope;padding:11px 12px;outline:0}.user-form input:focus,.user-form select:focus{border-color:#9cbe4c;box-shadow:0 0 0 3px rgba(156,190,76,.15)}.user-list{display:grid}.user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ebe9e3;padding:13px 0}.user-row:last-child{border-bottom:0}.user-row strong{display:block;font-size:12px}.user-row small{display:block;color:#9b978f;font-size:10px;margin-top:4px}@media(max-width:900px){.user-layout{grid-template-columns:1fr}}@media(max-width:640px){.session-label{display:none}.auth-card{padding:23px}.user-layout{display:block}.user-layout .panel+ .panel{margin-top:14px}}
.camera-button{display:inline-flex!important;width:auto!important;padding:10px 13px!important;font-size:11px!important}.receipt-type-line{display:flex;align-items:center;gap:7px;margin-top:10px;color:#9b978f;font-size:10px}.receipt-type-line select{border:1px solid #e2dfd7;border-radius:6px;background:#faf9f5;color:#77736d;font:10px Manrope;padding:5px 6px}.receipt-date-label{margin-left:auto;color:#8c887f}.extra-income-fields{display:flex;align-items:center;gap:6px;margin-left:auto}.extra-income-fields>span{font-size:10px!important;color:#77736d!important;white-space:nowrap}.extra-income-fields input{width:86px;border:1px solid #d8d4ca;border-radius:6px;background:#fffdf8;color:var(--ink);font:11px 'DM Mono';padding:8px}.extra-income-fields input[type=date]{width:125px}.extra-income-fields .export-button{padding:8px 9px}.income-entry-list{display:flex;flex-wrap:wrap;gap:6px;margin:-7px 0 15px}.income-entry{display:inline-flex;align-items:center;gap:4px;border:1px solid #dce8bf;border-radius:999px;background:#f4f9e6;color:#747d60;font-size:10px;padding:5px 8px}.income-entry b{color:#5d7e16}.income-entry-delete{border:0;background:none;color:#a36a55;cursor:pointer;font-size:14px;line-height:1}.type-summary{margin:17px 0;border-top:1px solid #ebe9e3;padding-top:16px}.type-summary-title{color:#9b978f;font:700 10px 'DM Mono';letter-spacing:.08em;margin-bottom:10px}.type-summary-grid{display:flex;flex-wrap:wrap;gap:8px}.type-summary-grid>div{min-width:105px;border:1px solid #e4e1da;border-radius:8px;background:#faf9f5;padding:9px 10px}.type-summary-grid span{display:block;color:#858078;font-size:10px}.type-summary-grid strong{display:block;color:var(--ink);font:700 13px 'DM Mono';margin-top:5px}@media(max-width:800px){.report-income-bar{align-items:flex-start;flex-wrap:wrap}.extra-income-fields{width:100%;margin-left:0;flex-wrap:wrap}.extra-income-fields input[type=date]{flex:1}.extra-income-fields .export-button{flex:0 0 auto}}
.budget-target-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px;padding:15px 17px;border:1px solid #d9e7b8;border-radius:12px;background:#fbfdf3}.budget-target-bar strong{display:block;font-size:14px;margin-top:5px}.budget-target-bar span{display:block;color:#7d8870;font-size:11px;margin-top:3px}.budget-target-bar label{display:flex;align-items:center;gap:7px;background:#fffdf8;border:1px solid #d8d4ca;border-radius:8px;padding:0 10px}.budget-target-bar label>span{color:#77736d;font:700 12px 'DM Mono';margin:0}.budget-target-bar input{width:125px;border:0;outline:0;background:transparent;color:var(--ink);font:700 15px 'DM Mono';padding:11px 0;text-align:right}.budget-alert{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:10px 13px;border:1px solid #e3e0d7;border-radius:9px;background:#faf9f5;color:#817d74;font-size:11px}.budget-alert strong{color:var(--ink)}.budget-alert-icon{display:grid!important;place-items:center;width:20px;height:20px;border-radius:50%;background:#e6e3da;color:#706c64;font:700 12px Manrope!important;margin:0!important;flex:0 0 20px}.budget-alert.is-ok{border-color:#d8e8b3;background:#f4f9e6;color:#637d2b}.budget-alert.is-ok .budget-alert-icon{background:#c8e96a;color:#456000}.budget-alert.is-warning{border-color:#efd59d;background:#fff8e8;color:#906a2a}.budget-alert.is-warning .budget-alert-icon{background:#f3cf78;color:#704d0a}.budget-alert.is-over{border-color:#e7b7a8;background:#fff0ec;color:#a04f3a}.budget-alert.is-over .budget-alert-icon{background:#e49b84;color:#702c1c}@media(max-width:640px){.budget-target-bar{align-items:flex-start;flex-direction:column}.budget-target-bar label{width:100%}.budget-target-bar input{width:100%}.budget-alert{align-items:flex-start}}