:root{--bg:#f7f7f3;--surface:#fff;--ink:#17211f;--muted:#7e8984;--line:#e6e9e3;--teal:#167d72;--teal-light:#dff2ed;--coral:#ee785e;--coral-light:#ffebe5;--yellow:#f3ba4d;--purple:#8a78c7;--shadow:0 10px 30px rgba(26,46,39,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#eef2eb;padding:30px 20px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px;display:flex;gap:9px;align-items:center}.brand-mark{display:inline-flex;color:#fff;background:var(--teal);border-radius:9px;width:27px;height:27px;align-items:center;justify-content:center;font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#89958e;margin:0 0 10px}.sidebar .eyebrow{margin:57px 12px 16px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{padding:12px 14px;border-radius:9px;background:transparent;color:#78857e;text-align:left;font-size:14px;font-weight:600;display:flex;align-items:center;gap:13px}.nav-item span{font-size:20px;width:18px;text-align:center}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--teal);box-shadow:0 3px 12px rgba(25,55,46,.04)}.sidebar-bottom{margin-top:auto}.tip-card{background:#dcebe5;border-radius:12px;padding:18px;margin-bottom:20px}.tip-icon{font-size:22px;color:var(--teal)}.tip-card strong{display:block;font-size:13px;margin:8px 0 5px}.tip-card p{font-size:11px;line-height:1.5;color:#70827a;margin:0}.settings-btn{background:transparent;color:#7e8984;padding:10px 12px;font-size:13px}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 5.3%;background:rgba(247,247,243,.8)}.mobile-brand{display:none}.topbar-actions{display:flex;gap:18px;align-items:center}.icon-button{background:transparent;color:#738079;font-size:13px}.avatar{height:35px;width:35px;border-radius:50%;background:#c4dfd7;color:var(--teal);font-weight:700;font-size:12px}.content{max-width:1250px;padding:46px 5.3% 70px;margin:0 auto}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.4px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px;margin:0}.wave{font-size:22px;color:var(--yellow)}.primary-btn,.secondary-btn{border-radius:8px;padding:12px 18px;font-weight:700;font-size:13px}.primary-btn{background:var(--teal);color:#fff;box-shadow:0 4px 10px #167d7225}.primary-btn:hover{background:#126b62}.secondary-btn{background:#e3f0ec;color:var(--teal)}.full{width:100%;margin-top:10px}.stat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:15px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 21px;min-height:148px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.balance-card{background:var(--teal);color:#fff;border-color:var(--teal)}.stat-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#89958e}.balance-card .stat-label{color:#b5ded5}.period{float:right;font-size:9px;color:#a1aba4;letter-spacing:.4px}.stat-value{font-size:25px;font-weight:750;letter-spacing:-1px;margin:15px 0 7px}.stat-meta{font-size:11px}.stat-meta span{color:#9ca7a1;margin-left:2px}.balance-card .stat-meta span{color:#b8dad3}.positive{color:var(--teal)}.balance-card .positive{color:#b7e9dc}.negative{color:var(--coral)}.neutral{color:#87948e}.mini-bar{height:4px;background:#eef0eb;border-radius:4px;position:absolute;bottom:20px;left:21px;right:21px}.mini-bar span{height:100%;display:block;border-radius:4px}.income-bar span{width:69%;background:var(--teal)}.expense-bar span{width:45%;background:var(--coral)}.sparkline{position:absolute;bottom:0;left:0;right:0;height:55px;color:#82c5b7;opacity:.8}.sparkline svg{width:100%;height:100%}.progress-ring{height:37px;width:37px;border:4px solid #edf0ec;border-top-color:var(--teal);border-right-color:var(--teal);border-radius:50%;position:absolute;bottom:16px;right:21px;display:flex;align-items:center;justify-content:center}.progress-ring span{font-size:8px;font-weight:800}.dashboard-grid,.lower-grid,.report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.lower-grid{grid-template-columns:1.25fr 1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 5px;letter-spacing:-.3px}.panel-heading select,.report-select{border:1px solid var(--line);border-radius:6px;padding:7px 8px;color:#697770;background:#fff;font-size:11px}.text-btn{background:transparent;color:var(--teal);font-size:12px;font-weight:700}.legend{display:flex;gap:18px;font-size:11px;color:#7d8883;margin-bottom:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.income-dot{background:var(--teal)}.expense-dot{background:var(--coral)}.chart-wrap{height:185px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#a0aaa5;font-size:10px;margin-top:3px}.breakdown-body{display:flex;align-items:center;gap:24px}.donut{height:150px;width:150px;border-radius:50%;background:conic-gradient(var(--teal) 0 42%,var(--coral) 42% 66%,var(--yellow) 66% 84%,var(--purple) 84% 93%,#c7d3cd 93%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut>div{height:102px;width:102px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:17px}.donut small{font-size:9px;color:var(--muted);margin-top:3px}.category-list{display:flex;flex-direction:column;gap:12px;width:100%}.category-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:11px}.category-row i{height:7px;width:7px;border-radius:50%}.category-row span{color:#65736b}.category-row strong{font-size:11px}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f0f2ee;gap:11px}.transaction-icon{height:32px;width:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px}.transaction-icon.expense{background:var(--coral-light);color:var(--coral)}.transaction-icon.income{background:var(--teal-light);color:var(--teal)}.transaction-info{flex:1}.transaction-info strong{display:block;font-size:12px}.transaction-info small{color:#98a29d;font-size:10px}.transaction-amount{font-size:12px;font-weight:700}.transaction-amount.income{color:var(--teal)}.transaction-amount.expense{color:var(--ink)}.goal-row{padding:11px 0}.goal-row-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.goal-row-head span{color:#7d8982;font-size:11px}.progress{height:7px;background:#edf0ec;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;border-radius:6px;background:var(--teal)}.filter-row{display:flex;justify-content:space-between;margin-bottom:18px}.segmented{background:#e9ece6;border-radius:8px;padding:3px;display:flex}.segmented button{padding:8px 15px;border-radius:6px;color:#7b8880;background:transparent;font-size:12px}.segmented button.active{background:#fff;color:var(--teal);font-weight:700;box-shadow:0 2px 5px #1e42331c}.search-input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 13px;width:210px;font-size:12px}.table-header{display:flex;justify-content:space-between;font-size:13px;padding-bottom:13px}.transaction-table{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1.5fr 1fr .9fr .8fr auto;align-items:center;gap:14px;border-top:1px solid #f0f2ee;padding:14px 0;font-size:12px}.table-row small{color:#8c9891;font-size:10px}.badge{background:#eff2ed;border-radius:20px;padding:5px 8px;font-size:10px;color:#738077;white-space:nowrap}.savings-hero{background:var(--teal);color:white;border-radius:13px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.savings-hero .eyebrow{color:#b6ddd3}.savings-hero h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 5px}.savings-hero .muted{color:#c3e1db}.hero-progress{display:flex;align-items:center;gap:15px}.large-ring{height:83px;width:83px;border:7px solid #63b3a5;border-top-color:#fff;border-right-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.large-ring span{font-size:17px;font-weight:800}.hero-progress strong{display:block;font-size:14px}.hero-progress small{color:#b8dad3;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2{font-size:18px;margin:0 0 5px}.pots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.pot-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.pot-head{display:flex;justify-content:space-between;align-items:center}.pot-icon{height:33px;width:33px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.teal{background:var(--teal-light);color:var(--teal)}.coral{background:var(--coral-light);color:var(--coral)}.purple{background:#eeeaff;color:var(--purple)}.yellow{background:#fff3d9;color:#b88018}.pot-card h3{font-size:13px;margin:16px 0 4px}.pot-amount{font-size:19px;font-weight:750}.pot-amount span{font-size:10px;color:#97a19c;font-weight:500}.pot-card .progress{margin:15px 0 8px}.pot-footer{display:flex;justify-content:space-between;color:#89958e;font-size:10px}.advice-card{background:#fff7de;border:1px solid #f7e7b9;border-radius:11px;padding:20px 24px;display:flex;gap:16px;align-items:flex-start}.advice-icon{height:31px;width:31px;background:#f7c958;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.advice-card h3{font-size:14px;margin:0 0 5px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.goal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;position:relative}.goal-card .goal-symbol{height:39px;width:39px;border-radius:11px;background:#e5f2ed;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:17px}.goal-card h2{font-size:17px;margin:0 0 5px}.goal-card .goal-date{font-size:11px;color:#8d9892;margin-bottom:19px}.goal-amounts{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.goal-amounts strong{font-size:20px}.goal-amounts span{font-size:11px;color:#8a958f}.goal-card .progress{height:9px}.goal-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:#8a958f}.behind{color:var(--coral)!important;font-weight:700}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.report-stat small{font-size:10px;color:#8b9790;text-transform:uppercase;letter-spacing:1px}.report-stat strong{display:block;font-size:25px;margin:10px 0 5px}.trend-item{padding:14px 0;border-bottom:1px solid #eff1ed}.trend-item:last-child{border:0}.trend-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.trend-bar{height:7px;border-radius:7px;background:#eef0ec}.trend-bar span{display:block;height:100%;border-radius:7px;background:var(--teal)}.trend-change{font-size:10px;color:var(--coral);margin-top:5px}.report-advice p{font-size:13px;line-height:1.7;color:#637169}.report-advice strong{color:var(--teal)}.modal-backdrop{display:none;position:fixed;inset:0;background:#18332b66;z-index:5;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:14px;padding:28px;width:min(500px,100%);position:relative;box-shadow:0 20px 60px #172c2440}.modal h2{font-size:24px;margin:0 0 20px}.close-btn{position:absolute;right:18px;top:15px;background:transparent;font-size:25px;color:#89958e}.type-toggle{display:flex;background:#edf1ec;padding:3px;border-radius:8px;margin-bottom:20px}.type-toggle button{flex:1;border-radius:6px;padding:9px;background:transparent;color:#859189;font-size:12px}.type-toggle button.active{background:#fff;color:var(--teal);font-weight:700}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{font-size:11px;color:#6d7c74;font-weight:700}.modal input,.modal select{width:100%;display:block;border:1px solid #dfe5de;border-radius:7px;padding:11px;margin-top:6px;color:var(--ink);background:#fff;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:#9ba49f}.inline-input{display:flex;gap:8px;align-items:center;margin-top:6px}.inline-input input{margin:0;width:100px}.inline-input select{margin:0;flex:1}.form-hint{font-size:11px;line-height:1.5}.toast{position:fixed;bottom:25px;right:25px;background:#17211f;color:#fff;padding:13px 17px;border-radius:8px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}@media(max-width:950px){.sidebar{width:205px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid,.report-grid{grid-template-columns:1fr}.pots-grid{grid-template-columns:1fr 1fr}.content{padding-left:3%;padding-right:3%}}@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 18px;justify-content:space-between}.mobile-brand{display:flex;font-weight:800;align-items:center;gap:7px;font-size:16px}.mobile-brand .brand-mark{height:23px;width:23px;font-size:12px}.topbar-actions{gap:12px}.icon-button span{display:none}.content{padding:28px 16px 50px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .primary-btn,.page-heading .secondary-btn{align-self:stretch}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px;min-height:135px}.stat-value{font-size:20px}.period{display:none}.mini-bar{left:15px;right:15px;bottom:15px}.sparkline{display:none}.dashboard-grid,.lower-grid{gap:12px;margin-bottom:12px}.panel{padding:17px}.breakdown-body{gap:12px}.donut{width:120px;height:120px}.donut>div{width:81px;height:81px}.category-list{gap:9px}.table-panel{margin:0 -1px}.table-row{grid-template-columns:1.3fr .7fr auto;gap:8px}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.search-input{width:150px}.savings-hero{padding:22px;align-items:flex-start;gap:12px}.savings-hero h2{font-size:28px}.hero-progress{flex-direction:column;align-items:flex-end}.large-ring{height:66px;width:66px}.pots-grid,.goals-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr;gap:10px}.report-stat strong{font-size:20px}.form-row{grid-template-columns:1fr}.modal{padding:24px 20px}.filter-row{gap:8px;flex-wrap:wrap}.segmented{flex:1}.segmented button{padding-left:9px;padding-right:9px;flex:1}.chart-wrap{height:150px}}
.auth-screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#0b1113;color:#edf5f1}.auth-card{width:min(420px,100%);padding:34px;background:#111a1d;border:1px solid #223238;border-radius:16px;box-shadow:0 24px 80px #0008}.auth-brand{margin-bottom:35px}.auth-card h1{font-size:29px;letter-spacing:-1px;margin:0 0 8px}.auth-card form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.auth-card label{font-size:11px;font-weight:700;color:#9eb0a9}.auth-card input{width:100%;display:block;margin-top:6px;padding:12px;border:1px solid #2a3b40;border-radius:7px;background:#0d1517;color:#edf5f1}.auth-error{min-height:16px;color:#ff826a;font-size:12px;margin:0}.auth-note{display:block;margin-top:18px;line-height:1.5}.app-unlocked .auth-screen{display:none}.app-unlocked .app-shell{display:flex}body:not(.app-unlocked) .app-shell{display:none !important}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#eef2eb;padding:30px 20px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px;display:flex;gap:9px;align-items:center}.brand-mark{display:inline-flex;color:#fff;background:var(--teal);border-radius:9px;width:27px;height:27px;align-items:center;justify-content:center;font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#89958e;margin:0 0 10px}.sidebar .eyebrow{margin:57px 12px 16px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{padding:12px 14px;border-radius:9px;background:transparent;color:#78857e;text-align:left;font-size:14px;font-weight:600;display:flex;align-items:center;gap:13px}.nav-item span{font-size:20px;width:18px;text-align:center}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--teal);box-shadow:0 3px 12px rgba(25,55,46,.04)}.sidebar-bottom{margin-top:auto}.tip-card{background:#dcebe5;border-radius:12px;padding:18px;margin-bottom:20px}.tip-icon{font-size:22px;color:var(--teal)}.tip-card strong{display:block;font-size:13px;margin:8px 0 5px}.tip-card p{font-size:11px;line-height:1.5;color:#70827a;margin:0}.settings-btn{background:transparent;color:#7e8984;padding:10px 12px;font-size:13px}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 5.3%;background:rgba(247,247,243,.8)}.mobile-brand{display:none}.topbar-actions{display:flex;gap:18px;align-items:center}.icon-button{background:transparent;color:#738079;font-size:13px}.avatar{height:35px;width:35px;border-radius:50%;background:#c4dfd7;color:var(--teal);font-weight:700;font-size:12px}.content{max-width:1250px;padding:46px 5.3% 70px;margin:0 auto}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.4px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px;margin:0}.wave{font-size:22px;color:var(--yellow)}.primary-btn,.secondary-btn{border-radius:8px;padding:12px 18px;font-weight:700;font-size:13px}.primary-btn{background:var(--teal);color:#fff;box-shadow:0 4px 10px #167d7225}.primary-btn:hover{background:#126b62}.secondary-btn{background:#e3f0ec;color:var(--teal)}.full{width:100%;margin-top:10px}.stat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:15px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 21px;min-height:148px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.balance-card{background:var(--teal);color:#fff;border-color:var(--teal)}.stat-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#89958e}.balance-card .stat-label{color:#b5ded5}.period{float:right;font-size:9px;color:#a1aba4;letter-spacing:.4px}.stat-value{font-size:25px;font-weight:750;letter-spacing:-1px;margin:15px 0 7px}.stat-meta{font-size:11px}.stat-meta span{color:#9ca7a1;margin-left:2px}.balance-card .stat-meta span{color:#b8dad3}.positive{color:var(--teal)}.balance-card .positive{color:#b7e9dc}.negative{color:var(--coral)}.neutral{color:#87948e}.mini-bar{height:4px;background:#eef0eb;border-radius:4px;position:absolute;bottom:20px;left:21px;right:21px}.mini-bar span{height:100%;display:block;border-radius:4px}.income-bar span{width:69%;background:var(--teal)}.expense-bar span{width:45%;background:var(--coral)}.sparkline{position:absolute;bottom:0;left:0;right:0;height:55px;color:#82c5b7;opacity:.8}.sparkline svg{width:100%;height:100%}.progress-ring{height:37px;width:37px;border:4px solid #edf0ec;border-top-color:var(--teal);border-right-color:var(--teal);border-radius:50%;position:absolute;bottom:16px;right:21px;display:flex;align-items:center;justify-content:center}.progress-ring span{font-size:8px;font-weight:800}.dashboard-grid,.lower-grid,.report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.lower-grid{grid-template-columns:1.25fr 1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 5px;letter-spacing:-.3px}.panel-heading select,.report-select{border:1px solid var(--line);border-radius:6px;padding:7px 8px;color:#697770;background:#fff;font-size:11px}.text-btn{background:transparent;color:var(--teal);font-size:12px;font-weight:700}.legend{display:flex;gap:18px;font-size:11px;color:#7d8883;margin-bottom:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.income-dot{background:var(--teal)}.expense-dot{background:var(--coral)}.chart-wrap{height:185px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#a0aaa5;font-size:10px;margin-top:3px}.breakdown-body{display:flex;align-items:center;gap:24px}.donut{height:150px;width:150px;border-radius:50%;background:conic-gradient(var(--teal) 0 42%,var(--coral) 42% 66%,var(--yellow) 66% 84%,var(--purple) 84% 93%,#c7d3cd 93%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut>div{height:102px;width:102px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:17px}.donut small{font-size:9px;color:var(--muted);margin-top:3px}.category-list{display:flex;flex-direction:column;gap:12px;width:100%}.category-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:11px}.category-row i{height:7px;width:7px;border-radius:50%}.category-row span{color:#65736b}.category-row strong{font-size:11px}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f0f2ee;gap:11px}.transaction-icon{height:32px;width:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px}.transaction-icon.expense{background:var(--coral-light);color:var(--coral)}.transaction-icon.income{background:var(--teal-light);color:var(--teal)}.transaction-info{flex:1}.transaction-info strong{display:block;font-size:12px}.transaction-info small{color:#98a29d;font-size:10px}.transaction-amount{font-size:12px;font-weight:700}.transaction-amount.income{color:var(--teal)}.transaction-amount.expense{color:var(--ink)}.goal-row{padding:11px 0}.goal-row-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.goal-row-head span{color:#7d8982;font-size:11px}.progress{height:7px;background:#edf0ec;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;border-radius:6px;background:var(--teal)}.filter-row{display:flex;justify-content:space-between;margin-bottom:18px}.segmented{background:#e9ece6;border-radius:8px;padding:3px;display:flex}.segmented button{padding:8px 15px;border-radius:6px;color:#7b8880;background:transparent;font-size:12px}.segmented button.active{background:#fff;color:var(--teal);font-weight:700;box-shadow:0 2px 5px #1e42331c}.search-input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 13px;width:210px;font-size:12px}.table-header{display:flex;justify-content:space-between;font-size:13px;padding-bottom:13px}.transaction-table{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1.5fr 1fr .9fr .8fr auto;align-items:center;gap:14px;border-top:1px solid #f0f2ee;padding:14px 0;font-size:12px}.table-row small{color:#8c9891;font-size:10px}.badge{background:#eff2ed;border-radius:20px;padding:5px 8px;font-size:10px;color:#738077;white-space:nowrap}.savings-hero{background:var(--teal);color:white;border-radius:13px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.savings-hero .eyebrow{color:#b6ddd3}.savings-hero h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 5px}.savings-hero .muted{color:#c3e1db}.hero-progress{display:flex;align-items:center;gap:15px}.large-ring{height:83px;width:83px;border:7px solid #63b3a5;border-top-color:#fff;border-right-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.large-ring span{font-size:17px;font-weight:800}.hero-progress strong{display:block;font-size:14px}.hero-progress small{color:#b8dad3;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2{font-size:18px;margin:0 0 5px}.pots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.pot-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.pot-head{display:flex;justify-content:space-between;align-items:center}.pot-icon{height:33px;width:33px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.teal{background:var(--teal-light);color:var(--teal)}.coral{background:var(--coral-light);color:var(--coral)}.purple{background:#eeeaff;color:var(--purple)}.yellow{background:#fff3d9;color:#b88018}.pot-card h3{font-size:13px;margin:16px 0 4px}.pot-amount{font-size:19px;font-weight:750}.pot-amount span{font-size:10px;color:#97a19c;font-weight:500}.pot-card .progress{margin:15px 0 8px}.pot-footer{display:flex;justify-content:space-between;color:#89958e;font-size:10px}.advice-card{background:#fff7de;border:1px solid #f7e7b9;border-radius:11px;padding:20px 24px;display:flex;gap:16px;align-items:flex-start}.advice-icon{height:31px;width:31px;background:#f7c958;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.advice-card h3{font-size:14px;margin:0 0 5px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.goal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;position:relative}.goal-card .goal-symbol{height:39px;width:39px;border-radius:11px;background:#e5f2ed;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:17px}.goal-card h2{font-size:17px;margin:0 0 5px}.goal-card .goal-date{font-size:11px;color:#8d9892;margin-bottom:19px}.goal-amounts{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.goal-amounts strong{font-size:20px}.goal-amounts span{font-size:11px;color:#8a958f}.goal-card .progress{height:9px}.goal-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:#8a958f}.behind{color:var(--coral)!important;font-weight:700}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.report-stat small{font-size:10px;color:#8b9790;text-transform:uppercase;letter-spacing:1px}.report-stat strong{display:block;font-size:25px;margin:10px 0 5px}.trend-item{padding:14px 0;border-bottom:1px solid #eff1ed}.trend-item:last-child{border:0}.trend-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.trend-bar{height:7px;border-radius:7px;background:#eef0ec}.trend-bar span{display:block;height:100%;border-radius:7px;background:var(--teal)}.trend-change{font-size:10px;color:var(--coral);margin-top:5px}.report-advice p{font-size:13px;line-height:1.7;color:#637169}.report-advice strong{color:var(--teal)}.modal-backdrop{display:none;position:fixed;inset:0;background:#18332b66;z-index:5;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:14px;padding:28px;width:min(500px,100%);position:relative;box-shadow:0 20px 60px #172c2440}.modal h2{font-size:24px;margin:0 0 20px}.close-btn{position:absolute;right:18px;top:15px;background:transparent;font-size:25px;color:#89958e}.type-toggle{display:flex;background:#edf1ec;padding:3px;border-radius:8px;margin-bottom:20px}.type-toggle button{flex:1;border-radius:6px;padding:9px;background:transparent;color:#859189;font-size:12px}.type-toggle button.active{background:#fff;color:var(--teal);font-weight:700}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{font-size:11px;color:#6d7c74;font-weight:700}.modal input,.modal select{width:100%;display:block;border:1px solid #dfe5de;border-radius:7px;padding:11px;margin-top:6px;color:var(--ink);background:#fff;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:#9ba49f}.inline-input{display:flex;gap:8px;align-items:center;margin-top:6px}.inline-input input{margin:0;width:100px}.inline-input select{margin:0;flex:1}.form-hint{font-size:11px;line-height:1.5}.toast{position:fixed;bottom:25px;right:25px;background:#17211f;color:#fff;padding:13px 17px;border-radius:8px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}@media(max-width:950px){.sidebar{width:205px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid,.report-grid{grid-template-columns:1fr}.pots-grid{grid-template-columns:1fr 1fr}.content{padding-left:3%;padding-right:3%}}@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 18px;justify-content:space-between}.mobile-brand{display:flex;font-weight:800;align-items:center;gap:7px;font-size:16px}.mobile-brand .brand-mark{height:23px;width:23px;font-size:12px}.topbar-actions{gap:12px}.icon-button span{display:none}.content{padding:28px 16px 50px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .primary-btn,.page-heading .secondary-btn{align-self:stretch}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px;min-height:135px}.stat-value{font-size:20px}.period{display:none}.mini-bar{left:15px;right:15px;bottom:15px}.sparkline{display:none}.dashboard-grid,.lower-grid{gap:12px;margin-bottom:12px}.panel{padding:17px}.breakdown-body{gap:12px}.donut{width:120px;height:120px}.donut>div{width:81px;height:81px}.category-list{gap:9px}.table-panel{margin:0 -1px}.table-row{grid-template-columns:1.3fr .7fr auto;gap:8px}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.search-input{width:150px}.savings-hero{padding:22px;align-items:flex-start;gap:12px}.savings-hero h2{font-size:28px}.hero-progress{flex-direction:column;align-items:flex-end}.large-ring{height:66px;width:66px}.pots-grid,.goals-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr;gap:10px}.report-stat strong{font-size:20px}.form-row{grid-template-columns:1fr}.modal{padding:24px 20px}.filter-row{gap:8px;flex-wrap:wrap}.segmented{flex:1}.segmented button{padding-left:9px;padding-right:9px;flex:1}.chart-wrap{height:150px}}
.auth-reset{border:0;background:none;color:#70d1bd;font-size:12px;cursor:pointer;padding:4px}.profile-summary{display:flex;align-items:center;gap:12px;padding:12px;background:#0d1517;border:1px solid #223238;border-radius:10px;margin:16px 0 20px}.profile-summary p{margin:3px 0 0}.profile-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#167d72;color:#fff;font-weight:800}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#eef2eb;padding:30px 20px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px;display:flex;gap:9px;align-items:center}.brand-mark{display:inline-flex;color:#fff;background:var(--teal);border-radius:9px;width:27px;height:27px;align-items:center;justify-content:center;font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#89958e;margin:0 0 10px}.sidebar .eyebrow{margin:57px 12px 16px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{padding:12px 14px;border-radius:9px;background:transparent;color:#78857e;text-align:left;font-size:14px;font-weight:600;display:flex;align-items:center;gap:13px}.nav-item span{font-size:20px;width:18px;text-align:center}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--teal);box-shadow:0 3px 12px rgba(25,55,46,.04)}.sidebar-bottom{margin-top:auto}.tip-card{background:#dcebe5;border-radius:12px;padding:18px;margin-bottom:20px}.tip-icon{font-size:22px;color:var(--teal)}.tip-card strong{display:block;font-size:13px;margin:8px 0 5px}.tip-card p{font-size:11px;line-height:1.5;color:#70827a;margin:0}.settings-btn{background:transparent;color:#7e8984;padding:10px 12px;font-size:13px}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 5.3%;background:rgba(247,247,243,.8)}.mobile-brand{display:none}.topbar-actions{display:flex;gap:18px;align-items:center}.icon-button{background:transparent;color:#738079;font-size:13px}.avatar{height:35px;width:35px;border-radius:50%;background:#c4dfd7;color:var(--teal);font-weight:700;font-size:12px}.content{max-width:1250px;padding:46px 5.3% 70px;margin:0 auto}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.4px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px;margin:0}.wave{font-size:22px;color:var(--yellow)}.primary-btn,.secondary-btn{border-radius:8px;padding:12px 18px;font-weight:700;font-size:13px}.primary-btn{background:var(--teal);color:#fff;box-shadow:0 4px 10px #167d7225}.primary-btn:hover{background:#126b62}.secondary-btn{background:#e3f0ec;color:var(--teal)}.full{width:100%;margin-top:10px}.stat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:15px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 21px;min-height:148px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.balance-card{background:var(--teal);color:#fff;border-color:var(--teal)}.stat-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#89958e}.balance-card .stat-label{color:#b5ded5}.period{float:right;font-size:9px;color:#a1aba4;letter-spacing:.4px}.stat-value{font-size:25px;font-weight:750;letter-spacing:-1px;margin:15px 0 7px}.stat-meta{font-size:11px}.stat-meta span{color:#9ca7a1;margin-left:2px}.balance-card .stat-meta span{color:#b8dad3}.positive{color:var(--teal)}.balance-card .positive{color:#b7e9dc}.negative{color:var(--coral)}.neutral{color:#87948e}.mini-bar{height:4px;background:#eef0eb;border-radius:4px;position:absolute;bottom:20px;left:21px;right:21px}.mini-bar span{height:100%;display:block;border-radius:4px}.income-bar span{width:69%;background:var(--teal)}.expense-bar span{width:45%;background:var(--coral)}.sparkline{position:absolute;bottom:0;left:0;right:0;height:55px;color:#82c5b7;opacity:.8}.sparkline svg{width:100%;height:100%}.progress-ring{height:37px;width:37px;border:4px solid #edf0ec;border-top-color:var(--teal);border-right-color:var(--teal);border-radius:50%;position:absolute;bottom:16px;right:21px;display:flex;align-items:center;justify-content:center}.progress-ring span{font-size:8px;font-weight:800}.dashboard-grid,.lower-grid,.report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.lower-grid{grid-template-columns:1.25fr 1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 5px;letter-spacing:-.3px}.panel-heading select,.report-select{border:1px solid var(--line);border-radius:6px;padding:7px 8px;color:#697770;background:#fff;font-size:11px}.text-btn{background:transparent;color:var(--teal);font-size:12px;font-weight:700}.legend{display:flex;gap:18px;font-size:11px;color:#7d8883;margin-bottom:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.income-dot{background:var(--teal)}.expense-dot{background:var(--coral)}.chart-wrap{height:185px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#a0aaa5;font-size:10px;margin-top:3px}.breakdown-body{display:flex;align-items:center;gap:24px}.donut{height:150px;width:150px;border-radius:50%;background:conic-gradient(var(--teal) 0 42%,var(--coral) 42% 66%,var(--yellow) 66% 84%,var(--purple) 84% 93%,#c7d3cd 93%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut>div{height:102px;width:102px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:17px}.donut small{font-size:9px;color:var(--muted);margin-top:3px}.category-list{display:flex;flex-direction:column;gap:12px;width:100%}.category-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:11px}.category-row i{height:7px;width:7px;border-radius:50%}.category-row span{color:#65736b}.category-row strong{font-size:11px}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f0f2ee;gap:11px}.transaction-icon{height:32px;width:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px}.transaction-icon.expense{background:var(--coral-light);color:var(--coral)}.transaction-icon.income{background:var(--teal-light);color:var(--teal)}.transaction-info{flex:1}.transaction-info strong{display:block;font-size:12px}.transaction-info small{color:#98a29d;font-size:10px}.transaction-amount{font-size:12px;font-weight:700}.transaction-amount.income{color:var(--teal)}.transaction-amount.expense{color:var(--ink)}.goal-row{padding:11px 0}.goal-row-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.goal-row-head span{color:#7d8982;font-size:11px}.progress{height:7px;background:#edf0ec;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;border-radius:6px;background:var(--teal)}.filter-row{display:flex;justify-content:space-between;margin-bottom:18px}.segmented{background:#e9ece6;border-radius:8px;padding:3px;display:flex}.segmented button{padding:8px 15px;border-radius:6px;color:#7b8880;background:transparent;font-size:12px}.segmented button.active{background:#fff;color:var(--teal);font-weight:700;box-shadow:0 2px 5px #1e42331c}.search-input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 13px;width:210px;font-size:12px}.table-header{display:flex;justify-content:space-between;font-size:13px;padding-bottom:13px}.transaction-table{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1.5fr 1fr .9fr .8fr auto;align-items:center;gap:14px;border-top:1px solid #f0f2ee;padding:14px 0;font-size:12px}.table-row small{color:#8c9891;font-size:10px}.badge{background:#eff2ed;border-radius:20px;padding:5px 8px;font-size:10px;color:#738077;white-space:nowrap}.savings-hero{background:var(--teal);color:white;border-radius:13px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.savings-hero .eyebrow{color:#b6ddd3}.savings-hero h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 5px}.savings-hero .muted{color:#c3e1db}.hero-progress{display:flex;align-items:center;gap:15px}.large-ring{height:83px;width:83px;border:7px solid #63b3a5;border-top-color:#fff;border-right-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.large-ring span{font-size:17px;font-weight:800}.hero-progress strong{display:block;font-size:14px}.hero-progress small{color:#b8dad3;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2{font-size:18px;margin:0 0 5px}.pots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.pot-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.pot-head{display:flex;justify-content:space-between;align-items:center}.pot-icon{height:33px;width:33px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.teal{background:var(--teal-light);color:var(--teal)}.coral{background:var(--coral-light);color:var(--coral)}.purple{background:#eeeaff;color:var(--purple)}.yellow{background:#fff3d9;color:#b88018}.pot-card h3{font-size:13px;margin:16px 0 4px}.pot-amount{font-size:19px;font-weight:750}.pot-amount span{font-size:10px;color:#97a19c;font-weight:500}.pot-card .progress{margin:15px 0 8px}.pot-footer{display:flex;justify-content:space-between;color:#89958e;font-size:10px}.advice-card{background:#fff7de;border:1px solid #f7e7b9;border-radius:11px;padding:20px 24px;display:flex;gap:16px;align-items:flex-start}.advice-icon{height:31px;width:31px;background:#f7c958;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.advice-card h3{font-size:14px;margin:0 0 5px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.goal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;position:relative}.goal-card .goal-symbol{height:39px;width:39px;border-radius:11px;background:#e5f2ed;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:17px}.goal-card h2{font-size:17px;margin:0 0 5px}.goal-card .goal-date{font-size:11px;color:#8d9892;margin-bottom:19px}.goal-amounts{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.goal-amounts strong{font-size:20px}.goal-amounts span{font-size:11px;color:#8a958f}.goal-card .progress{height:9px}.goal-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:#8a958f}.behind{color:var(--coral)!important;font-weight:700}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.report-stat small{font-size:10px;color:#8b9790;text-transform:uppercase;letter-spacing:1px}.report-stat strong{display:block;font-size:25px;margin:10px 0 5px}.trend-item{padding:14px 0;border-bottom:1px solid #eff1ed}.trend-item:last-child{border:0}.trend-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.trend-bar{height:7px;border-radius:7px;background:#eef0ec}.trend-bar span{display:block;height:100%;border-radius:7px;background:var(--teal)}.trend-change{font-size:10px;color:var(--coral);margin-top:5px}.report-advice p{font-size:13px;line-height:1.7;color:#637169}.report-advice strong{color:var(--teal)}.modal-backdrop{display:none;position:fixed;inset:0;background:#18332b66;z-index:5;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:14px;padding:28px;width:min(500px,100%);position:relative;box-shadow:0 20px 60px #172c2440}.modal h2{font-size:24px;margin:0 0 20px}.close-btn{position:absolute;right:18px;top:15px;background:transparent;font-size:25px;color:#89958e}.type-toggle{display:flex;background:#edf1ec;padding:3px;border-radius:8px;margin-bottom:20px}.type-toggle button{flex:1;border-radius:6px;padding:9px;background:transparent;color:#859189;font-size:12px}.type-toggle button.active{background:#fff;color:var(--teal);font-weight:700}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{font-size:11px;color:#6d7c74;font-weight:700}.modal input,.modal select{width:100%;display:block;border:1px solid #dfe5de;border-radius:7px;padding:11px;margin-top:6px;color:var(--ink);background:#fff;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:#9ba49f}.inline-input{display:flex;gap:8px;align-items:center;margin-top:6px}.inline-input input{margin:0;width:100px}.inline-input select{margin:0;flex:1}.form-hint{font-size:11px;line-height:1.5}.toast{position:fixed;bottom:25px;right:25px;background:#17211f;color:#fff;padding:13px 17px;border-radius:8px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}@media(max-width:950px){.sidebar{width:205px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid,.report-grid{grid-template-columns:1fr}.pots-grid{grid-template-columns:1fr 1fr}.content{padding-left:3%;padding-right:3%}}@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 18px;justify-content:space-between}.mobile-brand{display:flex;font-weight:800;align-items:center;gap:7px;font-size:16px}.mobile-brand .brand-mark{height:23px;width:23px;font-size:12px}.topbar-actions{gap:12px}.icon-button span{display:none}.content{padding:28px 16px 50px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .primary-btn,.page-heading .secondary-btn{align-self:stretch}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px;min-height:135px}.stat-value{font-size:20px}.period{display:none}.mini-bar{left:15px;right:15px;bottom:15px}.sparkline{display:none}.dashboard-grid,.lower-grid{gap:12px;margin-bottom:12px}.panel{padding:17px}.breakdown-body{gap:12px}.donut{width:120px;height:120px}.donut>div{width:81px;height:81px}.category-list{gap:9px}.table-panel{margin:0 -1px}.table-row{grid-template-columns:1.3fr .7fr auto;gap:8px}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.search-input{width:150px}.savings-hero{padding:22px;align-items:flex-start;gap:12px}.savings-hero h2{font-size:28px}.hero-progress{flex-direction:column;align-items:flex-end}.large-ring{height:66px;width:66px}.pots-grid,.goals-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr;gap:10px}.report-stat strong{font-size:20px}.form-row{grid-template-columns:1fr}.modal{padding:24px 20px}.filter-row{gap:8px;flex-wrap:wrap}.segmented{flex:1}.segmented button{padding-left:9px;padding-right:9px;flex:1}.chart-wrap{height:150px}}

/* Pennywise dark theme */
:root{--bg:#0b1113;--surface:#111a1d;--ink:#edf5f1;--muted:#8da09a;--line:#223238;--teal:#31b39f;--teal-light:#172b2c;--coral:#ff826a;--coral-light:#302223;--yellow:#efba52;--purple:#9a88ed;--shadow:0 12px 30px rgba(0,0,0,.28)}
body{background:var(--bg);color:var(--ink)}.sidebar{background:#0e1719}.topbar{background:rgba(11,17,19,.88);border-color:var(--line)}.nav-item{color:#8da09a}.nav-item.active,.nav-item:hover,.panel,.stat-card,.pot-card,.goal-card,.donut>div,.modal{background:var(--surface);color:var(--ink);border-color:var(--line)}.tip-card{background:#151f22}.tip-card p,.muted,.transaction-info small,.table-row small,.goal-date,.pot-footer,.category-row span,.legend,.chart-labels{color:var(--muted)}.stat-label{color:#8da09a}.balance-card{background:#182327;border-color:var(--line)}.balance-card .stat-label{color:#b7e6dc}.mini-bar{background:#233337}.progress,.trend-bar{background:#223238}.panel-heading select,.report-select,.search-input,.modal input,.modal select{background:#0d1517;color:var(--ink);border-color:var(--line)}.segmented{background:#182326}.segmented button{color:#94a69f}.segmented button.active{background:#263a3c;color:#6bdfca}.advice-card{background:#191c1a;border-color:#454432}.savings-hero{background:#182327;border:1px solid var(--line)}.hero-progress strong{color:#fff}.table-row,.transaction-item{border-color:#203035}.settings-btn{color:#8da09a}.text-btn{color:#55d1bc}.report-actions{display:flex;gap:10px;align-items:center}.budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.budget-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.budget-card>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.budget-card>div:first-child span{font-size:10px;color:var(--muted);text-align:right}.budget-card small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.budget-card.warning{border-color:#805145}.report-stat{background:var(--surface);border-color:var(--line)}.modal-backdrop{background:#000b}.close-btn{color:#8da09a}.toast{background:#182327;color:var(--ink)}@media(max-width:950px){.budget-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.report-actions{width:100%;flex-direction:column;align-items:stretch}.budget-grid{grid-template-columns:1fr 1fr}}
.secondary-btn{background:#182327;color:var(--teal);border:1px solid var(--line)}.avatar{background:#182327;color:var(--teal);border:1px solid var(--line)}.segmented button.active{background:#1b292c}.donut>div{background:#111a1d}.type-toggle{background:#182326}.type-toggle button.active{background:#1b292c;color:#6bdfca}.primary-btn{background:var(--teal);color:#071412}.primary-btn:hover{background:#4bcab5}.stat-card,.panel,.pot-card,.goal-card,.report-stat,.budget-card,.modal,.advice-card,.tip-card{box-shadow:var(--shadow)}
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-mark .icon{width:17px;height:17px}.nav-item>span,.settings-btn>span,.icon-button>span:first-child,.primary-btn>span,.secondary-btn>span,.text-btn>span{display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-item>span{width:18px;font-size:18px}.tip-icon{display:inline-flex;font-size:22px}.wave{display:inline-flex;font-size:20px}.search-field{position:relative;display:flex;align-items:center}.search-field>span{position:absolute;left:13px;color:#8b9790;font-size:15px}.search-field .search-input{padding-left:35px}.transaction-icon .icon{width:16px;height:16px}.table-category-icon{display:flex;align-items:center;gap:7px}.table-category-icon .icon{width:15px;height:15px;color:var(--teal)}.goal-symbol .icon{width:20px;height:20px}.primary-btn,.secondary-btn,.text-btn,.icon-button{display:inline-flex;align-items:center;gap:7px}
.category-row{grid-template-columns:9px 18px 1fr auto}.category-icon{display:inline-flex;color:var(--teal)}.category-icon .icon{width:15px;height:15px}
.storage-warning{max-width:1250px;margin:14px auto 0;padding:10px 5.3%;color:#75622e;background:#fff8df;border-bottom:1px solid #f2e2ab;font-size:12px}
.mobile-menu-btn{display:none;background:transparent;color:var(--teal);min-width:44px;min-height:44px;padding:8px}.mobile-menu-btn .icon{width:20px;height:20px}
@media (max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:76px}
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed;right:0;bottom:0;left:0;z-index:15;width:100%;height:68px;padding:5px max(6px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(26,46,39,.08);backdrop-filter:blur(12px)}
  .sidebar>.brand,.sidebar>.eyebrow,.sidebar-bottom{display:none}
  .nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:100%;height:100%}
  .nav-item{min-width:0;min-height:56px;padding:6px 2px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;font-size:10px;line-height:1.1}
  .nav-item>span{width:auto;height:22px;font-size:19px}
  .nav-item.active,.nav-item:hover{box-shadow:none}
  .main{width:100%;min-width:0}
  .topbar{height:60px;padding:0 16px}
  .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .mobile-brand{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:16px}
  .topbar-actions{gap:10px}
  .icon-button{min-height:44px;padding:8px 4px}
  .icon-button>span:last-child{display:none}
  .avatar{width:40px;height:40px}
  .storage-warning{margin:0;padding:10px 16px;font-size:11px;line-height:1.4}
  .content{width:100%;padding:26px 16px 92px}
  .page-heading{align-items:stretch;margin-bottom:22px;gap:14px}
  .page-heading h1{font-size:30px}
  .page-heading>.primary-btn,.page-heading>.secondary-btn{width:100%;justify-content:center}
  #addTransactionBtn,#addTransactionBtn2{position:fixed;right:16px;bottom:82px;z-index:14;width:auto;min-height:48px;padding:12px 16px;border-radius:24px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat-card{min-height:132px;padding:15px 14px}
  .stat-value{font-size:20px}
  .stat-label{font-size:9px;letter-spacing:.7px}
  .period{display:block;float:none;margin-top:3px}
  .dashboard-grid,.lower-grid,.report-grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px}
  .panel{min-width:0;padding:16px;border-radius:10px}
  .panel-heading{gap:10px;flex-wrap:wrap}
  .chart-wrap{height:150px;width:100%;overflow:hidden}
  .chart-wrap svg{min-width:0;width:100%}
  .chart-labels{font-size:9px}
  .breakdown-body{gap:16px;flex-direction:column}
  .donut{width:130px;height:130px}
  .donut>div{width:88px;height:88px}
  .transaction-item{gap:8px;padding:12px 0}
  .transaction-info{min-width:0}
  .transaction-info strong,.transaction-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .transaction-amount{font-size:11px;white-space:nowrap}
  .row-actions{display:flex;gap:8px}
  .table-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0}
  .table-row .row-actions{grid-column:1/-1}
  .filter-row{display:flex;flex-direction:column;gap:10px}
  .segmented{width:100%}
  .segmented button{min-height:44px;flex:1;padding:8px 6px}
  .search-field,.search-field .search-input{width:100%;min-height:44px}
  .form-row{grid-template-columns:1fr}
  input,select{min-height:44px}
  .primary-btn,.secondary-btn{min-height:44px}
  .modal{width:calc(100% - 24px);max-height:calc(100vh - 24px);overflow-y:auto;padding:22px 18px}
  .close-btn{min-width:44px;min-height:44px}
  .pots-grid,.goals-grid,.budget-grid{grid-template-columns:1fr}
  .savings-hero{padding:20px;gap:20px}
  .report-actions{width:100%;display:grid;gap:10px}
  .report-actions>*{width:100%;min-height:44px}
  .sidebar.mobile-menu-open{display:flex}
  .sidebar.mobile-menu-open{top:60px;bottom:auto;height:auto;max-height:calc(100vh - 60px);padding:14px 16px;background:rgba(255,255,255,.98);border-top:0;border-bottom:1px solid var(--line);overflow:auto}
  .sidebar.mobile-menu-open .nav{display:flex;flex-direction:column;height:auto;gap:6px}
  .sidebar.mobile-menu-open .nav-item{min-height:48px;padding:10px 14px;display:flex;flex-direction:row;justify-content:flex-start;gap:13px;text-align:left;font-size:14px}
  .sidebar.mobile-menu-open .nav-item>span{width:18px;height:22px}
}
@media (max-width:600px){
  body{padding-bottom:0}
  .sidebar{display:none;position:fixed;top:60px;right:12px;bottom:auto;left:12px;width:auto;height:auto;max-height:calc(100vh - 76px);padding:14px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 35px rgba(26,46,39,.16);overflow:auto}
  .sidebar.mobile-menu-open{display:flex;top:60px;right:12px;bottom:auto;left:12px;height:auto;max-height:calc(100vh - 76px);padding:14px}
  .sidebar:not(.mobile-menu-open)>.brand,.sidebar:not(.mobile-menu-open)>.eyebrow,.sidebar:not(.mobile-menu-open)>.nav,.sidebar:not(.mobile-menu-open)>.sidebar-bottom{display:none}
  .sidebar.mobile-menu-open>.brand{display:flex;margin:2px 4px 18px}
  .sidebar.mobile-menu-open>.eyebrow{display:block;margin:0 4px 10px}
  .sidebar.mobile-menu-open .nav{display:flex;flex-direction:column;height:auto;gap:4px}
  .sidebar.mobile-menu-open .nav-item{min-height:48px;padding:10px 12px;display:flex;flex-direction:row;justify-content:flex-start;gap:13px;text-align:left;font-size:14px}
  .sidebar.mobile-menu-open .nav-item>span{width:18px;height:22px}
  .sidebar.mobile-menu-open .sidebar-bottom{display:block;margin-top:12px}
  .sidebar.mobile-menu-open .tip-card{display:none}
  .sidebar.mobile-menu-open .settings-btn{min-height:48px}
  .topbar{position:sticky;top:0;z-index:12;background:rgba(247,247,243,.96);backdrop-filter:blur(12px)}
  #addTransactionBtn,#addTransactionBtn2{bottom:18px}
}