@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#17252f;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}code{background:#edf1ee;border-radius:6px;padding:2px 6px}#root{min-height:100vh}:root{--ink:#17252f;--muted:#738087;--line:#e4e9e5;--green:#1f7656;--green-soft:#dcefe6;--navy:#16364a;--cream:#f5f7f5;--coral:#c96855;--white:#fff}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:5;flex-direction:column;width:260px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 32px;display:flex}.brand-mark{width:42px;height:42px;color:var(--green);background:#d8eadf;border-radius:13px;flex:none;place-items:center;display:grid}.brand strong,.brand span,.profile strong,.profile span{display:block}.brand strong{font-family:Manrope;font-size:15px}.brand span,.profile span{color:#aebdc4;margin-top:2px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.mobile-nav button{color:#b9c6cb;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;display:flex}.sidebar nav button.active{color:#fff;background:#294c5e}.profile{border-top:1px solid #315162;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;margin-top:auto;padding:20px 5px 0;display:grid}.profile div:nth-child(2){overflow:hidden}.profile strong,.profile span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile button{color:#aebdc4;background:0 0;border:0;padding:5px}.avatar{color:#513e2d;background:#d9b68a;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:700;display:grid}main{max-width:1500px;margin-left:260px;padding:38px 46px 70px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1,h2,strong{font-family:Manrope,sans-serif}h1{letter-spacing:-1px;margin:3px 0;font-size:31px}h2{margin:0;font-size:17px}.eyebrow{letter-spacing:1.8px;color:#789087;margin:0;font-size:10px;font-weight:700}.month-picker{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;padding:5px;display:flex;box-shadow:0 3px 12px #16364a0a}.month-picker button{color:var(--muted);background:0 0;border:0;place-items:center;padding:7px;display:grid}.month-picker strong{text-align:center;min-width:145px;font-size:13px}.stack{gap:20px;display:grid}.hero-card{color:#fff;background:linear-gradient(115deg,#183c4d,#1e7059);border-radius:22px;justify-content:space-between;align-items:center;min-height:210px;padding:34px 40px;display:flex;box-shadow:0 18px 45px #1f574522}.hero-card p{color:#cae1d8;margin:24px 0 5px;font-size:13px}.hero-card>div>strong{letter-spacing:-1.8px;font-size:40px;display:block}.hero-card small{color:#b9d4ca;margin-top:8px;display:block}.pill{text-transform:uppercase;letter-spacing:1px;background:#ffffff18;border:1px solid #fff3;border-radius:20px;padding:6px 10px;font-size:10px;display:inline-block}.ring{--progress:0%;background:conic-gradient(#a8dbbe var(--progress),#fff2 0);border-radius:50%;place-items:center;width:132px;height:132px;margin-right:20px;display:grid;position:relative}.ring:after{content:"";background:#24634f;border-radius:50%;width:102px;height:102px;position:absolute}.ring span{z-index:1;font:700 20px Manrope}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px 24px;position:relative;overflow:hidden}.metric:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.metric.blue:before{background:#3c7796}.metric.coral:before{background:var(--coral)}.metric.green:before{background:#55a57a}.metric span,.metric small{color:var(--muted);font-size:12px;display:block}.metric strong{margin:8px 0 4px;font-size:25px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.panel-heading p{color:var(--muted);text-transform:capitalize;margin:3px 0 0;font-size:11px}.category-list{padding:4px 24px}.category-row{border-bottom:1px solid #edf0ed;grid-template-columns:180px 1fr 200px;align-items:center;gap:25px;padding:15px 0;display:grid}.category-row:last-child{border:0}.category-row>div:first-child{align-items:center;gap:10px;display:flex}.category-icon{width:30px;height:30px;color:var(--green);background:#e6f1eb;border-radius:9px;place-items:center;font-weight:700;display:grid}.category-row>span{text-align:right;font-size:13px;font-weight:600}.category-row small{color:var(--muted);font-weight:400}.progress{background:#edf1ee;border-radius:10px;height:7px;overflow:hidden}.progress i{background:var(--green);border-radius:10px;height:100%;display:block}.balance-strip{background:var(--navy);color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:22px;padding:18px;display:flex}.balance-strip span{color:#b9c6cb;font-size:11px}.balance-strip strong{color:#fff;margin-left:7px;font-size:16px}.balance-strip .balanced{background:#2e745e;border-radius:8px;padding:9px 12px}.balance-strip .warning{background:#8c5145;border-radius:8px;padding:9px 12px}.budget-table{padding:0 24px}.budget-row{border-bottom:1px solid #edf0ed;grid-template-columns:1fr 180px 160px;align-items:center;gap:20px;padding:12px 0;font-size:13px;display:grid}.budget-row:last-child{border:0}.budget-row>span:last-child{text-align:right;color:var(--muted);font-size:12px}.budget-row label{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.budget-row label span{color:var(--muted);background:#f6f8f6;padding:8px;font-size:11px}.budget-row input{text-align:right;border:0;outline:0;width:100%;padding:7px}.toolbar{justify-content:space-between;align-items:center;display:flex}.toolbar p{color:var(--muted);font-size:13px}.primary,.secondary,.google-button{border:0;border-radius:10px;padding:10px 15px;font-weight:600}.primary{background:var(--green);color:#fff;align-items:center;gap:7px;display:flex}.secondary{color:var(--ink);background:#edf1ee}.transaction-form{padding-bottom:20px}.form-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 24px;display:grid}.form-grid label{color:var(--muted);font-size:11px;font-weight:600}.form-grid input,.form-grid select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:6px;padding:10px;display:block}.form-actions{justify-content:flex-end;gap:8px;padding:0 24px;display:flex}.transaction-head,.transaction-row{grid-template-columns:100px 1.5fr 1fr 140px 35px;align-items:center;gap:18px;padding:13px 22px;display:grid}.transaction-head{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#f8faf8;font-size:10px}.transaction-row{border-top:1px solid #edf0ed;font-size:13px}.transaction-row span:nth-child(2) strong,.transaction-row span:nth-child(2) small{display:block}.transaction-row small{color:var(--muted);margin-top:2px}.transaction-row>strong{text-align:right}.transaction-row button{color:#a6afb1;background:0 0;border:0;padding:5px}.positive{color:var(--green)}.empty{text-align:center;color:var(--muted);padding:65px}.empty h2{color:var(--ink);margin:10px 0 5px}.auth-page{background:radial-gradient(circle at 30% 20%,#e0efe7,#0000 35%),#f5f7f5;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:46px;box-shadow:0 24px 70px #17364a18}.auth-card .brand-mark{margin:0 auto 25px}.auth-card h1{margin:10px 0 16px;font-size:34px;line-height:1.18}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.auth-card>small{color:#96a0a4;margin-top:18px;display:block}.google-button{background:var(--navy);color:#fff;width:100%;margin-top:28px;padding:13px}.google-button span{margin-right:10px;font-family:Arial}.center-screen{place-items:center;min-height:100vh;display:grid}.loader{border:3px solid #dce7e1;border-top-color:var(--green);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite spin}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{display:none}main{margin:0;padding:24px 20px 95px}.mobile-nav{border-top:1px solid var(--line);z-index:5;padding:7px 5px env(safe-area-inset-bottom);background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);flex-direction:column;gap:2px;padding:6px;font-size:10px}.mobile-nav button.active{color:var(--green)}.metrics{grid-template-columns:1fr}.category-row{grid-template-columns:140px 1fr}.category-row>span{grid-column:2}.form-grid{grid-template-columns:1fr 1fr}.balance-strip{flex-wrap:wrap}.budget-row{grid-template-columns:1fr 140px}.budget-row>span:last-child{grid-column:2}.transaction-head{display:none}.transaction-row{grid-template-columns:60px 1fr 110px 30px}.transaction-row>span:nth-child(3){display:none}.hero-card{padding:28px}.ring{width:105px;height:105px;margin:0}.ring:after{width:78px;height:78px}}@media (width<=560px){header{flex-direction:column;align-items:flex-start;gap:16px}.month-picker{justify-content:space-between;width:100%}.hero-card>div>strong{font-size:31px}.hero-card{min-height:190px}.ring{display:none}.form-grid,.category-row{grid-template-columns:1fr}.category-row>span{text-align:left;grid-column:1}.budget-row{grid-template-columns:1fr 130px}.balance-strip b{display:none}.balance-strip{justify-content:flex-start}.transaction-row{grid-template-columns:48px 1fr 100px 28px;gap:8px;padding:13px 12px}.transaction-row>strong{font-size:11px}.auth-card{padding:34px 24px}}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.notice{color:#705e25;background:#fff8df;border:1px solid #eadca5;border-radius:12px;padding:13px 16px;font-size:12px}.inline-form{border-bottom:1px solid var(--line);background:#f8faf8;grid-template-columns:1fr 150px auto;align-items:end;gap:10px;padding:20px 22px;display:grid}.inline-form label{color:var(--muted);font-size:11px;font-weight:600}.inline-form input,.inline-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:6px;padding:9px;display:block}.manage-list{padding:5px 22px}.manage-list>div{border-bottom:1px solid #edf0ed;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.manage-list>div:last-child{border:0}.manage-list strong,.manage-list small{display:block}.manage-list strong{font-size:13px}.manage-list small{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:11px}.manage-list button{color:#9aa6a7;background:0 0;border:0;padding:7px}.manage-list button:disabled{opacity:.28;cursor:not-allowed}.kind-dot{border-radius:50%;width:10px;height:10px}.kind-dot.income{background:#3c7796}.kind-dot.expense{background:var(--coral)}.kind-dot.savings{background:#55a57a}@media (width<=1100px){.settings-grid{grid-template-columns:1fr}}@media (width<=560px){.inline-form{grid-template-columns:1fr}.settings-page .panel-heading{align-items:flex-start}.manage-list{padding:5px 16px}}.error-notice{color:#853f32;background:#fff0ed;border-color:#e9b6ac}.auth-error{color:#853f32;background:#fff0ed;border:1px solid #e9b6ac;border-radius:10px;margin-top:18px;padding:10px 12px;font-size:12px;line-height:1.45}.google-button:disabled{opacity:.65;cursor:wait}.budget-toolbar{justify-content:flex-end;align-items:center;gap:14px;display:flex}.budget-toolbar>span{color:var(--muted);font-size:12px}.copy-button{align-items:center;gap:7px;display:flex}.copy-button:disabled{opacity:.6;cursor:wait}.category-row.over-budget>span{color:#b84f42}.category-row.over-budget .category-icon{color:#b84f42;background:#fae5e1}.category-row.over-budget .progress{background:#f8ded9}.category-row.over-budget .progress i{background:#cf6455}.category-row em{margin-top:2px;font-size:10px;font-style:normal;font-weight:600;display:block}.budget-row.over-budget{background:#fff8f6;border-radius:8px;margin:0 -12px;padding-left:12px;padding-right:12px}.budget-row.over-budget>span:first-child{color:#a94337;font-weight:600}.budget-row.over-budget>span:last-child{color:#b84f42;font-weight:700}.budget-row>span:last-child small{color:inherit;margin-top:2px;font-size:10px;display:block}.budget-row.over-budget label{border-color:#e8b7ae}.metric.coral:has(strong){transition:border-color .2s}@media (width<=560px){.budget-toolbar{flex-direction:column;align-items:stretch}.budget-toolbar>span{text-align:center}.copy-button{justify-content:center}}.metric.over-budget{background:#fff4f1;border-color:#e5aea4}.metric.over-budget strong,.metric.over-budget small{color:#ac493d}