@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#17342e;--muted:#76837e;--line:#e6ebe8;--cream:#f8f8f4;--card:#fff;--green:#244b40;--lime:#dced76;--coral:#f4a497;--lav:#d8d0fb;--yellow:#f6df9f;--shadow:0 8px 28px #2341370a}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#fff;padding:28px 16px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);z-index:5}.brand,.mobile-brand{font-family:'Playfair Display';font-size:25px;font-weight:700;display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;padding:0 12px 39px}.brand-mark{font-family:'DM Sans';font-weight:700;font-size:17px;background:var(--lime);width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center}.nav{display:grid;gap:5px}.nav-item,.theme-toggle{border:0;background:transparent;font:inherit;color:#66746f;text-align:left;padding:11px 12px;border-radius:10px;font-weight:500;cursor:pointer}.nav-item span{font-size:19px;width:27px;display:inline-block}.nav-item.active,.nav-item:hover{background:#edf4ef;color:var(--green)}.sidebar-foot{margin-top:auto}.theme-toggle{font-size:13px}.main{margin-left:236px;max-width:1420px;width:calc(100% - 236px);padding:0 46px 54px}.topbar{height:92px;display:flex;justify-content:space-between;align-items:center}.date-label{color:var(--muted);font-size:14px;margin-right:auto;margin-left:28px}.quick-add,.save-button{border:0;background:var(--green);color:#fff;padding:13px 17px;border-radius:11px;font:600 14px 'DM Sans';cursor:pointer;box-shadow:0 4px 9px #18352a23}.quick-add span{font-size:19px;vertical-align:-2px}.hero-head,.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin:28px 0 24px}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#80918a;font-weight:700;margin:0 0 7px}h1,h2,p{margin-top:0}h1{font:700 34px 'Playfair Display';margin-bottom:8px;color:#18372f}h1 span{color:#d7bc37;font-family:sans-serif;font-size:25px}.muted{font-size:14px;color:var(--muted);margin-bottom:0}.ghost-button,.link-button,.more{background:transparent;border:0;color:#58746a;font:600 13px 'DM Sans';cursor:pointer}.ghost-button{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 13px}.balance-card{background:var(--green);min-height:167px;border-radius:18px;padding:25px 29px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.balance-card p{font-size:13px;color:#c4d2cc;margin-bottom:6px}.balance-card strong{font:700 38px 'Playfair Display';display:block;letter-spacing:-1px}.balance-change{font-size:12px;color:var(--lime);font-weight:700;display:block;margin-top:11px}.balance-change em{font-style:normal;color:#bbcbc4;font-weight:400;margin-left:5px}.balance-blob{width:300px;height:300px;background:#30594c;border-radius:50%;position:absolute;right:-70px;top:-120px;opacity:.7}.visibility{position:absolute;right:25px;top:25px;border:0;background:#ffffff18;color:#d9e5df;border-radius:50%;width:31px;height:31px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.stat-card{background:#fff;border-radius:14px;padding:17px 18px;position:relative;min-height:112px;border:1px solid #eef1ed}.stat-card p{font-size:12px;color:var(--muted);margin:6px 0 4px}.stat-card strong{font-size:20px;display:block}.stat-card small{font-size:11px;color:#9aa59f}.stat-icon{position:absolute;right:15px;top:15px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:bold}.income .stat-icon{background:#e4f3e9;color:#2a7b50}.expense .stat-icon{background:#fce6e2;color:#c36052}.savings .stat-icon{background:#ece8fc;color:#7063bc}.content-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.panel{background:var(--card);border:1px solid #edf0ed;border-radius:15px;padding:21px;box-shadow:0 2px 8px #1b312804}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel h2{font:700 18px 'Playfair Display';margin-bottom:4px}.panel-head p,.report-card>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.movement-list{display:grid}.movement{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f0f2ef;gap:12px}.movement:first-child{border-top:0}.movement-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f3e9;font-size:17px}.movement-icon.expense{background:#fce9e5}.movement-icon.saving{background:#eeeafd}.movement-info{flex:1;min-width:0}.movement-info strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movement-info span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.movement-amount{font-size:13px;font-weight:700}.movement-amount.expense{color:#bc5b4e}.movement-amount.income{color:#28724b}.category-chart{display:grid;gap:15px;padding-top:6px}.category-row{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;font-size:12px}.category-dot{width:10px;height:10px;border-radius:50%}.category-name{display:flex;justify-content:space-between;gap:6px}.category-name span{color:var(--muted)}.progress-track{height:6px;background:#f0f2ef;border-radius:6px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;border-radius:6px}.budget-banner{background:#edf4de;border:1px solid #e1ebc7;border-radius:15px;margin-top:16px;padding:17px 20px;display:flex;align-items:center;gap:14px}.budget-emoji{background:#d9ea90;width:39px;height:39px;display:grid;place-items:center;border-radius:12px}.budget-banner strong{display:block;font-size:14px}.budget-banner span{font-size:12px;color:#68765d;display:block;margin-top:3px}.budget-banner button{margin-left:auto;background:transparent;border:0;color:#4c664e;font:600 13px 'DM Sans';cursor:pointer}.view{display:none}.view.active{display:block}.filter-row{display:flex;gap:12px;margin-bottom:17px}.filter-row input,.filter-row select{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:13px 'DM Sans';color:var(--ink)}.filter-row input{flex:1}.filter-row select{min-width:160px}.full-list{padding-top:5px}.budget-list,.goal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.budget-card,.goal-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.budget-card h2,.goal-card h2{font:700 20px 'Playfair Display';margin:8px 0}.budget-card .row,.goal-card .row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:14px 0 7px}.budget-card .row strong,.goal-card .row strong{font-size:14px;color:var(--ink)}.budget-card .progress-track,.goal-card .progress-track{height:9px}.goal-icon{font-size:24px;background:#f1edf9;width:45px;height:45px;display:grid;place-items:center;border-radius:14px}.goal-card .remaining{font-size:12px;color:var(--muted);margin-top:13px}.goal-card button{margin-top:16px}.outline-button{background:#fff;color:#31574b;border:1px solid #cde0d6;border-radius:9px;padding:9px 12px;font:600 12px 'DM Sans';cursor:pointer}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-card{min-height:255px}.bar-chart{height:140px;display:flex;align-items:end;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);margin-top:20px;padding:0 4px}.bar-group{height:100%;display:flex;gap:3px;align-items:end;position:relative;padding-bottom:21px;flex:1;justify-content:center}.bar{width:11px;border-radius:4px 4px 0 0}.bar.income{background:#94c9a4}.bar.expense{background:#f1a095}.bar-label{position:absolute;bottom:3px;font-size:10px;color:var(--muted)}.chart-key{display:flex;gap:18px;margin-top:13px;font-size:11px;color:var(--muted)}.chart-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.income-dot{background:#94c9a4}.expense-dot{background:#f1a095}.professional{background:#eff6f1}.child{background:#fff7eb}.report-card h2#professionalTotal,.report-card h2#childTotal{font-size:32px;margin:17px 0 5px}.report-card>span{font-size:12px;color:var(--muted);display:block;margin-top:20px}.settings-grid{align-items:start}.setting{min-height:190px}.setting p{font-size:13px;color:var(--muted);line-height:1.5}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.tag{background:#f0f4f1;border-radius:20px;padding:6px 9px;font-size:11px;color:#486158}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.file-button input{display:none}.small{font-size:12px!important}.sync-status i{display:inline-block;width:7px;height:7px;background:#70b988;border-radius:50%;margin-right:5px}.bottom-nav{display:none}dialog{border:0;border-radius:17px;box-shadow:0 20px 60px #19342a35;padding:0;width:min(500px,calc(100% - 28px));background:#fff}dialog::backdrop{background:#1b302a55}.modal{padding:24px}.modal-head{display:flex;justify-content:space-between}.modal h2{font:700 24px 'Playfair Display';margin:0}.close{border:0;background:#f0f3f1;border-radius:50%;font-size:23px;width:30px;height:30px;line-height:20px;color:#567066;cursor:pointer}.type-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f3f5f2;padding:4px;border-radius:10px;margin:22px 0 14px}.type-tab{border:0;background:transparent;padding:9px 3px;border-radius:7px;color:#718078;font:600 12px 'DM Sans';cursor:pointer}.type-tab.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #17342e12}.amount-input{display:flex!important;align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px!important}.amount-input span{font:700 29px 'Playfair Display';color:#7c9087}.amount-input input{border:0!important;font:700 34px 'Playfair Display'!important;padding-left:8px!important}.modal label{display:block;font-size:11px;font-weight:700;color:#63746d;margin:13px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:10px;font:14px 'DM Sans';color:var(--ink);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal details{margin:18px 0 12px}.modal summary{font-size:12px;color:#527065;cursor:pointer;font-weight:600}.details-grid{margin-top:4px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important;margin:0!important}.save-button{width:100%;margin-top:6px;font-size:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#1c3b32;color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;opacity:0;transition:.25s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand{display:none}
.due-banner{background:#fbeee6;border:1px solid #f2d9c7;border-radius:15px;margin-top:14px;padding:17px 20px;display:flex;align-items:center;gap:14px}.due-emoji{background:#f3c9a8;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-size:19px}.due-banner strong{display:block;font-size:14px}.due-banner span{font-size:12px;color:#8a6a55;display:block;margin-top:3px}.due-banner button{margin-left:auto;background:transparent;border:0;color:#9a5a34;font:600 13px 'DM Sans';cursor:pointer}
.card-actions{display:flex;gap:6px;justify-content:flex-end;margin-bottom:4px}.mini-btn{border:1px solid var(--line);background:#fff;color:#5a6b63;border-radius:8px;padding:4px 9px;font:600 11px 'DM Sans';cursor:pointer}.mini-btn:hover{background:#f2f5f2}.mini-btn.danger{color:#bc5b4e;border-color:#f0d3ce}
.fixed-card .save-button{margin-top:14px}.due-chip{display:inline-block;margin-top:12px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;background:#eef2ef;color:#5a6b63}.due-chip.ok{background:#e4f3e9;color:#2a7b50}.due-chip.warn{background:#fbf1d8;color:#9a7b2e}.due-chip.danger{background:#fce6e2;color:#c0503f}
.delete-button{width:100%;margin-top:14px;border:1px solid #f0d3ce;background:#fff;color:#bc5b4e;border-radius:9px;padding:11px;font:600 13px 'DM Sans';cursor:pointer}.delete-button:hover{background:#fdf2f0}
.auth-overlay{position:fixed;inset:0;background:var(--cream);display:grid;place-items:center;padding:20px;z-index:50}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 26px;width:min(390px,100%);box-shadow:var(--shadow)}.auth-brand{font-family:'Playfair Display';font-size:24px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:16px}.auth-card h2{font:700 22px 'Playfair Display';margin-bottom:6px}.auth-card .muted{margin-bottom:16px}.auth-card label{display:block;font-size:12px;font-weight:700;color:#63746d;margin:12px 0 0}.auth-card input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:12px;font:15px 'DM Sans';background:#fff;color:var(--ink)}.auth-card .save-button{margin-top:20px}.auth-error{color:#c0503f;font-size:13px;background:#fce6e2;border-radius:8px;padding:9px 11px;margin-top:12px}.linklike{display:block;width:100%;background:transparent;border:0;color:#58746a;font:600 13px 'DM Sans';cursor:pointer;margin-top:14px;text-align:center}.sync-status i.off{background:#d8a24a}.dark .auth-card input{background:#21382f}
.bulk-cats{margin-top:12px}.bulk-cats summary{cursor:pointer;font-size:12px;color:#527065;font-weight:600}.bulk-cats textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:9px;padding:9px;font:13px 'DM Sans';color:var(--ink);background:#fff;box-sizing:border-box;resize:vertical}.bulk-cats button{margin-top:8px}.dark .bulk-cats textarea{background:#21382f}
.cur-chip{font-size:11px;font-weight:700;background:#e4f0e9;color:#2f7a52;border-radius:20px;padding:2px 8px;vertical-align:middle}.dark .cur-chip{background:#28463b;color:#bbdfce}.goal-place{font-size:12px;color:var(--muted);margin:-2px 0 8px}.gl{font-size:12px;font-weight:700;margin:6px 0}.gl.up{color:#2f7a52}.gl.down{color:#c0503f}
.month-nav{display:flex;align-items:center;gap:6px}.month-arrow{border:1px solid var(--line);background:#fff;color:#58746a;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:12px}.month-arrow:disabled{opacity:.35;cursor:default}.dark .month-arrow{background:#1b3029;color:#bbdfce;border-color:#33463f}#monthButton{min-width:150px;text-transform:capitalize}
.from-fact{font-size:10px;font-weight:700;color:#5a6b8c;background:#eef1f8;border:1px solid #dfe4f2;border-radius:20px;padding:5px 9px;white-space:nowrap}.dark .from-fact{background:#25323f;border-color:#33463f;color:#a9c7d8}
.import-choices{display:grid;gap:8px;margin:14px 0}.import-choices .check-label{font-size:13px;font-weight:500;color:var(--ink)}#importInfo{margin-top:10px;color:#3a7a55;font-weight:600}
body.dark{--ink:#e9f1ec;--muted:#a4b3ac;--line:#33463f;--cream:#15241f;--card:#1b3029;--green:#315d4f;--shadow:none}.dark .sidebar,.dark .stat-card,.dark .ghost-button,.dark .filter-row input,.dark .filter-row select,.dark dialog{background:#1b3029}.dark .nav-item.active,.dark .nav-item:hover{background:#28463b}.dark .balance-card{background:#26483c}.dark .budget-card,.dark .goal-card,.dark .outline-button{background:#1b3029}.dark .outline-button{color:#bbdfce}.dark .tag{background:#294137}.dark .type-tabs{background:#263b34}.dark .type-tab.active{background:#38574a}.dark .modal input,.dark .modal select{background:#21382f;color:var(--ink)}.dark .due-banner{background:#33241c;border-color:#4a3527}.dark .due-banner strong{color:#f0d9c7}.dark .mini-btn{background:#1b3029;color:#bbdfce;border-color:#33463f}.dark .delete-button,.dark .fixed-card .save-button{background:#1b3029}.dark .due-chip{background:#28463b;color:#bbdfce}
@media(max-width:800px){.sidebar{display:none}.main{margin:0;width:100%;padding:0 16px 90px}.topbar{height:70px}.mobile-brand{display:flex;padding:0;font-size:21px}.date-label{display:none}.quick-add{padding:10px 12px;font-size:12px}.hero-head{margin:17px 0 20px}.hero-head .ghost-button{font-size:11px;padding:8px}.balance-card{min-height:150px;padding:22px}.balance-card strong{font-size:33px}.stat-grid{gap:8px}.stat-card{padding:13px 11px;min-height:100px}.stat-card strong{font-size:16px}.stat-icon{display:none}.content-grid,.report-grid,.settings-grid,.budget-list,.goal-list{grid-template-columns:1fr}.category-panel{display:none}.budget-banner{padding:14px}.budget-banner button{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;height:69px;background:#fff;border-top:1px solid var(--line);z-index:8;justify-content:space-around;align-items:center}.bottom-nav button{border:0;background:transparent;color:#7b8b84;font:11px 'DM Sans';display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav button.active{color:var(--green)}.bottom-nav #mobileAdd{background:var(--green);color:#fff;border-radius:50%;width:45px;height:45px;font-size:28px;display:grid;place-items:center;margin-top:-22px;box-shadow:0 4px 9px #1b3d3060}.dark .bottom-nav{background:#1b3029}.page-head{margin:22px 0}.filter-row{flex-direction:column}.filter-row select{min-width:0}.panel{padding:17px}.report-card{min-height:220px}}