.tabs-container {
            display: flex;
            border-bottom: 2px solid #e2e8f0;
            margin-bottom: 20px;
            gap: 1%;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        .tab-btn {
            background: none;
            border: none;
            padding: 10px 15px;
            font-size: 0.95rem;
            font-weight: 600;
            color: #64748b;
            cursor: pointer;
            border-bottom: 3px solid transparent;
            transition: all 0.2s;
        }
        .tab-btn.active {
            color: var(--primary);
            border-bottom-color: var(--primary);
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .sorteo-group-card {
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 15px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }
        .sorteo-group-header {
            font-weight: 700;
            font-size: 1.05rem;
            color: var(--primary);
            border-bottom: 2px solid #f1f5f9;
            padding-bottom: 6px;
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .sorteo-member-item {
            display: flex;
            justify-content: space-between;
            padding: 5px 0;
            font-size: 0.9rem;
            border-bottom: 1px dashed #f1f5f9;
        }
        .badge-role {
            font-size: 0.72rem;
            padding: 2px 6px;
            border-radius: 4px;
            font-weight: 700;
        }
        .badge-head { background: #fee2e2; color: #ef4444; }
        .badge-member { background: #e0f2fe; color: #0284c7; }
        .badge-spouse { background: #fef3c7; color: #d97706; }
        
        .heads-selection-container {
            max-height: 200px;
            overflow-y: auto;
            border: 1px solid #e2e8f0;
            border-radius: 6px;
            padding: 10px;
            background: #f8fafc;
            margin-top: 8px;
        }
        .heads-checkbox-label {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 4px 0;
            font-size: 0.88rem;
            cursor: pointer;
            color: #334155;
        }
        .heads-checkbox-label:hover {
            background: #f1f5f9;
        }