:root{--social-accent:#64e6bd;--social-panel:#152137;--social-soft:#20304a;--social-muted:#9fb0c7}
.social-page{display:grid;gap:14px}.social-hero{background:linear-gradient(135deg,#14243e,#103936);border:1px solid #31506a;border-radius:20px;padding:20px}.social-hero h1{margin:5px 0 7px}.social-chip-row{display:flex;gap:8px;overflow:auto;padding:2px 0 5px}.social-chip{white-space:nowrap;border:1px solid #38506e;background:#111b2e;color:#dbe6f5;border-radius:999px;padding:9px 13px}.social-chip.active{color:#06251c;background:var(--social-accent);border-color:var(--social-accent);font-weight:800}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.social-card{overflow:hidden;border:1px solid #2d405c;border-radius:18px;background:var(--social-panel)}.social-cover{aspect-ratio:16/10;background:linear-gradient(145deg,#263a59,#174d47);display:grid;place-items:center;color:#bcd0df;font-size:40px;overflow:hidden}.social-cover img{width:100%;height:100%;object-fit:cover}.social-body{padding:15px}.social-author{display:flex;align-items:center;gap:10px;margin-bottom:11px}.social-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#29415d;color:white;font-weight:900}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-author-copy{min-width:0;flex:1}.social-author-copy b,.social-author-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-author-copy small{color:var(--social-muted)}.social-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.social-actions button{min-height:44px;padding:9px 13px}.social-primary{background:var(--social-accent)!important;color:#06251c!important;border-color:var(--social-accent)!important;font-weight:850}.social-empty{padding:24px;border:1px dashed #3c526e;border-radius:16px;text-align:center;color:var(--social-muted)}.social-rollout{padding:12px 14px;border:1px solid #6a5532;border-radius:13px;background:#2b2115;color:#ffe1a5}.social-profile-head{display:flex;gap:15px;align-items:center}.social-profile-head .social-avatar{width:72px;height:72px;flex:0 0 72px}.social-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.social-metrics div{padding:11px;border-radius:12px;background:var(--social-soft);text-align:center}.social-metrics b,.social-metrics small{display:block}.social-metrics small{color:var(--social-muted)}.social-compose textarea{min-height:110px}.social-upload-review{margin:10px 0;padding:12px;border:1px dashed #3e5674;border-radius:13px;color:var(--social-muted)}.social-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#12392f;color:#8bf1d2;font-size:12px}.social-admin-list{display:grid;gap:10px}.social-admin-item{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.social-notification{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #2d405c}.social-notification:last-child{border-bottom:0}.social-unread{width:9px;height:9px;margin-top:8px;border-radius:50%;background:var(--social-accent)}
@media(max-width:620px){.social-grid{grid-template-columns:1fr}.social-profile-head{align-items:flex-start}.social-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.social-metrics b{font-size:15px}}