.growth-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.growth-summary-cell{display:flex;flex-direction:column;gap:7px;padding:19px 16px;background:#f0f5ed;border:1px solid #e3eadf;border-radius:16px}.growth-summary-cell strong{font-size:1.35rem;color:#245b42;font-variant-numeric:tabular-nums}.growth-summary-cell span{font-size:.84rem;color:#71806b}.growth-rule{font-size:.88rem;color:#7c856f;line-height:1.65}.growth-repair{padding:18px;border:1px solid #e3c997;border-radius:15px;background:#fff9e9;display:flex;align-items:center;gap:16px;margin:16px 0}.growth-repair p{margin:0;flex:1}.growth-repair[hidden]{display:none}.growth-section{margin:24px 0;border:1px solid #e0e8de;border-radius:20px;background:#fff;overflow:hidden}.growth-section-header{padding:20px 22px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #edf1e9;flex-wrap:wrap}.growth-section-header h2{font-size:1.2rem;margin:0}.growth-period-tabs{display:flex;gap:6px}.growth-period-tabs button{background:#f0f4ed;border:0;color:#60755f;padding:9px 14px;border-radius:10px}.growth-period-tabs button[aria-pressed=true]{background:#236348;color:white}.growth-task-list{padding:0 22px}.growth-task{display:flex;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #edf0e8}.growth-task:last-child{border:0}.growth-task-body{flex:1;min-width:0}.growth-task h3{font-size:1rem;margin:0 0 9px;color:#355744}.growth-task p{margin:0 0 5px;font-variant-numeric:tabular-nums;color:#6b7b65}.growth-task small{color:#ac8642}.growth-task .uc-btn{white-space:nowrap;flex-shrink:0}.growth-track{height:6px;background:#eaf0e4;border-radius:20px;overflow:hidden;margin-top:12px}.growth-track i{display:block;background:#91b774;height:100%;border-radius:20px}.growth-task.complete .growth-track i{background:#287853}.growth-all-done{margin:0;padding:16px 22px;background:#edf5e8;color:#4a7544}.growth-all-done[hidden]{display:none}.growth-calendar-wrap{padding:20px;overflow-x:auto;max-width:100%}.growth-calendar.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.growth-weekday{text-align:center;color:#7e8b75;padding:8px}.growth-day{position:relative;border:1px solid #e8eddf;background:#f1f4eb;color:#66775e;border-radius:9px;min-width:0;padding:12px 3px;display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums;gap:4px}.growth-day small{font-size:.7rem}.growth-day.qualified{background:#a9c897;border-color:#99be86;color:#2e5739}.growth-day.partial{background:#e9edce}.growth-day.protected{background:#d8e7f1;border-color:#b3cede;color:#4d7490}.growth-day.future{opacity:.32}.growth-calendar.year{display:grid;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(7,15px);grid-auto-columns:15px;gap:4px}.growth-calendar.year .growth-day{border-radius:3px;padding:0}.growth-calendar.year .growth-protected-mark{font-size:10px}.growth-calendar-detail{margin:0;padding:0 22px 20px;color:#718266;font-size:.85rem}.growth-calendar-legend{display:flex;gap:16px;padding:0 22px 20px;font-size:.8rem;color:#7b8972;flex-wrap:wrap}.growth-calendar-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px}.growth-calendar-legend .green{background:#a9c897}.growth-calendar-legend .blue{background:#d8e7f1}.growth-calendar-legend .gray{background:#f1f4eb}.growth-status{color:#537650;font-size:.9rem;overflow-wrap:anywhere}.growth-home{display:block;max-width:570px;margin:24px 0 0;padding:17px 19px;background:#f1f6ec;border:1px solid #e0ead5;border-radius:16px;color:#386149;text-decoration:none}.growth-home[hidden]{display:none}.growth-home strong{display:block;margin-bottom:8px}.growth-home span{font-size:.82rem;margin-right:14px;color:#708264;display:inline-block;line-height:1.7}.growth-home:hover{color:#286243;background:#ebf3e4}.growth-calendar-wrap::-webkit-scrollbar{height:7px}.growth-calendar-wrap::-webkit-scrollbar-thumb{background:#b7c8ae;border-radius:10px}.growth-calendar-wrap{scrollbar-width:thin;scrollbar-color:#b7c8ae #f4f6ee}@media(max-width:600px){.growth-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.growth-summary-cell{padding:16px 12px}.growth-summary-cell strong{font-size:1.13rem}.growth-repair{flex-direction:column;align-items:flex-start}.growth-section-header{padding:17px 14px}.growth-task-list{padding:0 14px}.growth-task{gap:12px}.growth-task h3{line-height:1.5}.growth-task .uc-btn{padding:9px 11px;font-size:.8rem}.growth-calendar-wrap{padding:12px}.growth-calendar.month{gap:4px}.growth-day{padding:9px 2px;font-size:.82rem}.growth-day small{font-size:.62rem}.growth-period-tabs button{padding:8px 11px}}
.growth-task-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.growth-task-heading h2{font-size:1.2rem;margin:0}.growth-task-tabs,.growth-calendar-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.growth-task-tabs button[aria-pressed=true]{background:#236348;color:white}.growth-calendar-controls select,.growth-calendar-controls input{border:1px solid #dce4d5;border-radius:9px;padding:8px;background:#fff;color:#577152;min-width:0;max-width:100%}.growth-calendar-scroll{overflow:auto;max-width:100%;padding:10px 0 20px;scrollbar-width:thin;scrollbar-color:#b7c8ae #f4f6ee}.growth-calendar-card{margin-top:20px}.growth-calendar-scroll::-webkit-scrollbar{height:7px}.growth-calendar-scroll::-webkit-scrollbar-thumb{background:#b7c8ae;border-radius:10px}

/* User-center growth panels share the existing card and typography system. */
.page-usercenter #growth-panel .growth-heading {margin-bottom:20px}
.page-usercenter #growth-panel .growth-heading h2 {font-size:20px;font-weight:650}
.page-usercenter #growth-panel .growth-heading p {font-size:12px;color:var(--uc-muted)}
.page-usercenter #growth-panel #growth-status {margin:0 0 14px}
.page-usercenter #growth-panel .growth-summary {gap:16px;margin:0 0 14px}
.page-usercenter #growth-panel .growth-summary-cell {position:relative;padding:18px 22px;gap:3px;border:1px solid var(--uc-line);border-radius:16px;background:#fff;box-shadow:var(--uc-shadow)}
.page-usercenter #growth-panel .growth-summary-cell strong {font-size:28px;line-height:1.4;font-weight:650;color:var(--uc-ink);letter-spacing:-.6px;overflow-wrap:anywhere}
.page-usercenter #growth-panel .growth-summary-cell span {font-size:12px;color:var(--uc-muted)}
.page-usercenter #growth-panel .growth-rule {font-size:12px;line-height:1.7;color:var(--uc-muted);margin:0 0 20px}
.page-usercenter #growth-panel .growth-columns {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.page-usercenter #growth-panel .growth-calendar-card {margin:0}
.page-usercenter #growth-panel .growth-task-header,.page-usercenter #growth-panel .growth-calendar-header {flex-wrap:wrap;row-gap:12px}
.page-usercenter #growth-panel .growth-task-tabs {gap:4px;background:#f2f6f3;border-radius:9px;padding:3px}
.page-usercenter #growth-panel .growth-task-tabs .uc-btn {min-height:30px;border:0;border-radius:6px;padding:5px 10px;font-size:12px;background:transparent;color:var(--uc-muted);font-weight:500}
.page-usercenter #growth-panel .growth-task-tabs .uc-btn[aria-pressed=true] {background:var(--uc-green);color:#fff}
.page-usercenter #growth-panel .growth-task-tabs .uc-btn:hover {color:var(--uc-green);background:#e7efe9}
.page-usercenter #growth-panel .growth-task-tabs .uc-btn[aria-pressed=true]:hover {background:#195d49;color:#fff}
.page-usercenter #growth-panel .growth-task-list {padding:0}
.page-usercenter #growth-panel .growth-task {padding:18px 0;gap:16px;border-color:var(--uc-line)}
.page-usercenter #growth-panel .growth-task:first-child {padding-top:0}
.page-usercenter #growth-panel .growth-task:last-child {padding-bottom:0}
.page-usercenter #growth-panel .growth-task h3 {font-size:14px;font-weight:550;line-height:1.6;color:var(--uc-ink);margin:0 0 6px;overflow-wrap:anywhere}
.page-usercenter #growth-panel .growth-task p {font-size:12px;color:var(--uc-muted);margin:0 0 4px}
.page-usercenter #growth-panel .growth-task small {font-size:11px;color:var(--uc-gold)}
.page-usercenter #growth-panel .growth-task .uc-btn {font-size:12px;min-height:34px;padding:6px 12px}
.page-usercenter #growth-panel .growth-task .uc-btn:disabled {cursor:default;opacity:.6}
.page-usercenter #growth-panel .growth-track {height:5px;background:#edf2ee;margin-top:10px}
.page-usercenter #growth-panel .growth-track i {background:#8cb79c}
.page-usercenter #growth-panel .growth-task.complete .growth-track i {background:var(--uc-green)}
.page-usercenter #growth-panel .growth-all-done {font-size:12px;padding:12px 14px;margin:0 0 18px;border:1px solid #dbe9df;border-radius:9px;background:#f4f9f5;color:var(--uc-green)}
.page-usercenter #growth-panel .growth-repair {padding:16px 18px;margin:0 0 20px;border:1px solid #eee3c9;border-radius:12px;background:#faf8f1;font-size:13px}
.page-usercenter #growth-panel .growth-calendar-controls {gap:6px}
.page-usercenter #growth-panel .growth-calendar-controls select,.page-usercenter #growth-panel .growth-calendar-controls input {font-size:12px;min-height:34px;padding:5px 8px;border-color:#dce6df;border-radius:8px;color:var(--uc-ink)}
.page-usercenter #growth-panel .growth-calendar-controls input {width:145px}
.page-usercenter #growth-panel .growth-calendar-scroll {padding:0 0 16px}
.page-usercenter #growth-panel #growth-calendar-status {margin:0 0 12px}
.page-usercenter #growth-panel #growth-calendar-status:empty {display:none}
.page-usercenter #growth-panel .growth-calendar.month {gap:4px}
.page-usercenter #growth-panel .growth-weekday {padding:5px 0 8px;font-size:11px;color:var(--uc-muted)}
.page-usercenter #growth-panel .growth-day {min-height:52px;border:1px solid transparent;border-radius:8px;padding:6px 2px;font-size:12px;gap:3px;background:#f6f8f6;color:var(--uc-ink)}
.page-usercenter #growth-panel .growth-day small {font-size:9px;color:#768b7e}
.page-usercenter #growth-panel .growth-day.qualified {background:#eaf4ec;color:#355b45}
.page-usercenter #growth-panel .growth-day.qualified small {color:#508266}
.page-usercenter #growth-panel .growth-day.partial {background:#f5f1e4}
.page-usercenter #growth-panel .growth-day.protected {background:#e7f0f7;color:#49718e}
.page-usercenter #growth-panel .growth-day:hover:not(:disabled) {border-color:#85b29a}
.page-usercenter #growth-panel .growth-calendar.year .growth-day {min-height:0;padding:0;border-radius:3px;border-color:#e5ece7}
.page-usercenter #growth-panel .growth-calendar.year .growth-day.qualified {background:#8cb79c;border-color:#8cb79c}
.page-usercenter #growth-panel .growth-calendar.year .growth-day.protected {background:#aecadf;border-color:#aecadf}
.page-usercenter #growth-panel .growth-calendar-legend {gap:12px;padding:0;margin-bottom:12px;font-size:11px;color:var(--uc-muted)}
.page-usercenter #growth-panel .growth-calendar-legend span {display:inline-flex;align-items:center;gap:5px}
.page-usercenter #growth-panel .growth-calendar-legend i {margin:0}
.page-usercenter #growth-panel .growth-calendar-legend .green {background:#8cb79c}
.page-usercenter #growth-panel .growth-calendar-legend .blue {background:#aecadf}
.page-usercenter #growth-panel .growth-calendar-legend .gray {background:#f6f8f6;border:1px solid var(--uc-line)}
.page-usercenter #growth-panel #growth-calendar-detail {margin:0;font-size:12px}
@media(max-width:960px){.page-usercenter #growth-panel .growth-summary-cell {padding:16px 18px}.page-usercenter #growth-panel .growth-summary {gap:12px}}
@media(max-width:740px){
 .page-usercenter #growth-panel .growth-columns {grid-template-columns:minmax(0,1fr);gap:16px}
 .page-usercenter #growth-panel .growth-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .page-usercenter #growth-panel .growth-summary-cell {padding:13px 14px;border-radius:12px}
 .page-usercenter #growth-panel .growth-summary-cell strong {font-size:23px}
 .page-usercenter #growth-panel .growth-summary-cell span {font-size:11px}
 .page-usercenter #growth-panel .growth-heading {margin-bottom:16px}
 .page-usercenter #growth-panel .growth-heading h2 {font-size:18px}
 .page-usercenter #growth-panel .growth-heading p {font-size:11px}
 .page-usercenter #growth-panel .growth-task {gap:12px}
 .page-usercenter #growth-panel .growth-task h3 {font-size:13px}
 .page-usercenter #growth-panel .growth-repair {padding:14px;align-items:flex-start;flex-direction:column}
}