.goal-panel{margin:20px 0;padding:24px 27px;background:#14243e;border:1px solid #435777;border-radius:19px}
.goal-panel h2{margin:9px 0 15px}
.goal-panel>p{font-size:13px;line-height:1.7}
.goal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#goal-form label{display:block;color:#f4f5ff;font-weight:800;font-size:13px;margin:12px 0}
#goal-form input,#goal-form select{display:block;margin-top:9px;padding:12px 13px;border-radius:10px;color:#f7f6ff;background:#1f3353;border:1px solid #607291;font:inherit;width:100%;min-width:0}
#goal-form input::placeholder{color:#b6c2d8}
.goal-actions{display:flex;gap:11px;flex-wrap:wrap;margin:18px 0}
.goal-actions button,#goal-refresh{padding:11px 16px;border-radius:10px;border:1px solid #607291;background:#293e60;color:#f5f3ff;font-weight:800;font-size:12px;cursor:pointer}
#goal-save{background:#c8bcff;color:#13203a;border-color:#c8bcff}
.goal-small{font-size:12px!important;color:#bac9e2;line-height:1.65}
.goal-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
#goal-progress{width:100%;height:11px;accent-color:#c8bcff}
.goal-milestones{padding:0;list-style:none;display:grid;gap:13px;margin:23px 0}
.growth-step{border:1px solid #4b6384;border-radius:14px;background:#1d3150;padding:17px;display:flex;align-items:flex-start;gap:15px}
.growth-step[data-complete="true"]{border-color:#8abca9}
.growth-marker{display:grid;place-items:center;flex:none;background:#cabfff;color:#17233f;width:30px;height:30px;border-radius:50%;font-weight:900}
.growth-step[data-complete="true"] .growth-marker{background:#a6d7c5}
.growth-step h3{margin:2px 0 8px;font-size:16px}
.growth-step p{font-size:12px;line-height:1.6;margin:0 0 11px}
.growth-step small{display:block;color:#d3ddec;font-size:11px;margin:0 0 12px}
.growth-step a{color:#e6dafe;font-weight:800;font-size:13px}
.goal-link{display:inline-block;padding:12px 15px;background:#c8bcff;color:#111f3b;border-radius:10px;font-size:13px;font-weight:850}
.goal-link.secondary{background:#293d5d;color:#e3dafa}
#goal-active[hidden],#goal-empty[hidden],#goal-next[hidden],#goal-finished[hidden]{display:none}
@media(max-width:680px){.goal-panel{padding:18px}.goal-fields{grid-template-columns:1fr}.goal-title-row button{flex:1 1 100%}}