.groups-container{max-width:900px;margin:auto;padding:40px 20px;font-family:Arial,Helvetica,sans-serif}.groups-buttons{gap:15px;margin-bottom:30px;display:flex}.groups-buttons button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .3s}.groups-buttons button:hover{background:#0056c7}.groups-list{flex-direction:column;gap:15px;display:flex}.group-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:18px;transition:all .2s}.group-card:hover{box-shadow:0 3px 10px #0000001a}.group-card h4{margin:0;font-size:18px}.group-card p{color:#555;margin:6px 0}.group-card button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:5px;margin-top:10px;padding:7px 14px}.group-card button:hover{background:#1f7e34}.create-group{max-width:400px}.create-group input,.create-group textarea{border:1px solid #ccc;border-radius:6px;width:100%;margin-top:8px;margin-bottom:15px;padding:10px;font-size:14px}.create-group textarea{resize:none;height:80px}.create-group button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:6px;padding:10px 20px}.create-group button:hover{background:#0056c7}.group-success{text-align:center;margin-top:40px}.group-success h2{color:#28a745}.group-success input{border:1px solid #ccc;border-radius:6px;width:320px;padding:10px}.share-buttons{justify-content:center;gap:15px;margin-top:20px;display:flex}.share-buttons button{cursor:pointer;border:none;border-radius:6px;padding:10px 15px}.whatsapp{color:#fff;background:#25d366}.copy{color:#fff;background:#333}.badge{color:#fff;background:red;border-radius:50%;margin-left:8px;padding:4px 8px;font-size:12px}