.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.metric-grid div{display:grid;gap:4px;padding:13px 8px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center}.metric-grid b{color:var(--green);font-size:18px}.metric-grid span{color:var(--muted);font-size:9px}
.rank-card{display:flex;align-items:center;gap:10px}.rank-card>b{width:22px;color:#9caaa4;text-align:center}.rank-card>strong{color:var(--green);font-size:12px}
.compact-row{display:flex;align-items:center;justify-content:space-between}.compact-row p{margin:4px 0 0;color:var(--muted);font-size:9px}.compact-row>span{color:var(--green);font-size:9px}.modal-tools{margin-top:14px}
.banner-strip{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:10px;margin-bottom:13px;overflow-x:auto;scroll-snap-type:x mandatory}.banner-strip button{position:relative;min-height:120px;padding:0;overflow:hidden;border:0;border-radius:19px;background:#dcece5;scroll-snap-align:start}.banner-strip img{width:100%;height:120px;display:block;object-fit:cover}.banner-strip strong{position:absolute;left:0;right:0;bottom:0;padding:18px 13px 11px;background:linear-gradient(transparent,rgba(6,34,26,.8));color:#fff;text-align:left;font-size:12px}.member-card{flex-wrap:wrap}.member-actions{width:100%;display:flex;justify-content:flex-end;gap:6px;padding-top:8px;border-top:1px solid #edf2ef}.member-actions button{padding:6px 9px}.banner-editor{display:grid;gap:14px}.banner-edit-row{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.banner-edit-row .section-head{margin:0}.banner-edit-row .section-head label,.clear-check{display:flex;grid-auto-flow:column;align-items:center;justify-content:flex-start;gap:6px}.banner-edit-row input[type="checkbox"]{width:auto}.banner-edit-row img,.banner-placeholder{width:100%;height:130px;border-radius:12px;object-fit:cover}.banner-placeholder{display:grid;place-items:center;background:#eef4f1;color:var(--muted);font-size:10px}
.search select{max-width:118px;padding:0 10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#52625c;font-size:10px}
.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:14px 1fr;gap:8px;position:relative;padding-bottom:15px}.timeline article:before{content:"";position:absolute;left:4px;top:10px;bottom:-3px;width:1px;background:#d8e6df}.timeline article:last-child:before{display:none}.timeline i{width:9px;height:9px;margin-top:3px;border:2px solid #bde0d0;border-radius:50%;background:var(--green);z-index:1}.timeline b{font-size:11px}.timeline p{margin:5px 0;color:#4d5e57;font-size:11px;line-height:1.55}.timeline small{color:var(--muted);font-size:9px}
.data-hero{padding:20px;border-radius:22px;background:linear-gradient(145deg,#123f34,#17825f);color:#fff}.data-hero>p{margin:0 0 10px;color:#cfe8df;font-size:10px}.data-hero>b{display:flex;align-items:baseline;gap:6px;font-size:30px}.data-hero>b small{font-size:10px}.data-hero>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.data-hero span{display:grid;gap:4px;color:#cae6dc;text-align:center;font-size:9px}.data-hero strong{color:#fff;font-size:16px}.tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tier-box{display:grid;gap:4px;padding:13px 4px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}.tier-box b{font-size:18px}.tier-box span{color:var(--muted);font-size:8px}.tier-box.tier-A b{color:#159e6f}.tier-box.tier-B b{color:#d49424}.tier-box.tier-C b{color:#4e83bd}.tier-box.tier-D b{color:#8b9290}.points-hero{display:grid;grid-template-columns:1fr 1fr;gap:10px}.points-hero div{display:grid;gap:5px;padding:16px;border-radius:16px;background:var(--soft);text-align:center}.points-hero span{color:var(--muted);font-size:9px}.points-hero b{color:var(--green);font-size:24px}.final-profile{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.final-profile button{padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green);font-size:10px;font-weight:700}.final-profile button:last-child:nth-child(3){grid-column:1/-1}