.supporter-welcome{background:#f4eddb;border-color:#e6d7ae}.supporter-welcome .member-welcome-mark{background:#fffaf0}.supporter-trends{padding:28px}.supporter-trends h2{font-size:24px;margin:12px 0}.supporter-trends>p{font-size:14px;line-height:1.9;color:#6c6251}.supporter-trend-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:30px auto;max-width:800px}.supporter-trend-column{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px}.supporter-trend-column strong{font-size:20px}.supporter-trend-track{height:180px;width:min(56px,100%);display:flex;align-items:flex-end;background:#f2ece0;border-radius:8px;overflow:hidden}.supporter-trend-track>span{display:block;width:100%;background:#a88735;border-radius:8px 8px 0 0}.supporter-task-list{padding:0 25px 20px;display:grid;gap:16px}.supporter-task-card{padding:20px;border:1px solid #e8e0d1;border-radius:14px;background:#fffcf7}.supporter-task-card>div{display:flex;justify-content:space-between;align-items:start;gap:18px}.supporter-task-card h3{font-size:16px;line-height:1.8;overflow-wrap:anywhere;margin:0}.supporter-task-card p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#6a655b;margin:12px 0}.supporter-task-card dl{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px;font-size:12px;margin:16px 0 0}.supporter-task-card dd{margin:0}.supporter-task-card dt{color:#706954}.supporter-overdue{display:block;color:#984b2f;font-size:12px;margin-top:14px}.supporter-trends table caption{text-align:start;padding:15px 0;font-size:14px;font-weight:600}.supporter-trends table tbody th{text-align:start;color:inherit;font-weight:500}
@media(max-width:550px){.supporter-trends{padding:22px 16px}.supporter-trend-chart{gap:8px}.supporter-trend-track{height:130px}.supporter-trend-column{font-size:10px}.supporter-task-list{padding:0 16px 16px}.supporter-task-card{padding:16px}.supporter-task-card dl{grid-template-columns:105px 1fr}.supporter-task-card>div{flex-wrap:wrap}}