:root{--bg: #0a0a0a;--surface: #111111;--surface-2: #1a1a1a;--border: #2a2a2a;--border-active: #444;--text: #e0e0e0;--text-dim: #777;--text-muted: #555;--accent: #ff3333;--accent-dim: #991f1f;--green: #22c55e;--green-dim: #166534;--yellow: #eab308;--red: #ef4444;--font-mono: "JetBrains Mono", monospace;--font-body: "IBM Plex Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-logo{font-family:var(--font-mono);font-weight:700;font-size:16px;letter-spacing:-.5px;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-dim)}.main-content{flex:1;padding:32px 24px;max-width:1100px;width:100%;margin:0 auto}.form-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.form-container{width:100%;max-width:380px;padding:32px}.form-title{font-family:var(--font-mono);font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:-.5px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px;font-family:var(--font-mono)}.form-input{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;border-radius:0}.form-input:focus{border-color:var(--border-active)}.form-select{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;border-radius:0;appearance:none;cursor:pointer}.form-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer}.form-checkbox input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.form-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.form-error{color:var(--red);font-size:13px;margin-bottom:12px;font-family:var(--font-mono)}.form-footer{margin-top:20px;font-size:13px;color:var(--text-dim)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-family:var(--font-mono);font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;letter-spacing:.3px;border-radius:0}.btn:hover{background:var(--surface-2);border-color:var(--border-active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:var(--accent-dim)}.btn-danger{color:var(--red);border-color:var(--red)}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:6px 12px;font-size:12px}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0;font-family:var(--font-body)}.btn-link:hover{text-decoration:underline}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:-.5px}.goal-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border)}.goal-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);cursor:pointer}.goal-item:hover{background:var(--surface-2)}.goal-item-left{display:flex;flex-direction:column;gap:4px}.goal-item-name{font-family:var(--font-mono);font-weight:600;font-size:14px}.goal-item-meta{font-size:12px;color:var(--text-dim);display:flex;gap:12px}.goal-item-right{display:flex;align-items:center;gap:16px}.goal-status{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border:1px solid}.goal-status--active{color:var(--green);border-color:var(--green-dim)}.goal-status--paused{color:var(--yellow);border-color:#854d0e}.goal-status--completed{color:var(--text-dim);border-color:var(--border)}.goal-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}@media(max-width:768px){.goal-detail-layout{grid-template-columns:1fr}}.goal-detail-main{min-width:0}.goal-detail-header{margin-bottom:32px}.goal-detail-name{font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.goal-detail-desc{color:var(--text-dim);font-size:14px}.goal-detail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:32px}.meta-cell{padding:12px 16px;background:var(--surface)}.meta-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px}.meta-value{font-family:var(--font-mono);font-size:16px;font-weight:700}.meta-value--danger{color:var(--red)}.meta-value--success{color:var(--green)}.goal-detail-sidebar{position:sticky;top:120px;align-self:flex-start}.sidebar-section{border:1px solid var(--border);background:var(--surface);padding:20px;margin-bottom:16px}.sidebar-title{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.dp-list{display:flex;flex-direction:column;gap:1px}.dp-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.dp-item:last-child{border-bottom:none}.dp-date{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.dp-value{font-size:13px;font-family:var(--font-mono);color:var(--green)}.chart-section{margin-bottom:32px}.chart-title{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:16px}.chart-container{background:var(--surface);border:1px solid var(--border);padding:24px 16px 16px}.actions-bar{display:flex;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.empty-state{text-align:center;padding:64px 24px;color:var(--text-dim)}.empty-state-text{font-size:14px;margin-bottom:16px}.road-points{display:flex;flex-direction:column;gap:8px}.road-point{display:flex;gap:8px;align-items:center}.road-point .form-input{flex:1}.road-point-remove{background:none;border:1px solid var(--border);color:var(--text-dim);width:32px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;border-radius:0}.road-point-remove:hover{border-color:var(--red);color:var(--red)}.step-indicator{display:flex;gap:0;margin-bottom:24px;margin-top:16px;border:1px solid var(--border)}.step-item{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-right:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.step-item:last-child{border-right:none}.step-item--active{background:var(--surface-2);color:var(--text)}.step-item--done{color:var(--green)}.step-num{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:11px;font-weight:700}.step-item--active .step-num{border-color:var(--accent);color:var(--accent)}.step-item--done .step-num{border-color:var(--green-dim);color:var(--green)}.step-label{letter-spacing:.3px}.step-content{min-height:200px}.step-nav{display:flex;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.loading{display:flex;align-items:center;justify-content:center;padding:64px;color:var(--text-dim);font-family:var(--font-mono);font-size:13px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-dim);margin-bottom:24px}.back-link:hover{color:var(--text);text-decoration:none}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-box{background:var(--surface);border:1px solid var(--border);padding:24px;max-width:400px;width:100%}.confirm-title{font-family:var(--font-mono);font-size:16px;font-weight:700;margin-bottom:12px}.confirm-text{font-size:14px;color:var(--text-dim);margin-bottom:20px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}