.goals-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:8px 0 26px}.goals-intro h2{font-size:32px;letter-spacing:-.8px;max-width:26ch;line-height:1.15;margin:0 0 12px}.goals-intro p{color:#526e74;max-width:65ch;line-height:1.7;margin:0}.goals-intro-actions{display:flex;gap:10px;flex-shrink:0}.goals-summary{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #d5e2e4;border-radius:18px;margin-bottom:24px}.goals-summary:empty{display:none}.goals-summary>div{padding:23px}.goals-summary>div+div{border-left:1px solid #d5e2e4}.goals-summary span,.goals-summary small{display:block;color:#526e74;font-size:13px}.goals-summary strong{display:block;font-size:28px;margin:12px 0;font-variant-numeric:tabular-nums}.goals-toolbar{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.goals-toolbar button[aria-pressed=true]{background:#104d52;color:white;border-color:#104d52}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.goal-card{background:#fff;border:1px solid #d5e2e4;border-radius:22px;padding:27px;min-width:0}.goal-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.goal-symbol{display:grid;place-items:center;background:#e2eff0;color:#104d52;width:42px;height:42px;border-radius:50%;font-size:24px}.goal-state{font-size:12px;color:#526e74}.goal-card h3{font-size:23px;line-height:1.25;overflow-wrap:anywhere;margin:0 0 12px}.goal-description{color:#526e74;line-height:1.6;overflow-wrap:anywhere;font-size:14px}.goal-values{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:26px}.goal-values strong{font-size:28px;font-variant-numeric:tabular-nums}.goal-values span{color:#526e74;font-size:14px}.goal-track{height:9px;border-radius:10px;background:#dfebed;overflow:hidden;margin:14px 0}.goal-track span{display:block;height:100%;background:#3b8c91}.goal-remaining{font-weight:600;font-size:14px;color:#104d52}.goal-deadline{font-size:13px;color:#526e74;margin-top:22px}.goal-guidance{background:#fff4d9;padding:14px;border-radius:10px;color:#715316;font-size:13px;line-height:1.65}.goal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #d5e2e4}.goals-empty{grid-column:1/-1;padding:44px 28px;border:1px dashed #b6ced2;border-radius:20px;color:#526e74;line-height:1.7;background:#fff;text-align:center}.goals-footnote{color:#526e74;font-size:13px;line-height:1.75;margin:26px 0}.goal-dialog-message{color:#a43446;line-height:1.6;overflow-wrap:anywhere;min-height:24px}.goal-form-note{font-size:13px;color:#526e74;line-height:1.7;background:#edf4f5;border-radius:10px;padding:14px}.goal-dialog-note{color:#526e74;line-height:1.7}.goal-history-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #d5e2e4}.goal-history-row small{display:block;color:#526e74;font-size:12px;margin-top:6px}.goal-history-row p{color:#526e74;overflow-wrap:anywhere;max-width:40ch;font-size:13px}.goal-history-row>strong{white-space:nowrap}.goal-history-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:22px}#goal-history-dialog{width:620px}#goal-archive-name{font-size:23px;overflow-wrap:anywhere}dialog textarea{font:inherit;width:100%;background:#fff;color:#17383d;border:1px solid #bed0d3;padding:12px;border-radius:9px;resize:vertical;min-height:90px}dialog textarea:focus-visible{outline:3px solid #aa6b00;outline-offset:3px}.goal-archive-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:1000px){.goals-intro{display:block}.goals-intro-actions{margin-top:18px}.goals-grid{grid-template-columns:1fr}.goals-summary strong{font-size:24px}}@media(max-width:600px){.goals-intro h2{font-size:28px}.goals-summary{grid-template-columns:1fr}.goals-summary>div+div{border-left:0;border-top:1px solid #d5e2e4}.goals-summary>div{padding:18px 22px}.goals-summary strong{margin:8px 0}.goal-card{padding:23px}.goal-values strong{font-size:25px}.goal-history-row{gap:12px}#goal-history-dialog{width:calc(100% - 24px)}.goal-history-nav{flex-wrap:wrap}.goal-actions .primary{width:100%}}
.goals-intro~dialog label,#goal-form label,#goal-value-form label{color:#33575d}
