*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#f5f5f7;color:#1d1d1f;-webkit-font-smoothing:antialiased}.app{min-height:100vh}.subnav{background:#fff;border-bottom:.5px solid #d2d2d7;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.subnav-brand{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.02em}.tabs{display:flex;gap:4px}.tab{padding:7px 16px;border-radius:8px;border:none;background:transparent;font-size:14px;font-weight:500;color:#86868b;cursor:pointer;transition:all .15s;font-family:inherit}.tab.active,.tab:hover{color:#1d1d1f;background:#f0f0f0}.content{max-width:720px;margin:0 auto;padding:36px 24px 64px}.page-title{font-size:34px;font-weight:700;letter-spacing:-.03em;color:#1d1d1f;margin-bottom:4px}.page-sub{font-size:14px;color:#86868b;margin-bottom:24px}.card{background:#fff;border-radius:16px;border:.5px solid #d2d2d7;padding:22px 24px;margin-bottom:12px}.card-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:#86868b;text-transform:uppercase;margin-bottom:14px}.runway-card{border-radius:16px;padding:28px;margin-bottom:10px;transition:background .6s ease}.runway-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:hsla(0,0%,100%,.55);text-transform:uppercase;margin-bottom:14px}.runway-number{font-size:72px;font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1}.runway-unit{font-size:17px;color:hsla(0,0%,100%,.65);margin-top:6px}.scenario-badge{display:inline-block;background:hsla(0,0%,100%,.15);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.85);margin-top:14px}.runway-divider{border:none;border-top:.5px solid hsla(0,0%,100%,.15);margin:22px 0}.runway-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.runway-section-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:hsla(0,0%,100%,.45);text-transform:uppercase;margin-bottom:6px}.runway-section-value{font-size:18px;font-weight:600;color:#fff}.progress-track{background:hsla(0,0%,100%,.2);border-radius:2px;height:4px;margin:12px 0 5px;overflow:hidden}.progress-fill{height:4px;border-radius:2px;transition:width .4s ease}.progress-labels{display:flex;justify-content:space-between;font-size:10px;color:hsla(0,0%,100%,.35)}.runway-status-ok{color:#30d158}.runway-status-ok,.runway-status-warn{font-size:12px;font-weight:500;margin-top:6px}.savings-row{margin-top:22px;display:flex;align-items:center;gap:12px}.savings-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:hsla(0,0%,100%,.45);text-transform:uppercase;white-space:nowrap;min-width:56px}.savings-input-wrap{display:flex;align-items:center;background:hsla(0,0%,100%,.12);border:.5px solid hsla(0,0%,100%,.25);border-radius:10px;padding:8px 12px;gap:4px}.savings-dollar{font-size:15px;color:hsla(0,0%,100%,.6)}.savings-input{background:transparent;border:none;outline:none;font-size:15px;font-weight:500;color:#fff;width:120px;font-family:inherit}.savings-input::placeholder{color:hsla(0,0%,100%,.35)}.savings-input::-webkit-inner-spin-button,.savings-input::-webkit-outer-spin-button{-webkit-appearance:none}.runway-caption{text-align:center;font-size:12px;color:#86868b;margin-bottom:20px}.income-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.income-amount{font-size:30px;font-weight:700;letter-spacing:-.02em;color:#1d1d1f}.income-base{font-size:13px;color:#86868b}.income-slider{-webkit-appearance:none;width:100%;height:4px;background:#e5e5ea;border-radius:2px;outline:none;cursor:pointer}.income-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:.5px solid #d2d2d7;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#86868b;margin-top:8px}.runway-top-grid{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:0;gap:0;align-items:stretch}.runway-left{padding-right:28px}.runway-right{border-left:.5px solid hsla(0,0%,100%,.2);padding-left:28px;display:flex;flex-direction:column;justify-content:flex-start}.runway-scenario-pill{display:inline-block;background:hsla(0,0%,100%,.15);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.15;color:hsla(0,0%,100%,.85);text-transform:uppercase;text-align:center;margin-bottom:18px;white-space:normal;max-width:100%;box-sizing:border-box;align-self:flex-start}.runway-sub-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.inputs-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.input-col-left{display:flex;flex-direction:column;gap:12px}.input-col{background:#fff;border-radius:16px;border:.5px solid #d2d2d7;padding:18px 16px}.savings-col-amount{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#1d1d1f;margin-bottom:14px}.savings-input-wrap-col{display:flex;align-items:center;background:#f5f5f7;border-radius:8px;padding:7px 10px;gap:4px;margin-top:10px}.scenarios-stack{display:flex;flex-direction:column;gap:6px}.scenario-card-sm{border-radius:10px;border:.5px solid #d2d2d7;padding:10px 12px;cursor:pointer;transition:background .2s,border-color .2s;justify-content:space-between}.scenario-card-sm,.scenario-sm-left{display:flex;align-items:center;min-width:0}.scenario-sm-left{gap:7px;flex-shrink:0}.scenario-sm-right{display:flex;flex-direction:column;align-items:flex-end;min-width:0;flex-shrink:0}.scenario-amount-sm{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.scenario-card{border-radius:12px;border:.5px solid #d2d2d7;padding:14px 16px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s;background:#fff}.scenario-card:active{transform:scale(.98)}.scenario-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.scenario-name{font-size:14px;font-weight:600;transition:color .2s}.scenario-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px;transition:background .3s}.scenario-amount{font-size:22px;font-weight:700;letter-spacing:-.02em;transition:color .2s}.scenario-period{font-size:11px;margin-top:2px;transition:color .2s}.scenario-status{font-size:11px;font-weight:500;margin-top:8px;white-space:nowrap}.sheet-actions{display:flex;gap:10px;margin-top:8px;align-items:center;flex-wrap:wrap}.ghost-btn{background:transparent;border:.5px solid #d2d2d7;border-radius:8px;padding:8px 14px;font-size:13px;color:#86868b;cursor:pointer;font-family:inherit;transition:all .15s}.ghost-btn:hover{color:#1d1d1f;border-color:#86868b;background:#f5f5f7}.breakdown-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.edit-btn{background:#fff;border:.5px solid #d2d2d7;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:500;color:#1d1d1f;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;margin-top:6px}.edit-btn:hover{background:#f5f5f7}.edit-actions{display:flex;gap:8px;margin-top:6px}.cancel-btn{background:transparent;border:.5px solid #d2d2d7;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:500;color:#86868b;cursor:pointer;font-family:inherit;transition:all .15s}.cancel-btn:hover{color:#1d1d1f}.save-btn{background:#0071e3;border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;transition:opacity .15s}.save-btn:hover{opacity:.85}.hero-card{background:#0055d4;border-radius:16px;padding:28px;margin-bottom:16px}.hero-label{font-size:11px;font-weight:600;letter-spacing:.07em;color:hsla(0,0%,100%,.55);text-transform:uppercase;margin-bottom:10px}.hero-total{font-size:48px;font-weight:700;letter-spacing:-.04em;color:#fff;margin-bottom:4px}.hero-sub{font-size:13px;color:hsla(0,0%,100%,.6);margin-bottom:20px}.seg-bar-wrap{position:relative;padding-top:6px}.seg-bar-bg{background:#fff;border-radius:10px;border:1px solid #fff;padding:1px}.seg-bar{display:flex;border-radius:6px;overflow:hidden;height:10px;gap:2px;cursor:pointer}.seg-segment{height:100%;border-radius:2px;transition:opacity .15s,transform .15s;flex-shrink:0}.seg-segment:hover{opacity:.85;transform:scaleY(1.3);transform-origin:bottom}.seg-tooltip{position:absolute;top:-44px;background:rgba(29,29,31,.92);color:#fff;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;display:flex;flex-direction:column;gap:2px;pointer-events:none;white-space:nowrap;transform:translateX(-50%);z-index:10}.seg-tooltip span{color:hsla(0,0%,100%,.65);font-weight:400}.cat-card{padding:0;overflow:hidden}.cat-section{padding:20px 24px;border-bottom:.5px solid #f0f0f0;transition:background .3s}.cat-section:last-child{border-bottom:none}.cat-section.cat-highlight{background:#f0f7ff}.cat-name-row{display:flex;align-items:center;gap:8px}.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-name{font-size:17px;font-weight:600;color:#1d1d1f}.line-item{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:.5px solid #f5f5f7}.line-item:last-of-type{border-bottom:none}.line-item.inactive{opacity:.38}.line-name{font-size:14px;color:#1d1d1f}.line-amount{font-size:13px;color:#86868b}.line-mo{font-size:11px}.cat-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:.5px solid #e5e5ea;margin-top:6px}.cat-count{font-size:12px;color:#86868b}.cat-sum{font-size:13px;font-weight:600;color:#1d1d1f}.cat-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.cat-header:has(.del-cat-btn){align-items:center}.cat-header:has(.del-cat-btn) .cat-name-row{width:100%}.cat-right{text-align:right}.cat-pct{font-size:11px;color:#86868b;margin-bottom:4px}.cat-total{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#1d1d1f}.cat-total,.cat-total-view{line-height:1}.cat-color-bar{height:1.5px;border-radius:0;margin-bottom:14px;opacity:.7}.cat-footer-left{display:flex;align-items:center;gap:12px}:is(.edit-col-headers,.edit-row,.edit-footer-row){grid-template-columns:1fr 80px 80px 80px 30px 30px;column-gap:8px;align-items:center}.edit-col-headers{display:grid;padding:5px 0 7px;border-bottom:1px solid #e5e5ea;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#86868b}.col-amount-hdr{text-align:right}.col-icon-hdr{display:flex;align-items:center;justify-content:center;color:#86868b}.line-item.edit-row{display:grid;justify-content:unset;padding:6px 0}.edit-footer-row{display:grid}.cat-name-input{font-weight:600;border:none;outline:none;background:#f5f5f7;border-radius:8px;padding:5px 10px;flex:1 1;min-width:0}.cat-name-input,.del-cat-btn{font-size:17px;color:#1d1d1f;font-family:inherit}.del-cat-btn{background:transparent;border:none;font-weight:500;cursor:pointer;padding:4px 6px;line-height:1;flex:none;transition:opacity .15s}.del-cat-btn:hover{opacity:.45}.item-name-input{font-size:14px;color:#1d1d1f;border:none;outline:none;background:#f5f5f7;border-radius:8px;padding:5px 10px;font-family:inherit;min-width:0}.item-amount-wrap{display:flex;align-items:center;background:#f5f5f7;border-radius:6px;padding:5px 6px;gap:2px;min-width:0}.item-dollar{font-size:12px;color:#86868b;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-amount-input{background:transparent;border:none;outline:none;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:#1d1d1f;text-align:right;font-family:inherit;width:100%;min-width:0}.item-amount-input::-webkit-inner-spin-button,.item-amount-input::-webkit-outer-spin-button{-webkit-appearance:none}.amount-label{display:none;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#86868b}.eye-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#86868b;transition:color .15s,background .15s}.eye-btn.is-active{color:#0071e3}.eye-btn:hover{background:#f0f0f0;color:#1d1d1f}.del-item-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:15px;font-weight:500;color:#1d1d1f;cursor:pointer;padding:4px;border-radius:6px;line-height:1;font-family:inherit;transition:opacity .15s}.del-item-btn:hover{opacity:.45}.footer-total{font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#86868b;text-align:right}.add-item-btn-inline{background:transparent;border:none;font-size:13px;color:#0071e3;cursor:pointer;font-family:inherit;font-weight:500;padding:0}.add-item-btn-inline:hover{opacity:.7}.add-cat-btn{display:block;width:calc(100% - 48px);margin:16px 24px;background:transparent;border:.5px dashed #d2d2d7;border-radius:10px;padding:12px;font-size:14px;color:#0071e3;cursor:pointer;font-family:inherit;text-align:center;transition:background .15s}.add-cat-btn:hover{background:#f0f7ff}.login-page{min-height:100vh;background:#f5f5f7;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border-radius:20px;border:.5px solid #d2d2d7;padding:48px 40px;width:100%;max-width:360px;text-align:center}.login-logo{width:56px;height:56px;background:#1d1d1f;border-radius:14px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.login-logo,.login-title{font-weight:700;letter-spacing:-.02em}.login-title{font-size:22px;color:#1d1d1f;margin-bottom:6px}.login-sub{font-size:14px;color:#86868b;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:12px 16px;border:.5px solid #d2d2d7;border-radius:10px;font-size:16px;color:#1d1d1f;background:#f5f5f7;outline:none;font-family:inherit;transition:border-color .15s}.login-input:focus{border-color:#0071e3;background:#fff}.login-error{font-size:13px;color:#ff3b30;text-align:left}.login-btn{width:100%;padding:13px;background:#0071e3;border:none;border-radius:10px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;transition:opacity .15s}.login-btn:hover{opacity:.85}.login-btn:disabled{opacity:.6;cursor:default}.demo-link{display:block;margin-top:18px;font-size:13px;color:#86868b;text-decoration:none;transition:color .15s}.demo-link:hover{color:#1d1d1f}.demo-banner{background:#fff9e6;border-bottom:.5px solid #f0d060;padding:10px 28px;font-size:13px;color:#7a6200;display:flex;align-items:center;gap:10px}.demo-banner-badge{background:#f0d060;color:#5a4800;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 7px;flex-shrink:0}.actual-avg-summary{border-top:.5px solid #e5e5ea;margin-top:8px;padding-top:10px}.actual-avg-summary-row{display:flex;align-items:center;justify-content:space-between}.actual-avg-summary-left{display:flex;align-items:center;gap:7px}.actual-avg-dot{width:8px;height:8px;border-radius:50%;background:#aeaeb2;flex-shrink:0}.actual-avg-label{font-size:14px;font-weight:600;color:#3a3a3c}.actual-avg-window{font-size:11px;font-weight:400;color:#86868b}.actual-avg-summary-right{display:flex;flex-direction:column;align-items:flex-end}.actual-avg-amount{font-size:14px;font-weight:700;color:#3a3a3c;letter-spacing:-.01em}.actual-delta{font-size:11px;font-weight:500;white-space:nowrap;margin-top:2px}.actual-delta.over{color:#ff453a}.actual-delta.under{color:#30d158}.cat-actual-avg{font-size:12px;font-weight:500;color:#86868b;margin-top:4px}@media (max-width:1023px){.edit-col-headers{display:none}.line-item.edit-row{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;row-gap:10px;padding:12px 0}.line-item.edit-row>:first-child{grid-column:1/5;grid-row:1}.line-item.edit-row>:nth-child(5){grid-column:5/6;grid-row:1}.line-item.edit-row>:nth-child(6){grid-column:6/7;grid-row:1}.line-item.edit-row>:nth-child(2){grid-column:1/3;grid-row:2}.line-item.edit-row>:nth-child(3){grid-column:3/5;grid-row:2}.line-item.edit-row>:nth-child(4){grid-column:5/7;grid-row:2}.item-amount-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:6px 8px;grid-column-gap:2px;column-gap:2px;grid-row-gap:0;row-gap:0;align-items:center}.amount-label{display:block;grid-column:1/-1;grid-row:1;margin-bottom:2px;align-self:start}.item-dollar{grid-column:1;grid-row:2;white-space:nowrap;align-self:center}.item-amount-input{grid-column:2;grid-row:2;min-width:0;text-align:right}.edit-footer-row{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;row-gap:8px}.edit-footer-row>:first-child{grid-column:1/-1;grid-row:1}.edit-footer-row>:nth-child(2){grid-column:1;grid-row:2;text-align:left}.edit-footer-row>:nth-child(3){grid-column:2;grid-row:2;text-align:center}.edit-footer-row>:nth-child(4){grid-column:3;grid-row:2;text-align:right}.edit-footer-row>:nth-child(5),.edit-footer-row>:nth-child(6){display:none}}@media (max-width:768px){.subnav{padding:0 16px}.content{padding:24px 16px 48px}.inputs-row-2{grid-template-columns:1fr}.runway-top-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.runway-left{padding-right:16px;min-width:0}.runway-right{padding-left:16px;padding-right:12px;min-width:0}.runway-number{font-size:52px}.runway-section-label{font-size:9px;letter-spacing:.04em}.runway-section-value{font-size:14px}.runway-status-ok,.runway-status-warn{font-size:11px}.breakdown-header-row{flex-direction:column;align-items:stretch;gap:12px}.edit-btn{text-align:center}.edit-actions,.edit-btn{width:100%;margin-top:0}.cancel-btn,.save-btn{flex:1 1;text-align:center}}@media (max-width:600px){.page-title{font-size:28px}.tab{padding:6px 10px;font-size:13px}.runway-grid,.scenarios-grid{grid-template-columns:1fr}.runway-grid{gap:16px}.hero-total{font-size:38px}}