:root{--bg: #0a0e17;--surface: #111827;--card: #161d2e;--border: #1e2d45;--borderHi: #2a4060;--accent: #00c2ff;--accentDim: #0077a8;--gold: #f5a623;--green: #22c55e;--blue: #3b82f6;--red: #ef4444;--amber: #f59e0b;--text: #e8edf5;--textMid: #7a8fa8;--textDim: #3d5068}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:SF Mono,ui-monospace,Cascadia Mono,Segoe UI Mono,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}body{min-height:100vh;padding:28px clamp(14px,4vw,56px) 60px}.wrap{max-width:1180px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:10px;color:var(--textMid);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.gear{background:var(--card);border:1px solid var(--border);color:var(--textMid);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:17px;display:grid;place-items:center;transition:.15s}.gear:hover{border-color:var(--borderHi);color:var(--text)}.actions{display:flex;align-items:center;gap:10px}.authbtn{background:var(--card);border:1px solid var(--border);color:var(--textMid);height:38px;padding:0 16px;border-radius:10px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.06em;transition:.15s}.authbtn:hover{border-color:var(--borderHi);color:var(--text)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080fb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:60;padding:20px}.modal{width:min(380px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 22px 20px}.modal h2{font-size:16px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal .x{cursor:pointer;color:var(--textMid);font-size:18px}.modal-sub{color:var(--textMid);font-size:11.5px;line-height:1.5;margin-bottom:16px}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;border-radius:9px;border:1px solid var(--border);background:#fff;color:#1f1f1f;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}.gbtn:hover{background:#f1f3f4}.gbtn:disabled{opacity:.6;cursor:default}.divider{display:flex;align-items:center;gap:10px;color:var(--textDim);font-size:11px;margin:14px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.modal-msg{font-size:11.5px;line-height:1.45;padding:9px 11px;border-radius:8px;margin-bottom:12px}.modal-msg.err{color:#fca5a5;background:#ef44441a;border:1px solid #5a2222}.modal-msg.ok{color:#86efac;background:#22c55e1a;border:1px solid #1f5135}.modal-foot{text-align:center;color:var(--textMid);font-size:11.5px;margin-top:14px}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:11.5px;padding:0;text-decoration:underline}.hero{text-align:center;padding:14px 0 26px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(120% 140% at 50% -20%,rgba(0,194,255,.1),transparent 60%),var(--surface);margin-bottom:22px;position:relative;overflow:hidden}.hero .label{color:var(--textMid);font-size:12px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:6px}.hero .goalbig{font-size:clamp(46px,9vw,104px);font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#9fd9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .sub{color:var(--textMid);font-size:13px;margin-top:12px}.hero .sub b{color:var(--text)}.progress{height:10px;background:#0c1322;border:1px solid var(--border);border-radius:99px;margin:18px auto 0;max-width:560px;overflow:hidden}.progress>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accentDim),var(--accent));transition:width .6s}.pct{color:var(--accent);font-size:12px;margin-top:8px;letter-spacing:.05em}.row{display:grid;gap:16px;margin-bottom:16px}.row.three{grid-template-columns:repeat(3,1fr)}.row.two{grid-template-columns:repeat(2,1fr)}@media (max-width: 780px){.row.three,.row.two{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 20px 22px;position:relative;transition:.18s}.card:hover{border-color:var(--borderHi)}.card .ctitle{display:flex;align-items:center;gap:8px;color:var(--textMid);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.card .ctitle .ic{font-size:13px}.big{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1;letter-spacing:-.01em}.big.green{color:var(--green)}.big.red{color:var(--red)}.big.blue{color:#5cc8ff}.big.gold{color:var(--gold)}.meta{color:var(--textMid);font-size:12px;margin-top:12px;line-height:1.55}.meta b{color:var(--text)}.meta .pos{color:var(--green)}.meta .neg{color:var(--red)}.pill{display:inline-block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;border:1px solid var(--border);color:var(--textMid)}.pill.warn{color:var(--amber);border-color:#5a4420;background:#f5a62314}.pill.good{color:var(--green);border-color:#1f5135;background:#22c55e14}.goal{display:flex;gap:16px;align-items:flex-start}.check{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:16px;color:var(--textDim);margin-top:2px}.check.done{border-color:var(--green);color:#04131c;background:var(--green)}.goal .gbody{flex:1}.goal h3{font-size:14px;letter-spacing:.04em;margin-bottom:4px}.barwrap{height:7px;background:#0c1322;border-radius:99px;margin:10px 0 8px;overflow:hidden}.barwrap>i{display:block;height:100%;border-radius:99px;background:var(--green);transition:width .6s}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080f99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s;z-index:40}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--surface);border-left:1px solid var(--border);z-index:50;transform:translate(100%);transition:transform .25s ease;overflow-y:auto;padding:24px 22px 60px}.drawer.open{transform:translate(0)}.drawer h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.drawer .x{cursor:pointer;color:var(--textMid);font-size:20px;line-height:1}.drawer .hint{color:var(--textDim);font-size:11px;margin:2px 0 20px;line-height:1.5}.grp{margin-bottom:22px}.grp .gh{color:var(--accent);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid var(--border)}.fld{margin-bottom:13px}.fld label{display:block;color:var(--textMid);font-size:11.5px;margin-bottom:5px}.fld .desc{color:var(--textDim);font-size:10.5px;margin-top:4px;line-height:1.45}.fld input[type=text],.fld input[type=number],.fld input[type=date]{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;transition:.15s}.fld input:focus{outline:none;border-color:var(--accent)}.fld.inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.fld.inline label{margin:0}.switch{position:relative;width:42px;height:24px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .sl{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:99px;cursor:pointer;transition:.2s}.switch .sl:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--textMid);border-radius:50%;transition:.2s}.switch input:checked+.sl{background:var(--accentDim)}.switch input:checked+.sl:before{transform:translate(18px);background:#fff}.btnrow{display:flex;gap:10px;margin-top:8px}.btn{flex:1;padding:10px;border-radius:9px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer;transition:.15s}.btn:hover{border-color:var(--borderHi)}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn.primary{background:var(--accentDim);border-color:var(--accent);color:#04131c;font-weight:700;letter-spacing:.04em}.btn.primary:hover{background:var(--accent)}.btn.primary:disabled{opacity:.4;cursor:default;background:var(--card);color:var(--textDim);border-color:var(--border)}.btn.primary.saved{background:var(--green);border-color:var(--green);color:#04131c}.savebar{position:sticky;bottom:0;margin:24px -22px -60px;padding:14px 22px 22px;background:var(--surface);border-top:1px solid var(--border)}.savebar .btn.primary{width:100%;margin-bottom:10px}.savebar .btnrow{margin-top:0}.dirtyhint{color:var(--amber);font-size:11px;letter-spacing:.04em;margin-bottom:9px;text-align:center}.stripe-note{background:#00c2ff0d;border:1px solid var(--border);border-radius:9px;padding:11px 12px;color:var(--textMid);font-size:11px;line-height:1.55}.stripe-note code{color:var(--accent);font-size:10.5px}.foot{color:var(--textDim);font-size:11px;text-align:center;margin-top:20px;line-height:1.6}