:root{color:#24302d;font-synthesis:none;--green:#1f5b52;--green-dark:#174840;--cream:#f6f3ee;--line:#e5dfd6;--muted:#7b8581;--orange:#d46b45;background:#f6f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(28px,3vw,42px)}h2{letter-spacing:-.02em;margin-bottom:4px;font-size:18px}.eyebrow{color:#bd603f;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.subtitle,.panel-head p,.setting-row p{color:var(--muted);margin:0}.app-shell{min-height:100vh}aside{z-index:5;color:#dce8e4;background:#153d37;flex-direction:column;width:244px;padding:32px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex}.brand-mark{width:35px;height:35px;color:var(--green-dark);background:#f2cc79;border-radius:11px;place-items:center;display:grid}nav{gap:6px;margin-top:54px;display:grid}nav button{color:#b7cbc5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;display:flex}nav button:hover,nav button.active{color:#fff;background:#ffffff1a}nav button.active{box-shadow:inset 3px 0 #f2cc79}.sidebar-foot{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.sidebar-foot>span{flex:1;min-width:0}.sidebar-foot strong,.sidebar-foot small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:#9fb7b0;font-size:10px}.avatar{color:#274b44;background:#e8c779;border-radius:50%;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.icon-button{color:inherit;background:0 0;border:0;place-items:center;padding:6px;display:grid}.content{min-height:100vh;margin-left:244px;padding:48px clamp(28px,5vw,72px) 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-weight:600;display:inline-flex}.primary{border:1px solid var(--green);color:#fff;background:var(--green);box-shadow:0 4px 12px #1f5b5229}.primary:hover{background:var(--green-dark)}.secondary{border:1px solid var(--line);color:#3d4a47;background:#fff}.wide{width:100%}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:#ffffffc2;border-radius:16px;box-shadow:0 8px 30px #41372b09}.metric-card{padding:21px}.metric-card.balance{color:#fff;border-color:var(--green);background:var(--green)}.metric-card span,.metric-card small{font-size:12px;display:block}.metric-card span{color:var(--muted);margin-bottom:12px;font-weight:600}.metric-card.balance span,.metric-card.balance small{color:#c9dbd6}.metric-card strong{letter-spacing:-.04em;margin-bottom:7px;font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif;font-size:25px;display:block}.metric-card small{color:#939a97}.income{color:#14866d}.expense{color:var(--orange)}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:20px;display:grid}.panel{padding:24px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-head p{font-size:12px}.transaction-list,.recurring-list{display:grid}.transaction,.recurring-row{border-bottom:1px solid #ece7df;align-items:center;gap:13px;min-width:0;padding:14px 0;display:flex}.transaction:last-child,.recurring-row:last-child{border-bottom:0}.category-dot{color:#fff;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.transaction-main{flex:1;min-width:0}.transaction-main strong,.transaction-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.transaction-main strong{margin-bottom:3px;font-size:14px}.transaction-main small{color:var(--muted);font-size:11px}.transaction>strong,.recurring-row>strong{font-size:13px}.donut-wrap{position:relative}.donut-total{text-align:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.donut-total small,.donut-total strong{display:block}.donut-total small{color:var(--muted);font-size:10px}.donut-total strong{margin-top:3px;font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px}.legend{gap:10px;display:grid}.legend>div{justify-content:space-between;font-size:12px;display:flex}.legend span{align-items:center;gap:8px;display:flex}.legend i{border-radius:50%;width:8px;height:8px}.month-list{gap:13px;display:grid}.month-card{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.month-card>div,.month-card>div>span{align-items:center;display:flex}.month-card>div{gap:14px}.month-card strong,.month-card small{text-transform:capitalize;display:block}.month-card small{color:var(--muted);margin-top:3px;font-size:11px}.month-badge{width:50px;height:50px;color:var(--green);text-transform:uppercase;background:#dceae6;border-radius:13px;justify-content:center;font-weight:700}.month-numbers{gap:34px!important}.month-numbers>span{min-width:110px;display:block!important}.month-numbers strong{font-size:13px}.split-grid,.saving-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.category-list>div{border-bottom:1px solid #ece7df;align-items:center;gap:12px;padding:12px 0;display:flex}.category-list>div:last-child{border:0}.category-list strong{flex:1;font-size:14px}.category-list small{color:var(--muted)}.toggle{background:#ced4d1;border:0;border-radius:20px;width:42px;height:24px;padding:0;position:relative}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.active{background:var(--green)}.toggle.active span{transform:translate(18px)}.saving-hero{color:#fff;background:linear-gradient(120deg,#174840,#267265);border-radius:18px;margin-bottom:20px;padding:30px}.saving-hero>span,.saving-hero>strong,.saving-hero>small{display:block}.saving-hero>strong{margin:8px 0 20px;font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif;font-size:34px}.saving-hero>div{background:#ffffff2e;border-radius:5px;height:7px;overflow:hidden}.saving-hero>div span{border-radius:inherit;background:#f2cc79;height:100%;display:block}.saving-hero>small{color:#c5dbd5;margin-top:9px}.saving-card{position:relative}.saving-card>p{color:var(--muted);margin:17px 0 4px}.saving-card>strong{font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif;font-size:26px;display:block}.saving-card>small{color:var(--muted);margin:4px 0 20px;display:block}.saving-icon,.setting-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.chart-panel{margin-bottom:20px}.settings-list{gap:16px;display:grid}.setting-row{align-items:center;gap:18px;display:flex}.setting-row .setting-icon{color:var(--green);background:#dceae6}.setting-row div{flex:1}.setting-row p{font-size:13px}.auth-shell{background:#153d37;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.auth-intro{color:#fff;background:radial-gradient(circle at 10% 80%,#f2cc7929,#0000 34%),#153d37;flex-direction:column;justify-content:space-between;padding:54px clamp(36px,7vw,110px);display:flex}.auth-intro h1{max-width:620px;font-size:clamp(42px,5.5vw,72px);line-height:1.03}.auth-copy{color:#b9cec8;max-width:570px;font-size:17px;line-height:1.7}.privacy-note{color:#a9c1ba;border-top:1px solid #ffffff26;gap:14px;max-width:470px;padding-top:25px;font-size:12px;line-height:1.5;display:flex}.privacy-note strong{color:#fff;display:block}.auth-panel{background:var(--cream);place-items:center;padding:30px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(430px,100%);padding:42px;box-shadow:0 24px 80px #122c2724}.auth-card h2{margin-bottom:28px;font-size:31px}label{color:#56615e;gap:8px;margin-bottom:17px;font-size:12px;font-weight:600;display:grid}input,select{color:#26322f;background:#fff;border:1px solid #d9d5cd;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f5b521a}.switch-mode,.demo-hint{color:var(--muted);text-align:center;margin:20px 0 0;font-size:12px}.switch-mode button{color:var(--green);background:0 0;border:0;margin-left:5px;font-weight:700}.demo-hint{background:#f6f3ee;border-radius:7px;margin-top:12px;padding:10px}.form-error{color:#b64539;font-size:12px}.auth-mark{color:#fff;background:var(--green);border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:25px;display:grid}.recovery-card{grid-column:1/-1;margin:auto}.recovery-key{color:var(--green-dark);overflow-wrap:anywhere;background:#edf3f1;border-radius:9px;margin:25px 0;padding:18px;line-height:1.7;display:block}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e231f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(510px,100%);padding:30px;box-shadow:0 24px 80px #0000003d}.modal-head{justify-content:space-between;margin-bottom:24px;display:flex}.modal-head h2{font-size:25px}.modal-head .icon-button{align-self:flex-start;font-size:26px}.modal-copy{color:var(--muted);margin:-8px 0 22px;font-size:13px;line-height:1.6}.modal-actions{border-top:1px solid #ece7df;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.notice{z-index:30;color:#fff;background:var(--green);border:1px solid #c9ddd7;border-radius:13px;align-items:center;gap:12px;min-width:290px;padding:14px 16px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #143d373d}.notice>svg{color:#f2cc79;flex:none}.notice span{flex:1;font-size:13px;font-weight:600}.notice .icon-button{font-size:20px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.month-numbers>span{min-width:auto}}@media (width<=760px){aside{width:auto;height:68px;padding:8px 10px;position:fixed;inset:auto 0 0}aside .brand,.sidebar-foot{display:none}nav{justify-content:space-around;margin:0;display:flex}nav button{justify-items:center;gap:2px;padding:6px 8px;font-size:9px;display:grid}nav button.active{box-shadow:inset 0 -3px #f2cc79}.content{margin:0;padding:30px 18px 100px}.page-header{flex-direction:column;align-items:flex-start}.metric-grid,.split-grid,.saving-grid{grid-template-columns:1fr}.month-card,.month-numbers{flex-direction:column;align-items:flex-start!important}.month-numbers{width:100%;gap:9px!important}.auth-shell{background:var(--cream);grid-template-columns:1fr}.auth-intro{min-height:340px;padding:30px}.auth-intro h1{font-size:40px}.privacy-note{display:none}.auth-panel{padding:18px}.auth-card{padding:28px}}@media (width<=480px){nav button span{display:none}.metric-grid,.form-row{grid-template-columns:1fr}.panel{padding:18px}.modal{padding:24px 20px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.notice{min-width:0;bottom:84px;left:16px;right:16px}}