:root{color-scheme:dark;--bg: #0b1020;--card: #141a2e;--card-2: #1b2440;--line: #2a3457;--text: #eef1fb;--muted: #97a0c4;--accent: #5b8cff;--accent-2: #47e0b0;--good: #34d399;--warn: #f59e0b;--bad: #fb7185}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 15% -10%,rgba(91,140,255,.25),transparent 60%),radial-gradient(1000px 500px at 110% 10%,rgba(71,224,176,.18),transparent 55%),var(--bg)}.layout{display:grid;grid-template-columns:288px 1fr;min-height:100%;transition:grid-template-columns .2s ease}.layout.is-collapsed{grid-template-columns:60px 1fr}.content{min-width:0;display:grid;place-items:start center;padding:32px 16px 64px}.sidebar{border-right:1px solid var(--line);background:#0a0e1c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 12px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sidebar-title{font-weight:700;font-size:14px;letter-spacing:.02em;flex:1}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--muted);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.add-btn{border:1px solid var(--accent);background:#5b8cff1f;color:var(--text);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.add-btn:hover{background:#5b8cff38}.goal-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.goal-list li{position:relative}.goal-item{width:100%;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.goal-item:hover{border-color:#3a4a80}.goal-item.is-active{border-color:var(--accent);background:linear-gradient(180deg,#5b8cff24,#5b8cff0d)}.goal-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.goal-item-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-item-pct{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.mini-bar{height:6px;border-radius:999px;background:#0c1224;margin:8px 0 6px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.mini-bar-fill.is-done{background:linear-gradient(90deg,var(--good),var(--accent-2))}.goal-item-sub{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.goal-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease}.goal-list li:hover .goal-remove{opacity:1}.goal-remove:hover{color:var(--bad)}.goal-rail{list-style:none;margin:0;padding:0;display:grid;gap:8px;justify-items:center}.rail-dot{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.rail-dot.is-active{border-color:var(--accent);color:var(--text);background:#5b8cff29}.rail-add{color:var(--accent)}.card{width:100%;max-width:520px;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:20px;padding:24px 28px 28px;box-shadow:0 30px 80px -20px #0009}.head{margin-bottom:4px}.hero{margin:20px 0 8px}.hero-amount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.live-money{font-size:40px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-of{color:var(--muted);font-size:15px}.bar{position:relative;margin-top:16px;height:14px;border-radius:999px;background:#0c1224;border:1px solid var(--line);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s linear}.bar-fill.is-done{background:linear-gradient(90deg,var(--good),var(--accent-2))}.bar-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;box-shadow:0 0 0 1px #0006;transform:translate(-1px)}.hero-meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.done{margin:20px 0;padding:14px 16px;background:#34d3991f;border:1px solid rgba(52,211,153,.4);border-radius:12px;font-weight:600}.eta{margin:20px 0;padding:16px;background:#0e1428;border:1px solid var(--line);border-radius:14px}.eta-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0}.eta-label{color:var(--muted);font-size:13px}.eta-value{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.units{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.unit{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center}.unit-value{display:block;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.unit-label{display:block;margin-top:2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rate{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 20px}.rate strong{color:var(--text);font-variant-numeric:tabular-nums}.inputs{display:grid;gap:12px}.field-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field-input{min-width:0;display:flex;align-items:center;background:#0c1224;border:1px solid var(--line);border-radius:10px;padding:0 12px;transition:border-color .15s ease}.field-input input{min-width:0}.field-input:focus-within{border-color:var(--accent)}.field-prefix{color:var(--muted);font-size:15px}.field-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:16px;padding:12px 8px;font-variant-numeric:tabular-nums}.actual{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0e1428}.actual-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.actual-title{font-weight:700;font-size:13px;letter-spacing:.02em}.link-btn{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--text)}.actual-entry{display:flex;gap:8px}.actual-entry .field-input{flex:1}.primary-btn{border:1px solid var(--accent);background:#5b8cff29;color:var(--text);border-radius:10px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer}.primary-btn:hover{background:#5b8cff47}.actual-result{margin-top:12px}.actual-line{display:flex;justify-content:space-between;padding:3px 0;font-size:13px;color:var(--muted)}.actual-line strong{color:var(--text);font-variant-numeric:tabular-nums}.delta-badge{margin-top:10px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}.delta-badge.is-ahead{background:#34d3991f;border:1px solid rgba(52,211,153,.4);color:var(--good)}.delta-badge.is-behind{background:#fb71851f;border:1px solid rgba(251,113,133,.4);color:var(--bad)}.delta-when{color:var(--muted);font-weight:400;font-size:12px}.reset{margin-top:12px;width:100%;padding:11px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.reset:hover{color:var(--text);border-color:var(--accent)}.add-wrap{position:relative}.add-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:6px;min-width:180px;box-shadow:0 20px 50px -15px #000000b3;display:grid;gap:4px}.add-menu button{text-align:left;border:0;background:transparent;color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer}.add-menu button:hover{background:#5b8cff29}.goal-emoji{font-size:12px}.sidebar-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.foot-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.foot-btns{display:flex;gap:8px}.foot-btn{flex:1;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:8px;padding:8px;font-size:12px;cursor:pointer}.foot-btn:hover{color:var(--text);border-color:var(--accent)}.head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mode-chip{font-size:12px;font-weight:600;color:var(--muted);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.link-btn.danger{color:var(--bad)}.link-btn.danger:hover{color:#ff9aa8}.warn{margin:16px 0;padding:12px 14px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);border-radius:12px;font-size:13px;line-height:1.5;color:#fcd9a0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-grid>*{min-width:0}.height-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.height-row>*{min-width:0}.field-suffix{color:var(--muted);font-size:13px;padding-left:4px;white-space:nowrap}.field-select{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;padding:12px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-select option{background:var(--card-2);color:var(--text)}.segmented{display:flex;gap:4px;background:#0c1224;border:1px solid var(--line);border-radius:10px;padding:4px}.segment{flex:1;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:8px 6px;border-radius:7px;cursor:pointer}.segment.is-active{background:#5b8cff38;color:var(--text)}.log-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}.log-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:12px}.log-value{font-weight:700;font-variant-numeric:tabular-nums}.log-date{flex:1;color:var(--muted)}.log-del{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px}.log-del:hover{color:var(--bad)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#040710a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:100%;max-width:400px;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 40px 100px -20px #000000b3}.modal-title{margin:0 0 8px;font-size:17px}.modal-body{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn-ghost,.btn-danger,.btn-primary{border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text)}.btn-danger{background:#fb718529;border-color:#fb718580;color:#ffb3bd}.btn-danger:hover{background:#fb718547}.btn-primary{background:#5b8cff33;border-color:var(--accent);color:var(--text)}.wizard-open{margin-top:14px;width:100%;padding:11px;border-radius:10px;border:1px dashed var(--line);background:#5b8cff0f;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.wizard-open:hover{background:#5b8cff24;border-color:var(--accent)}.modal.wizard{max-width:440px}.wizard-stats{margin:14px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.wizard-row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:13px;color:var(--muted)}.wizard-row:nth-child(odd){background:#ffffff05}.wizard-row strong{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.wizard-headline{margin:4px 0 12px;font-size:15px;line-height:1.5}.wizard-headline strong{color:var(--accent-2)}.wizard-actions{flex-wrap:wrap}.field-input input[type=date]{color-scheme:dark}.target-date-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-size:12px;color:var(--muted)}.target-date-row strong{color:var(--text)}.week-check{margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0e1428}.wc-head{margin-bottom:10px}.wc-title{font-weight:700;font-size:13px;letter-spacing:.02em}.wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wc-grid>div{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.wc-k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.wc-v{display:block;margin-top:2px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.wc-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.wc-note strong{color:var(--text)}.wc-behind{color:#fcd9a0}.wc-behind strong{color:#ffce8a}.wc-ahead,.wc-ahead strong{color:var(--good)}.chart-btn{margin-top:14px;width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#5b8cff14;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.chart-btn:hover{background:#5b8cff29;border-color:var(--accent)}.chart{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0e1428}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:11px;color:var(--muted)}.chart-key{display:inline-flex;align-items:center;gap:6px}.chart-key:before{content:"";width:14px;height:0;border-top:3px solid currentColor;border-radius:2px}.chart-key-proj{color:var(--accent)}.chart-key-actual{color:var(--accent-2)}.chart-key-goal{color:var(--muted)}.chart-key-goal:before{border-top-style:dashed}.chart-plot{width:100%}.chart-svg{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.chart-grid{stroke:var(--line);stroke-width:1;opacity:.5}.chart-axis{fill:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.chart-target{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4;opacity:.8}.chart-now{stroke:var(--line);stroke-width:1}.chart-now-label{fill:var(--muted);font-size:10px}.chart-proj{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-proj-future{stroke-dasharray:5 4;opacity:.75}.chart-actual{fill:none;stroke:var(--accent-2);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent-2)}.chart-cross{stroke:var(--text);stroke-width:1;opacity:.4}.chart-cross-proj{fill:var(--accent);stroke:#0e1428;stroke-width:2}.chart-cross-actual{fill:var(--accent-2);stroke:#0e1428;stroke-width:2}.chart-tip-bg{fill:var(--card-2);stroke:var(--line);stroke-width:1}.chart-tip-text{fill:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.chart-tip-head{fill:var(--muted);font-size:10px}.chart-tip-good{fill:var(--good)}.chart-tip-bad{fill:var(--bad)}.chart-hint{margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.4}@media (max-width: 720px){.layout,.layout.is-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.input-grid{grid-template-columns:1fr}}