.goals-page{gap:1.25rem;display:flex;flex-direction:column}.goals-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.goals-header-actions{display:flex;align-items:center;gap:8px}.goals-filter{display:inline-flex;gap:3px;padding:3px;border-radius:9999px;background:#ffffff61;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffffa6,0 1px 2px #0a162808}.goals-pill{padding:5px 14px;border-radius:9999px;border:1px solid transparent;background:transparent;font-size:.78rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.goals-pill:hover{color:var(--color-brand-deep);background:#ffffff73}.goals-pill.is-active{background:#ffffffd9;color:var(--color-brand-deep);border-color:#fffffff2;box-shadow:0 2px 6px -2px #1266502e,inset 0 1px #ffffffe6}.goals-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.goal-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);grid-column:span 3;min-height:180px}.goal-card:hover{border-color:#3cbfa04d;transform:translateY(-2px);box-shadow:0 12px 28px -16px #0a162840}.goal-card:focus-visible{outline:2px solid var(--color-brand-mid);outline-offset:3px}.goal-head{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.goal-title{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1.35;margin:0}.goal-chips{display:inline-flex;gap:.3rem;flex-wrap:wrap;flex:none}.goal-chip{font-size:.65rem;padding:.12rem .5rem;border-radius:9999px;font-weight:500;white-space:nowrap;text-transform:lowercase}.goal-chip-status-active{background:#3cb87a26;color:var(--color-accent-deep)}.goal-chip-status-achieved{background:#4263eb1f;color:#2f4bca}.goal-chip-status-planned{background:#0a16280f;color:var(--color-text-muted)}.goal-chip-status-cancelled{background:#b9454a24;color:#b9454a}.goal-chip-prio-p1{background:#b9454a1f;color:#b9454a}.goal-chip-prio-p2{background:#d6a30729;color:#9a6700}.goal-chip-prio-p3{background:#4263eb1f;color:#2f4bca}.goal-chip-prio-p4{background:#0a16280f;color:var(--color-text-muted)}.goal-chip-level{background:#3cb87a14;color:var(--color-accent-deep);border:1px solid rgba(60,184,122,.25)}.goal-chip-owner{background:#0a16280d;color:var(--color-text-muted);border:1px solid var(--color-border)}.goal-chip-parent{background:#4263eb0f;color:#2f4bca;border:1px solid rgba(66,99,235,.2)}.goal-sync{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.12rem .5rem;border-radius:9999px}.goal-sync-local{background:#0a16280d;color:var(--color-text-muted)}.goal-sync-synced{background:#3cb87a24;color:var(--color-accent-deep)}.goal-sync-stale{background:#eab30829;color:#9a6700}.goal-sync:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.goal-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin:0;white-space:pre-line;max-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.goal-arc-wrap{display:flex;justify-content:center;padding:4px 0}.goal-arc{--size: 90px;--progress: 0;width:var(--size);height:var(--size);border-radius:50%;position:relative;background:conic-gradient(var(--color-brand-signal) 0deg,var(--color-brand-mid) calc(var(--progress) * 3.6deg),rgba(10,22,40,.06) calc(var(--progress) * 3.6deg));display:flex;align-items:center;justify-content:center}.goal-arc:before{content:"";position:absolute;inset:8px;background:var(--color-white);border-radius:50%}.goal-arc-label{position:relative;font-family:var(--font-display);color:var(--color-brand-deep);font-weight:500;font-size:1.1rem;letter-spacing:-.02em}.goal-arc-label:after{content:"%";font-size:.65rem;color:var(--color-text-muted);margin-left:1px}.goal-card.goal-card--featured{grid-column:span 12;background:linear-gradient(135deg,var(--color-brand-deep) 0%,var(--color-brand-mid) 100%);color:#fff;border-color:transparent;padding:24px;min-height:260px;flex-direction:row;gap:24px}.goal-card--featured .goal-title{color:#fff;font-size:1.4rem;font-weight:500}.goal-card--featured .goal-desc{color:#ffffffb8;-webkit-line-clamp:3;max-height:6.5em}.goal-card--featured .goal-featured-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;background:#21f4bd38;color:var(--color-brand-signal);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.goal-card--featured .goal-featured-main{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.goal-card--featured .goal-featured-arc{flex:none;align-self:center}.goal-card--featured .goal-arc{--size: 150px;background:conic-gradient(#21f4bd,#ffffffe6 calc(var(--progress) * 3.6deg),#ffffff26 calc(var(--progress) * 3.6deg))}.goal-card--featured .goal-arc:before{inset:12px;background:var(--color-brand-deep)}.goal-card--featured .goal-arc-label{color:#fff;font-size:1.8rem}.goal-card--featured .goal-arc-label:after{color:#ffffffb3}.goal-card--featured .goal-chip-status-active,.goal-card--featured .goal-chip-level,.goal-card--featured .goal-chip-owner{background:#ffffff24;color:#fff;border-color:transparent}.goal-card--featured:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px #12665080}.goal-stat-card{grid-column:span 3;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:6px;min-height:180px;justify-content:space-between}.goal-stat-card--active{background:#cffff18c;border-color:#3cbfa038}.goal-stat-card--achieved{background:#3cbfa01a;border-color:#3cbfa038}.goal-stat-card--overdue{background:#ef444414;border-color:#ef444438}.goal-stat-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.goal-stat-num{font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1;color:var(--color-brand-deep)}.goal-stat-card--overdue .goal-stat-num{color:#b91c1c}.goal-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-faint);flex-wrap:wrap}.goal-links{display:inline-flex;gap:.35rem;flex-wrap:wrap}.goal-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.15rem .55rem;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-bg-alt);color:var(--color-text);text-decoration:none;transition:border-color var(--t-fast)}.goal-link:hover{border-color:var(--color-accent-deep);color:var(--color-accent-deep)}.empty-note{padding:1.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center;font-size:.9rem}.form-stack{display:flex;flex-direction:column;gap:.9rem}.fld{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.fld>span{font-size:.75rem;color:var(--color-text-faint);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.fld input,.fld select,.fld textarea{width:100%;padding:.55rem .75rem;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--color-accent-deep);box-shadow:0 0 0 3px #1a8e7a26}.fld-row{display:flex;gap:.75rem;flex-wrap:wrap}.sync-hint{font-size:.78rem;color:var(--color-text-faint);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .7rem}.sync-hint.ok{color:var(--color-accent-deep);border-color:#3cb87a4d}.sync-hint.err{color:#b9454a;border-color:#b9454a4d}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.5rem}@media(max-width:1100px){.goal-card{grid-column:span 6}.goal-stat-card{grid-column:span 4}.goal-card.goal-card--featured{grid-column:span 12}}@media(max-width:768px){.goals-header{flex-direction:column;align-items:stretch}.goal-card,.goal-stat-card,.goal-card.goal-card--featured{grid-column:span 12;padding:16px}.goal-card.goal-card--featured{flex-direction:column;gap:16px}.goal-card--featured .goal-arc{--size: 130px}}@media(hover:none),(pointer:coarse){.goal-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.goal-card{transition:none}}
