.social-group-widget{padding:15px;font-family:sans-serif}.social-group-widget .tabs{display:flex;gap:20px;margin-bottom:10px}.social-group-widget .tabs span{cursor:pointer;font-weight:700}.social-group-widget .tabs .active{color:#f60}.social-group-widget ul{list-style:none;padding:0}.social-group-widget li{display:flex;align-items:center}.social-group-widget .icon{width:24px;height:24px;border-radius:50%;margin-right:10px}.icon-1{background:linear-gradient(135deg,#f6ad55,#f97316)}.icon-2{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.icon-3{background:linear-gradient(135deg,#fb7185,#f43f5e)}.icon-4{background:#888}.icon-5{background:#aaa}.group-name{flex:1}.join-btn{background-color:#f97316;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer}#qr-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:9999}.qr-box{background:#fff;padding:10px;border-radius:8px;position:relative}.qr-box img{width:200px;height:200px}