.top-identity{display:flex;align-items:center;gap:14px}.header-photo,.photo-preview{display:grid;place-items:center;overflow:hidden;background-color:#111;color:#fff;background-repeat:no-repeat;border-radius:16px;font-weight:850}.header-photo{width:52px;height:52px;box-shadow:0 9px 24px rgba(0,0,0,.16)}.photo-preview{width:86px;height:86px;border-radius:26px;font-size:28px}.goal-card,.analytics-card{border-radius:25px;padding:20px;margin-top:16px}.goal-head{display:flex;justify-content:space-between;align-items:center}.goal-head span{display:grid;gap:4px}.goal-head small,.settings-copy,.sync-note,.photo-preview-wrap small{color:var(--muted);font-size:12px}.goal-head>strong{color:var(--blue)}.goal-track{height:10px;background:rgba(118,118,128,.12);border-radius:10px;overflow:hidden;margin-top:14px}.goal-track i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--blue2));transition:width .55s}.compact-head{margin:0 0 15px}.compact-head>strong{font-size:20px}.year-chart{height:150px;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end}.chart-month{height:100%;background:transparent;display:grid;grid-template-rows:1fr 18px;gap:5px;padding:0}.chart-month span{height:100%;display:flex;align-items:end;background:rgba(118,118,128,.07);border-radius:8px;overflow:hidden}.chart-month i{display:block;width:100%;background:linear-gradient(180deg,var(--blue2),var(--blue));border-radius:7px 7px 3px 3px;transition:.4s}.chart-month b{font-size:10px;color:var(--muted)}.chart-month.selected span{box-shadow:0 0 0 2px rgba(0,122,255,.25)}.search-box{margin-top:20px;display:flex;align-items:center;background:#fff;border-radius:16px;padding:0 14px;box-shadow:0 7px 22px rgba(0,0,0,.045)}.search-box span{font-size:23px;color:var(--muted)}.search-box input{border:0;background:transparent;box-shadow:none;padding:14px 10px}.filter-pills{display:flex;gap:8px;margin:10px 2px 0}.filter-pill{padding:8px 14px;border-radius:20px;background:rgba(118,118,128,.1);font-size:12px;font-weight:750;color:var(--muted)}.filter-pill.active{background:var(--blue);color:#fff}.status-badge{display:inline-block;vertical-align:2px;margin-left:6px;padding:3px 7px;border-radius:9px;font-size:9px}.status-badge.pending{background:rgba(255,149,0,.12);color:#bf7100}.status-badge.paid{background:rgba(52,199,89,.13);color:#198c39}.status-control{display:grid;grid-template-columns:1fr 1fr;background:rgba(118,118,128,.1);padding:4px;border-radius:14px}.status-control button{padding:10px;border-radius:11px;background:transparent;font-weight:750;color:var(--muted)}.status-control button.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(0,0,0,.1)}.photo-settings,.sync-settings,.export-settings{margin-top:14px}.photo-preview-wrap{display:flex;align-items:center;gap:15px;margin-bottom:15px}.photo-preview-wrap>div:last-child{display:grid;gap:4px}.secondary-button{width:100%;padding:13px 16px;border-radius:14px;background:rgba(0,122,255,.09);color:var(--blue);font-weight:800}.ios-range{padding:0;border:0;box-shadow:none;accent-color:var(--blue)}.settings-copy{line-height:1.45}.sync-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sync-actions .primary-button{padding:13px}.sync-note{display:block;margin-top:12px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.export-grid button{font-size:12px}@media(max-width:640px){.header-photo{width:44px;height:44px;border-radius:14px}.top-identity{gap:10px}.year-chart{height:125px;gap:3px}.chart-month b{font-size:9px}.export-grid{grid-template-columns:1fr}.analytics-card{padding:17px}}